.webform-field.hide {
    display: none;
}


.login-popup form .input.remember-me input {
    height: 20px;
    width: 20px;
    float: left;
    cursor: pointer;
}

.login-popup form .input.remember-me label {
    display: inline-block;
    padding-left: 10px;
    font-weight: 100;
    margin-bottom: 0;
    cursor: pointer;
}

.page--cart .project-data .checkout-input-block.error .checkout-input--title {
    color: red;
}

.checkout-input-block.error input {
    border-color: red;
}

/******************************************************************************************************************
 *******************************************Training aanpassingen *************************************************
 ******************************************************************************************************************/

.students__item-inputs > div {
    width: calc(100% / 3 - 20px);
}

.students__remove {
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 12px;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    background: #ee3a43;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: background .2s, color .2s;
}

.students__item-add {
    width: 70px;
}

form.training-form,
form.keepmeinformed {
    width: 100%;
}

form.keepmeinformed-form .form__item.error input,
form.training-form .form__item.error input {
    border: 1px solid #ee3a43;
}

form.keepmeinformed-form .form__item input.form__input:valid,
form.training-form .form__item input.form__input:valid {
    background-image: none !important;
}

.js--error-block {
    display: none;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ee3a43;
    color: #fff;
    font-weight: bold;

}

.js--error-block ul {
    padding-bottom: 0;
    margin-bottom: 0;
}

.js--success-block {
    display: none;
    background-color: green;
    color: white;
    padding: 20px;
    text-align: center;
    color: #fff;
}

.form__item--training {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

.cart-amount {
    border: none;
    text-align: center;
    padding: 0 !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;

}

.cart-amount::-webkit-outer-spin-button,
.cart-amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.keep-me-informed-text-block {
    margin-top: 20px;
    margin-bottom: 20px;
}


/******************************************************************************************************************
 ******************************************* Retour aanpassingen *************************************************
 ******************************************************************************************************************/

.package-amount {
    display: flex;
    flex-direction: column;
}

.package-amount .input {
    margin: 15px 0 15px auto;
    width: calc(100% / 4 - 12px);
    margin-top: 30px;
}

.history-input .input label {
    width: auto;
    margin-right: 15px;
    display: inline-block;
}

.input select {
    width: auto;
}

.history-input .input .search-invoice {
    margin-left: 20px;
    width: 400px;
}

.history-input .input .search-invoice.error {
    border-color: red;
}

.search-invoice-error {
    font-weight: 700;
    color: red;
    margin-left: 20px;
    display: none;
}


.order-history.loader {
    position: fixed;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    display: none;
    z-index: 100;
}

.order-history.loader img {
    width: 50px;
}


.order-history.loading table {
    opacity: 0.5;
}

.responsive-table tbody tr td.orderhistory_column--date {
    width: 220px;
}

.responsive-table tbody tr td.orderhistory_column--orderBy {
    width: 220px;
}

.responsive-table tbody tr td.orderhistory_column--ordernumber,
.responsive-table tbody tr td.orderhistory_column--invoicenumber {
    width: 150px !important;
}

.orderhistory_column--project {
    width: 300px;
}

.responsive-table tbody tr td.orderhistory_column--trackandtrace {
    width: 130px;
}

.sub__totals div.overview-price--hide {
    display: none;
}

.delivery .addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.delivery .addresses .pickup-adress {
    min-width: 315px;
}

.delivery .addresses .pickup-adress .adresses--container > div {
    width: 100%;
}

.delivery .addresses .delivery-addresses {
    display: flex;
    flex-direction: column;
    min-width: 600px;
    flex: 1;
}

.delivery .addresses .delivery-addresses .adresses--container > div {
    width: calc(100% / 2 - 25px);

}

.delivery .products-open-close.products-open-close--openingtimes {
    margin-top: 0;
}


.adresses--container.more-addresses {
    margin-bottom: 30px;
}

.adresses--container.openingtimes--container {
    display: block;
    padding: 20px;
    margin: -30px 0 0 0;
    background-color: white;
}

.adresses--container.openingtimes--container div {
    width: auto;
    margin: 0;

}

.opening-time-day--name {
    display: inline-block;
    width: 125px;
}

@media (max-width: 772px) {
    .delivery .addresses .delivery-addresses {
        min-width: 100%;
    }

    .adresses--container {
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }

    .address {
        width: 100% !important;
    }

    .pickup-adress {
        width: 100%;
    }
}

.responsive-table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(2) {
    width: 360px !important;;
}

.responsive-table > tbody:nth-child(2) > tr:nth-child(1) > td:nth-child(3) {
    width: auto !important;
}

.cell-input-multiple {
    height: 100px;
}

.responsive-table td.cell-input-multiple input[type="number"] {
    top: 10px;
    height: 50px;
    width: 90%;
    margin: 0 auto;
}

.cell-input-multiple span {
    width: 90%;
    position: absolute;
    display: inline-block;
    bottom: 20px;
    left: 10px;
}

.modal--replacement .modal-text.modal-text--full-width {
    max-width: 100%;
}

.modal--version-title {

}

.version-btn-block {
    display: flex;
}

.version-btn-block btn {
    cursor: pointer;
}

.version-btn-block btn .icon {
    margin-left: 10px;
}


p.price-warning {
    margin: 10px 40px 30px;
    padding: 15px;
    font-weight: bold;
    background-color: #30343a;
    color: #ffffff;
    display: inline-block;
}

.header-logo {
    background-position: 0px 22px;
    top: 15px;
    height: auto;
    max-width: 160px;
    width: 100%;
    aspect-ratio: 120/80;
}

.nav--fixed .header-logo {
  top: 3px !important;
}

.header-logos2 {
  top:140px;
    display: none !important;
}

@media (max-width: 767px) {
  .header-logos2 {
    top: 80px;
    left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .header-logo {
    top: 0px !important;
    width: 100px !important;
    left: 20px !important;
    height: 60px;
  }

    .bg-grey .topbar__left {
           padding-left: 20px;
    }

      .topbar__logo img {
    width: 90px !important;
  }
}

.header-40jaar2 {
    display: none;
}


.footer-col--logo{
    width: 220px;
}
.footer-col--logo > img{
    max-width: 220px;
    width: 100%;
}

.topbar__left {
    justify-content: flex-start;
    padding-top: 20px;
}

.bg-grey .topbar__logo{
    z-index: 111;
}

.bg-grey .topbar__logo img {
    width: 160px;
}

.btn-next.disabled,
.btn-prev.disabled {
    opacity: .5;
    cursor: default;
}

li.active a.page{
    cursor: default;
}

.btn-prev.disabled:hover, .btn-next.disabled:hover{
  background-color: #fff;
  color: #ee3a43;
}