.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: rgba(255,228,0,.75);}
.box-login .form .btnRecupero:hover{color:#e2231a;}
.box-login .btn:hover{color:#e2231a;}
.box-login{display:none;top:102%;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:#e2231a;font-weight:bold;text-align:left;}
    .box-login .form .btn{width:100%;margin:0px auto;padding:8px 0px;margin-top:15px;font-size:16px;font-weight:bold;text-align:center;background-color: #ffe400;color:#0e0c38;border:0px;cursor:pointer;border-radius:50px;}
    .box-login .form .btnRecupero{display:block;margin-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;}
    .box-login .form .titolo .close{position:absolute;display: block;top:0;right:0;color:#0e0c38;cursor:pointer;}
    .btnFormLogin{position:relative;display:block;width:100%;margin:20px auto 0;padding: 12px 0px 8px;font-size: 14px;font-weight:bold;text-align:center;background-color: #1d1e2d;color:#fff;border:0px;cursor:pointer;border-radius:50px;line-height: 1;}
@media (min-width: 1026px) {
    .box-login{display:none;top:102%;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:#e2231a;font-weight:bold;text-align:left;}
    .box-login .form .btn{width:100%;margin:0px auto;padding:8px 0px;margin-top:15px;font-size:16px;font-weight:bold;text-align:center;background-color: #ffe400;color:#0e0c38;border:0px;cursor:pointer;border-radius:50px;}
    .box-login .form .btnRecupero{display:block;margin-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: 941px) and (max-width: 1025px) {
    .box-login{display:none;top:102%;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:#e2231a;font-weight:bold;text-align:left;}
    .box-login .form .btn{width:100%;margin:0px auto;padding:8px 0px;margin-top:15px;font-size:16px;font-weight:bold;text-align:center;background-color: #ffe400;color:#0e0c38;border:0px;cursor:pointer;border-radius:50px;}
    .box-login .form .btnRecupero{display:block;margin-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 (max-width: 940px) {
     .box-login{display:none;top:80px;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:#e2231a;font-weight:bold;text-align:left;}
    .box-login .form .btn{width:100%;margin:0px auto;padding:8px 0px;margin-top:15px;font-size:16px;font-weight:bold;text-align:center;background-color: #ffe400;color:#0e0c38;border:0px;cursor:pointer;border-radius:50px;}
    .box-login .form .btnRecupero{display:block;margin-top:5px;width:100%;font-size:14px;text-align:right;color:#555;border:0px;cursor:pointer;}
   
}