.icsi-wrapper{width:400px; margin:0px auto; padding:90px 0px 0px 0px;}
.icsi-wrapper > .logo{display: block; margin:0px 0px 10px 0px; font-size:42px; line-height:42px; color:#222; text-align: center;}
.icsi-wrapper > .text{display: block; margin:0px 0px 30px 0px; font-size:15px; line-height:18px; color:#999; text-align: center;}

.icsi-wrapper > .form{display: block; padding:25px 25px; background:#fff; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.25);}
.icsi-wrapper > .form > form > .row.first{margin:0px 0px 10px 0px;}
.icsi-wrapper > .form > form > .row.last{margin:0px 0px 25px 0px;}
.icsi-wrapper > .form > form > .row > .field{display: block; width:100%; height:42px; line-height:40px; padding:0px 5px; color:#222; border:0px; border-bottom: 1px solid #ddd; border-top:1px solid #fff;}
.icsi-wrapper > .form > form > .row > .field::placeholder{color:#aaa;}
.icsi-wrapper > .form > form > .row > .field:focus{border-bottom-color: #00897b;}
.icsi-wrapper > .form > form > .row > .field.error{color:#f70f17; border-bottom-color: #fe3038;}
.icsi-wrapper > .form > form > .row > .field.error::placeholder{color:#f70f17;}

.icsi-wrapper > .form > .submit-btn{display: block; margin:0px 0px 25px 0px;}
.icsi-wrapper > .form > .forgot{display: block; font-size:14px; line-height:18px; color:#222; text-align: center; text-decoration: underline;}
.icsi-wrapper > .form > .forgot:hover{color:#0060cd;}

@media all and  (max-width: 500px) {
    .icsi-wrapper{width:100%; padding-left:15px; padding-right:15px;}
    .icsi-wrapper > .logo{font-size:34px; line-height:37px;}
    .icsi-wrapper > .text{font-size:14px; line-height:17px;}
}