/** IMPORTS **/
.alerts { z-index: 999999; }

.alert-icon { font-size: 25px !important; }

.alert { transition: all .3s ease; }

.alert:hover, .alert:focus { transform: scale(1.04); }

.alert .close { opacity: 0; transition: opacity .3s ease; font-weight: 400; line-height: 1.6; }

.alert:hover .close, .alert:focus .close { opacity: 1; }

.alert-text { padding-top: 1px; }

@media (max-width: 1024px) { .alert.alert-success, .alert.alert-warning, .alert.alert-danger { left: 0; right: 0 !important; margin: 2% auto; width: 95%; } }
/*!
 * Wecustom CSS
 * Login page
 */
html, body { height: 100%; }

.grey-text { color: #8e8e8e; }

.contact-menu-icon { font-size: 20px; color: #00dbff; }

.contact-menu-icon-text { color: #00dbff; }

.kt-container.body-login { padding: 0; width: 100%; }

.kt-container.body-login .general-content-login { width: 1255px; margin: 0 auto; }

.kt-container.header-login { padding: 0px 60px; }

.loginGroup .kt-header__topbar-item.form-group.row { margin-left: 100px; }
.loginGroup .login-link-forgot { margin-top: -5px; }
.loginGroup .login-link-forgot a { font-size: 10px; color: #00dbff; }
.loginGroup .title { color: #555555; letter-spacing: 1.8px; font-size: 14px; margin-bottom: 3rem; margin-top: 1.5rem; }
.loginGroup .row { width: 100%; }
.loginGroup .center-login-body { max-width: 447px; margin: 0 auto !important; }
.loginGroup .form-group .btn-login, .loginGroup .form-group .btn-login:active, .loginGroup .form-group .btn-login:focus { background-color: #0084b9; border-color: #0084b9; }
.loginGroup .form-group .btn-login:hover { box-shadow: 0.1px 4px 10px 0 rgba(0, 45, 63, 0.2); background-color: #0292cc; border-color: #0292cc; }

.login-home-header .kt-header__topbar-item.form-group.row { margin-left: 180px !important; }

.forgot-password { font-size: 12px; }

.wecustom-login { width: 92px; height: 71px; }

.btn-forgot-container, .btn-validate-container { margin-top: 50px; }

.form-group label.kt-checkbox { font-size: 12px; color: #555555; }

.kt-checkbox span, .kt-checkbox input:checked ~ span, .kt-checkbox span::after { border-color: #0084b9; }

.min-height-forgot-views { min-height: 500px; }

.input-login, .input-login:hover, .input-login:active, .input-login:focus { background-color: #f9f9fc; }

.forgot-ok, .validate-container { color: #8e8e8e; text-align: center; margin: 25px auto 40px auto; display: block; }

.automatic-login-spinner { position: absolute; width: 100%; height: 100%; background-color: #ffffff; }

.automatic-login-spinner .spinner-border { width: 48px; height: 48px; }

.automatic-login-spinner .loading-text { text-align: center; }

.login-row { flex: inherit; }

.btn-banner, .btn-banner:active { background-color: #0084b9 !important; border-color: #0084b9 !important; font-size: 20px; margin-top: 20px; }

.btn-banner:hover { box-shadow: 0.1px 4px 10px 0 rgba(0, 45, 63, 0.2); background-color: #0292cc; border-color: #0292cc; }

.text-banner { position: absolute; top: 25%; left: 5%; width: 38%; height: 30%; font-size: 40px; }
.text-banner .plus-sign { color: #0292CC; }
.text-banner .main-text { font-weight: bold; color: #1B1B1B; margin: 0; }
.text-banner .highlight-text { font-weight: bold; color: #0292CC; margin: 0; }
.text-banner .subtext { font-size: 20px; color: #0292CC; margin-top: 10px; }
.text-banner .subtext-button { font-size: 20px; color: #0292CC; margin-top: 40px; }
.text-banner .text-black { color: #1B1B1B !important; }

@media (max-width: 1024px) { .kt-footer { position: relative; bottom: 0px; width: 100%; }
  body { height: auto; }
  .login .loginGroup { margin-bottom: 10%; }
  .banner-item-lang-es .banner { content: url("https://wecustom.com/assets/images/banners/home_banner_mbl_es_v2.jpg"); }
  .banner-item-lang-en .banner { content: url("https://wecustom.com/assets/images/banners/home_banner_mbl_en_v2.jpg"); }
  .btn-banner { margin-top: 10px; }
  .text-banner { width: 90%; margin-top: 10%; position: unset; height: 36%; margin-left: 5%; }
  .text-banner .plus-sign, .text-banner .main-text, .text-banner .highlight-text { font-size: 15px; }
  .text-banner .subtext, .text-banner .subtext-button, .text-banner .btn-banner { font-size: 11px; }
  .text-banner .subtext-button { margin-top: 20px; }
  .login-home-header { display: none; }
  .kt-container.body-login .general-content-login { width: 100%; margin: 0 auto; }
  .kt-header-mobile__toolbar i, .kt-header-mobile__toolbar span { color: #00dbff; font-size: 15px; } }
@media (max-width: 1024px) and (orientation: landscape) { .login-row { min-height: 700px; }
  .text-banner { width: 90%; margin-top: 10%; position: unset; height: auto; margin-left: 5%; }
  .text-banner .plus-sign, .text-banner .main-text, .text-banner .highlight-text { font-size: 30px; }
  .text-banner .subtext, .text-banner .subtext-button, .text-banner .btn-banner { font-size: 22px; }
  .text-banner .subtext-button { margin-top: 20px; } }
@media (max-width: 600px) { body { background-color: #ffffff; background-image: none; height: auto; }
  .forgot-password { margin: 35px 0 15px 0; display: block; text-align: center; } }
@media (max-width: 576px) { .login-row { min-height: 600px; }
  .login .loginGroup { margin-top: 0; margin-bottom: 5%; }
  .login .loginGroup .title { margin-top: 0; margin-bottom: 10px; }
  .login .loginGroup .login-inputs { margin-top: 30px; }
  .login .loginGroup .forgot-input { margin-top: 10px; }
  .login .loginGroup .form-group .btn-login { margin-top: 15px; }
  .login .loginGroup .forgot-password { margin: 20px 0 5px 0; }
  .login .left-side { margin-bottom: 40px; } }