.box-login{position:absolute;display:block;}
.box-login .form, .box-login .form .alert, .box-login .form .titolo, .box-login .form .input, .box-login .totale.form .btn, .box-login .form .prezzo .qta, .box-login .btn{position:relative;display:block;}
#OpenRecuperoTop2{display:none;}
.box-login .form .btn:hover{background-color: #fff;color:var(--colBase);}
.box-login .form .btnRecupero:hover{color:var(--colBase);}
.box-login .btn:hover{color:var(--colBase);}
.box-login .close{position:absolute;display:block;top:20px;right:20px;font-size:20px;color:var(--nero);z-index:10;}
 .box-login{position:fixed;display:none;top:0px;right:0px;width:400px;height:100vh;background-color:#eee;border:2px solid #ddd;border-top:1px solid #ddd;box-sizing: border-box;z-index:3300;overflow-y: auto;
    overflow-x: hidden;}
    .box-login .form{width: 90%;padding:20px 20px;box-sizing: border-box;position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);}
    .box-login .form .titolo{font-size:16px;color:#000;font-weight:bold;box-sizing: border-box;}
    .box-login .form .label{width:100%;padding:0px;font-size:16px;margin-top: 20px;margin-bottom:5px;box-sizing: border-box;border:0px;position: relative;display: block;}
    .box-login .form .input{width:100%;padding:10px 8px;font-size:16px;margin-top:0px;box-sizing: border-box;border:0px;border-radius:4px;}
    .box-login .form .alert{display:none;top:2px;right:0px;font-size:12px;color:var(--colBase);font-weight:bold;text-align:left;}
    .box-login .form .btn{width:100%;margin:0px auto;padding:10px 0px;margin-top:20px;font-size:16px;font-weight:bold;text-align:center;background-color: var(--colBase);color:#fff;border:0px;cursor:pointer;border-radius:4px;}
    .box-login .form .btnRecupero{display:block;padding-top:5px;width:100%;font-size:14px;text-align:right;color:#555;border:0px;cursor:pointer;}
    .box-login .btn{font-size:18px;color:#333;padding:20px 15px;padding-left:50px;}
    .box-login .btn i{position:absolute;display:block;top:50%;left:20px;transform: translateY(-50%);z-index:20;}
@media (min-width: 1025px) {
   
}
@media (min-width: 941px) and (max-width: 1024.99px) {

}

@media (max-width: 940px) {
     .box-login{display:none;top:0px;right:0px;width:100%;height:100vh;background-color:#eee;border:2px solid #ddd;border-top:1px solid #ddd;box-sizing: border-box;z-index:3300;overflow-y: auto;
    overflow-x: hidden;}
    .box-login .form{width: 90%;padding:20px 20px;box-sizing: border-box;position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);}
    .box-login .form .titolo{font-size:16px;color:#000;font-weight:bold;box-sizing: border-box;}
    .box-login .form .label{width:100%;padding:0px;font-size:16px;margin-top: 20px;margin-bottom:5px;box-sizing: border-box;border:0px;position: relative;display: block;}
    .box-login .form .input{width:100%;padding:10px 8px;font-size:16px;margin-top:0px;box-sizing: border-box;border:0px;border-radius:4px;}
    .box-login .form .alert{display:none;top:2px;right:0px;font-size:12px;color:var(--colBase);font-weight:bold;text-align:left;}
    .box-login .form .btn{width:100%;margin:0px auto;padding:10px 0px;margin-top:10px;font-size:16px;font-weight:bold;text-align:center;background-color: var(--colBase);color:#fff;border:0px;cursor:pointer;}
    .box-login .form .btnRecupero{width:100%;display:block;padding-top:5px;font-size:14px;text-align:right;color:#555;border:0px;cursor:pointer;}
    .box-login .btn{font-size:16px;color:#333;padding:7px 0px;;text-align:center;}
    .box-login .btn i{}
}