.click-to-enlarge, input[type = "search"]::-webkit-search-cancel-button {
    cursor: pointer;
}

.brand-logo img {
    width: auto;
    height: 61px;
}

.brand-logo-mini img {
    width: auto;
    height: 35px;
}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
    position: absolute;
    font-size: 0.9rem;
    margin-top: 0;
    right: 0;
    left: auto;
}


.navbar-top {
    background: #001f57 !important;
}

    .navbar-top i.fa.fa-list {
        color: #fff;
        font-size: 19px;
    }

    .navbar-top a.navbar-brand {
        color: #fff;
        text-transform: uppercase;
    }

        .navbar-top a.navbar-brand:hover {
            color: #fff
        }

    .navbar-top a#profileDropdown {
        color: #fff;
    }

.sidebar {
    margin-left: -17rem;
    width: 17rem;
    min-height: 100vh;
    transition: all 0.2s;
}

.main-panel {
    width: 100%;
}

body.toggle-sidebar .main-panel {
    width: calc(100% - 17rem);
}

body.toggle-sidebar .sidebar {
    margin-left: 0;
}

body.toggle-sidebar .brand-logo-mini {
    display: none;
}

@media (max-width: 1200px) {

    .sidebar {
        margin-left: 0;
    }

    body.toggle-sidebar .sidebar {
        margin-left: -17rem;
    }

    body.toggle-sidebar .main-panel {
        width: 100%;
        margin-right: 0;
    }

    .main-panel {
        margin-right: -17rem;
    }

    body.toggle-sidebar .brand-logo-mini {
        display: unset;
    }

    body .brand-logo-mini {
        display: none;
    }
}

.sidebar .accordion {
    margin-top: 1.45rem;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

    .sidebar .accordion > .card {
        margin-bottom: 5px;
    }

    .sidebar .accordion .card-header {
        margin-bottom: 0 !important;
        padding: 0;
    }

a i.fa.fa-chevron-down.menu-icon.float-right {
    position: absolute;
    top: 27px;
}

.sidebar .accordion .card-header > .btn {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.875rem;
}

.sidebar .accordion .card-header.sidebar-active > .btn {
    background: #001f57;
    color: #fff;
}

.sidebar .accordion .card-body {
    padding: 0;
}

    .sidebar .accordion .card-body > .btn {
        background: #fff;
        font-size: 0.875rem;
        font-weight: 500;
        padding: 0.875rem;
    }

        .sidebar .accordion .card-body > .btn:hover {
            background: #0b5ed7;
            color: #fff;
        }

        .sidebar .accordion .card-header > .btn > i, .sidebar .accordion .card-body > .btn > i {
            margin-right: 5px;
        }

div.dataTables_length select {
    color: #495057 !important;
    outline: 0;
    border: 1px solid #c9ccd7;
}

td.text-truncate {
    max-width: 10em;
}

.list-action {
    text-decoration: none !important;
}

    .list-action i {
        font-size: 20px;
        margin: 5px;
    }

    .list-action.action-delete i {
        color: red;
    }

.modal-list-img {
    max-height: 200px;
}

/*.field-validation-error {
    position: absolute;
    bottom: 2px;
    z-index: 99;
    font-size: 11px;
}*/


/*.btn.active.focus, .btn.active:focus, 
.btn.focus, .btn:active.focus, 
.btn:active:focus, .btn:focus, 
button, button:active, 
button:checked, button:focus, button:hover,
 button:visited {

    background: #001f57;
   

 }*/

/* button.btn.w-100.text-left.active:hover {
    color: #fff;
}*/

/*.accordion .card-header button,button.btn.w-100.text-left.active { color: #001f57; }*/

.btn.w-100.text-left.active.collapsed:hover {
    color: #fff;
}

.btn.w-100.text-left.active.collapsed {
}

.breadcrumb {
    display: flex;
    padding: 0.75rem 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.field-validation-error {
    color: #dc3545;
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
    text-align: center;
}


.bg-disabled {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}

tr.bg-row-green > td {
    background-color: #a5d6a7;
}

.text-green {
    color: #43a047;
}

tr.bg-row-red-light > td {
    background-color: #ef9a9a;
}

.text-red-light {
    color: #ef5350;
}

tr.bg-row-red-dark > td {
    background-color: #e53935;
}

.text-red-dark {
    color: #b71c1c;
}

tr.bg-row-light-orange > td {
    background-color: #ffcc80;
}

.bg-red-light {
    background-color: #ef9a9a;
}

.list-action-btn {
    margin: 0.25rem;
}