/* Login page */
body#login2 {
    background-color: #0774a7;
    /*background: radial-gradient(circle, #0774a7 0%, #044462 100%);*/
    background: radial-gradient(circle, rgba(7,116,167,1) 0%, rgba(4,68,98,1) 75%, rgba(3,56,80,1) 100%);
    min-height: 100vh;
	color: #f2f2f2;
    padding-top:0px;
	padding-bottom:30px;text-shadow: 0 1px 0 #222;
}
body#login2 .btn-gray:hover{
    border:1px solid #555;
    box-shadow:0 1px 2px transparent;
    color:#000000 !important;
}
body#login2 .btn-large {border-radius:5px;font-size:16px;height:40px;line-height:40px;padding:0px 14px;vertical-align:middle;}
body#login2 .btn-large [class^="icon-"] {margin-top:0px;}
body#login2 .container {width:auto;}

body#login2 h1.signin{color:#f2f2f2;font-weight:600;text-align:center;text-shadow: 0 1px 1px #111;}  

body#login2 h1.signin {
    font-size: calc(100% + 2vw + 3vh);
    line-height:1;
    margin:0px auto 65px;
    padding-top:45px;
}
input{
    height: auto;
    line-height: 2em !important;
}

form.form-horizontal .user-pass .control-group {margin-bottom:0px;}
form.form-horizontal .user-pass label.control-label,
form.form-horizontal .user-pass label.checkbox,
form.form-horizontal .user-pass label.checkbox a {color:#f2f2f2;font-weight:bold;}
form.form-horizontal .user-pass label.checkbox a {text-decoration:underline;}
form.form-horizontal .user-pass label.checkbox a:active,form.form-horizontal .user-pass label.checkbox a:focus,form.form-horizontal .user-pass label.checkbox a:hover{text-decoration:none;}
form.form-horizontal .user-pass label.checkbox a:active,form.form-horizontal .user-pass label.checkbox a:focus{background-color:#0774a7;}
form.form-horizontal .user-pass .help-inline, 
form.form-horizontal .user-pass .control-label.optional {color:#ccc;font-weight:normal;}

form.login{background:none;margin-bottom:10px;margin-top:20px;}
form.login button, form.login a.btn{display:block;float:left;margin:20px 15px 20px 15px;}
form.login button.reset{display:block;float:none;margin-left:auto;margin-right:auto;}
form.login .clearfix{margin-bottom:5px;}
form.login label {display:none;}
form.login label.checkbox {background:transparent;color:#f2f2f2;display:block;float:right;font-weight:bold;line-height:30px;margin:20px 15px 0 0;white-space:nowrap;width:210px;}
form.login label.checkbox input[type="checkbox"] {margin-top:10px;}


form.login .user-pass .loginHelp{color:#ffcc00}
form.login .user-pass p {margin:15px 0 0;}

form.login #username,form.login #password,#usernameReset,
form.login #custid,form.login #email,form.login #password
 {
    background: #FAFAFA;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(255,255,255,0.4);
    display:block;
    margin:0 auto;
    padding:5px 15px;
    max-width:440px;
}
form.login #username,
form.login #custid {
    border-radius: 10px 10px 0 0;
}
form.login #email {
    border-radius:0px 0 0 0;
    margin-top:-1px;
}
form.login .user-pass #usernameReset {
    border-radius:10px;
}
form.login #password {
    border-radius: 0 0 10px 10px;
    border-top-width: 0;
}

form.login .btn.btn-gray.btn-large.span6,
form.login .btn.btn-gray.btn-large.btn-login{float:none;margin-left:auto;margin-right:auto;max-width:470px;}


.ftrLogin,.backbone{color:#EFEFEF;}
.ftrLogin{ opacity: 0.2;text-align:center;}
	.di,.psn,.tol,.tlp,.tune,.ziios{background-color:transparent;/*blue red pink transparent*/}
	.di,.di:visited{background-position:-90px -120px;}
	.psn,.psn:visited{background-position:-85px 0px;}
	.tol,.tol:visited{background-position:-85px -160px;}
	.tlp,.tlp:visited{background-position:-85px -40px;}
	.ziios,.ziios:visited{background-position:-85px -80px;} 

#notificationContainer{
    text-align: center;
}

@media (max-width:768px){
    body#login2 h1.signin {
        font-size: 4em;
    }
  }