/*
 * Our epms.css and default.css are loaded before some of the third party CSS files
 *
 * This custom CSS files is loaded the last to overwrite any styles including third party styles
 *
 * Only global styles are supposed to be put in this file.
 * If the style is customised only in certain context, please use weight.
 * For example: .elmo-recruitment .toggle.btn { min-width: 90px}
 *
 * For every custom rules, please give details comments of why we have to do it,
 * otherwise it will not be approved by reviewers
 */

/*
 * ID: 001
 * This is to increase the width of the toggle button globally to show the full text on the button
 * This needs to be global to be consistent everywhere
 * The issue is raised in ER-617
 */
.toggle { max-width: 120px !important; }
.toggle.btn { min-width: 90px; }
.toggle.btn-lg { min-width: 120px; }
.toggle.btn-sm { min-width: 80px; }
.toggle.btn-xs { min-width: 65px; }
/* END OF ID: 001 */

/* Progress bar color for benchmarking */
.progress-bar-current {
    background-color: #0098E5;
}
.progress-striped .progress-bar-current {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-benchmark {
    background-color: #B06E4D;
}
.progress-striped .progress-bar-benchmark {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}