/* new modern styles & overrides */
/*.btn:hover {
    text-decoration: underline;
}    */    

.nav-item a:hover,
.main-footer a:hover {
    color: rgba(75, 102, 131, 0.7);
    background-color: transparent;
}

.nav-item a,
.main-footer a {
    color: rgba(43, 51, 83, 1);
    text-decoration: none;
    background-color: transparent;
}

.main-sidebar {
    box-shadow: 0 0 1px rgba(0, 0, 0, .1),
        0 1px 2px rgba(0, 0, 0, .1);
}

.modern-color,
.btn-tool,
.card-title>.fa {
    color: rgba(105, 150, 173, 1) !important;
}

.nav-sidebar>.nav-item>.nav-link.active,
.btn-primary-modern,
.btn-modern,
.nav-tabs .nav-link.active {
    background-color: rgba(105, 150, 173, 1) !important;
    color: white !important;
}

.btn-danger-modern,
.bg-danger-modern,
.bg-red-modern {
    background-color: rgba(232, 95, 92, 1) !important;
    color: white !important;
}

.btn-alert-modern,
.bg-alert-modern,
.bg-orange-modern {
    background-color: rgba(238, 150, 75, 1) !important;
    color: white !important;
}

.btn-warning-modern,
.bg-warning-modern,
.bg-yellow-modern {
    background-color: rgba(244, 216, 112, 1) !important;
    color: black !important;
}

.btn-info-modern,
.bg-info-modern {
    background-color: rgba(105, 150, 173, 1) !important;
    color: white !important;
}

.btn-success-modern,
.bg-green-modern {
    background-color: rgba(121, 180, 115, 1) !important;
    color: white !important;
}

.btn-secondary-modern {
    background-color: rgba(198, 199, 212, 1) !important;
    color: black !important;
}

/* tabs bottom line */
.nav-tabs {
    border-bottom: 1px solid rgba(105, 150, 173, 0.3) !important;
}

.briefing-icon {
    color: cornflowerblue;
}

.diversity-icon {
    color: darkgoldenrod;
}

.goals-icon {
    color: indianred;
}

.attainment-icon {
    color: cadetblue;
}

.disparity-icon {
    color: mediumpurple;
}

.veteran-icon {
    color: darkseagreen;
}

.iwd-icon {
    color: dodgerblue;
}

.nav-sidebar>.nav-item>.nav-link.active>.briefing-icon,
.nav-sidebar>.nav-item>.nav-link.active>.diversity-icon,
.nav-sidebar>.nav-item>.nav-link.active>.goals-icon,
.nav-sidebar>.nav-item>.nav-link.active>.attainment-icon,
.nav-sidebar>.nav-item>.nav-link.active>.disparity-icon,
.nav-sidebar>.nav-item>.nav-link.active>.veteran-icon,
.nav-sidebar>.nav-item>.nav-link.active>.iwd-icon {
    color: white !important;
}

#reportform-plan_id,
.select2-container--krajee-bs4 .select2-selection--single {
    border-radius: 20px 20px;
    background-color: #F4F6F9;
    box-shadow: inset 0px 1px 0px 0px lightgray;
    border: 0;
}

#report-form .select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow {
    border-left: none;
}

#report-form .select2-selection__clear {
    display: none;
}

#report-form .select2-container--krajee-bs4 .select2-selection--single .select2-selection__rendered {
    text-align: center;
}

.info-box .info-box-content {
    overflow: visible !important;
}

.info-box .info-box-number {
    font-size: 1.25rem;
    margin-top: 0 !important;
}

.info-box .info-box-text {
    color: gray;
    margin-bottom: -5px !important;
    white-space: nowrap !important;
}

.info-box-icon>.fa,
.info-box-icon>.far {
    padding: 10px;
    color: rgba(105, 150, 173, 1);
    /*background-color: rgb(209, 216, 241, 0.5);
    border-radius: 5px 5px;*/
    min-width: 55px;
}

/*.info-box-simple > .info-box-icon >.fa,
.info-box-simple > .info-box-icon >.fas {
    margin-top: -30px;
}*/

.info-box {
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 0px 1px rgba(0, 0, 0, .2) !important;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100% !important;
    }
}

.bg-modern {
    background-color: rgba(105, 150, 173, 1) !important;
}

/*.btn-remove {
    color: white !important;
}*/

.showtop-label {
    color: black !important;
}

.chart-title-bar {
    font-size: larger;
    font-weight: 500
}

.nav-tabs .nav-link {
    border-color: rgba(105, 150, 173, 1) !important;
}

.benchmarkstatus-outcome {
    font-size: 0.9rem;
    color: gray;
    vertical-align: text-bottom;
    margin-left: 5px;
}

.benchmarkstatus .fa {
    font-size: 2rem;
    padding: 5px;
}

.benchmarkstatus .success {
    color: rgba(121, 180, 115, 0.7);
}

.benchmarkstatus .danger {
    color: rgba(232, 95, 92, 0.7);
}

.callout.callout-danger-modern {
    border-left-color: rgba(232, 95, 92, 1);
}

.callout.callout-info-modern {
    border-left-color: rgba(105, 150, 173, 1);
}

.text-red-modern,
.text-secondary-red,
.text-secondary-danger,
.text-danger-modern {
    color: rgba(232, 95, 92, 1);
}

.text-secondary-green,
.text-secondary-success {
    color: rgba(121, 180, 115, 1);
}

.text-secondary-orange {
    color: rgba(238, 150, 75, 1);
}

.text-secondary-blue,
.text-secondary-info,
.todo-list>li .tools .fa-link {
    color: rgba(105, 150, 173, 1);
}

.nav-tabs .nav-link {
    background-color: rgba(255, 255, 255, 1);
}

.nav-tabs a.nav-link:hover {
    background-color: rgba(0, 0, 0, .1);
    color: #212529;
}

#pyramid {
    width: 50%;
    margin: 0 auto;
}

.js-plotly-plot .plotly .main-svg {
    background-color: transparent !important;
}

.modebar-group {
    background: transparent !important;
}

.card-primary-modern.card-outline {
    border-top: 3px solid rgba(105, 150, 173, 1);
}

.alert-success-modern {
    color: #fff;
    background-color: rgba(121, 180, 115, 1);
    border-color: rgba(121, 180, 115, 1);
}

.alert-warning-modern {
    color: black !important;
    background-color: rgba(244, 216, 112, 1);
    border-color: rgba(244, 216, 112, 1);
}

.alert-dnager-modern {
    color: #fff;
    background-color: rgba(232, 95, 92, 1);
    border-color: rgba(232, 95, 92, 1);
}

.alert-info-modern {
    color: #fff;
    background-color: rgba(105, 150, 173, 1);
    border-color: rgba(105, 150, 173, 1);
}

/* dataview */
a.trendprofile {
    color: rgba(105, 150, 173, 1);
}

/* admin */
/* modern colors */
.cog-icon {
    color: cornflowerblue;
}

.lock-icon {
    color: darkgoldenrod;
}

.people-icon {
    color: cadetblue;
}

.globe-icon {
    color: mediumpurple;
}

.list-icon {
    color: darkseagreen;
}

.envelope-icon {
    color: dodgerblue;
}

.slider-icon {
    color: indianred;
}

.nav-sidebar>.nav-item>.nav-link.active>.cog-icon,
.nav-sidebar>.nav-item>.nav-link.active>.lock-icon,
.nav-sidebar>.nav-item>.nav-link.active>.people-icon,
.nav-sidebar>.nav-item>.nav-link.active>.globe-icon,
.nav-sidebar>.nav-item>.nav-link.active>.list-icon,
.nav-sidebar>.nav-item>.nav-link.active>.envelope-icon,
.nav-sidebar>.nav-item>.nav-link.active>.slider-icon {
    color: white !important;
}

/* for admin guide slider interaction */
.general-setting .slider-checked {
    background-color: rgba(105, 150, 173, 1);
    border: 1px solid rgba(105, 150, 173, 1);
}

.guide input:checked+.slider {
    background-color: rgba(105, 150, 173, 1);
    border: 1px solid rgba(105, 150, 173, 1);
}

.guide input:focus+.slider {
    box-shadow: 0 0 1px rgba(105, 150, 173, 1);
}

.btn-admin-export {
    color: rgba(105, 150, 173, 1) !important;
}

.user-management-view .glyphicon-eye-open:before,
.admin-account-management .glyphicon-eye-open:before,
.admin-invitation .glyphicon-eye-open:before,
.admin-invitation .glyphicon-pencil:before,
.admin-invitation .glyphicon-trash:before {
    color: rgba(105, 150, 173, 1) !important;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
    margin-bottom: 0;
    border: 1px solid rgba(105, 150, 173, 1);
    border-radius: 20px 20px;
    background-color: rgba(105, 150, 173, 1);
}