@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*********CSS FORM RGPD*******/
.wrapper-form{
    padding-top: 50px;
    padding-bottom: 50px;
}
.logo-cfc{
    padding-right: 30px;
}
.logo-bp{
    padding-left: 30px;
    border-left: 2px solid #B3B9C266;
}
.content-top-rgpd{
    padding-top: 40px;
}
.content-top-rgpd h4{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}
.content-top-rgpd p, .content-form-rgpd, .content-form-rgpd p{
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.content-form-rgpd p a{
    color: #000;
    text-decoration: underline;
}
.form-label, .col-form-label{
    font-size: 12px;
    color: #000;
    font-family: "Roboto", sans-serif;
    padding-bottom: 5px;
}
.form-control::placeholder {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}
.light-style .select2-container--default .select2-selection__placeholder {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto';
    padding-left: 5px;
}
.icon-local .select2-container:before{
    content: '';
    display: block;
    background-image: url("../img/local-icon.svg");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 11px;
    left: 11px;
}
.form-check-label{
    color: #000;
}
.text-bold{
    font-weight: bold;
}
.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
    background-color: #5BA1A21F !important;
}
.iti{
    display: block !important;
}
.iti--inline-dropdown .iti__dropdown-content{
    z-index: 99;
}
#user_rgpd_contactByPhone + .fv-plugins-message-container{
    display: none !important;
}
.validate-moyen-contact.is-invalid{
    font-weight: bold;
    color: #C1272D;
}
.fv-plugins-message-container.fv-plugins-message-container--enabled.invalid-feedback{
    position: relative;
    display: flex;
    align-items: center;
}
.fv-plugins-bootstrap5-row-invalid .fv-plugins-message-container.fv-plugins-message-container--enabled.invalid-feedback:before{
    content: '';
    display: block;
    background-image: url("../img/icon-error.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
.was-validated .form-select:valid + .select2-container > .selection > .select2-selection,
.form-select.is-valid + .select2-container > .selection > .select2-selection{
    border-color: var(--bs-form-valid-color) !important;
    border-width: 2px !important;
}
.icon-check{
    position: relative;
}
.icon-check:before{
    content: '';
    display: block;
    background-image: url("../img/check.svg");
    background-position: center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}
.alert-solid-danger {
    color: #cc3d41 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}
.alert-solid-danger .alert-icon {
    color: #cc3d41 !important;
    -webkit-box-shadow: 0 0 0 0.125rem #cc3d41;
    box-shadow: 0 0 0 0.125rem #cc3d41;
}
.alert-solid-danger .btn-close {
    top: -5px;
    right: -5px;
    border-radius: 100px;
    width: 0;
    height: 0;
}
.light-style .select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
    padding-left: 1.9375rem;
    padding-inline-start: 1.9375rem !important;
}
.alert ul{
    margin-bottom: 0;
    padding-left: 15px;
}
.alert ul li{
    list-style: none;
}


.bp-text {
    margin-top: 3em;
    color: gray;
    font-style: italic;
    text-align: justify;
    font-size: small;
}
/*********END CSS FORM RGPD*******/

@media only screen and (max-width: 767px) {
    .form-control-50{
        width: 50% !important;
    }
    .form-control-50-right{
        padding-right: 5px;
    }
    .form-control-50-left{
        padding-left: 5px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {

}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {

}

@media only screen and (min-width: 1024px) {
    .wrapper-form{
        max-width: 500px;
        margin: auto;
    }
}

@media only screen and (min-width: 1920px) {

}