.btn{
    text-transform: uppercase;
    box-shadow:0 10px 20px -10px rgb(39 38 40 / 59%);
    border:unset;
    box-shadow: none;
}
.btn-primary{
    background-color: #000 !important;
}
.btn-secondary{
    background-color: #808080 !important;
}
.btn-primary:hover{
    background-color: #808080 !important;
}
.btn-secondary:hover{
    background-color: #000 !important;
}
.auth-cover img{
    width:100% !important;
    height:auto !important;
    max-height: unset !important;
}
.auth-overlay{
    background:unset !important;
}
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle, #sidebar ul.menu-categories ul.submenu > li.active:before{
    background-image: unset;
    background-color: #000;
}
#sidebar ul.menu-categories li.menu.active:hover > .dropdown-toggle{
    background-color: #808080;
}
.sidebar-wrapper ul.menu-categories li.menu.menu-heading > .heading{
    padding: 32px 0 10px 33px;
}

/**custom loader css*/
.loader .svg {
    width: 300px;
    height: 300px;
}

.loader .hex {
    fill: rgb(25 14 14 / 90%);
    animation: fadein 3.3s infinite;
    opacity: 0;
    transform-origin: 50% 50%;
}

.hex:nth-child(2) {
    animation-delay: .2s;
}

.hex:nth-child(3) {
    animation-delay: .4s;
}

.hex:nth-child(4) {
    animation-delay: .6s;
}

.hex:nth-child(5) {
    animation-delay: .8s;
}

.hex:nth-child(6) {
    animation-delay: 1.0s;
}

.hex:nth-child(7) {
    animation-delay: 1.2s;
}

@keyframes fadein {

    0%,
    100% {
        transform: scale(0.001, 0.001);
        opacity: 0;
    }

    33%,
    66% {
        transform: scale(.9, .9);
        opacity: 1;
    }
}

.loader .after {
    content: "";
    border-radius: 5px;
    /* color: #fff; */
}
body *{
    letter-spacing: unset !important;
}
body{
    background-color: #fff;
}
.layout-top-spacing{
    margin-top:10px;
}
.auth-container{
    min-height: 80vh !important;
    max-height: auto !important;
}
.swal2-popup button{
    border:unset !important;
}
.main-container, .layout-px-spacing{
    min-height: 70vh !important;
}
.navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu{
    max-width: fit-content;
}
div.dataTables_wrapper div.dataTables_info, .dataTable.table-striped.table > thead > tr > th,.table > tfoot > tr > th{
    font-weight: 500 !important;
}
.auth-logo-container{
    top:.5rem;
    left:1rem;
    z-index:1;
}
.auth-logo-container img{
    max-height: 80px;
}
.swal2-popup .swal2-title{
    font-weight: normal;
}
.fw-500, .fw-bolder{
    font-weight: 500 !important;
}
b {
    font-weight: 500;
}
.chosen-container-multi .chosen-choices{
    padding:10px;
    border-radius: 6px;
    border:1px solid #bfc9d4;
    font-size: 15px;
    color: #3b3f5c;
}
.chosen-results li{
    font-size: 15px ;
}
.py-10{
    padding-top:10px;
    padding-bottom:10px;
}

table .avatar img {
    object-fit: contain;
}
.dt-buttons {
    padding: 0px;
    margin: auto;
}