@import "var_settings.css";
#saveAlert{
        position:fixed;
        width:100vw;
        display:flex;
        justify-content:center;
        bottom:0px;
        left:0px;
        z-index:9999;
    }
    #saveAlert .alert-box{
        background:var(--dark-color) ;
        display:flex;
        align-items:center;
        width:50%;
        justify-content:space-between;
        color:var(--light-color);
        font-weight:700;
        box-shadow:0px 0px 10px gray;
        padding:10px 25px;
    }
    .light-background{
        background:var(--light-color);
        color:var(--dark-color);
    }
    .dark-background{
        background:var(--dark-color);
        color:var(--light-color);
    }
    input[type='checkbox'].custom:checked + label .label-checked{
        display:block!important;
    }
    input[type='checkbox'].custom:checked + label .label-unchecked{
        display:none!important;
    }
   /* #saveAlert .alert-box:not(#saveAlert.d-none .alert-box){
        animation-name:bounce;
        animation-duration:2s;
        animation-iteration-count:infinite;
    }*/