/* COL */
.login {width:100%; margin-top: 50px; margin-bottom: 50px; min-height: calc(100vh - 150px);}
.login .boxinfo {width: 95%; max-width: 1000px; margin: 0 auto 20px; text-align: center;}
.login .boxinfo h1 {font-size: 30px;}
.login .boxinfo h2 {font-size: 20px;}
.login .boxinfo h2 span {font-weight: bold;}
.login .boxlogin {width:95%; max-width:400px; margin: 0 auto;}
.login .boxlogin .box {background:#fff; padding:15px; border:1px solid #ddd; box-shadow:0 0 10px 0 #eee;}
.login .boxlogin .box img {max-width: 200px; display: block; margin: 0 auto;}
.login .boxlogin .box h2 {color:var(--main-color); font-size:15px; text-align:center; font-weight:600; margin-top: 5px; margin-bottom:25px;}
.login .boxlogin .box form span.errormessage {color:var(--red-color); font-size:16px; font-weight:600; text-align:center; display:block; margin-bottom:10px;}
.login .boxlogin .box form span.successmessage {color:var(--green-color); font-size:16px; font-weight:600; text-align:center; display:block; margin-bottom:10px;}
.login .boxlogin .box form .itemform {margin-bottom:10px;}
.login .boxlogin .box form .itemform label {color:var(--main-color); width:100%; font-size:12px; text-transform:uppercase; font-weight:600; margin-bottom:0;}
.login .boxlogin .box form .itemform input, .login .boxlogin .box form .itemform select {width:100%; height:40px; border:1px solid #c0c0c0; padding:5px; font-size:16px; border-radius:3px;}
.login .boxlogin .box form .itemform input[type='submit'] {border:1px solid var(--main-color); background:var(--main-color); color:#fff; margin-top:15px;}
.login .boxlogin .box form .itemform p {font-size:12px; margin-bottom:5px; text-align:right;}

.registrazione {width:95%; max-width:400px; margin: 0 auto; padding: 20px 0; display: flex; min-height: calc(100vh - 50px)}
.registrazione .boxregistrazione {float: left; background:#fff; padding:15px; border:1px solid #ddd; box-shadow:0 0 10px 0 #eee;}
.registrazione .boxregistrazione h1 {color:var(--main-color); font-size:30px; text-align:center; font-weight:600; margin-bottom:25px;}
.registrazione .boxregistrazione form span.errormessage {color:var(--red-color); font-size:16px; font-weight:600; text-align:center; display:block; margin-bottom:10px;}
.registrazione .boxregistrazione form .itemform {margin-bottom:10px;}
.registrazione .boxregistrazione form .itemform label {color:var(--main-color); width:100%; font-size:12px; text-transform:uppercase; font-weight:600; margin-bottom:0;}
.registrazione .boxregistrazione form .itemform label.checkbox {width: auto; padding-left: 25px;}
.registrazione .boxregistrazione form .itemform input, .registrazione .boxregistrazione form .itemform select {width:100%; height:40px; border:1px solid #c0c0c0; padding:5px; font-size:16px; border-radius:3px;}
.registrazione .boxregistrazione form .itemform input[type='submit'] {border:1px solid var(--main-color); background:var(--main-color); color:#fff; margin-top:15px;}
.registrazione .boxregistrazione form .itemform input[type='checkbox'] {position: absolute; left: 0; width: 20px; height: 20px;}
.registrazione .boxregistrazione form .itemform p {font-size:12px; margin-bottom:0px; text-align:right;}
/* COL-MD */
@media only screen and (min-width: 768px) {

}

/* COL-LG */
@media only screen and (min-width: 992px) {
  .login {margin-top: 100px;  min-height: calc(100vh - 200px);}
}