.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:#9c0000;}
.box-login .form .btnRecupero:hover{color:#9c0000;}
.box-login .btn:hover{color:#9c0000;}
@media (min-width: 1025px) {
    .box-login{display:none;top:100%;right:10px;width:300px;max-height:74vh;background-color:#eee;border:2px solid #ddd;border-top:1px solid #ddd;box-sizing: border-box;z-index:2000;box-shadow: 0px 10px 20px rgba(0,0,0,0.2);overflow-y: auto;
    overflow-x: hidden;}
    .box-login .form{width:100%;border-bottom:1px solid #ddd;padding:20px 20px;box-sizing: border-box;}
    .box-login .form .titolo{font-size:16px;color:#000;font-weight:bold;box-sizing: border-box;}
    .box-login .form .input{width:100%;padding:10px 8px;font-size:16px;margin-top:10px;box-sizing: border-box;border:0px;}
    .box-login .form .alert{display:none;top:2px;right:0px;font-size:12px;color:#9c0000;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: #9c0000;color:#fff;border:0px;cursor:pointer;}
    .box-login .form .btnRecupero{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: 691px) and (max-width: 1024px) {
    .box-login{display:none;top:100%;right:10px;width:300px;max-height:74vh;background-color:#eee;border:2px solid #ddd;border-top:1px solid #ddd;box-sizing: border-box;z-index:2000;box-shadow: 0px 10px 20px rgba(0,0,0,0.2);overflow-y: auto;
    overflow-x: hidden;}
    .box-login .form{width:100%;border-bottom:1px solid #ddd;padding:20px 20px;box-sizing: border-box;}
    .box-login .form .titolo{font-size:16px;color:#000;font-weight:bold;box-sizing: border-box;}
    .box-login .form .input{width:100%;padding:10px 8px;font-size:16px;margin-top:10px;box-sizing: border-box;border:0px;}
    .box-login .form .alert{display:none;top:2px;right:0px;font-size:12px;color:#9c0000;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: #9c0000;color:#fff;border:0px;cursor:pointer;}
    .box-login .form .btnRecupero{width:100%;font-size:14px;text-align:right;color:#555;border:0px;cursor:pointer;}
   
}

@media (max-width: 690px) {
     .box-login{display:none;top:50px;right:0px;width:300px;max-height:74vh;background-color:#eee;border:2px solid #ddd;border-top:1px solid #ddd;box-sizing: border-box;z-index:2000;box-shadow: 0px 10px 20px rgba(0,0,0,0.2);overflow-y: auto;
    overflow-x: hidden;}
    .box-login .form{width:100%;border-bottom:1px solid #ddd;padding:20px 20px;box-sizing: border-box;}
    .box-login .form .titolo{font-size:16px;color:#000;font-weight:bold;box-sizing: border-box;}
    .box-login .form .input{width:100%;padding:10px 8px;font-size:16px;margin-top:10px;box-sizing: border-box;border:0px;}
    .box-login .form .alert{display:none;top:2px;right:0px;font-size:12px;color:#9c0000;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: #9c0000;color:#fff;border:0px;cursor:pointer;}
    .box-login .form .btnRecupero{width:100%;font-size:14px;text-align:right;color:#555;border:0px;cursor:pointer;}
   
}