#UsersCustomLogin { background-color: #FFF}

#UsersCustomLogin #divContent { width: 100%; margin: 0; margin-top: 0; position: absolute;    top: 50%;    -ms-transform: translateY(-50%);    transform: translateY(-50%); }
#UsersCustomLogin .login-bg .bg-text { position: absolute; right: 30px; text-align: right; bottom: 100px; color: #FFF; font-size: 40px; line-height: 40px}
#UsersCustomLogin .login-bg .bg-logo { position: absolute; right: 30px; bottom: 20px; }
#UsersCustomLogin .login-bg .bg-logo img { height: 30px; }
#UsersCustomLogin .login-container #btnLogin { color: #FFF; background-color: #072939}
#UsersCustomLogin .login-container #btnForgotPass { color: #FFF; background-color: #072939}
#UsersCustomLogin .login-container .col-forgotpass { margin-top: 30px}
#UsersCustomLogin .login-container .header-container .logo img { height: 50px }
#UsersCustomLogin .login-container .footer-container { font-size: 12px; color: #777; text-align: center; position: absolute; bottom: 0; right: 60px; text-align: right}
#UsersCustomLogin .login-container .footer-container img { vertical-align: middle; margin-bottom: 10px; margin-top: -4px; margin-left: 6px}

@media (max-width: 460px) {
  #UsersCustomLogin .login-container { height: 100vh }
  #UsersCustomLogin .login-container .header-container .logo img { height: 30px }
  #UsersCustomLogin .login-container .footer-container { bottom: 50px; right: 0; left: 0; text-align: center}
  #UsersCustomLogin .login-container>.login-content .text-right { text-align: right !important}
  #UsersCustomLogin .form-data { margin-top: 40% !important}
}


#UsersCreateAccount { background-color: #FFF}

#UsersCreateAccount .login-bg .bg-text { position: absolute; right: 30px; text-align: right; bottom: 100px; color: #FFF; font-size: 40px; line-height: 40px}
#UsersCreateAccount .login-bg .bg-logo { position: absolute; right: 30px; bottom: 20px; }
#UsersCreateAccount .login-bg .bg-logo img { height: 30px; }
#UsersCreateAccount .login-container #btnCreate { color: #FFF; background-color: #072939}
#UsersCreateAccount .login-container .header-container .logo img { height: 50px }
#UsersCreateAccount .login-container .footer-container { font-size: 12px; color: #777; text-align: center; position: absolute; bottom: 0; right: 60px; text-align: right}
#UsersCreateAccount .login-container .footer-container img { vertical-align: middle; margin-bottom: 10px; margin-top: -4px; margin-left: 6px}

#UsersCreateAccount #divContent { width: 100%; margin: 0; margin-top: 0; position: absolute;    top: 50%;    -ms-transform: translateY(-50%);    transform: translateY(-50%); }
#UsersCreateAccount #formCreate .form-group i {float: right;display: block;position: absolute;margin: 10px 10px 4px 10px; font-size: 14px;text-align: center;right: 4px;float: right; z-index: 3}
#UsersCreateAccount #formCreate .col-input.has-success i {color: #31C7B2;}
#UsersCreateAccount #formCreate .col-input.has-error i {color: #F3565D;}

@media (max-width: 460px) {
  #UsersCreateAccount .login-container { height: 100vh }
  #UsersCreateAccount .login-container .header-container .logo img { height: 30px }
  #UsersCreateAccount .login-container .footer-container { bottom: 50px; right: 0; left: 0; text-align: center}
  #UsersCreateAccount .login-container>.login-content .text-right { text-align: right !important}
  #UsersCreateAccount .form-data { margin-top: 40% !important}
}