.acsl-container{width:450px; margin:0px auto; padding:100px 0px 30px 0px;}
.acsl-container > .title{display: block; margin:0px 0px 30px 0px; font-size:20px; line-height:23px; font-weight: bold; color:#222; text-align: center;}

.acsl-container > .panel{display: block; padding:30px 30px; background:#fff; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.25);}
.acsl-container > .panel > form > .row{position: relative; margin:0px 0px 20px 0px;}
.acsl-container > .panel > form > .row:last-child{margin:0px 0px 25px 0px;}
.acsl-container > .panel > form > .row > .label{display: block; margin:0px 0px 8px 0px; font-size:14px; line-height:18px; color:#222;}
.acsl-container > .panel > form > .row > .forgot{display: block; position: absolute; right:0px; top:0px; line-height:18px; font-size:13px; color:#267E54;}
.acsl-container > .panel > form > .row > .field{display: block; width:100%; height:36px; line-height:34px; padding:0px 7px; color:#222; border: 1px solid #ccc; background: #fff; border-radius: 1px;}

.acsl-container > .panel > form > .row > .field::placeholder{color:#aaa;}
.acsl-container > .panel > form > .row > .field:focus{border-color: #267e54; box-shadow: 0px 0px 1px #2c9362;}
.acsl-container > .panel > form > .row > .field.error{color:#e32229; border-color: #ec4148; box-shadow: 0px 0px 1px #ff8085;}
.acsl-container > .panel > form > .row > .field.error::placeholder{color:#e32229;}

.acsl-languages{display: block; position: absolute; right:0px; top:0px;}
.acsl-languages > .selected{display: block; position: relative; padding:0px 15px 0px 0px; font-size:13px; line-height:18px; text-transform: uppercase; cursor: pointer;}
.acsl-languages > .selected > .arrow{display: block; position: absolute; right:0px; top:5px; width:8px; height:8px; background:url('../../images/icons/arrow-down-x32-gray.png') center center no-repeat; background-size: cover;}
.acsl-languages > .selected:hover, .acsl-languages.opened > .selected{color:#267E54;}

.acsl-languages > .options{display: none; position: absolute; z-index:3; right:-2px; top:22px; background:#fff; border-radius: 2px; border:1px solid #d5d5d5; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);}
.acsl-languages > .options > .option{display: block; position: relative; padding:7px 17px; font-size:13px; line-height:15px; color:#222; text-transform: uppercase; text-align: center; cursor: pointer;}
.acsl-languages > .options > .option:hover{background-color:#eee;}
.acsl-languages.opened > .options{display: block;}

@media all and  (max-width: 800px) {
    .acsl-container{padding-top:60px;}
}

@media all and  (max-width: 600px) {
    .acsl-container{width:100%; padding:35px 15px 15px 15px;}
    .acsl-container > .title{margin-bottom: 35px;}
    .acsl-container > .panel{padding:25px 25px 20px 25px;}
}