/*
 block eligibility
*/
@media (max-width: 960px) {
    .block-eligibility {
        border: solid 1px #ddd;
    }
}

@media (min-width: 960px) {
    .block-eligibility .border-custom {
        border: solid 1px #CCC;
    }
}

@media (min-width: 960px) {
    .modal-eligibility .modal-dialog {
        margin: 20vh auto 20vh auto;
    }
}

@media (max-width: 960px) {
    .border-eligibility-error {
        border: solid 1px #e70002;
    }
}

.ui-widget.ui-widget-content {
    border-top: unset !important;
}

.ui-state-active, .ui-button.ui-state-active:hover {
    background: #fff !important;
    color: #f16e00 !important;
    text-decoration: underline !important;
}

.ui-autocomplete li {
    font-family: "HelvNeueOrange", "Helvetica Neue", Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    min-height: 5px;
    padding: 5px;
}

.ui-widget.ui-widget-content {
    border-left: solid 1px #f4f4f4;
    border-right: solid 1px #f4f4f4;
    border-bottom: solid 1px #f4f4f4;
}

.block-eligibility .button-eligibility-test input {
    margin-top: 0px;
}

@media (min-width: 960px) {
    .border-eligibility-error .border-custom {
        border: solid 1px #e70002;
    }
}

@media (min-width: 960px) {
    .block-eligibility .border-custom-block-identification {
        border: solid 1px #ddd;
        border-width: 1px 0 1px 1px;
    }
}

.block-eligibility .icon-avatar {
    font-size: 25px;
}

.block-eligibility-success {
    border: solid 1px #ddd;
}

.block-eligibility-success .o-link-arrow {
    max-width: unset;
}

.block-eligibility-success input {
    white-space: normal;
    text-align: left;
}

.block-eligibility-success .o-link-arrow::after {
    position: unset;
    padding-left: 5px;
}

.block-eligibility-success .o-link-arrow:hover {
    text-decoration: none;
}

/*
 Hack to simulate a link with a button element. Drupal ajax don't trigger click on link
*/
#edit-back-to-test {
    border: none;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 700;
    padding: .4375rem 0 .625rem;
    text-decoration: none;
}

#edit-back-to-test:hover {
    color: #000;
    text-decoration: underline;
    -webkit-text-decoration-color: #f16e00;
    text-decoration-color: #f16e00;
}

.ui-dialog-titlebar {
    display: none;
}

@media (min-width: 960px) {
    .modal-eligibility .modal .modal-dialog {
        max-width: 770px;
    }
}

.modal-eligibility .modal .modal-content {
    padding: 0px;
}

.modal-eligibility .modal .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    font-size: 2rem;
}

@media (min-width: 960px) {
    .modal-eligibility .modal .close {
        top: 30px;
        right: 30px;
    }
}

.modal-eligibility .modal .feedback .alert {
    max-height: unset;
}

@media (max-width: 480px) {
    .modal-eligibility .modal .feedback .mobile-hidden {
        display: none;
    }
}

.modal-eligibility .modal .feedback .icon-data-protection {
    font-size: 22px;
}