.y-img-popup{
    cursor:pointer
}

.y-img-overlay {
    position:fixed;
    top:90px;
    max-height:80%;
    left:50%;
    transform:translate(-50%,0) scale(0,0);
    z-index:10;
    box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    transition:all .3s ease
}

.y-overlay-dark{
    top:0;
    position:fixed;
    background-color:#000;
    opacity:.3;
    width:100%;
    height:100%;
    z-index:5;
    display:none
}

.htmx-request .hx-icon-loader{
    -webkit-animation:fa-spin .5s infinite linear;
    animation:fa-spin .5s infinite linear
}

.htmx-request.hx-icon-loader{
    -webkit-animation:fa-spin .5s infinite linear;
    animation:fa-spin .5s infinite linear
}

.htmx-request .hx-loader-icon{
    -webkit-animation:fa-spin .5s infinite linear;
    animation:fa-spin .5s infinite linear;
    display:inline flex!important
}

.hx-loader-icon{
    display:none!important;
    line-height:1.4
}

.htmx-request .hx-loader-text{
    display:none!important
}

.htmx-request .hx-icon-loader::before{
    content:"\f3f4"
}

.htmx-request.hx-icon-loader::before{
    content:"\f3f4"
}

.htmx-request .hx-loader-icon::before{
    content:"\f3f4"
}

.htmx-request.disable-on-submit{
    pointer-events:none;
    opacity:.65
}

#toastr-container>div.y_toastr{
    opacity:1!important;
    padding-left:5rem!important
}

div.y_toastr .toastr-message.btn{
    padding-left:0!important;
    padding-right:0!important;
    text-align:var(--bs-body-text-align)!important
}

.swal2-icon.y_swal2-warning{
    border-color:var(--kt-danger)!important;
    color:var(--kt-danger)!important
}

.swal2-actions:not(.swal2-loading) .y_swal2-styled[disabled]{
    opacity:0!important
}

.swal2-actions:not(.swal2-loading) .y_swal2-styled:hover{
    background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0))!important
}

.swal2-actions:not(.swal2-loading) .y_swal2-styled:active{
    background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0))!important
}

.y_swal2-styled.swal2-cancel{
    border-radius:var(--bs-btn-border-radius)!important;
    background-color:var(--kt-danger-light)!important
}

.y_swal2-styled.swal2-cancel:focus{
    box-shadow:0 0 0 3px rgba(110,120,129,0)!important
}

.y_swal2-styled.swal2-default-outline:focus{
    box-shadow:0 0 0 3px rgba(100,150,200,0)!important
}

.y-dropdown-menu {
    min-width:300px;
    box-shadow: 0 0 0 1px #8899aa1a, 0 15px 35px #31316d1a, 0 5px 15px #00000015;
}

@media (min-width: 576px) {
    .y-dropdown-menu {
        min-width: 450px;
    }
}