.error 
{
    padding: 8px;
    background: rgba(52, 4, 0, 0.4);
    margin: 6px 0
}
.hide 
{
    display:none;
}
.show 
{
    display: block;
}
.clear{clear:both}
body {    
    line-height: 1em;
    margin: 0px;    
    font-family:proxima-nova, Arial;
    font-weight:300;
    font-size: 0.8em;
    padding: 0px;    
    overflow: hidden;letter-spacing: 0.05em; background-color:#000;    
}
a, a:focus, a:active{ outline:0 !important;}
::-webkit-input-placeholder {color:#222;}
:-moz-placeholder {color:#222;}


/* ==========================================================================
   Login styles
   ========================================================================== */
.login-Bg{background-image:url(../images/login-bg.png);background-position-x:50%;background-position-y:center;background-repeat:no-repeat;background-color:#000;width:100%;height:100%;position:absolute;}   
.loginHldr{min-height:600px; position:absolute; top:10%;width:100%; margin:0 auto;opacity: inherit;}
.login-cont{width:400px; margin:0 auto; background:rgba(110, 110, 110, 0.2); position:absolute; height:100%; left: 35%;}
.login-cont .sitename{width:100%;top:13%; position:absolute; color:#fff; font-size:3.8em; font-weight:200; text-align:center;}
.login-cont sup.site-subname{color:#999; font-size:18px; position:relative; top: -20px}
#loginForm{text-align:center;}
.login-errMsg{color:red; text-align: left; padding-left: 40px; display: block; height: 20px; position: absolute; top: 24%;}
.form-fields{position:absolute; top: 31%; width:100%;}
.form-fields input.loginInput{background-color:#9a9a9a; font-size:18px; color:#222; padding:8px; width:73%; margin:0 auto; display:block; margin-bottom:6%; border-radius:3px; border: 1px solid #000;}
.form-fields input.loginInput:focus{border:1px solid #00b0f0; outline:none; background-color:#ccc;}
.form-fields button.loginBtn{background-color:#00B0F0;color:#fff;border:none;text-transform: uppercase; font-size:14px; display:inline-block; margin:0 auto;padding:8px 20px;letter-spacing:0.15em; font-weight:500;}
.form-fields button.loginBtn:hover{background-color:#FF6600;text-decoration:none}
.form-fields button.loginBtn:focus{outline:none}

.login-help{position:absolute; top:66%; width:100%;}
.login-help p{color:#ececec; font-weight:600;}
.login-help a:before{color:#fff; font-size:23px;}

.forgotPassword{margin-top: 20px;}
.forgotPassword a{text-decoration:none; cursor:pointer; color:#fff;}
.forgotPassword a:hover{text-decoration: underline;}

.login-phone{display:block; float:left; color:#fff; width:16px; height:18px; margin-top:2px;transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;}
.login-phone:hover{width:115px; cursor:pointer;}
.login-phone i{ font-size:20px; line-height:1px; display:block; }
.login-phone a {display:block; color:#fff; position: relative; top: -17px; opacity:0; text-decoration:none; font-size:14px; overflow:hidden; height:12px;}
.login-phone:hover a {opacity:1; filter: alpha(opacity=100);}
.login-phone:hover i{opacity:0;}
.help-icons{text-align:left; margin-left:160px;}
.email-iconPos{display:block; float:left; margin-right:15px;text-decoration: none;}
	
.login-terms{position:absolute; bottom: 12%; color:#ececec; width:100%;}
.login-terms a{color:#ececec; text-decoration:none; letter-spacing: 0.1em; font-size:1.2em; padding:0 2%; outline:none;}
.login-terms p{color:#999}



.form-content 
{
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 44%;
    left: 50%;
    margin-left: -325px;
    width: 650px;
    height: 90px;
}
.form-content-1 {
    position: relative;
    padding: 10px;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #c0c0c0;
}
.form-content-2 {
    position: relative;
    padding: 10px;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.bttn-section 
{
    margin: 10px 0px;
}
.inputTitler {
    display: inline-block;
    position: relative;
    color: black;
    font-size: 18px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
.inputstyle {
    display: inline-block;
    position: absolute;
    right: 10px;
    line-height: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
    font-size: 18px;
    width: 500px;
    border: none;
    outline: none;
}
.bttnstyle {
    width: 650px;
    font-family: Verdana;
    height: 50px;
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: bold;
    margin-right: 0px;
    background-color: white;
    color: black;
    border-radius: 10px;
    opacity: .7;
    vertical-align:middle;
    display:block !important;
}

#siglogo1 {
    position: absolute;
    left: 10px;
    top: 10px;
    opacity: 1;
}
#siglogo {
    position: absolute;
    width: 519px;
    height: 288px;
    left: 50%;
    top: 25%;
    margin-left: -260px;
    margin-top: -144px;
    background-image: url(../img/big_iri.png);
}
#assistance {
    color: #efefef;
    display: block;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    bottom: 40px;
    width: 100%;
}
a {
    color: #149EDA;
}
#logoDiv {
    position: absolute;
    width: 519px;
    height: 288px;
    left: 50%;
    top: 50%;
    margin-left: -260px;
    margin-top: -144px;
    background-image: url(../img/big_iri.png);
}
#fullCover {
    position: absolute;
    z-index: 1000;
    background-color: black;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    line-height: 300px;
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 36px;
}
#gettingData {
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 24px;
    color: white;
}
.capslock-indicator {
    position: relative;
    top: -3px;
    z-index: 9999;
    color: #E20D0D;
    padding: 10px;
    background: url("assets/images/alert-icon.png") no-repeat left center #cccccc;
    margin-right: -150px;
    font-weight: bold;
    padding-left: 20px;
    border-left: 8px solid #cccccc;
    float: right;
}
.waitcursor:hover {
    cursor: wait !important;
}
/*.iri-logo {
    background: url("../images/iri-logo-mid.png") no-repeat !important;
    bottom: 130px;
    right: 52px;
    height: 182px;
    width: 500px;
    position: absolute;
    z-index: 5;
 }*/

.iri-logo {
    background: url(../images/iri-logo-mid.png);
    bottom: 10px;
    right: 15px;
    height: 62px;
    width: 140px;
    position: absolute;
    z-index: 5;
    background-size: cover;
}
    
 .login-cont sup.site-subname {
    color: #999;
    font-size: 18px;
    position: relative;
    top: -20px;
}