/* custom.css */
/* Edited by Isaiah Cash */
/* This file serves as application specific CSS. */

@media print {
#crd, #main-navigation, nav, footer, #buttons, #system-indicia {display:none;}
#candidate, #dept_cost, #work_loc {margin-bottom: -3px !important;}
#title {margin-top:0px;}
#title h3 {font-size: 25px;}
h5 {font-size: 15px;}

input#department_cc, 
input#firstn, 
input#middlen, 
input#lastn, 
#pernr, 
#start_date, 
#recruit, 
#pos_number, 
#roster_date, 
#bg_check_date, 
#bg_package {font-weight: 900 !important;}
}

/* Custom for CAS Login */
.cas-login-button {
    display: block;
    width: 250px;

    background-color: rgb(219, 220, 222) !important;
    color: rgb(51, 51, 51) !important;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
/* ---------- */

/* Responsive Bootstrap 4.3 Datatable */
.no-wrap-col {
    white-space: nowrap;
}

.table {
    width: 100% !important;
    min-width: 600px;
    display: table;
}

.dt-bootstrap4>.row>.col-sm-12 {
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .dt-bootstrap4>.row>.col-sm-12>div {
        text-align: left;
    }
}

/* ---------- */

/* Buttons/Colors UTK */

/* btn-smokey */
.btn-smokey {
    color: #ffffff !important;
    background-color: #58595b !important;
    /* Default */
    border-color: #58595b !important;
    /* Default */
}

.btn-smokey:hover {
    color: #ffffff !important;
    background-color: #3a3b3d !important;
    /* -30 brightness*/
    border-color: #2b2c2e !important;
    /* -45 brightness */
}

.btn-smokey:focus,
.btn-smokey.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 59, 61, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-smokey.disabled,
.btn-smokey:disabled {
    color: #ffffff !important;
    background-color: #58595b !important;
    /* Default */
    border-color: #58595b !important;
    /* Default */
}

.btn-smokey:not(:disabled):not(.disabled):active,
.btn-smokey:not(:disabled):not(.disabled).active,
.show>.btn-smokey.dropdown-toggle {
    color: #ffffff !important;
    background-color: #2b2c2e !important;
    /* -45 brightness */
    border-color: #212224 !important;
    /* -55 brightness */
}

.btn-smokey:not(:disabled):not(.disabled):active:focus,
.btn-smokey:not(:disabled):not(.disabled).active:focus,
.show>.btn-smokey.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 59, 61, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-sunsphere */
.btn-sunsphere {
    color: #58595b !important;
    background-color: #fed535 !important;
    /* Default */
    border-color: #fed535 !important;
    /* Default */
}

.btn-sunsphere:hover {
    color: #58595b !important;
    background-color: #e0b735 !important;
    /* -30 brightness*/
    border-color: #d1a934 !important;
    /* -45 brightness */
}

.btn-sunsphere:focus,
.btn-sunsphere.focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 183, 53, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

.btn-sunsphere.disabled,
.btn-sunsphere:disabled {
    color: #58595b !important;
    background-color: #fed535 !important;
    /* Default */
    border-color: #fed535 !important;
    /* Default */
}

.btn-sunsphere:not(:disabled):not(.disabled):active,
.btn-sunsphere:not(:disabled):not(.disabled).active,
.show>.btn-sunsphere.dropdown-toggle {
    color: #58595b !important;
    background-color: #d1a934 !important;
    /* -45 brightness */
    border-color: #c79f34 !important;
    /* -55 brightness */
}

.btn-sunsphere:not(:disabled):not(.disabled):active:focus,
.btn-sunsphere:not(:disabled):not(.disabled).active:focus,
.show>.btn-sunsphere.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 183, 53, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-valley */
.btn-valley {
    color: #ffffff !important;
    background-color: #00746f !important;
    /* Default */
    border-color: #00746f !important;
    /* Default */
}

.btn-valley:hover {
    color: #ffffff !important;
    background-color: #005651 !important;
    /* -30 brightness*/
    border-color: #004742 !important;
    /* -45 brightness */
}

.btn-valley:focus,
.btn-valley.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 86, 81, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-valley.disabled,
.btn-valley:disabled {
    color: #ffffff !important;
    background-color: #00746f !important;
    /* Default */
    border-color: #00746f !important;
    /* Default */
}

.btn-valley:not(:disabled):not(.disabled):active,
.btn-valley:not(:disabled):not(.disabled).active,
.show>.btn-valley.dropdown-toggle {
    color: #ffffff !important;
    background-color: #004742 !important;
    /* -45 brightness */
    border-color: #003d38 !important;
    /* -55 brightness */
}

.btn-valley:not(:disabled):not(.disabled):active:focus,
.btn-valley:not(:disabled):not(.disabled).active:focus,
.show>.btn-valley.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 86, 81, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-leconte */
.btn-leconte {
    color: #ffffff !important;
    background-color: #8d2048 !important;
    /* Default */
    border-color: #8d2048 !important;
    /* Default */
}

.btn-leconte:hover {
    color: #ffffff !important;
    background-color: #6f2037 !important;
    /* -30 brightness*/
    border-color: #601e30 !important;
    /* -45 brightness */
}

.btn-leconte:focus,
.btn-leconte.focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 32, 55, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-leconte.disabled,
.btn-leconte:disabled {
    color: #ffffff !important;
    background-color: #8d2048 !important;
    /* Default */
    border-color: #8d2048 !important;
    /* Default */
}

.btn-leconte:not(:disabled):not(.disabled):active,
.btn-leconte:not(:disabled):not(.disabled).active,
.show>.btn-leconte.dropdown-toggle {
    color: #ffffff !important;
    background-color: #601e30 !important;
    /* -45 brightness */
    border-color: #561f2a !important;
    /* -55 brightness */
}

.btn-leconte:not(:disabled):not(.disabled):active:focus,
.btn-leconte:not(:disabled):not(.disabled).active:focus,
.show>.btn-leconte.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 32, 55, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */


/* btn-globe */
.btn-globe {
    color: #ffffff !important;
    background-color: #006c93 !important;
    /* Default */
    border-color: #006c93 !important;
    /* Default */
}

.btn-globe:hover {
    color: #ffffff !important;
    background-color: #004d75 !important;
    /* -30 brightness*/
    border-color: #004e66 !important;
    /* -45 brightness */
}

.btn-globe:focus,
.btn-globe.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 83, 117, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-globe.disabled,
.btn-globe:disabled {
    color: #ffffff !important;
    background-color: #006c93 !important;
    /* Default */
    border-color: #006c93 !important;
    /* Default */
}

.btn-globe:not(:disabled):not(.disabled):active,
.btn-globe:not(:disabled):not(.disabled).active,
.show>.btn-globe.dropdown-toggle {
    color: #ffffff !important;
    background-color: #004e66 !important;
    /* -45 brightness */
    border-color: #00445c !important;
    /* -55 brightness */
}

.btn-globe:not(:disabled):not(.disabled):active:focus,
.btn-globe:not(:disabled):not(.disabled).active:focus,
.show>.btn-globe.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 83, 117, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-torch */
.btn-torch {
    color: #ffffff !important;
    background-color: #e65933 !important;
    /* Default */
    border-color: #e65933 !important;
    /* Default */
}

.btn-torch:hover {
    color: #ffffff !important;
    background-color: #c85333 !important;
    /* -30 brightness*/
    border-color: #b9432c !important;
    /* -45 brightness */
}

.btn-torch:focus,
.btn-torch.focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 77, 47, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-torch.disabled,
.btn-torch:disabled {
    color: #ffffff !important;
    background-color: #e65933 !important;
    /* Default */
    border-color: #e65933 !important;
    /* Default */
}

.btn-torch:not(:disabled):not(.disabled):active,
.btn-torch:not(:disabled):not(.disabled).active,
.show>.btn-torch.dropdown-toggle {
    color: #ffffff !important;
    background-color: #b9432c !important;
    /* -45 brightness */
    border-color: #af422b !important;
    /* -55 brightness */
}

.btn-torch:not(:disabled):not(.disabled):active:focus,
.btn-torch:not(:disabled):not(.disabled).active:focus,
.show>.btn-torch.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 77, 47, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-ut-orange */
.btn-ut-orange {
    color: #58595b !important;
    background-color: #ff8200 !important;
    /* Default */
    border-color: #ff8200 !important;
    /* Default */
}

.btn-ut-orange:hover {
    color: #58595b !important;
    background-color: #e17300 !important;
    /* -30 brightness*/
    border-color: #d27100 !important;
    /* -45 brightness */
}

.btn-ut-orange:focus,
.btn-ut-orange.focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 115, 0, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

.btn-ut-orange.disabled,
.btn-ut-orange:disabled {
    color: #58595b !important;
    background-color: #ff8200 !important;
    /* Default */
    border-color: #ff8200 !important;
    /* Default */
}

.btn-ut-orange:not(:disabled):not(.disabled):active,
.btn-ut-orange:not(:disabled):not(.disabled).active,
.show>.btn-ut-orange.dropdown-toggle {
    color: #58595b !important;
    background-color: #d27100 !important;
    /* -45 brightness */
    border-color: #c86500 !important;
    /* -55 brightness */
}

.btn-ut-orange:not(:disabled):not(.disabled):active:focus,
.btn-ut-orange:not(:disabled):not(.disabled).active:focus,
.show>.btn-ut-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 115, 0, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */


/* btn-river */
.btn-river {
    color: #ffffff !important;
    background-color: #517c96 !important;
    /* Default */
    border-color: #517c96 !important;
    /* Default */
}

.btn-river:hover {
    color: #ffffff !important;
    background-color: #3b5e78 !important;
    /* -30 brightness*/
    border-color: #334f69 !important;
    /* -45 brightness */
}

.btn-river:focus,
.btn-river.focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 94, 120, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

.btn-river.disabled,
.btn-river:disabled {
    color: #ffffff !important;
    background-color: #517c96 !important;
    /* Default */
    border-color: #517c96 !important;
    /* Default */
}

.btn-river:not(:disabled):not(.disabled):active,
.btn-river:not(:disabled):not(.disabled).active,
.show>.btn-river.dropdown-toggle {
    color: #ffffff !important;
    background-color: #334f69 !important;
    /* -45 brightness */
    border-color: #2e445f !important;
    /* -55 brightness */
}

.btn-river:not(:disabled):not(.disabled):active:focus,
.btn-river:not(:disabled):not(.disabled).active:focus,
.show>.btn-river.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 94, 120, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-switchgrass */
.btn-switchgrass {
    color: #ffffff !important;
    background-color: #abc178 !important;
    /* Default */
    border-color: #abc178 !important;
    /* Default */
}

.btn-switchgrass:hover {
    color: #ffffff !important;
    background-color: #8ea360 !important;
    /* -30 brightness*/
    border-color: #7f9450 !important;
    /* -45 brightness */
}

.btn-switchgrass:focus,
.btn-switchgrass.focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 163, 96, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

.btn-switchgrass.disabled,
.btn-switchgrass:disabled {
    color: #ffffff !important;
    background-color: #abc178 !important;
    /* Default */
    border-color: #abc178 !important;
    /* Default */
}

.btn-switchgrass:not(:disabled):not(.disabled):active,
.btn-switchgrass:not(:disabled):not(.disabled).active,
.show>.btn-switchgrass.dropdown-toggle {
    color: #ffffff !important;
    background-color: #7f9450 !important;
    /* -45 brightness */
    border-color: #758a47 !important;
    /* -55 brightness */
}

.btn-switchgrass:not(:disabled):not(.disabled):active:focus,
.btn-switchgrass:not(:disabled):not(.disabled).active:focus,
.show>.btn-switchgrass.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(142, 163, 96, 0.5) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-rock */
.btn-rock {
    color: #333333 !important;
    background-color: #e0e0e0 !important;
    /* Default */
    border-color: #e0e0e0 !important;
    /* Default */
}

.btn-rock:hover {
    color: #333333 !important;
    background-color: #c2c2c2 !important;
    /* -30 brightness*/
    border-color: #b3b3b3 !important;
    /* -45 brightness */
}

.btn-rock:focus,
.btn-rock.focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 194, 194, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-rock.disabled,
.btn-rock:disabled {
    color: #333333 !important;
    background-color: #e0e0e0 !important;
    /* Default */
    border-color: #e0e0e0 !important;
    /* Default */
}

.btn-rock:not(:disabled):not(.disabled):active,
.btn-rock:not(:disabled):not(.disabled).active,
.show>.btn-rock.dropdown-toggle {
    color: #333333 !important;
    background-color: #b3b3b3 !important;
    /* -45 brightness */
    border-color: #a9a9a9 !important;
    /* -55 brightness */
}

.btn-rock:not(:disabled):not(.disabled):active:focus,
.btn-rock:not(:disabled):not(.disabled).active:focus,
.show>.btn-rock.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 194, 194, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */


/* btn-legacy */
.btn-legacy {
    color: #ffffff !important;
    background-color: #579584 !important;
    /* Default */
    border-color: #579584 !important;
    /* Default */
}

.btn-legacy:hover {
    color: #ffffff !important;
    background-color: #3b7766 !important;
    /* -30 brightness*/
    border-color: #336857 !important;
    /* -45 brightness */
}

.btn-legacy:focus,
.btn-legacy.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 104, 87, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-legacy.disabled,
.btn-legacy:disabled {
    color: #ffffff !important;
    background-color: #579584 !important;
    /* Default */
    border-color: #579584 !important;
    /* Default */
}

.btn-legacy:not(:disabled):not(.disabled):active,
.btn-legacy:not(:disabled):not(.disabled).active,
.show>.btn-legacy.dropdown-toggle {
    color: #ffffff !important;
    background-color: #336857 !important;
    /* -45 brightness */
    border-color: #2d5e4d !important;
    /* -55 brightness */
}

.btn-legacy:not(:disabled):not(.disabled):active:focus,
.btn-legacy:not(:disabled):not(.disabled).active:focus,
.show>.btn-legacy.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 104, 87, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */

/* btn-regalia */
.btn-regalia {
    color: #ffffff !important;
    background-color: #754a7e !important;
    /* Default */
    border-color: #754a7e !important;
    /* Default */
}

.btn-regalia:hover {
    color: #ffffff !important;
    background-color: #572f60 !important;
    /* -30 brightness*/
    border-color: #482851 !important;
    /* -45 brightness */
}

.btn-regalia:focus,
.btn-regalia.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 40, 81, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

.btn-regalia.disabled,
.btn-regalia:disabled {
    color: #ffffff !important;
    background-color: #754a7e !important;
    /* Default */
    border-color: #754a7e !important;
    /* Default */
}

.btn-regalia:not(:disabled):not(.disabled):active,
.btn-regalia:not(:disabled):not(.disabled).active,
.show>.btn-regalia.dropdown-toggle {
    color: #ffffff !important;
    background-color: #482851 !important;
    /* -45 brightness */
    border-color: #3e2247 !important;
    /* -55 brightness */
}

.btn-regalia:not(:disabled):not(.disabled):active:focus,
.btn-regalia:not(:disabled):not(.disabled).active:focus,
.show>.btn-regalia.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 40, 81, 0.51) !important;
    /* -30 brightness, 50% opacity */
}

/* ---------- */