body{
    background-color: #f4f6f9;
}
/* Inputs */
.form-control:focus,
.form-select:focus,
.selectpicker:focus {
    border-color: #313131 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
} 
/* Check box */
.form-check-input:focus {
    border-color: #333333 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(87, 199, 65, 0.6) !important;
}
.form-check-input:checked {
    background-color: #2b2b2b !important;
    border-color: #f1f1f1 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(87, 199, 65, 0.6) !important;
}
/* a.btn-link */
.btn-link{
    color: #ff0000 !important;
}
/* Nav Brand */
.navbar-brand{
    color: #adb5bd !important;
    font-weight: bold;
}
/* Active */
a.active, li.active{
    color: #ff5858 !important;
}
/* Dropdown */
.dropdown-item.active, .dropdown-item:active {
    color: #ffffff !important;
    background: #000000 !important;
}
/* JQuery */
/* Pagination */
.pagination > li > a, .pagination > li > span{color:rgb(26, 26, 26) !important;}
.pagination > li.active > a, .pagination > li.active > span{
    color: white !important;
    background-color:rgb(26, 26, 26) !important; 
}
/* Accordion */
.accordion-button:focus {
    border-color: #f1f1f1 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(87, 199, 65, 0.6) !important;
}
.accordion-button {
    color: #ffffff !important;
    background: #f1f1f1 !important;
}
.accordion-button::after, .accordion-button.collapsed::after{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; 
}
/* Custom Dropdown columns */
.dropdown-menu {
    min-width: 200px;
}
.dropdown-menu.columns-2 {
    min-width: 400px;
}
.dropdown-menu.columns-3 {
    min-width: 600px;
}
.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.multi-column-dropdown li a {
    font-weight: 400;
}
@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}
/* Nav tabs */
/* .nav-tabs {
    background-color: #f1f1f1; 
} */
.nav-tabs .nav-item .nav-link-ligt, .nav-pills .nav-item .nav-link-light {
    color: #959595 !important;
}
.nav-tabs .nav-item .nav-link-light.active, .nav-pills .nav-item .nav-link-light.active {
    background-color: #f1f1f1 !important;
    color: #FFF !important;
}
/* Nav Pills */
.nav-pills .nav-item .nav-link-light {
    font-size: small;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-right: 7px !important;
    border: solid 1px #f1f1f1;
}
.nav-pills .nav-item .nav-link-light:hover {
    background-color: #f1f1f1;
    color: #FFF !important;
}
/* Custom Print page */
@media print {
    @page {
        /* margin-top: 0;
        margin-bottom: 0; */
    }
    body {
        /* padding-top: 30px;
        padding-bottom: 30px ; */
        font-size: 11px;
    }
}
/* Loading overlay */
.loading-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    background-color: gray;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    display: none;
}
.loading-overlay .loading-message {
    position: relative;
    top: 35%;
    color: #FFF;
}





/* Dark nav-link */
.nav-tabs .nav-item .nav-link-dark, .nav-pills .nav-item .nav-link-dark {
    color: #000000 !important;
}
.nav-tabs .nav-item .nav-link-dark.active, .nav-pills .nav-item .nav-link-dark.active {
    background-color: #000000 !important;
    color: #ffffff !important;
}
/* Nav Pills */
.nav-pills .nav-item .nav-link-dark {
    font-size: small;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-right: 7px !important;
    border: solid 1px #111111;
}
.nav-pills .nav-item .nav-link-dark:hover {
    background-color: #111111;
    color: #000000 !important;
}
