a, a:link, a:visited {
    color:#26508C;
}

body {
    background: #F2F2F2;
    color:#777;
    font-family: "Roboto", Helvetica, Arial, san-serif !important;
    font-size:16px;
    letter-spacing: 0.2px;
    line-height:20px;
    text-align:left;
    padding:0;
    margin:0px;
    margin-top: 30px;
}
/*This is Required for Iframe to go 100%*/
html, body, iframe, .user-login-5, .bs-reset, .RightiFContainer { height: 100%; }
.btn.disabled, .btn[disabled] { background-color: #d1d5db !important; border-color: #d1d5db !important; }

#LoginIFrame {
    width:100%; height: 100%; overflow:hidden; border: none; float: right;
}
.centerLogo{
    margin: 0 auto; 
    display: block; 
}
.login-content h1{
    text-align: center; 
    font-size: 24px; 
    font-family: "Roboto", Helvetica, Arial, san-serif !important;

}
.btn {font-size: 16px;}
.upLabel{
    padding-bottom: 10px; 
}
.btn-Login{
    width:100%; 
    height: 45px; 
    margin-top: 15px; 
    border-radius: 10px !important;
}
.rememberUser { padding: 10px; padding-left: 0; }
.rememberUser .mt-checkbox, .mt-radio
{
    margin-bottom: 0px; 
}
.forgot-password{
    text-align: center; 
    display: block;
}
.forgot-password>a {
    text-decoration: none; 
    font-size: 16px; 
    text-align: center; 
}
.bdCopyRight
{
    text-align: center; 
    padding: 0 40px;
    bottom: 20px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.bdCopyRight p { color: #000 !important; display: flex; align-items: end; justify-content: center; }
.bdCopyRight .cp-login-logo { max-width: 100px; margin-left:5px; }
ul {
line-height:1.8;
padding-top:10px;
padding-left:15px;
padding-bottom:28px;
text-align:left;
margin:0px;
}

.footer {
font-size: 11px;
text-align:left;
color:#444444;
line-height:15px; 
letter-spacing: 0.2px;
}

.headline {
font-size:13px;
font-weight:bold;
color:#333333;
text-align:left;
line-height:20px;
}

.smaller {
padding-top:5px;
font-size: 10.5px;
}

.checkbox_label {
    display:block;
    padding-left: 15px;
    text-indent: -15px;
}

input {
background-color: #ffffff;
border:1px solid #bcbcbc;
width:192px;
height:20px;
padding:2px;
font-size:13px;
color:#444444;
text-align:left;
line-height:20px;
letter-spacing: 0.2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input.checkbox_box {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


input.inline {
padding:0 !important;
width:auto !important;
}

.inline {
display:inline;
width:auto;
}

.login_flash_error {
color:#8A1B1C;
font-weight:bold;
text-align:left;
}

.button, .button:link, .button:visited {
background: url(../images/login/login.gif) no-repeat;
width:80px;
height:24px;
border:0px;
color: transparent;
}

.button:hover {
background: url(../images/login/login.gif) no-repeat;
}

.pwbutton, .pwbutton:link, .pwbutton:visited {
background: url(../images/login/pw_submit.gif) no-repeat;
width:80px;
height:24px;
border:0px;
color: transparent;
}

.pwbutton:hover {
background: url(../images/login/pw_submit_over.gif) no-repeat;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
	
#content {
position:relative;
z-index:1;
}

/* KeenThemes login 5 css content */
.user-login-5 .login-logo.login-6{max-width: 220px; margin-bottom: 10px;margin: 0 auto; display: block; }
.close{background-image: url(../images/remove-icon-small.png) !important;}
.user-login-5 {
    min-height: 100vh
}

.user-login-5 .bs-reset {
    margin: 0;
    padding: 0
}

.user-login-5 .text-right {
    text-align: right
}

.user-login-5 .login-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh
}

.user-login-5 .login-logo {
    /*position: absolute;
    top: 2.5em;
    left: 2.5emMake Logo Flot with the content*/
}

.user-login-5 .login-logo.login-6 {
    /*top: 80px;
    left: 80px Make Logo Flot with the content*/
}

.user-login-5 .login-container {
    position: relative;
    min-height: 100vh
}

.user-login-5 .login-container .login-copyright,.user-login-5 .login-container .login-social,.user-login-5 .login-container>.login-content {
   /* padding: 0 80px*/
}

.user-login-5 .login-container>.login-content {
    margin-top: 140px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.user-login-5 .login-container>.login-content>h1 {
    font-size: 30px;
    font-weight: 300;
    color: #353535;
}

.user-login-5 .login-container>.login-content p {
    color: #777;
    font-size: 15px;
    line-height: 22px
}

.user-login-5 .login-container>.login-content>.login-form {
    margin-top: 30px;
    color: #353535;
    font-size: 13px
}

.form-control{
    height: 40px; 
}
.forgotPwdText{
    margin-bottom: 15px; 
}
.user-login-5 .login-container>.login-content>.login-form .form-control {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #d9d9d9;
    padding: 10px; 
    color: #555;
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 0!important; 
    height: 40px; 
}

.user-login-5 .login-container>.login-content>.login-form .form-control:focus {
    outline: 0
}

.user-login-5 .login-container>.login-content>.login-form .forgot-password,.user-login-5 .login-container>.login-content>.login-form .login-button {
    /*display: inline-block*/
}

.user-login-5 .login-container>.login-content>.login-form .rem-password {
    margin-top: 10px
}

.user-login-5 .login-container>.login-content>.login-form .rem-password>p {
    margin: 0
}

.user-login-5 .login-container>.login-content>.login-form .rem-password>.rem-checkbox {
    border-color: #a4aab2
}

.user-login-5 .login-container>.login-content>.login-form .forgot-password {
   /* margin-right: 1em*/
}

.user-login-5 .login-container>.login-content>.login-form .forgot-password>a {
    color: #000
}

.user-login-5 .login-container>.login-content>.login-form .forgot-password>a:hover {
    color: #000;
    text-decoration: underline;
}

/* .user-login-5 .login-container>.login-content>.login-form .forgot-password>a:focus { */
    /* color: #a4aab2; */
    /* text-decoration: none */
/* } */

.user-login-5 .login-container>.login-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 80px;
}

.user-login-5 .login-container>.login-footer .login-social {
    padding-right: 0
}

.user-login-5 .login-container>.login-footer .login-social li {
    display: inline-block;
    list-style: none;
    margin-right: 1em
}

.user-login-5 .login-container>.login-footer .login-social a {
    color: #a9b5be;
    font-size: 18px
}

.user-login-5 .login-container>.login-footer .login-social a:hover {
    color: #337ab7;
    text-decoration: none
}

.user-login-5 .login-container>.login-footer .login-social a:focus {
    color: #a9b5be
}

.user-login-5 .login-container>.login-footer .login-copyright {
    padding-left: 0;
    margin-top: 6px
}

.user-login-5 .login-container>.login-footer .login-copyright>p {
    margin: 0;
    font-size: 13px;
    color: #777;
}

.user-login-5 .alert {
    margin-top: -15px
}

.user-login-5 .form-group.has-error {
    border-bottom: 2px solid #ed6b75!important
}

.user-login-5 .form-group.valid {
    border-bottom: 1px solid #a0a9b4!important
}


#ForgotPasswordDialog .modal-dialog {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);  
    margin:0px auto!important; 
    display: table!important;
    position:absolute;    
}

#ForgotPasswordDialog {
   margin:0px 10px;
}
.bdCopyRight > p {
    padding:0;
    margin:0;
}
.alert.alert-danger span {
    font-size:16px;
}
.alert.alert-danger {
    text-align:center;
}


/* Extra Small Devices, Phones */

@media (max-width: 320px) {
    .user-login-5 .login-container>.login-content
    {
        margin-top: 25px!important; 
    }
    .alert.alert-danger span {
        font-size:14px;
    }
    .user-login-5 .login-container > .login-content .login-form {
        margin-top:10px!important;
    }
    .user-login-5 .login-container > .login-content > .login-form .form-control {
        margin-bottom: 10px;
    }
    .bdCopyRight{
        bottom: 5px; 
    }
    .btn-Login {
        margin-top:10px;
    }
    .user-login-5 .alert {
        margin-top:-15px !important;
    }
    .alert {
        margin-bottom: 10px;
    }
    .rememberUser {
        padding:15px;
    }
}
@media (max-width:480px) {
    .user-login-5 .login-container>.login-content
    {
        margin-top: 60px!important; 
    }
    .bdCopyRight
{
    display: flex;
     justify-content: center;
    padding: 0px!important;
    bottom: 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.bdCopyRight>p {    
    position: absolute;
    bottom: calc(100% - 180px);   
}
}

@media (max-width:812px) and (orientation:landscape) {
     .bdCopyRight
{
    display: flex;
     justify-content: center;
    padding: 0px!important;
    bottom: 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.bdCopyRight>p {    
    position: absolute;
    bottom: calc(100% - 200px);   
}
}
@media (max-width: 640px) {    
    .user-login-5 .login-container>.login-content
    {
        margin-top: 25px; 
    }
    .alert.alert-danger span {
        font-size:14px;
    }
    .user-login-5 .login-container>.login-content .text-right {
        text-align:left;        
    }
    .user-login-5 .login-container > .login-footer
    {
        padding:0px !important;
    }
        .user-login-5 .login-container > .login-footer .login-copyright
        {
            padding-left:40px !important;
        }
}
@media (max-width: 1023px) {
    .user-login-5 .login-container > .login-content {
        margin-top: 140px;
    }
    .alert.alert-danger span {
        font-size:14px;
    }
    .user-login-5,.user-login-5 .login-bg,.user-login-5 .login-container {
        min-height:50vh
    }

    .user-login-5 .mt-login-5-bsfix {
        width: 100%
    }

    .user-login-5 .login-container>.login-content .login-form {
        margin-top: 40px
    }

    .user-login-5 .login-container .rem-password {
        margin-bottom: 1em
    }

    .user-login-5 .login-container>.login-footer {
        position: relative;
        margin-top: 40px;
        padding-bottom: 0;
        padding:0px 40px;
        left: 0px; 
        
    }

    .user-login-5 .login-container>.login-footer .login-social li {
        margin-right: .5em
    }

    .user-login-5 .alert {
        margin-top: -20px
    }
}
@media (max-width: 1365px) {
    .user-login-5 .login-logo.login-6 {
        top:40px;
        left: 40px
    }

    .user-login-5 .login-container .login-copyright,.user-login-5 .login-container .login-social,.user-login-5 .login-container>.login-content {
        padding: 0 30px
    }   
    /*.bdCopyRight{bottom: 0}*/
    .user-login-5 .login-container .login-social {
        padding-right: 0
    }

    .user-login-5 .login-container .login-copyright {
        /*padding-left: 0*/
    }
    .user-login-5 .login-container>.login-footer{
        left: 40px; padding: 10px 0px;
    }
}
@media only screen and (min-width : 1200px) and (max-width : 1366px) {
    .user-login-5 .login-container > .login-content {
        margin-top: 140px!important;
    }    
}

@media only screen and (max-width:1024px) and (orientation:landscape)
{
    .user-login-5 .login-container > .login-content {
        margin-top:120px;
    }    
    .bdCopyRight>p {            
        margin-bottom: 0.7em;        
    }
    
}

/* iPad pro (portrait) ----------- */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)
{
    .bs-reset {
        width:100%;
    }  
}

/* KeenThemes login 5 css content end */