/* RDELMAS CSS CODE */

.moduleBrochure.CL-theme{
    font-family: var(--font-family-primary);
}

.moduleBrochure.CL-theme b,
.moduleBrochure.CL-theme strong {
    color: var(--Color-Orange-Orange);
}

.moduleBrochure.CL-theme #global_header #banner {
    background-color: var(--Color-Blue-PPA-Blue-20);
    font-weight: normal;
}

.moduleBrochure #progress-bar .progress-item{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item .progress {
    border-color: var(--Color-Blue-PPA-Blue-20);
    color: var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item.done .progress {
    color: #fff;
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress_text {
    color: var(--Color-Grey-Grey-90);
    font-size: 16px;
    font-weight: 600;
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item.done .progress {
    background-color: var(--Color-Blue-PPA-Blue-20);
    color: white;
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item .progress{
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item.done:not(.focus) .progress.resume-goback:hover {
    background-color: #fff;
    color: var(--Color-Orange-Orange);
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item.focus .progress {
    border: 1px solid var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure.CL-theme #global_header #progress-bar .progress-item.focus .progress_text {
    color: var(--Color-Grey-Grey-90);
    font-size: 16px;
    font-weight: 600;
}

.moduleBrochure.CL-theme button,
.moduleBrochure.CL-theme div.btn {
    background-color: var(--Color-Blue-PPA-Blue-20);
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-family: var(--font-family-primary);
    font-size: 16px;
    width: 162px !important;
    max-width: 162px !important;
    padding: 12px;
}

.moduleBrochure.CL-theme button svg,
.moduleBrochure.CL-theme div.btn svg{
    display: none;
}

.moduleBrochure.CL-theme button:hover,
.moduleBrochure.CL-theme div.btn:hover {
    background-color: var(--Color-Blue-Navy-blue-30 );
}

.moduleBrochure.CL-theme button:after,
.moduleBrochure.CL-theme div.btn:after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13" viewBox="0 0 5 13" fill="none"><path d="M0.621289 -2.71574e-08C0.821173 -3.58946e-08 0.996072 0.0866928 1.121 0.288976L4.86883 6.06847C5.04372 6.32855 5.04372 6.67532 4.86883 6.9354L1.121 12.7149C0.921116 13.0328 0.521348 13.0906 0.246507 12.8594C-0.0283336 12.6282 -0.0783046 12.1658 0.121579 11.848L3.59457 6.50194L0.121579 1.1559C-0.0783051 0.838028 -0.0283341 0.375668 0.246506 0.144488C0.346449 0.0577955 0.496362 -2.16967e-08 0.621289 -2.71574e-08Z" fill="white"/></svg>') !important;
    display: flex;
    height: 14px;
    margin-left: 10px;
    align-items: center;
}


.moduleBrochure.CL-theme button svg.svg-ges-formulaire-arrow-def-ctrl use,
.moduleBrochure.CL-theme div.btn svg.svg-ges-formulaire-arrow-def-ctrl use {
    fill: #fff;
}

.moduleBrochure form .info-box {
    border-bottom: solid 1px var(--Color-Orange-Orange);
}

.moduleBrochure form .extend-box {
    border-bottom: solid 1px var(--Color-Orange-Orange);
}

.moduleBrochure form .form-line .form-label{
    font-size: 16px !important;
    color: var(--Color-Grey-Grey-90) !important;
    font-weight: 600;
    padding-top: 0 !important;
    display: flex;
    align-items: center;
}

.moduleBrochure.CL-theme form .form-line .form-input.radio.radio-box .input-radio {
    border: solid 1px var(--Color-Blue-PPA-Blue-20);
    background-color: #f2f2f2;
    color: var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure.CL-theme form .form-line .form-input.radio.radio-box .input-radio:hover {
    background-color: var(--Color-Blue-PPA-Blue-20);
    color: #f2f2f2;
}

.moduleBrochure.CL-theme form .form-line .form-input.radio.radio-box .input-radio input[type='radio']:checked+label {
    color: #f2f2f2;
    background-color: var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure.CL-theme form .form-line .form-input svg.svg-ges-formulaire-arrow-def-ctrl use {
    fill: #2C2E35;
}

.moduleBrochure.CL-theme form .form-line .form-input svg.DQE_phone_code_arrow use{
    fill: #2C2E35 !important;   
}

.moduleBrochure.CL-theme form .resume-part .resume-goback svg.svg-ges-formulaire-goback-def-ctrl use {
    fill: var(--Color-Orange-Orange);
}

.moduleBrochure.CL-theme form .resume-part .resume-goback svg.svg-ges-formulaire-goback-def-ctrl:hover use {
    fill: #445b7c;
}

.moduleBrochure.CL-theme form #pageResume .resume-row:nth-of-type(2n) {
    /*border-bottom: solid 1px #f39655;*/
}

.moduleBrochure form #pageResume .resume-row .resume-label {
    color: #445b7c;
}

.moduleBrochure form #pageResume .resume-row .resume-texte {
    color: var(--Color-Orange-Orange);
}

.moduleBrochure form .form-line-resume {
    color: var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure .required-fields-info{
    color: var(--Color-Grey-Grey-90);
    font-size: 16px;
    font-weight: 600;
}

.moduleBrochure .form_rgpd label{
    font-weight: 600;
    justify-content: left !important;
}

.moduleBrochure .form_rgpd#form_rgpd_1 {
    border-top: 1px solid var(--Color-Blue-PPA-Blue-20);
    font-size: 16px;
}

.moduleBrochure form .form-line .form-input svg{
    display: none;
}


.moduleBrochure form .form-line .form-input{
    position: relative;
}

.moduleBrochure form .form-line#form_component_civilite .form-input::after,
.moduleBrochure form .form-line#form_component_school .form-input::after,
.moduleBrochure form .form-line#form_component_schoolGroups .form-input::after,
.moduleBrochure form .form-line#form_component_cycles .form-input::after,
.moduleBrochure form .form-line#form_component_promotions .form-input::after{
    content: url('data:image/svg+xml,<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.6755 10.3169L5.62188 8.68182H1.00879V6.79384H5.62188L3.6755 5.15879L5.17422 3.73779L9.26204 7.70868V7.78647L5.17422 11.7378L3.6755 10.3169Z" fill="%232C2E35"/></svg>');
    display: inline-block;
    margin-left: -20px;
}

.moduleBrochure form .form-line#form_component_telephone .form-input::after{
    content: url('data:image/svg+xml,<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.6755 10.3169L5.62188 8.68182H1.00879V6.79384H5.62188L3.6755 5.15879L5.17422 3.73779L9.26204 7.70868V7.78647L5.17422 11.7378L3.6755 10.3169Z" fill="%232C2E35"/></svg>');
    display: inline-block;
    left: 126px;
    position: absolute;
    top: 22px;
}

@media screen and (max-width:1000px){
    .moduleBrochure form .form-line#form_component_telephone .form-input::after{
        left: unset;
        top: 14px;
        right: 2%;
    }
}

.moduleBrochure form .form-line .form-label, 
.moduleBrochure form .form-line .form-input input:not([type="checkbox"]), 
.moduleBrochure form .form-line .form-input textarea{
    font-size: 16px !important;
    height: 39px;
}

.moduleBrochure form .form-line .form-input select, 
.moduleBrochure form .form-line .form-input input{
    font-size: 16px !important;
    border: 1px solid rgba(65, 63, 31, 0.7) !important;
}

.moduleBrochure form .form-line .form-input:not(.radio.radio-box) input:focus,
.moduleBrochure form .form-line .form-input textarea:focus,
.moduleBrochure form .form-line .form-input select:focus {
    border-color: var(--Color-Orange-Orange);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--Color-Orange-Orange);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px var(--Color-Orange-Orange);
}

.moduleBrochure form .form-line .form-input.radio.radio-box input:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.moduleBrochure .mobile.page-title {
    text-transform: inherit !important;
    font-weight: 600;
    font-size: 16px;
    color: var(--Color-Grey-Grey-90) !important;
    font-family: var(--font-family-primary) !important;
}

/* .moduleBrochure .mobile.page-title::after {
    border-bottom: 1px solid #f39655;
} */

.moduleBrochure #pageResume form .resume-row{
    font-size: 16px;
}

.moduleBrochure #pageResume form .resume-row .resume-texte{
    font-weight: 600;
}

/* RDELMAS CSS CODE API */

.moduleBrochure api {
    background-color: var(--Color-Blue-Navy-blue-30);
    border: solid 1px var(--Color-Blue-Navy-blue-30);
    color: #5a5a5a;
}

.moduleBrochure api .head {
    background-color: var(--Color-Blue-Navy-blue-30);
    color: #fff;
}

.moduleBrochure api .body {
    background-color: #fff;
}

.moduleBrochure api .body li .error-extra-info {
    font-family: 'CenturyGothic';
}

.moduleBrochure api .body info {
    font-size: 0.75rem;
    color: #5a5a5a;
}

.moduleBrochure api .body a {
    color: var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure api .body a:hover {
    color: var(--Color-Blue-Navy-blue-30);
}

.moduleBrochure api error-close:hover svg use {
    fill: var(--Color-Blue-PPA-Blue-20);
}

/* .moduleBrochure api .head .title,
.moduleBrochure api .body .subtitle {
    font-family: 'CenturyGothic Bold';
} */

/* RDELMAS CSS CODE LOADER */

.moduleBrochure .processing #loader {
    background-color: var(--Color-Blue-PPA-Blue-20);
    border: solid 1px var(--Color-Blue-PPA-Blue-20);
    color: #5a5a5a;
}

.moduleBrochure .processing #loader .head {
    background-color: var(--Color-Blue-PPA-Blue-20);
    color: #fff;
}

.moduleBrochure .processing #loader .body {
    background-color: #fff;
}

.moduleBrochure .processing #loader .body info {
    font-size: 0.75rem;
    color: #5a5a5a;
}

.moduleBrochure .processing #loader .body a {
    color: var(--Color-Blue-PPA-Blue-20);
}

.moduleBrochure .processing #loader .body a:hover {
    color: var(--Color-Orange-Orange);
}

#select2-loader {
    background-color: var(--Color-Orange-Orange);
}

@media screen and (max-width:1000px) {
    .moduleBrochure #pageResume form .resume-row .resume-label {
       font-family: var(--font-family-primary) !important;
    }

    input[type="checkbox"] {
        border: 1px solid var(--Color-Orange-Orange);
    }

    input[type='checkbox']:checked {
        background: var(--Color-Orange-Orange);
    }
}