@charset "UTF-8";
.register_title h1 {
  color: #e00722;
  font-weight: bold;
}

@media (min-width: 1200px) {
  .login_card.col-xl-4 {
    width: 42.3%;
  }
  .login_card.offset-xl-4 {
    margin-left: 28.5%;
  }
}
@media (min-width: 1400px) {
  .login_card.col-xl-4 {
    width: 33.33333333%;
  }
  .login_card.offset-xl-4 {
    margin-left: 33.33333333%;
  }
}
.login_section .email input, .login_section .password input {
  width: 100%;
  height: 50px;
  border-radius: 6.60398px;
  border: 1px solid #000000;
  padding: 6px 20px;
  outline: none !important;
}
.login_section .email input::-moz-placeholder, .login_section .password input::-moz-placeholder {
  font-family: "Manrope";
}
.login_section .email input::placeholder, .login_section .password input::placeholder {
  font-family: "Manrope";
}
.login_section .outer_email_label, .login_section .outer_password_label {
  height: 50px;
}
.login_section .outer_email_label .email_label label, .login_section .outer_email_label .password_label label, .login_section .outer_password_label .email_label label, .login_section .outer_password_label .password_label label {
  width: 100%;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
  margin-top: 14.5px;
  margin-bottom: 14.5px;
}
.login_section .remember label {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  font-family: "Manrope";
  font-size: 12.5664px;
}
.login_section .register_button button {
  max-height: 50px;
  width: 100%;
  font-family: "Manrope";
  font-size: 11px;
  font-weight: 700;
}
.login_section .login_button_external {
  border-bottom: 1px solid #eeeff1;
}
.login_section .login_button_external .login_button_google {
  margin-right: 8px;
  padding-right: 0px;
}
.login_section .login_button_external .login_button_google button {
  max-height: 50px;
  min-height: 50px;
  width: 100%;
  background-color: #DC4E41;
  font-family: "Manrope";
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  position: relative;
}
.login_section .login_button_external .login_button_google button img {
  position: absolute;
  top: 50%;
  left: 25%;
  display: block;
  transform: translate(-100%, -50%);
}
.login_section .login_button_external .login_button_google button p {
  position: absolute;
  top: 50%;
  left: 75%;
  display: block;
  transform: translate(-100%, -50%);
}
.login_section .login_button_external .login_button_facebook {
  margin-left: 8px;
  padding-left: 0px;
}
.login_section .login_button_external .login_button_facebook button {
  max-height: 50px;
  min-height: 50px;
  width: 100%;
  background-color: #3B579D;
  font-family: "Manrope";
  font-weight: 700;
  font-size: 11px;
  text-align: center;
  position: relative;
}
.login_section .login_button_external .login_button_facebook button img {
  position: absolute;
  top: 50%;
  left: 25%;
  display: block;
  transform: translate(-100%, -50%);
}
.login_section .login_button_external .login_button_facebook button p {
  position: absolute;
  top: 50%;
  left: 75%;
  display: block;
  transform: translate(-100%, -50%);
}
.login_section .forgot_password a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  font-family: "Manrope";
  font-size: 12.5664px;
}
.login_section .login_error {
  border: 1px solid #368DA8;
  border-radius: 4px;
  background-color: #EBFCFF;
}
.login_section .login_error p {
  margin-bottom: 0px;
}
.login_section .login_error p img {
  margin-right: 10px;
  margin-left: 10px;
}
.login_section .login_status_change_password {
  border: 1px solid #368DA8;
  border-radius: 4px;
  background-color: #EBFCFF;
}
.login_section .login_status_change_password p {
  margin-bottom: 0px;
}
.login_section .login_status_change_password p img {
  margin-right: 10px;
  margin-left: 10px;
}

.partner_login a {
  color: #000000;
  text-decoration: none;
  font-family: "Manrope";
  font-weight: 800;
  font-size: 12px;
}

.login_policy {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: left;
}

/*.register_title {
    border-bottom: 1px solid $color-black;
    h1 {
        color: $color-red;
        font-weight: bold;

    }
}

// Bootstrap felülírás a szövegek távolsága miatt
@media (min-width: 1200px) {
    .login_card.col-xl-4 {
        width: 42.3%;
    }

    .login_card.offset-xl-4 {
        margin-left: 28.5%;
    }
}

@media (min-width: 1400px) {
    .login_card.col-xl-4 {
        width: 33.33333333%;
    }

    .login_card.offset-xl-4 {
        margin-left: 33.33333333%;
    }
}


.register_section {

    width: 100%;

    .email, .password, .name,.surname, .password_confirmation, .phone_number, .company_name, .company_tax_number, .private_person_country, .private_person_city, .private_person_street, .private_person_house_number, .private_person_floor, .private_person_door, .company_country, .company_city, .company_street, .company_house_number, .company_floor, .company_door, .billing_address_country, .billing_address_city, .billing_address_street, .billing_address_house_number, .billing_address_floor, .billing_address_door, .spoken_language_ids {
        input, select {
            width: 100%;
            height: 50px;
            border-radius: 6.60398px;
            border: 1px solid $color-black;
            padding: 6px 20px;
            outline: none !important;

            &::placeholder {
                font-family: 'Manrope';
            }
        }
    }

    .outer_label {

        height: 50px;

        .inner_label {

            label {
                width: 90px;
                font-family: 'Montserrat';
                font-weight: 700;
                font-size: 14px;
                margin-top: 14.5px;
                margin-bottom: 14.5px;
            }
        }
    }

    .register_button {

        button {
            max-height: 50px;
            width: 100%;
            font-family: 'Manrope';
            font-size: 11px;
            font-weight: 700;
        }
    }

    .register_button_external {

        .register_button_google {
            margin-right: 8px;
            padding-right: 0px;

            button {
                max-height: 50px;
                min-height: 50px;
                width: 100%;
                background-color: #DC4E41;
                font-family: 'Manrope';
                font-weight: 700;
                font-size: 11px;
                text-align: center;
                position: relative;

                img {
                    position: absolute;
                    top: 50%;
                    left: 25%;
                    display: block;
                    transform: translate(-100%, -50%);
                }

                p {
                    position: absolute;
                    top: 50%;
                    left: 75%;
                    display: block;
                    transform: translate(-100%, -50%);
                }
            }
        }

        .register_button_facebook {
            margin-left: 8px;
            padding-left: 0px;

            button {
                max-height: 50px;
                min-height: 50px;
                width: 100%;
                background-color: #3B579D;
                font-family: 'Manrope';
                font-weight: 700;
                font-size: 11px;
                text-align: center;
                position: relative;

                img {
                    position: absolute;
                    top: 50%;
                    left: 25%;
                    display: block;
                    transform: translate(-100%, -50%);
                }

                p {
                    position: absolute;
                    top: 50%;
                    left: 75%;
                    display: block;
                    transform: translate(-100%, -50%);
                }
            }
        }
    }

    .policy {

        text-align: left;
        border-bottom: 1px solid grey;

        p {
            font-family: 'Roboto';
            font-weight: 400;
            font-size: 13px;
            color: $color-black;
        }

        a {
            color: $color-black;
        }
    }

    .register_error {
        border: 1px solid #368DA8;
        border-radius: 4px;
        background-color: #EBFCFF;

        p {
            margin-bottom: 0px;
            img {
                margin-right: 10px;
                margin-left: 10px;
            }
        }
    }
}*/