/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');


body {background-color: #FFF !important; font-family: 'Inter', sans-serif !important}

.dt-buttons {
  display: none;}
.alert-danger {background-color: #d60a3a !important}
.toast-error {background-color: #d60a3a !important}
#toast-container .toast-close-button {font-size: 20px !important; font-weight: normal !important}
#toast-container .toast-close-button:hover {color: #dadada !important }
.or-separator { position:relative !important; border-top: 1px solid #d1d4db !important}
.or-text-wrapper {position: absolute !important; top:-10px !important; left:0px !important; right: 0px !important; text-align: center !important; color: #575c66 !important}
.or-text {background-color: #FFF !important; padding-left: 25px !important; padding-right: 25px !important; font-size: 14px !important; text-align: center !important}
.glink-stat {cursor: pointer !important}

.quixnav {
  background-color: #c30d38;
}

.nav-header {
  background-color: #c30d38;
 }

.quixnav .metismenu > li > a {
  color: #fff; }

.quixnav .metismenu > li:hover > a, .quixnav .metismenu > li:focus > a, .quixnav .metismenu > li.mm-active > a {
  background-color: #a80c30;
  color: #fff; }

.hamburger .line {
  background-color: #c30d38;
}

.quixnav .metismenu > li.mm-active ul {
  background-color: #910a2a; }

.quixnav .nav-label {color:#ededed}



.welcome-text h4 i {
  display: none !important;}
.welcome-text h4 {
  color: #000;
  font-weight: 600;
  font-size: 1.75rem;}



.btn-buy-credits-dash:hover {
  cursor: pointer;
}
.sub-s-id {
  font-size: 16px !important;
}
.credits-badge {font-family: 'Inter', sans-serif !important; font-size: 14px !important; font-weight: 600 !important}


.badge-aysa1 {
  background-color: #d60a3a !important;
}
.badge-aysa1:hover {
  background-color: #950a2d !important;
}

.btn-primary {
  color: #fff;
  background-color: #4f984a;
  border-color: #4f984a; }
.btn-primary:hover {
  color: #fff;
  background-color: #358230;
  border-color: #358230; }
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #259020;
  border-color: #259020; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0f460a;
  border-color: #0f460a; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(15, 70, 10, 0.5); }


/**** ------ custom swipe control -----*/
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #d50939;
  background-color: #d50939;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgb(160, 9, 45); }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: rgba(255, 9, 59, 0.16); }

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #d9d2f7;
    border-color: #d9d2f7; }

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }

.custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }


.authincation-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.text-gray-1 {
  color: #575c66 !important;
}
.text-aysa-1 {
  color:#d60a3a;
}

.login-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #171a22 !important;
}
.btnCustom {
  height:42px;
  min-height: 42px;

}
.google-login-btn {
  font-size: 14px !important;
  height: 42px !important;
  padding-left: 8px !important;
  padding-right:8px !important;
  min-height: 42px !important;
  background-color: #FFF !important;
  color: rgba(0, 0, 0, 0.54) !important;
  border:1px solid #b5bac4 !important;
  align-items: center !important;
  justify-content:left !important;
  display:flex;
  flex-direction: row !important;
  vertical-align: middle !important;
  width: 100% !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
}
.google-link-proj { }

.google-logo {
  margin-right: 24px !important;
}

.google-login-btn:hover {
  background-color: #eeeeee !important;
  border-color: #9ca1ab !important;

}
.gsc-link {
  color:#0b57d0 !important;
}
.gsc-link:hover {
  text-decoration: underline !important;
}
.ga-link {
  color:#0b57d0 !important;
}
.ga-link:hover {
  text-decoration: underline !important;
}

.link-account-short-desc {
  border-left: 1px dashed #9d9d9d !important;

}
.link-account-short-desc p {
  padding-left: 10px;
  color: #8b8e95 !important;
}

.login-form label, .login-form input, .login-form a, .login-form button {
  font-family: 'Inter', sans-serif;
}

.login-form label {
  font-size: 16px !important;
  line-height: 1.5;
  color: #575c66 !important;
}
.login-form input.form-control::placeholder {
  color:#aaa !important;
}
.login-form input.form-control {
  height: 42px !important;
  min-height: 42px !important;
  color:#333 !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  border-color: #b5bac4 !important;
}

.login-form a {
  font-size: 14px !important;
  color:#d50939 !important;
}
.login-form a:hover {
  text-decoration: underline !important;
}

.login-form .custom-control-input, .login-form .custom-control-label {
  font-size: 14px !important;
  border:none !important;
}

.login-form .form-control:hover, .login-form .form-control:focus, .login-form .form-control.active {
  box-shadow: none;
  background: #fff;
  color: #F3F3F3;
}

.login-form .form-control:focus {
  color: #495057;
  background-color: #F6F6F6 !important;
  border-color: #009def;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(89, 59, 219, 0.25);
}

.login-form .app-login-btn {
  font-size: 16px !important;
  background-color: #d60a3a !important;
  color: #fff !important;
}
.login-form .app-login-btn:hover {
  background-color: #a10a37 !important;
}
.login-form h6 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #575c66 !important;
}


/**** --- Signup form --------- ****/

.signup-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #171a22 !important;
}

.signup-form {
  font-family: 'Inter', sans-serif !important;
  color: #575c66 !important;
}

.signup-form label, .signup-form input, .signup-form a, .signup-form button {
  font-family: 'Inter', sans-serif;
}

.signup-form label {
  font-size: 16px !important;
  line-height: 1.5;
  color: #575c66 !important;
}
.signup-form input.form-control::placeholder {
  color:#aaa !important;
}
.signup-form input.form-control {
  height: 42px !important;
  min-height: 42px !important;
  color:#333 !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  border-color: #b5bac4 !important;
}


.signup-form .form-control:hover, .signup-form  .form-control:focus, .signup-form .form-control.active {
  box-shadow: none;
  background: #fff;
  color: #F3F3F3;
}

.signup-form .form-control:focus {
  color: #495057;
  background-color: #F6F6F6 !important;
  border-color: #009def;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(89, 59, 219, 0.25);
}

.signup-form .app-signup-btn {
  font-size: 16px !important;
  background-color: #d60a3a !important;
  color: #fff !important;
}
.signup-form .app-signup-btn:hover {
  background-color: #a10a37 !important;
}

.signup-form a {
  font-size: 14px !important;
  color:#d50939 !important;
}
.signup-form a:hover {
  text-decoration: underline !important;
}




/**** --- Reset pass form --------- ****/
.reset-pass-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #171a22 !important;
}

.form-pass-recover {
  font-family: 'Inter', sans-serif !important;
  color: #575c66 !important;
}

.form-pass-recover label, .form-pass-recover input, .form-pass-recover a, .form-pass-recover button {
  font-family: 'Inter', sans-serif;
}

.form-pass-recover  label {
  font-size: 16px !important;
  line-height: 1.5;
  color: #575c66 !important;
}
.form-pass-recover input.form-control::placeholder {
  color:#aaa !important;
}
.form-pass-recover input.form-control {
  height: 42px !important;
  min-height: 42px !important;
  color:#333 !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  border-color: #b5bac4 !important;
}


.form-pass-recover .form-control:hover, .form-pass-recover .form-control:focus, .form-pass-recover .form-control.active {
  box-shadow: none;
  background: #fff;
  color: #F3F3F3;
}

.form-pass-recover .form-control:focus {
  color: #495057;
  background-color: #F6F6F6 !important;
  border-color: #009def;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(89, 59, 219, 0.25);
}

.form-pass-recover .app-reset-pass-btn {
  font-size: 16px !important;
  background-color: #d60a3a !important;
  color: #fff !important;
}
.form-pass-recover .app-reset-pass-btn:hover {
  background-color: #a10a37 !important;
}

.form-pass-recover .app-reset-pass-back-btn {
  font-size: 16px !important;
  background-color: #fff !important;
  color: #575c66 !important;
  border-color: #b5bac4 !important;
}
.form-pass-recover .app-reset-pass-back-btn:hover {
  color: #d60a3a !important;
  border-color: #d60a3a !important;
}

.form-pass-recover a {
  font-size: 14px !important;
  color:#d50939 !important;
}
.form-pass-recover a:hover {
  text-decoration: underline !important;
}






/**** --- Change pass form --------- ****/
.change-pass-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #171a22 !important;
}

.form-change-pass {
  font-family: 'Inter', sans-serif !important;
  color: #575c66 !important;
}

.form-change-pass label, .form-change-pass input, .form-change-pass a, .form-change-pass button {
  font-family: 'Inter', sans-serif;
}

.form-change-pass  label {
  font-size: 16px !important;
  line-height: 1.5;
  color: #575c66 !important;
}
.form-change-pass input.form-control::placeholder {
  color:#aaa !important;
}
.form-change-pass input.form-control {
  height: 42px !important;
  min-height: 42px !important;
  color:#333 !important;
  line-height: 1.2 !important;
  font-size: 16px !important;
  border-color: #b5bac4 !important;
}


.form-change-pass .form-control:hover, .form-change-pass .form-control:focus, .form-change-pass .form-control.active {
  box-shadow: none;
  background: #fff;
  color: #F3F3F3;
}

.form-change-pass .form-control:focus {
  color: #495057;
  background-color: #F6F6F6 !important;
  border-color: #009def;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(89, 59, 219, 0.25);
}

.form-change-pass .app-change-pass-btn {
  font-size: 16px !important;
  background-color: #d60a3a !important;
  color: #fff !important;
}
.form-change-pass .app-change-pass-btn:hover {
  background-color: #a10a37 !important;
}

.form-change-pass .app-change-pass-back-btn {
  font-size: 16px !important;
  background-color: #fff !important;
  color: #575c66 !important;
  border-color: #b5bac4 !important;
}
.form-change-pass .app-change-pass-back-btn:hover {
  color: #d60a3a !important;
  border-color: #d60a3a !important;
}

.form-change-pass a {
  font-size: 14px !important;
  color:#d50939 !important;
}
.form-change-pass a:hover {
  text-decoration: underline !important;
}




/**** --- 2FA form --------- ****/
.two-fa-title {
  font-family: 'Inter', sans-serif;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #171a22 !important;
}

.two-fa-form {
  font-family: 'Inter', sans-serif !important;
  color: #575c66 !important;
}

.two-fa-form label, .two-fa-form input, .two-fa-form a, .two-fa-form button {
  font-family: 'Inter', sans-serif;
}

.two-fa-form  label {
  font-size: 16px !important;
  line-height: 1.5;
  color: #575c66 !important;
}
.two-fa-form input.form-control::placeholder {
  color:#aaa !important;
}
.two-fa-form input.form-control {
  height: 60px !important;
  min-height: 60px !important;
  color:#333 !important;
  line-height: 1.2 !important;
  font-size: 30px !important;
  border-color: #b5bac4 !important;
}


.two-fa-form .form-control:hover, .two-fa-form .form-control:focus, .two-fa-form .form-control.active {
  box-shadow: none;
  background: #fff;
  color: #F3F3F3;
}

.two-fa-form .form-control:focus {
  color: #495057;
  background-color: #F6F6F6 !important;
  border-color: #009def;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(89, 59, 219, 0.25);
}

.otp .form-control {
  font-size: 16px !important;
  font-family: 'Inter', sans-serif;

}
.otp-note {
  font-size: 12px !important;
}

.two-fa-form .btn-two-fa-back {
  font-size: 16px !important;
  background-color: #fff !important;
  color: #575c66 !important;
  border-color: #b5bac4 !important;
}
.two-fa-form .btn-two-fa-back:hover {
  color: #d60a3a !important;
  border-color: #d60a3a !important;
}

.two-fa-form a {
  font-size: 14px !important;
  color:#d50939 !important;
}
.two-fa-form a:hover {
  text-decoration: underline !important;
}


/* -- credits page ------ */

.subscription-period-container #monthly-btn {border: 1px solid #ABABAB; }
.subscription-period-container #year-btn {border: 1px solid #ABABAB}

.subscription-period-container .btn-select-period {color:#000}
.subscription-period-container .btn-select-period:hover {background-color: #c30d38 !important; color:#FFF !important; border: 1px solid #c30d38 !important }
.subscription-period-container .btn-select-period:focus {box-shadow: 0 0 0 0.2rem rgba(195, 13, 56, 0.2); }
.subscription-period-container .btn-select-period:active {}

.active-pricing-btn {background-color: #c30d38 !important; color:#FFF !important; border: none !important}
.text-aysa-2 {color:#c30d38 !important}


.subscription-period-container .tooltiptext {
  visibility: visible;
  width: 110px;
  background-color: #367f4d;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 0px 5px;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 86%;
  margin-left: -60px;
  font-size: 14px;
  font-weight: 700;
  line-height: 27px !important;

}

.subscription-period-container .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -25px;
  border-width: 8px;
  border-style: solid;
  border-color: #367f4d transparent transparent transparent;
}



.wp-users tr td {color: #333741 !important; font-size: 15px !important}
.wp-users thead tr th {color: #333741 !important; font-size: 15px !important; font-weight: bold}



.edit-profile-dashboard a {color: #0034b9 !important; text-decoration: underline}
.edit-profile-dashboard a:hover {color: #1600b9 !important; cursor: pointer}
.main-lead-user-dash {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400;
  font-size: 28px;
  color: #000;
  line-height: 1.5;
}

.bg-aysa-red {background-color: #cf0000}
.bg-aysa-green {background-color: #49892f}
.step-title {font-family: 'Inter', sans-serif !important; font-size: 28px; color: #000000; line-height: 1.5}

.step-title-inner, .step-content-inner {color: #ffffff; font-family: 'Inter', sans-serif !important;}
.step-title-inner {font-size: 28px}
.step-content-inner {font-size: 14px !important; line-height: 19px !important}
.step-button {font-size: 23px !important}


.row-special {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display:         flex !important;
  flex-wrap: wrap !important;
}
.row-special > [class*='col-'] {
  display: flex !important;
  flex-direction: column !important;
}
.card-steps {min-height: 240px}
.step-button {height: 90px !important; line-height: 60px !important}