main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
main section .loginRegister select,
.form-lt-26 input {
  font-family: "Lato";
  font-weight: 400;
}
main section .form-lt-26 input,
main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
main section .loginRegister select {
  width: 300px;
}

.loginRegister label {
  text-align: left;
}
select#billing_Telefon_prefix,
select#main_Telefon_prefix {
  width: 68px !important;
}

span.info-icon-text:before {
  z-index: 23;
}
span.info-icon-text:after {
  z-index: 24;
}
@media (min-width: 768px) {
  span.info-icon-text:before,
  span.info-icon-text:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #f3f8ff transparent;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
  }
  span.info-icon-text:after {
    left: -11px;
    z-index: 22;
    border-right-color: #a4bddc;
  }
}
main section .form-lt-26 input,
main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
main section .loginRegister select {
  width: 300px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #8b8b8b !important;
}
main section input#mojeid_username {
  height: 44px;
  border-radius: 8px;
  border: 1px solid #8b8b8b !important;
  font-size: 15px !important;
}
main section .form-lt-26 input,
main section .loginRegister input:not([type="checkbox"]):not([type="submit"]) {
  padding: 10px 10px;
}
main section .loginRegister select {
  padding: 10px 6px;
}
main section .loginRegister label,
main section .form-lt-26 label {
  color: #343434;
  font-size: 14px;
  padding-left: 11px;
}
main section .form-lt-26 input,
main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
main section .loginRegister select {
  font-size: 15px !important;
}

main section textarea {
  font-size: 15px !important;
  padding: 10px 10px;
  border-radius: 8px;
  border: 1px solid #8b8b8b !important;
  background: #fff;
  width: 100%;
}

main section textarea:focus {
  background: #fff;
}

.password_view_btn {
  border: 0 !important;
  display: flex;
  height: 44px;
  flex-wrap: wrap;
  align-content: center;
  position: absolute !important;
  right: 0;
  top: 0px !important;
  padding: 0;
}

span.password_view_wrapper {
  padding: 0;
}

.step-number img {
  position: relative;
  transform: translateY(-2px);
}
.loginRegister fieldset,
.ds26-in-d {
  width: 300px;
  margin: 0 auto;
}
.div-info-group {
  position: relative;
}
.div-info-group span.info-icon {
  position: absolute;
  right: -29px;
  left: unset;
  top: 36px;
  transform: translateY(0);
}
ul.checkbox_radio_line li label {
  width: auto;
}
ul.checkbox_radio_line li {
  display: flex;
  text-align: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.color-black {
  color: #000 !important;
}
label,
input[type="text"],
input[type="number"],
input[type="range"],
input[type="password"],
select {
  margin-top: 0 !important;
}
main section .form-lt-26 input,
main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
main section .loginRegister select {
  margin: 0 0 10px 0;
}
span.password_view_wrapper {
  margin: 0;
}

div#ds26-auth-switch {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

div#ds26-auth-switch > div {
  margin: 0;
  width: calc(50% - 12px);
}

div#ds26-auth-switch {
  margin-bottom: 15px;
  padding: 10px 0;
}
div#ds26-auth-switch input {
  position: relative;
  margin: 0;
  top: 3px;
}

div#ds26-auth-switch label {
  padding-left: 15px;
}

div#ds26-auth-switch > div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
input#billing_c_same {
  margin: 0;
}
.loginClient.radius_5 {
  background: transparent;
  padding: 0;
}
input#billing_ICO,
input#main_ICO {
  width: 155px;
  margin-right: 10px;
}

.mojeid_new_registration {
  border-radius: 8px;
  border: 2px #e0ebf9 solid;
  padding: 50px;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.unknown_mojeid_status {
  background: url("/images/icons/throbber.gif") no-repeat scroll 0 0 transparent;
  padding: 1px 0 1px 28px;
  position: relative;
  top: 1px;
}

.mojeid_login_ok {
  color: green;
}

.mojeid_login_error {
  color: red;
}

input#mojeid_username {
  width: 100%;
}

.form-lt-26.radius_5 {
  width: 300px;
}

.mojeid-btn {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 15px !important;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease;
}

.mojeid-btn.dark {
  background: #000;
  color: #fff;
}

.mojeid-btn.light {
  background: #fff;
  color: #000;
  border: 2px solid #dcdcdc;
}

.icon {
  width: 70px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.icon svg {
  height: 100%;
  width: auto;
  display: block;
}

.mojeid-btn {
  font-weight: 900;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-decoration: none;
}

.mojeid-btn span {
  text-decoration: none !important;
}

a.mojeid-btn {
  text-decoration: none !important;
}

a.mojeid-btn .text {
  margin-right: 8px;
}
div#ds26-auth-switch > div {
  box-shadow: 0 0 10px #a4bddc40;

  background: #fff;
  padding: 10px 16px;
}
div#ds26-auth-switch > div.active,
div#ds26-auth-switch > div:hover {
  outline: 3px solid #3178d2;
}
div#ds26-auth-switch > div label {
  color: #000;
}

div#ds26-auth-switch > div * {
  cursor: pointer;
}
div#ds26-auth-switch > div:hover label span.h5,
div#ds26-auth-switch > div.active label span.h5 {
  color: #3178d2;
}

.sr-only {
  position: absolute;
  left: -9999px;
}

.country-select-main .custom-select {
  position: relative;
  cursor: pointer;
}

.country-select-main .selected {
  width: 300px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #8b8b8b !important;
  font-size: 15px !important;
  padding: 10px 6px;
}

.country-select-main .options {
  display: none;
  position: absolute;
  width: 100%;
  border: 1px solid #ccc;
  background: white;
  overflow-y: auto;
  z-index: 10;
}

.country-select-main .option {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.country-select-main .option:hover {
  background: #f0f0f0;
}

.country-select-main .flag {
  width: auto;
  height: 16px;
  object-fit: cover;
  transform: translateY(-1px);
}
.country-select-main .search {
  width: 100%;
  padding: 6px;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
}

.country-select-main .options-list {
  max-height: 180px;
  overflow-y: auto;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("dropdown.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  background-color: #fff;

  padding-right: 30px;
}
.selected {
  position: relative;
}
.selected:after {
  position: absolute;
  content: "";
  background-image: url(dropdown.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  width: 24px;
  height: 20px;
  right: 0;
}
.custom-phone-select {
  width: 100px;
  position: relative;
}

.custom-phone-select .selected {
  border: 1px solid #ccc;
  padding: 5px;
  cursor: pointer;
}

.custom-phone-select .options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  z-index: 9999;
}

.custom-phone-select .option {
  padding: 5px;
  cursor: pointer;
}

.custom-phone-select .option:hover {
  background: #eee;
}
.custom-phone-select .options {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  width: 100%;
  z-index: 9999;
}

.custom-phone-select .list {
  max-height: 200px;
  overflow-y: auto;
}

.custom-phone-select .search {
  width: 100%;
  padding: 5px;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
}
input#billing_Telefon_suffix,
input#main_Telefon_suffix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-phone-select .selected {
  font-size: 15px;
  padding: 8px 5px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #8b8b8b !important;
  cursor: pointer;
  border-bottom-right-radius: 0;
  border-right-width: 0 !important;
  border-top-right-radius: 0;
}
input#billing_Telefon_suffix,
input#main_Telefon_suffix {
  margin-right: 0 !important;
  width: calc(300px - 100px);
}
.custom-phone-select .selected:after {
  top: 11px;
}

.custom-phone-select .disabled, .custom-select .disabled {
  cursor: not-allowed;
  background-color: #E7ECF3;
  opacity: 0.7;
}

.custom-phone-select .disabled *, .custom-select .disabled * {
  pointer-events: none; /* Prevents text selection and clicks on internal elements */
}

.country-select-main {
  margin: 0 0 10px 0;
}
.mw-135 {
  max-width: 135px;
  width: 135px;
}
.ps-11 {
  padding-left: 11px;
}
.p-10 {
  padding: 10px;
}
span.info-icon .info-icon-text {
  pointer-events: all;
  width: 200px;
}
@media (max-width: 768px) {
  div#ds26-auth-switch > div:nth-of-type(1) {
    margin-bottom: 15px;
  }
  div#ds26-auth-switch > div {
    width: 100%;
  }
  .loginRegister {
    padding: 0 !important;
  }
  .cart-item {
    padding: 0 !important;
  }
  main section .form-lt-26 input,
  main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
  main section .loginRegister select,
  main section .form-lt-26 input,
  main section .loginRegister input:not([type="checkbox"]):not([type="submit"]),
  main section .loginRegister select,
  .loginRegister fieldset,
  .ds26-in-d,
  .form-lt-26.radius_5,
  .country-select-main .selected {
    max-width: 100%;
  }
  main section .form-lt-26 .div-info-group input,
  main section .loginRegister .div-info-group input:not([type="checkbox"]):not([type="submit"]),
  main section .loginRegister .div-info-group select,
  main section .form-lt-26 input,
  main section .loginRegister .div-info-group input:not([type="checkbox"]):not([type="submit"]),
  main section .loginRegister .div-info-group select, div#ds26-login a.mojeid-btn {
    width: 270px;
  }
  .div-info-group span.info-icon {
    position: absolute;
    right: -0px;
  }
  input#billing_Telefon_suffix,
  input#main_Telefon_suffix {
    margin-right: 0 !important;
    width: calc(285px - 85px);
  }
  span.info-icon-text:before,
  span.info-icon-text:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f3f8ff;
    position: absolute;
    left: unset;
    top: 0;
    transform: translate(-50%, -8px);
    right: -5px;
  }
  span.info-icon-text:after {
    left: unset;
    z-index: 22;
    top: -2px;
    border-color: transparent transparent #a4bddc;
    right: -5px;
  }
  span.info-icon .info-icon-text {
    left: unset;
    text-align: left;
    height: auto;
    border: 2px solid #a4bddc;
    font-weight: 400;
    background: #f3f8ff;
    position: absolute;
    font-family: "Lato", sans-serif;
    color: #272727;
    font-size: 15px;
    width: 250px;
    padding: 3px 10px;
    border-radius: 10px;
    right: -5px;
    top: 29px;
    transform: translateX(0%);
    line-height: normal;
    padding: 10px;
  }
  input#billing_ICO, input#main_ICO {
    width: 125px;
}
span.info-icon .info-icon-text {
    width: 280px;
}
}

span.info-icon {
  z-index: 1;
  pointer-events: all;
}
.grecaptcha-badge {
  z-index: 2;
}

.mxw-550{max-width: 550px;}
.mxw-320{max-width: 320px;}
.bx-shadow-a4bddc40{
	    box-shadow: 0 0 10px #a4bddc40;
}
.btn-new.btn-nobg.blue-border-cl:hover {
    background: #1352a2;
    color: #fff;
}
span.info-icon:hover > div {
    z-index: 100;
}

span.info-icon:hover {
    z-index: 99;
}
span.info-icon-text {
    padding-right: 23px !important;
}
select.main_ExistingContact {
    max-width: 442px;
    width: calc(100% - 172px);
    padding: 10px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #8b8b8b !important;
    font-size: 15px !important;
}
.existingContacts {
    padding-left: 48px;
}
@media(max-width:768px){
	select.main_ExistingContact{width:100%;margin-bottom: 10px;}
	.existingContacts{padding-left: 0;}
}
.existingContacts .btn-new {
    width: 165px;
}
main section hr {
    border-top: 1px solid!important;
    color: #D9D9D9!important;
}
div#ds26-register.disabled *{
    pointer-events: none!important;
}
div#ds26-register.disabled {
    opacity: .4;
}
form#rp input {
    width: 100%;
}
form#rp .g-recaptcha > div {
    margin: 0 auto;
}
.credentials .toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 28px;
}

.logged-in-contact-switch label {
  outline: none !important;
  cursor: pointer !important;
}