/* ul#moduleJPOformulaire-filter{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 60px 0px;
    padding: 0;
} */
 
#moduleJPOformulaire h2 {
    font-family: "allumi-std-extended", sans-serif;
    text-transform: capitalize!important;
}

#moduleJPOformulaire .form-dates-po {
    margin-top: 60px!important;
}

#moduleJPOformulaire .form-dates-po.active,
#moduleJPOformulaire .form-dates.active{
    border: none;
}

ul#moduleJPOformulaire-filter li{
    list-style-type: none;
    margin: 0px 15px 10px 15px;
    padding-bottom: 3px;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--clr-primary-Bleu-ocean);
    font-family: "allumi-std-extended",sans-serif;
}

ul#moduleJPOformulaire-filter li:hover,
ul#moduleJPOformulaire-filter li.active{
    color: var(--clr-primary-Bleu-crepuscule);
    border-color: var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .day-po, #moduleJPOformulaire .month-po{
    font-size: 23px !important;
    font-family: "allumi-std",sans-serif !important;
    font-weight: 700;
}

#moduleJPOformulaire .month-po{
    text-transform: initial;
}

#moduleJPOformulaire .number-po{
    font-family: "neue-haas-grotesk-display";
    color: var(--clr-primary-Bleu-ocean);
    opacity: 1 !important;
    font-size: 56px !important;
    letter-spacing: -1.12px;
    line-height: 100%;
    font-weight: 600;
}

#moduleJPOformulaire .time-po{
    font-family: "allumi-std", sans-serif;
    font-weight: 700;
    font-size: 16px !important;
}

#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+1):hover .bloc-po{
    background-color: white;
    color: var(--clr-primary-Bleu-crepuscule);
    text-transform: capitalize;
}

#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+1):hover .time-po{
    color: white;
}

#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+0):hover .bloc-po{
    background-color: white;
    color: var(--clr-primary-Bleu-crepuscule);
    text-transform: capitalize;
}

#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+0):hover .time-po{
    color: white;
}

#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+1) .bloc-po{
    background-color: white;
    color: var(--clr-primary-Bleu-crepuscule);
    text-transform: capitalize;
}
#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+1) .time-po {
    color: white;
}

#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+0) .time-po {
    color: white;
}


#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+0) .bloc-po{
    background-color: white;
    color: var(--clr-primary-Bleu-crepuscule);
    text-transform: capitalize;
}

#moduleJPOformulaire input[type='text'],
#moduleJPOformulaire input[type='email'],
#moduleJPOformulaire input[type='tel']{
    border-radius: 2.5px;
    border: 1px solid var(--clr-secondary-gris);
    color: var(--clr-primary-Bleu-ocean);
    font-size: 16px!important;
    font-weight: 400;
    font-family: var(--ff-primary-regular);
}

#moduleJPOformulaire form .form-line .form-input select{
    border: 1px solid var(--clr-primary-Bleu-ocean)!important;
    background-color: white;
    color: var(--clr-primary-Bleu-crepuscule);
    font-size: 16px!important;
    font-weight: 400;
    font-family: var(--ff-primary-regular);
}

#moduleJPOformulaire form .form-line .form-input select#DQE_phone_code{
    font-family: var(--ff-primary-regular);
}

#moduleJPOformulaire form .form-line .form-input svg{
    fill: var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .form-line.important{
    color: var(--clr-primary-Bleu-crepuscule)!important;
    font-weight: 400;
}

#moduleJPOformulaire .form-line label{
    padding: 0 20px 0 0 !important;
}

#moduleJPOformulaire form .form-validate button.btnSubmit {
    color:  white;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    background-color: var(--clr-primary-Bleu-crepuscule)!important;
    border-radius: 4px;
    text-transform: capitalize !important;
    padding: 12px 40px!important;
    font-family: var(--ff-primary-regular);
}

#moduleJPOformulaire form .form-validate button.btnSubmit:hover {
    background-color: var(--clr-primary-Bleu-ocean)!important;
}

#moduleJPOformulaire input:focus,
#moduleJPOformulaire textarea:focus {
    border-color: var(--clr-primary-Bleu-ocean);
}
@media screen and (max-width:1000px) {
    #moduleJPOformulaire textarea {
        border-bottom: solid 1px #000;
    }
}

#moduleJPOformulaire h1 {
    color:  var(--clr-primary-Bleu-crepuscule);
}
#moduleJPOformulaire .bloc-po {
    border-radius: 4px;
}
#moduleJPOformulaire .time-po {
    color:  var(--clr-primary-Bleu-crepuscule);
}
#moduleJPOformulaire .time-po.no-po {
    color:  var(--clr-primary-Bleu-crepuscule);
    font-family: var(--ff-primary-regular);
    font-size: 16px!important;
    font-weight: 400px;
}
#moduleJPOformulaire table.recaptchatable {
    border: 1px solid #1D2633!important;
}

#moduleJPOformulaire .form-info{
    font-size: 16px !important;
    font-weight: 700;
}

/* #moduleJPOformulaire h1, #moduleJPOformulaire .h1,
#moduleJPOformulaire h2, #moduleJPOformulaire .h2,
#moduleJPOformulaire.ppa .font-1-po{
    font-family: "CaviarDreams";
} */

#moduleJPOformulaire h3, #moduleJPOformulaire .h3,
#moduleJPOformulaire h4, #moduleJPOformulaire .h4,
#moduleJPOformulaire h5, #moduleJPOformulaire .h5,
#moduleJPOformulaire h6, #moduleJPOformulaire .h6,
#moduleJPOformulaire .btn-simple,
#moduleJPOformulaire button.close
#moduleJPOformulaire .alert{
    font-family: "allumi-std", sans-serif !important;
    
}

body #moduleJPOformulaire{
    font-family: "allumi-std", sans-serif !important;
}
#moduleJPOformulaire .time-po {
    color:  var(--clr-primary-Bleu-crepuscule);
}
/* Color */
#moduleJPOformulaire .color-1-po {
    color:  var(--clr-primary-Bleu-crepuscule);
    margin-top: 30px;
    font-size:23px !important;
    font-weight: 700;
    text-transform: inherit;
}

#moduleJPOformulaire .color-2-po {
    color:  var(--clr-primary-Bleu-crepuscule);
    margin-top: 34px;
    font-size: 16px !important;
}

#moduleJPOformulaire .form-horizontal{
    margin-top: 38px;
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+1) .color-po {
    color:  var(--clr-primary-Bleu-crepuscule);

}

#moduleJPOformulaire .form-dates-po:nth-child(2n+0) .color-po {
    color:  var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .bgcolor-1-po {
    background-color: var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .bgcolor-2-po {
    background-color: var(--clr-primary-Bleu-ocean);
}

#moduleJPOformulaire .bgcolor-3-po {
    background-color: var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+1) .bgcolor-po{
    background-color: var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+0) .bgcolor-po{
    background-color: var(--clr-primary-Bleu-ocean);

}

/* #moduleJPOformulaire .bordercolor-1-po {
    border-color: #664F98;
}

#moduleJPOformulaire .bordercolor-2-po {
    border-color: #000000;
}

#moduleJPOformulaire .bordercolor-3-po {
    border-color: #546295;
} */

#moduleJPOformulaire .form-dates-po:nth-child(2n+1) .bordercolor-po{
    box-shadow: 0 0 24px 16px rgba(0, 0, 0, 0.05);
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+0) .bordercolor-po{
    box-shadow: 0 0 24px 16px rgba(0, 0, 0, 0.05);
}



#moduleJPOformulaire input[type='radio'] {
    border:1px solid #546295;  /* color 3 */
    /*box-shadow:0 0 5px 0px #546295 inset;*/
    width: auto;
}

/*#moduleJPOformulaire input[type='radio']:hover {
    box-shadow:0 0 5px 0px #664F98 inset;
}*/

#moduleJPOformulaire input[type='radio']:checked:before {
    background: #546295; /* color 3 */
}

#moduleJPOformulaire input[type=submit]+span {
    border-left-color: #546295; /* color 3 */
}

/* RDELMAS CSS CODE API */

#moduleJPOformulaire api{
    background-color: #666699;
    border: solid 1px #666699;
    color: #5a5a5a;
}

#moduleJPOformulaire api .head{
    background-color: #666699;
    color:  var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire api .body{
    background-color:  var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire api .body li{
    font-family: "Halcom medium", sans-serif;
}

#moduleJPOformulaire api .body li .error-extra-info{
    font-family: 'Halcom';
}

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

#moduleJPOformulaire api .body a{
    color: #3C3C3B;
}

#moduleJPOformulaire api .body a:hover{
    color: #666699;
}

#moduleJPOformulaire api error-close:hover svg use {
    fill: #3C3C3B;
}

#moduleJPOformulaire api .head .title,
#moduleJPOformulaire api .body .subtitle{
    font-family: "Halcom medium", sans-serif;
}

/* RDELMAS CSS CODE LOADER */

#moduleJPOformulaire .processing #loader {
    background-color: #666699;
    border: solid 1px #666699;
    color: #5a5a5a;
}

#moduleJPOformulaire .processing #loader .head {
    background-color: #666699;
    color:  var(--clr-primary-Bleu-crepuscule);
}

#moduleJPOformulaire .processing #loader .body {
    background-color:  var(--clr-primary-Bleu-crepuscule);
}

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

#moduleJPOformulaire .processing #loader .body a {
    color: #3C3C3B;
}

#moduleJPOformulaire .processing #loader .body a:hover {
    color: #211930;
}

#select2-loader {
    font-family: "allumi-std", sans-serif !important;
    background-color: #666699;
}

#moduleJPOformulaire label {
    font-size: 16px !important;
    font-family: "allumi-std", sans-serif !important;
    font-weight: 700;
}

#moduleJPOformulaire label.radio-inline{
    font-size: 13px!important;
    font-weight: 400;
}

#moduleJPOformulaire label.radio-inline input{
    margin-bottom: 5px;
}

#moduleJPOformulaire label.checkbox-inline{
    font-weight: 400;
}

#moduleJPOformulaire .radio-inline {
    display: inline-flex;
    align-items: center;
}

#moduleJPOformulaire .place-po h3 {
    font-size: 23px!important;
    color:  var(--clr-primary-Bleu-crepuscule);
    font-weight: 700;
    text-transform: inherit;
}

@media screen and (max-width:1000px) {
    #moduleJPOformulaire #pageResume form .resume-row .resume-label{
        font-family: "Halcom medium", sans-serif !important;
    }

    input[type="checkbox"]{
        border:1px solid #666699;
    }
    input[type='checkbox']:checked {
        background: #666699;
    }
}

@media screen and (max-width:700px) { 
    #moduleJPOformulaire .form-dates {
        flex-direction: column;
    }
}