.btn{
    text-transform: none !important;
    font-weight: 400 !important;
    box-shadow:0 10px 20px -10px rgb(39 38 40 / 59%);
    border:unset;
    box-shadow: none;
    width: var(--btn-width, 12.5rem);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn.btn-auto{
    width: auto !important;
    max-width: 100%;
}
.btn-primary{
    background-color: #7D6ACC !important;
}
.btn-secondary{
    background-color: #7D6ACC !important;
}
.btn-primary:hover{
    background-color: #444444 !important;
}
/* Force on auth pages */
.auth-container .btn.btn-primary{ background-color:#7D6ACC !important; border-color:#7D6ACC !important; }
.auth-container .btn.btn-primary:hover{ background-color:#444444 !important; border-color:#444444 !important; }
/* Brand outline primary */
.btn-outline-primary{
    border-color: #7D6ACC !important;
    color: #7D6ACC !important;
}
.btn-outline-primary:hover{
    background-color: #444444 !important;
    border-color: #444444 !important;
    color: #fff !important;
}
/* Brand utility colors */
.text-primary{ color:#7D6ACC !important; }
.border-primary{ border-color:#7D6ACC !important; }
/* Quiz submit stays red but hover brand gray */
.btn-submit-answers{ background-color:#e7515a !important; border-color:#e7515a !important; color:#fff !important; }
.btn-submit-answers:hover{ background-color:#444444 !important; border-color:#444444 !important; }
/* RSVP buttons to brand */
.btn-rsvp{ background-color:#7D6ACC !important; border-color:#7D6ACC !important; color:#fff !important; }
.btn-rsvp:hover{ background-color:#444444 !important; border-color:#444444 !important; color:#fff !important; }
/* Convert any dark/black buttons to brand (except explicit quiz submit red) */
.btn-dark, .btn-black{ background-color:#7D6ACC !important; border-color:#7D6ACC !important; color:#fff !important; }
.btn-dark:hover, .btn-black:hover{ background-color:#444444 !important; border-color:#444444 !important; color:#fff !important; }
.btn-outline-dark{ border-color:#7D6ACC !important; color:#7D6ACC !important; }
.btn-outline-dark:hover{ background-color:#444444 !important; border-color:#444444 !important; color:#fff !important; }
.btn-secondary:hover{
    background-color: #444444 !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 !important;
    background-color: #7D6ACC !important;
}
#sidebar ul.menu-categories li.menu.active:hover > .dropdown-toggle{
    background-color: #444444 !important;
}
/* Sidebar hover to brand */
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover{
    color:#7D6ACC !important;
}
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover svg:not(.badge-icon){
    color:#7D6ACC !important;
}
#sidebar ul.menu-categories li.menu ul.submenu > li a:hover{
    color:#7D6ACC !important;
}
#sidebar ul.menu-categories li.menu ul.submenu > li a:hover:before{
    background-color:#7D6ACC !important;
    box-shadow:none !important;
}
.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;
}