/* #toast-container > div {
    border: 2px solid #a5d6a7;
    box-shadow: 0 0 10px 2px rgba(165, 214, 167, 0.7), 
                0 0 20px 4px rgba(165, 214, 167, 0.5), 
                0 0 30px 6px rgba(165, 214, 167, 0.3);
    animation: flicker 1.5s infinite;
    border-radius: 10px
}

@keyframes flicker {
    0%, 100% {
        box-shadow: 0 0 10px 2px rgba(165, 214, 167, 0.7), 
                    0 0 20px 4px rgba(165, 214, 167, 0.5), 
                    0 0 30px 6px rgba(165, 214, 167, 0.3);
    }
    50% {
        box-shadow: 0 0 15px 3px rgba(165, 214, 167, 0.8), 
                    0 0 25px 5px rgba(165, 214, 167, 0.6), 
                    0 0 35px 8px rgba(165, 214, 167, 0.4);
    }
}

#toast-container > .toast-success {
    border-color: #a5d6a7;
    box-shadow: 0 0 10px 2px rgba(165, 214, 167, 0.7), 
                0 0 20px 4px rgba(165, 214, 167, 0.5), 
                0 0 30px 6px rgba(165, 214, 167, 0.3);
    border-radius: 10px;
}

#toast-container > .toast-error {
    border-color: #f44336;
    box-shadow: 0 0 10px 2px rgba(244, 67, 54, 0.7), 
                0 0 20px 4px rgba(244, 67, 54, 0.5), 
                0 0 30px 6px rgba(244, 67, 54, 0.3);
    border-radius: 10px;
} */

.bg-login {
    background: linear-gradient(0deg, #5772ef, #667ff2, #758bf5, #8398f7, #91a5fa, #a0b2fc, #aebefd, #bdcbff) !important;
}

.btn.btn-primary:hover:not(.btn-active) {
    background-color: #000 !important;
}

.toast-title{
    font-size: 15px !important;
}

.toast-message{
    font-size: 14px !important;
}

.toast-success {
    background-color: #24be48 !important;
}

.toast-error {
    background-color: #eb192e !important;
}

.toast-info {
    background-color: #17a2b8 !important;
}

.toast-warning {
    background-color: #ffc107 !important;
}

.toast-success, .toast-error, .toast-info, .toast-warning {
    color: #fff;
}

/* .btn.btn-primary:hover:not(.btn-active) {
    background-color:#FF9D9D !important;
}  */

.desc-info *{
    font-size: 14px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
}

/* .bg-gradient-danger {
    background: linear-gradient(to right, #5772ef, #5772ef) !important;
}

.bg-gradient-info {
    background: linear-gradient(to right, #464555, #464555) !important;
}

.bg-gradient-success{
    background: linear-gradient(to right, #326d6b, #326d6b) !important;
}

.bg-gradient-purple{
    background: linear-gradient(to right, #968be2, #4d36e5) !important;
}

.bg-gradient-pink{
    background: linear-gradient(to right, #a854b8, #a854b8) !important;
} */

.bg-gradient-danger {
    background: linear-gradient(to right, #3e97ff, #3e97ff) !important;
}

.bg-gradient-info {
    background: linear-gradient(to right, #ef721b, #ef721b) !important;
}

.bg-gradient-success{
    background: linear-gradient(to right, #00b4b3, #00b4b3) !important;
}

.bg-gradient-purple{
    background: linear-gradient(to right, #968be2, #4d36e5) !important;
}

.bg-gradient-pink{
    background: linear-gradient(to right, #464555, #464555) !important;
}

.card.card-img-holder i {
    background-color: rgb(255 255 255 / 50%);
    padding: 10px;
    border-radius: 25%;
}

.card.card-img-holder {
    height: 200px;
    position: relative;
}

.card.card-img-holder a:hover{
    color:#000 !important
}

.card.card-img-holder .card-img-absolute, .card.card-img-holder .card-footer {
    position: absolute;
    top: 0;
    right:-4px;
    height: 100%;
}

.card.card-img-holder .card-footer{
    position: absolute;
    bottom: 0;
    top: 43%;
}

.card.card-img-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div#kt_app_sidebar {
    top: 0 !important;
    box-shadow: 0px 0px 24px rgba(27, 46, 94, 0.05) !important;
    background-color: #fff;
}

div#kt_app_header {
    left: 247px;
}

div#kt_app_header_logo {
    width: 100px;
}

.form-box {
    border: 20px;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    background-color: #f7f9fc;
    transition: transform 0.3s ease;
}



.header-main,#kt_app_toolbar,div#kt_app_content,div#kt_app_footer,div#kt_app_aside {
    background-color: #F4F7FA !important;
}

a.menu-link.active, .app-sidebar .menu > .menu-accordion.here > .menu-link {
    background-color: rgb(87 114 239 / 20%) !important;
}       
      
.app-sidebar .menu > .menu-accordion.here .menu-sub .menu-item .menu-link.active {
    background-color: #fff !important;
}

a.menu-link.active span.menu-icon i, 
a.menu-link.active span.menu-title, 
.app-sidebar .menu > .menu-item .menu-item .menu-link.active span.menu-title,
.app-sidebar .menu > .menu-accordion.here > .menu-link span.menu-title,
.app-sidebar .menu > .menu-accordion.here > .menu-link span.menu-icon i{
    color: #5772EF !important;
}

/* div#kt_app_sidebar {
    top: 0 !important;
} */

.app-sidebar{
    box-shadow: 0px 0px 24px rgba(27, 46, 94, 0.05) !important;
}