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


/* COL-MD */
@media only screen and (min-width: 768px) {

}





/* COL-XL */
@media only screen and (min-width: 1200px) {

}