.was-validated select.form-control:valid, select.form-control.is-valid { 
    background-position: right calc(1.0em + 0.325rem) center; 
}
.was-validated select.form-control:invalid, select.form-control.is-invalid { 
    background-position: right calc(1.0em + 0.325rem) center; 
}
.badge-notification {
    position: absolute;
    font-size: .8rem;
    margin-top: -.1rem;
    margin-left: -.5rem;
    padding: .2em .45em;
}


/*UI Changes - Start*/
body {
    background: #ebedf3 !important;
    color: #181c32 !important;
}

.header-tabs .nav-item .nav-link .nav-desc {
    color: #1b75bc !important;
}

.header-tabs .nav-item .nav-link .nav-title {
    color: #fff !important;
}

.header-tabs .nav-item .nav-link .nav-desc {
    color: #ffffffc7 !important;
}

.header-tabs .nav-item .nav-link:focus .nav-desc,
.header-tabs .nav-item .nav-link:hover .nav-desc,
.header-tabs .nav-item .nav-link:focus .nav-title,
.header-tabs .nav-item .nav-link:hover .nav-title {
    color: #ffffffc7 !important;
}

.header-tabs .nav-item .nav-link.active .nav-title {
    color: #7E8299 !important;
}

.header-tabs .nav-item .nav-link.active .nav-desc {
    color: #696a6e !important;
}
 
@media (min-width: 992px) {
    .header-tabs .nav-item .nav-link.active {
        background-color: #ffffff !important;
        color: #181C32 !important;
    }

    .header-tabs .nav-item .nav-link {
        background-color: #1b75bc !important;
        border-right: 1px solid #ebedf34f !important;
    }
}

@media (max-width: 991.98px) {

    .header-tabs .nav-item .nav-link {
        background-color: #ffffff !important;
        color: #181C32 !important;
    }

    .header-tabs .nav-item .nav-link.active {
        background-color: #1b75bc !important;
        border-right: 1px solid #ebedf34f !important;
    }

    .header-tabs .nav-item .nav-link.active .nav-title {
        color: #fff !important;
    }

    .header-tabs .nav-item .nav-link .nav-title {
        color: #7E8299 !important;
    }

    .header-tabs .nav-item .nav-link:focus .nav-desc,
    .header-tabs .nav-item .nav-link:hover .nav-desc,
    .header-tabs .nav-item .nav-link:focus .nav-title,
    .header-tabs .nav-item .nav-link:hover .nav-title {
        color: #181C32 !important;
    }
}
.text-muted {
    color: #3F4254 !important;
}

.table.table-head-custom thead tr, .table.table-head-custom thead th {
    color: #ffffff !important;
    background-color: #1b75bc !important;
}

.table-hover tbody tr:hover {
    background-color: #c7e2ff !important;
} 
.checkbox > span {
    background-color: #c7e2ff;
    border-color: #3699FF !important;
}
.dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc {
    color: #ffffff !important;
    background-color: #00adef !important;
}
.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
    color: #ffffff !important;
    background-color: #00adef !important;
}
.dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:before {
    color: #ffffff !important;
}
.dataTables_wrapper .dataTable th.sorting_asc:after, .dataTables_wrapper .dataTable td.sorting_asc:after {
    color: #ffffff !important;
}
.dataTables_wrapper .dataTable th.sorting_desc:before, .dataTables_wrapper .dataTable td.sorting_desc:before {
    color: #ffffff !important;
}
.dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable td.sorting_desc:after {
    color: #ffffff !important;
}

.page {
    background: url(/assets/media/images/sliders/slider_img_1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wizard.wizard-6 .wizard-content .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
    color: #696a6e !important;
    font-size: inherit !important;
}

.btn-light-primary {
  /*  color: #3F4254 !important;*/
}
.redtext {
    color: red;
}

/* FOOTER
============================================================================================================================== */

.footer {
    background-color: #0071bd !important;
}

.footer-element-left {
    color: #FFF !important;
    float: left !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.footer-element-right {
    color: #FFF !important;
    float: right !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.copyright-text {
    color: #FFF !important;
    margin-bottom: 0 !important;
    margin-top: -50px !important;
}

.footer-element-left p, .footer-element-right p, .copyright-text {
    font-size: 15px !important;
}

.footer a {
    color: #FFF !important;
    text-decoration: none !important;
}

    .footer a i {
        color: #FFF !important;
    }

    .footer a:hover {
        color: #000 !important;
        text-decoration: none !important;
    }

    .footer a i:hover {
        color: #000 !important;
    }

@media screen and (max-width: 1039.50px) {
    .copyright-text {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 767.50px) {
    .footer-element-left, .footer-element-right {
        float: none !important;
        display: inline-block !important;
    }

    .footer-element-left {
        margin-bottom: 10px !important;
    }
}

#maintable p.red {
    color: red;
}
/*UI Changes - End*/



/*Kendo custom css*/

.k-picker-wrap.k-state-default, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-disabled,
.k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-disabled,
.k-autocomplete.k-state-default, .k-autocomplete.k-state-focused, .k-autocomplete.k-state-hover, .k-autocomplete.k-state-disabled,
.k-numeric-wrap.k-state-default, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-disabled {
    font-size: 1rem !important;
    font-weight: 400 !important;
    background-color: #fff !important;
    padding: 0.2rem 0.4rem 0.2rem 0.1rem !important;
    background-clip: padding-box !important;
    border: 1px solid #E4E6EF !important;
    border-radius: 0.42rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}
 

line-height
.k-input::placeholder {
    color: #B5B5C3 !important;
    opacity: 1 !important;
}
.k-input:disabled, .k-input[readonly] {
    background-color: #F3F6F9 !important;
    opacity: 1 !important;
}
.k-picker-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-autocomplete.k-state-focused, .k-numeric-wrap.k-state-focused {
    color: #3F4254 !important;
    background-color: #ffffff !important;
    border-color: #69b3ff !important;
    outline: 0 !important;
} 
.k-dropdown-wrap .k-input {
    height: inherit !important;
    line-height: inherit !important;
    font-size: 1rem !important;
    font-weight: 400 !important; 
}

.k-autocomplete .k-input, .k-combobox .k-state-default .k-input, .k-multiselect-wrap, .k-numeric-wrap.k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-progress-status-wrap, .k-slider-selection, .k-slider-track {
    box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
}
.k-datepicker, .k-numerictextbox, .k-dropdown, .k-autocomplete {
    width: 100% !important;
    height: calc(1.5em + 1.3rem + 2px) !important;
}
.k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input {
    border-color: #ccc;
    padding: 0.4rem 0.4rem 0.4rem 0.1rem !important;
}
.k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input {
    border-color: #ccc;
    padding: 0.2rem 0.2rem 0.2rem 0.1rem !important;
}
.k-button, .k-header {
    font-size: .8125rem !important;
    font-weight: 400 !important;
}

.input-group > .k-widget {
    position: relative !important;  
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 1% !important;
    margin-bottom: 0 !important;
}
/*Kendo - end*/

.form-group .select2-container{
    width:100% !important;
}
/*Remove  Up/Down Arrows*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.option .option-label .option-body { 
    color: #3F4254 !important;
}
.checkbox.checkbox-outline.checkbox-primary > span {
    border-color: var(--primary) !important;
}

/* Header: branch / PKG role switcher — long lists stay within viewport */
.branch-access-list-scroll {
    max-height: min(70vh, 28rem);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}