/* #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, #000, #667ff2, #758bf5, #8398f7, #91a5fa, #a0b2fc, #aebefd, #bdcbff) !important;
} */

/* .bg-login {
    background: linear-gradient(0deg,#000,#000,#000) !important;
} */

.bg-login {
    background: linear-gradient(0deg, #17ab90, #17ab9047, #17ab902e) !important
}

.btn.btn-primary:hover:not(.btn-active) {
    background-color: #17ab90 !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, #C4BF0D,#C4BF0D) !important
}

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

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

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

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

.bg-gradient-wine{
    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;
}

.imagwrap {
    position: relative;
}

.imagwrap:before {
    position: absolute;
    content: '';
    background-color: #fff;
    width: 43px;
    height: 43px;
    opacity: 0.5;
    left: -9px;
    border-radius: 10px;
    top: -9px;
    z-index: 1; /* Ensure the background appears behind the icon */
}

.imagwrap img {
    position: relative;
    z-index: 2; /* Ensure the icon is shown above the background */
}

/* .form-box:hover {
    transform: scale(1.005);
} */

.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;
}*/

a.menu-link.active, .app-sidebar .menu > .menu-accordion.here > .menu-link {
    background-color: #ffc1ba70 !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: #000 !important;
}

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

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