/* Sign in */
body { background-image:url('../../images/loginBg.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center; background-attachment:fixed;}

.sni-wrapper{padding: 50px 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%;}
.sni-wrapper > .sni-container{max-width:400px; width:100%; margin:0px auto; padding:0px; background:rgba(255, 255, 255, 0.75);  box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1); border-radius: 10px;}


.sni-wrapper > .sni-container > header {width:100%; background:rgba(0, 0, 0, 0.8); padding:20px 50px; text-align:center; border:1px solid rgba(34, 45, 50, 0.8); border-bottom:none; border-radius: 10px 10px 0 0;}
.sni-wrapper > .sni-container > header img {max-width:65%; max-height:100%;}

.sni-wrapper > .sni-container > section {padding:30px 50px; border:1px solid #d8d8d8; border-top:none;}
.sni-wrapper > .sni-container > section > .title{display: block; margin-bottom:12px; color:#222d32; font-size:28px; line-height:30px;}
.sni-wrapper > .sni-container > section > .description{display: block; color:#57616e; font-size:13px; line-height:18px;}
.sni-wrapper > .sni-container > section.experience { padding:10px; text-align: center; color: #313131; background:rgba(255, 255, 255, 0.5); border-radius: 0 0 10px 10px;}

.sni-wrapper > .sni-container > footer {padding:10px 50px; border:1px solid #d8d8d8; border-top:none; color:#57616e; background:rgba(255, 255, 255, 0.75); }
.sni-wrapper > .sni-container > footer > h2 {display: block; margin-top:12px; color:#7fb820; font-size:23px; line-height:30px; float:left; }
.sni-wrapper > .sni-container > footer p { float:right; text-align:right; }
.sni-wrapper > .sni-container > footer b { font-weight: bold; }
.sni-wrapper > .sni-container > footer a { color:#57616e; }
.sni-wrapper > .sni-container > footer a:hover { color:#343538; }

.sni-credentials {padding:20px 0px 0px 0px;}
.sni-credentials .field {position: relative;}
.sni-credentials .field > input {display: inline-block; width:100%; height:38px; padding:0px 12px 0px 50px; font-size:13px; color:#444; border:1px solid #bababa; background-color: #fff; border-radius: 3px;}
.sni-credentials .field > input:hover {border-color:#999;}
.sni-credentials .field > input:focus {border-color:#555;}
.sni-credentials .field.email{margin-bottom:7px;}
.sni-credentials .field.password{margin-bottom:7px;}
.sni-credentials .field > i{display: block; position: absolute; left:15px; top:9px; width:20px; height:20px; z-index:9;}
.sni-credentials .field > i.icon-email{background:url('../../images/icons/icon-login-email-x20.png') center center no-repeat;}
.sni-credentials .field > i.icon-lock{background:url('../../images/icons/icon-login-lock-x20.png') center center no-repeat;}
.sni-credentials .btn-sign-in{display: block; vertical-align: top; width:100%; height:39px; line-height:36px; margin-top:20px; color:#fff; font-size:14px; font-weight: bold; background:#2e3f46; border-radius: 2px; border:1px solid #1c262a; border-bottom-width: 2px; text-align:center; cursor:pointer;}
.sni-credentials .btn-sign-in:hover{background: #243136; border-color: #161d20;}
.sni-credentials .btn-sign-in:active{box-shadow:inset 0px 1px 2px 1px rgba(0, 0, 0, 0.15);}
.sni-credentials .restore-password{display: inline-block; color:#2a6796; font-size:12px; line-height:15px; text-decoration: none;}
.sni-credentials .restore-password:hover{text-decoration: underline;}