.unhide_login {
  background: #000;
  color: #fff;
  padding: 10px 12px;
  border: 1px solid #cdcdcd;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition-duration: 0.5s;
  text-decoration: none;
  width: 300px;
  display: block;
  max-width: 100%;
  text-align: center;
}

.unhide_login:hover {
  transform: scale(1.02);
  box-shadow: var(--box-shadow);
}

.akeeba-sociallogin-link-button-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.akeeba-sociallogin-link-button-google img {
  height: 25px !important;
}

.controls a {
  margin-bottom: 20px;
}

.mod-login__submit {
  width: 100%;
}
.mod-login__submit button {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#bread_cart_wrapper {
  overflow: visible;
  float: left;
}
#bread_cart_wrapper #breadcrumps {
  position: relative;
}
#bread_cart_wrapper #breadcrumps #login_form_show {
  cursor: pointer;
  border: none;
  float: left;
  margin-top: 20px;
  position: absolute;
  z-index: 9;
  background: none;
  display: flex;
  align-items: center;
}
#bread_cart_wrapper #breadcrumps #login_form_show img {
  margin-right: 10px;
  height: 20px;
}
#bread_cart_wrapper #breadcrumps .logout {
  position: inherit !important;
  float: left;
  top: 0 !important;
  left: 0 !important;
  padding: 10px 0 !important;
  background: none !important;
  box-shadow: none !important;
}
#bread_cart_wrapper #breadcrumps .logout form {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
#bread_cart_wrapper #breadcrumps .logout form .login-greeting {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 4px;
  border-right: 1px solid #161616;
}
#bread_cart_wrapper #breadcrumps .logout form .mod-login-logout__options {
  border-right: 1px solid #161616;
}
#bread_cart_wrapper #breadcrumps #login {
  display: flex;
  gap: 10px;
  transition-duration: 0.5s;
  width: auto;
  position: absolute;
  z-index: 9;
  left: -1000%;
  top: 60px;
  height: auto;
  padding: 40px 50px 40px 20px;
  background: #fff;
  box-shadow: var(--box-shadow);
}
#bread_cart_wrapper #breadcrumps #login #close_login_form {
  cursor: pointer;
  width: 20px;
  height: 100px;
  float: left;
  margin: auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bread_cart_wrapper #breadcrumps #login #close_login_form img {
  width: 100%;
}
#bread_cart_wrapper #breadcrumps #login #close_login_form img:hover {
  transition-duration: 0.5s;
  transform: scale(1.2);
}
#bread_cart_wrapper #breadcrumps #login .mod-login-logout {
  font-size: 14px;
}
#bread_cart_wrapper #breadcrumps #login .mod-login-logout .my_orders {
  text-decoration: none;
  font-weight: 600;
  color: red;
  padding-right: 4px;
}
#bread_cart_wrapper #breadcrumps #login .mod-login-logout .exit {
  cursor: pointer;
  display: flex;
  align-items: center;
  background: none;
  gap: 4px;
  border: none;
}
#bread_cart_wrapper #breadcrumps #login .mod-login-logout .exit img {
  height: 16px;
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata ul {
  display: block;
  width: 100%;
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata ul li {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata button {
  background: #000;
  color: #fff;
  padding: 10px 12px;
  border: 1px solid #cdcdcd;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  margin-top: 20px;
  transition-duration: 0.5s;
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata button:hover {
  transform: scale(1.02);
  box-shadow: var(--box-shadow);
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata .list-unstyled {
  margin-top: 20px;
}
#bread_cart_wrapper #breadcrumps #login .mod-login .userdata .list-unstyled a {
  text-decoration: none;
  color: #161616;
  font-weight: 500;
  font-size: 12px;
}

.userdata .socialauth:nth-child(6) {
  display: none !important;
}

.login_block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.input-group {
  position: relative;
}

.input-password-toggle {
  position: absolute;
  right: 0;
  top: 25%;
  border: none !important;
  background: none !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.input-password-toggle img {
  width: 20px;
}

.registration {
  display: flex;
  width: 100%;
  float: left;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.registration .btn-primary {
  margin-top: 40px;
  background: #000;
  color: #fff;
  width: 100%;
  padding: 10px 40px;
  border: 1px solid #cdcdcd;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition-duration: 0.5s;
}
.registration .btn-primary:hover {
  transform: scale(1.02);
  box-shadow: var(--box-shadow);
  font-weight: 600;
}
.registration .text-center {
  font-size: 12px;
  width: 100%;
  margin-bottom: 10px;
}
.registration legend {
  width: 100%;
  text-align: center;
  margin: 20px 0;
  font-weight: 600;
}
.registration form {
  width: 300px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
}
.registration form fieldset {
  width: 100%;
}
.registration form .form-control {
  width: 100%;
}
.registration #jform_spacer-lbl {
  display: none;
}
.registration label,
.registration .text-muted {
  display: none;
}
.registration meter {
  display: block;
  margin-top: -10px;
  width: 100%;
  border-radius: 0px !important;
}

.reset form legend,
.reset-confirm form legend,
.reset-complete form legend,
.remind form legend {
  text-align: center;
  width: 300px;
  max-width: 100% !important;
  display: block;
  margin-bottom: 40px !important;
  margin: 0 auto;
  line-height: 30px;
}
.reset .control-group,
.reset-confirm .control-group,
.reset-complete .control-group,
.remind .control-group {
  display: flex;
  justify-content: center;
}

.reset-complete .text-center {
  font-size: 12px;
  margin-top: -10px;
  margin-bottom: 20px;
}
.reset-complete meter {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.reset-complete .text-muted {
  display: none;
}

.login,
.reset,
.reset-confirm,
.reset-complete,
.remind {
  width: 100%;
  float: left;
}
.login fieldset,
.reset fieldset,
.reset-confirm fieldset,
.reset-complete fieldset,
.remind fieldset {
  display: block !important;
  width: 100%;
}
.login form,
.reset form,
.reset-confirm form,
.reset-complete form,
.remind form {
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
}
.login form .form-control-feedback,
.reset form .form-control-feedback,
.reset-confirm form .form-control-feedback,
.reset-complete form .form-control-feedback,
.remind form .form-control-feedback {
  font-size: 12px;
  color: red;
  display: block;
  float: left;
}
.login form label,
.reset form label,
.reset-confirm form label,
.reset-complete form label,
.remind form label {
  display: none;
}
.login form .remember,
.reset form .remember,
.reset-confirm form .remember,
.reset-complete form .remember,
.remind form .remember {
  display: block !important;
}
.login form .form-check,
.reset form .form-check,
.reset-confirm form .form-check,
.reset-complete form .form-check,
.remind form .form-check {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.login form .btn-primary,
.reset form .btn-primary,
.reset-confirm form .btn-primary,
.reset-complete form .btn-primary,
.remind form .btn-primary {
  margin: 20px auto 0 auto;
  background: #000;
  color: #fff;
  display: block;
  padding: 10px 40px;
  border: 1px solid #cdcdcd;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition-duration: 0.5s;
}
.login form .btn-primary:hover,
.reset form .btn-primary:hover,
.reset-confirm form .btn-primary:hover,
.reset-complete form .btn-primary:hover,
.remind form .btn-primary:hover {
  transform: scale(1.02);
  box-shadow: var(--box-shadow);
  font-weight: 600;
}

@media screen and (max-width: 1024px) {
  #login {
    min-width: 100%;
    overflow: hidden;
  }
  #login form.mod-login {
    width: 100%;
  }
  #login input {
    margin-left: 1%;
    width: 98% !important;
  }
  #login .form-check-input {
    width: auto !important;
  }
  #login .form-check {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  #login .form-check label {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  #login .login-greeting {
    max-width: 40%;
  }
  #bread_cart_wrapper #breadcrumps .logout {
    float: none;
  }
}/*# sourceMappingURL=login.css.map */