/* Styles definition here */
.ahbfield_service { display: none }
#fbuilder .date-dropdowns select{width:auto}
:root {--progress-color-active: #0366a0;-progress-color-normal: 0073aa;}
ul.fbprogress li{margin:5px;}
#fbuilder fieldset{border:0px}
#fbuilder{border:1px solid #888;padding:10px;position:relative;}
#fbuilder:after{position:absolute;top:-14px;left:10px;border:1px solid #888;background:#efefef;padding:0px 10px}
form.cpp_form[cp_appbooking_id="1"] #fbuilder:after{content:"RDV Cabinet";}
form.cpp_form[cp_appbooking_id="2"] #fbuilder:after{content:"RDV uniquement pour bénéficiaires AJ totale";}
form.cpp_form[cp_appbooking_id="3"] #fbuilder:after{content:"RDV à distance";}
form.cpp_form[cp_appbooking_id="4"] #fbuilder:after{content:"RDV pris par téléphone";}
form.cpp_form[cp_appbooking_id="5"] #fbuilder:after{content:"Rappel téléphonique (10 minutes)";}
form.cpp_form[cp_appbooking_id="6"] #fbuilder:after{content:"Rappel téléphonique (20 minutes)";}
form.cpp_form[cp_appbooking_id="7"] #fbuilder:after{content:"Rappel téléphonique (45 minutes)";}
form.cpp_form[cp_appbooking_id="8"] #fbuilder:after{content:"Rappel téléphonique (30 minutes)";}
form.cpp_form[cp_appbooking_id="9"] #fbuilder:after{content:"RDV Cabinet";}
form.cpp_form[cp_appbooking_id="10"] #fbuilder:after{content:"RDV uniquement pour bénéficiaires AJ totale";}
form.cpp_form[cp_appbooking_id="11"] #fbuilder:after{content:"RDV à distance";}
form.cpp_form[cp_appbooking_id="12"] #fbuilder:after{content:"Rappel téléphonique (10 minutes)";}
form.cpp_form[cp_appbooking_id="14"] #fbuilder:after{content:"Rappel téléphonique (20 minutes)";}
form.cpp_form[cp_appbooking_id="15"] #fbuilder:after{content:"Rappel téléphonique (30 minutes)";}
form.cpp_form[cp_appbooking_id="16"] #fbuilder:after{content:"Rappel téléphonique (45 minutes)";}
form.cpp_form[cp_appbooking_id="17"] #fbuilder:after{content:"Choix de réservation";}
form.cpp_form[cp_appbooking_id="18"] #fbuilder:after{content:"Choix de la formule";}
form.cpp_form[cp_appbooking_id="19"] #fbuilder:after{content:"Formulaire GAV";}
form.cpp_form[cp_appbooking_id="20"] #fbuilder:after{content:"Formulaire GAV";}
form.cpp_form[cp_appbooking_id="21"] #fbuilder:after{content:"Formulaire CI";}
form.cpp_form[cp_appbooking_id="22"] #fbuilder:after{content:"Formulaire CI";}
form.cpp_form[cp_appbooking_id="23"] #fbuilder:after{content:"Prendre rendez-vous avec Maître DESROUSSEAUX";}
form.cpp_form[cp_appbooking_id="24"] #fbuilder:after{content:"Prendre rendez-vous avec Maître DESROUSSEAUX";}
form.cpp_form[cp_appbooking_id="25"] #fbuilder:after{content:"Formulaire de rappel téléphonique";}
form.cpp_form[cp_appbooking_id="26"] #fbuilder:after{content:"Formulaire de rappel téléphonique";}
form.cpp_form[cp_appbooking_id="27"] #fbuilder:after{content:"Formulaire de consultation écrite";}
form.cpp_form[cp_appbooking_id="28"] #fbuilder:after{content:"Formulaire de consultation écrite";}
form.cpp_form[cp_appbooking_id="29"] #fbuilder:after{content:"Formulaire divorce en ligne";}
form.cpp_form[cp_appbooking_id="30"] #fbuilder:after{content:"Formulaire divorce en ligne";}
form.cpp_form[cp_appbooking_id="31"] #fbuilder:after{content:"Formulaire CRPC";}
form.cpp_form[cp_appbooking_id="32"] #fbuilder:after{content:"Formulaire CRPC";}
form.cpp_form[cp_appbooking_id="33"] #fbuilder:after{content:"Formulaire détention provisoire";}
form.cpp_form[cp_appbooking_id="34"] #fbuilder:after{content:"Formulaire détention provisoire";}
form.cpp_form[cp_appbooking_id="35"] #fbuilder:after{content:"Formulaire consultation écrite sur documents";}
form.cpp_form[cp_appbooking_id="36"] #fbuilder:after{content:"Formulaire consultation écrite sur documents";}
form.cpp_form[cp_appbooking_id="37"] #fbuilder:after{content:"Formulaire question juridique simple";}
form.cpp_form[cp_appbooking_id="38"] #fbuilder:after{content:"Formulaire question juridique simple";}
#fbuilder fieldset{margin: 2px 0px;} 
#fbuilder .ui-datepicker-header { background:#0073aa ;border-color: #fdfeff;border-radius: 10px;border-style: groove; color: #fdfeff; text-shadow:none}
#fbuilder .ui-datepicker-inline { max-width:none !important;} 
#fbuilder .ui-datepicker-inline { border-radius: 10px; background:#fff; padding: 5px 5px 5px 5px;}
#fbuilder .ui-datepicker-header { background:#0073aa ; border-color: #fdfeff;border-radius: 10px; color: #fdfeff; padding: 5px 3px 5px 0px; text-shadow:none} 
#fbuilder .ui-datepicker th{background:#f2f2f2; border-color: #fdfeff; padding: 5px 0px 5px 0px; color: #0073aa;}
#fbuilder .pbNext,#fbuilder .pbPrevious { background-color: #0366a0; color: #fdfeff; }
#fbuilder .dformat {display:none;}
#fbuilder .slots .currentSelection a{background:#0073aa;color:#fdfeff}
#fbuilder .slots{background:#efefef;color:#000000; border-radius: 10px; box-shadow:none; } 
#fbuilder .slots div {border:10px}
#fbuilder .slots div a {margin:5px;background:#0073aa;color:#fdfeff;border: 1px solid #000;border-radius: 15px;padding: 0px 15px 2px 15px}
#fbuilder .slots div a:hover{background: #bcbcbc;}
#fbuilder .beforemindate.ui-datepicker-unselectable .ui-state-default {background:#f4f4f4;color:#ddd; border-radius: 10px}
#fbuilder .ui-datepicker-calendar .ui-state-active {background:#0073aa; border-radius: 10px; color: #fdfeff;}
#fbuilder .ui-datepicker-unselectable .ui-state-default{background:#f4f4f4; border-radius: 10px; color:#000000; text-decoration: line-through}
#fbuilder td:not(.ui-datepicker-unselectable) a.ui-state-default{border-radius: 10px;}
#fbuilder .ui-state-active, #fbuilder .ui-widget-content .ui-state-active, #fbuilder .ui-widget-header .ui-state-active, #fbuilder a.ui-button:active, #fbuilder .ui-button:active, #fbuilder .ui-button.ui-state-active:hover{border:inherit;font-weight:bold; border: 1px solid #000; border-radius: 10px}
#fbuilder .ui-datepicker-today {border: 1px solid #000 !important;} 
#fbuilder .ui-datepicker-today {border-radius: 10px; width: auto; height: auto;}
#fbuilder .ui-datepicker-today .ui-state-default { color: black !important; } 
#fbuilder .ui-state-hover{border:0px;left:0px; border: 1px solid #000; border-radius: 10px}
#fbuilder .ui-datepicker .ui-datepicker-prev-hover,#fbuilder .ui-datepicker .ui-datepicker-next-hover {border: 1px solid #000; border-radius: 10px}
#fbuilder .ui-datepicker {border: 1px solid #000; border-radius: 10px}
#fbuilder .ui-datepicker tbody td {padding: 0; border-right: none; background:#fafafa; border-radius: 10px}
#fbuilder .ui-datepicker table {border-spacing: 2px}
#fbuilder .ui-datepicker tbody tr {border-bottom: 2px;}
#fbuilder .pbNext{margin:5px auto;float:right;display:inline-block; border: 1px solid #000; border-radius: 10px}
#fbuilder .pbNext:hover{background: #bcbcbc;}
#fbuilder .pbPrevious{margin:5px auto;float:left;display:inline-block; border: 1px solid #000; border-radius: 10px}
#fbuilder .pbPrevious:hover{background: #bcbcbc;}
#fbuilder .pbSubmit{margin:5px auto;float:right;display:inline-block; border: 1px solid #000; border-radius: 10px}
#fbuilder .pbSubmit{background:#0366a0;color:#fdfeff;display:inline-block;cursor:pointer;margin:5px auto;}
#fbuilder .pbSubmit:hover{background: #bcbcbc;}
#fbuilder .center{text-align:center}
#fbuilder .center input {
    background: #0366a0;
    color: #fdfeff;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 10px;
}

#fbuilder .center input:hover {
    background: #bcbcbc;
}