.form-control[readonly] {
    background: transparent;
}


.loginContainer{
    min-height: 100vh;
    background: url('images/loginBg.svg');
    background-repeat: no-repeat;
    background-position: 0vw 10vh;
    background-size: contain;
}

.loginRow{
    /* height: 95vh; */
    padding: 68px 0 0 0;
}

.loginCard{
    padding: 34px 48px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
    max-height: 630px;
    object-position: center;
    /* background-color: #cecece; TODO: REMOVE */
}

.imgdiv{
    text-align: center;
}
.imgdiv .image{
    /*width: auto;*/
    /*height: auto;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.loginCard .subHeading{
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
    color: #000;
}

.loginForm{
    margin-top: 60px;
    padding: 20px 0 ;
}

.loginCard .loginFieldContainer{
    padding: 5px 0;
}

.loginForm .loginField{
    width: 100%;
    /* height: 32px; */



    outline: none;

    border: none;

    /* border-bottom: solid 1px #f2f2f2; */
}



.input {
	font: inherit;
    background: 0 0;
    color: currentColor;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
    text-align: inherit;
    border-bottom: solid 2px #0061a0;
}

.loginForm .loginBtnContainer{
    text-align: center;
    margin-top: 30px;
}

.loginForm .loginBtn{
    background-color: #0061a0;
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 40px;

    font-family: 'Noto Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
}
.compatibility_info {text-align: center;width: 100%;padding: 10px 0 0;font-size: 11px;font-family: 'Noto Sans' !important;}
.compatibility_info p {max-width: 450px;margin: 0 auto;}

    .error-box img {
      margin:0 0 0 0;
      padding-bottom: 20px;
	  padding-right: 20px;
    }
    #errId {
      overflow:hidden;
      position: relative;
      top: -6px;
      margin: 0 0 0 8px;
    }
    .error-box.active {
      display:block;
    }
    .error-box {
      display:none;
      overflow: hidden;
      font-size:14px;
      background-color:#FFF;
      color:#DE0000;
      clear:both;
      float:none;
      position:relative;
      bottom:-32px;
     /* margin:0 -64px 0 -64px; */
     /* padding:26px 26px 10px 26px; */
     /* min-height:50px; */
     /* box-sizing:border-box; */
    }

    @media all and (max-width: 480px){
      .error-box {
        margin:0 -24px 0 -24px;
        padding:26px 24px 0 24px;
      }
    }