/*html:after { content: 'branch oav'; z-index: 99999999; width: 70px; height: 18px; background: #ff0000; color: #fff; font-size: 12px; position: fixed; display: block; bottom: 0; left: 0; padding:1px 5px; }*/
.oblig::after {content:" *"; color: #ff0000;}
.ui.trans.message {box-shadow:none; webkit-box-shadow:none; background-color: transparent;}

/*******************************
//Menu assistance
*******************************/

#fix-menu {position: fixed; top:130px; right:-150px; z-index:99;}
#fix-menu a.item {
    width:200px; 
    height:50px;
    border-bottom:1px solid #ffffff33;
    transform: translate(0px);
    transition: transform 0.5s cubic-bezier(0.4, -0.28, 0.735, 0.045);
	text-align: left;
    font-size: 11px;
    letter-spacing:1px;
    font-weight:600;
    text-transform:uppercase;
    }
#fix-menu a.item:hover {transform: translate(-130px);}    
#fix-menu .ui.vertical.menu {border: 0px; background: transparent; box-shadow: none}
#fix-menu a.item i {
    width:38px; 
    height:50px; 
    font-size: 24px;
    display: inline-block;
    padding: 2px;
}

/*******************************
//Other UI
*******************************/

.ui.icon.message>.icon:not(.close) {
    width: 50px;
    height: 50px;
    line-height: 20px;
    font-size: 14px;
    padding: 15px 23px;
    border-radius: 25px;
    color: #ffffffeb;
    opacity: 1;
    margin-right: 20px;
}
.ui.message.noborder {box-shadow: none; webkit-box-shadow:none;}

.radiushaut {border-top-left-radius:10px; border-top-right-radius:10px}
.radiusbas {border-bottom-left-radius:10px; border-bottom-right-radius:10px}

.ui.divider.verysmall {margin: .15rem 0;}
.ui.divider.verysmall2 {margin: .40rem 0;}
.ui.divider.small {margin: .85rem 0;}
.ui.divider.medium {margin: 1.75rem 0;}
.ui.divider.large {margin: 2.35rem 0;}

li {list-style-type: none;}
li:before {
	content: "- "; /* on affiche une chaîne de caractère */
}

h4.ui.header {font-size: 16px; margin:0 !important; text-transform: uppercase;}
h5.ui.header {font-size: 11px; line-height: 14px; margin: 0; padding: 0; text-transform: uppercase;}
h6.ui.header {font-size: 9px; line-height: 12px; margin: 0; padding: 0; text-transform: uppercase;}

.txt9header {font-size: 9px; line-height: 12px; margin: 0; padding: 0; text-transform: uppercase;}
.txt11header {font-size: 11px; line-height: 14px; margin: 0; padding: 0; text-transform: uppercase;}
.txt13header {font-size: 13px; line-height: 16px; margin: 0; padding: 0; text-transform: uppercase;}
.txt16header {font-size: 16px; margin:0 !important; text-transform: uppercase;}
.txt28header {font-size: 28px; margin:0 !important;font-weight: bold !important; margin:10px !important;}

.options {text-align:center;font-size:1.6em;font-weight: bold;}

.optioncontent{padding-top:1em;padding-bottom:1em}

.ico-small {
    width: 30px !important;
    height: 30px !important;
    line-height: 10px !important;
    font-size: 14px !important;
    padding: 10px 10px !important;
    border-radius: 15px !important;
    margin-right: 10px !important;
}

.eqcard.ui.card {
    flex: 1 !important; /* Shrink and grow according to available height */
    flex-basis: 0;
  }

/* message page d'erreur */
.erreurMessageAdm {color: #e61801 !important;background-color:#ffe8e6 !important;}
.notFoundMessageAdm {color: #ffffff !important;background-color:rgb(12, 83, 52) !important;}

/****************
Popup
*****************/
.popupDrp
{
    width:100%;
}

.popupLabel
{
    display: block !important;
    margin: 0 0 .28571429rem 0 !important;
    color: rgba(0,0,0,.87) !important;
    font-size: .92857143em !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.popupRow  
{
    margin-top:20px !important;
}

/****************
Environnement
*****************/
.environment
{
    text-align:center !important;
    position:fixed !important;
    bottom:10px !important;
    left:10px !important;
    opacity:0.95 !important;
    z-index:100;
}

.hidden_forced{
    visibility: hidden !important;
}

.center_forced{
    text-align: center !important;
}

.display_none_forced {
    display : none !important;
}

.readonly_custom {
    background-color: #CCCCCC !important;
    opacity: 0.45 !important;
    pointer-events: none !important;
}

.ui.disabled.card {
    opacity: .45 !important;
    color: rgba(40,40,40,.3) !important;
    pointer-events: none !important;
}
.action .button.icon {
    position: absolute;
    right: 0px;
    min-height: 39px;
    align-items: center !important;

}
#wrapper_dap_adresse .action .button.icon{
   height: 100%;
}
#wrapper_enfants .custom_avenant .custom-key{

    position: absolute;
    right: 40px;
    top: 10px;
 }
 
#wrapper_enfants .fields{

    align-items: center;
}
#wrapper_enfants  .custom_avenant .editInputBtn {
    position: relative;

}
#wrapper_enfants  .custom_avenant #submitForm{
    position: relative;
    top: 10px;
    right: 37px;
}
#wrapper_enfants  .custom_avenant .info {
    position: absolute;
    top: -7px;
    right: 0px;
}
 
#wrapper_sepa_mode_prelevement .ui.input{
    width: 100%;
    padding-right: 80px;
}
#wrapper_sepa_mode_prelevement .ui.input .button, #wrapper_dap_adresse .ui.input .button{
    height: 100%;
}


.readonlyContainer{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #CCCCCC !important;
    opacity: 0.45 !important;
    border-radius: 4px;
    z-index: 1000;


}
.readonlyContainerChild{
    position: absolute;
    width: 100%;
    height: 98%;
    left: 0px;
    top: 0px;
    background-color: #CCCCCC !important;
    opacity: 0.45 !important;
    border-radius: 4px;
    z-index: 1000;
    

}
.action .button.icon.btn_right{
    display: flex !important;
    position: absolute;
    right: -49px;
    top: 0px  !important;
    align-items: center;
    height: 100% !important;
    border-radius: 4px !important;
    z-index: 10000;
}
#wrapper_enfants .action.input{
    margin-bottom: 5px;
    padding: 10px;
}
#wrapper_conjoint{
    padding: 15px;
}
#wrapper_list_enfants .ui.action.input{
    width: 100%; 
}
#wrapper_list_enfants .jqChilds{
    width: 100%;
    padding: 15px; 
}
#couverture_conjoint .ui.icon.button {
    border-radius: 0 0.28571429rem 0.28571429rem 0;
}
#couverture_conjoint .checkbox  {
    margin-top: 1.7em;
}
#wrapper_add_enfant {
    margin-right: 45px;
}
#wrapper_section_slider .action.input{
    display: inline-block;
    width: 100%;
}
#wrapper_section_slider .btn_right{
    right: -69px;
}
.remove_pointer .slick-arrow{
    display: none;
}
div#wrapper_conjoint .fields{
    width: 100%;
}
#container_remboursement_prestations .ui.action.input{
    width: 100%; 
}
#wrapper_remboursement_prestations{
    width: auto; 
}
#container_remboursement_prestations .button{
    height: 100%; 
}
#container_remboursement_prestations.sur_mon_compte .ui.action.input{
    width: 100% !important; 
}

#container_remboursement_prestations.sur_mon_compte #wrapper_remboursement_prestations{
    width: 100%; 
}
.btn_white{
    background-color: white !important;
    border: solid 0.2rem rgba(34,36,38,.15) !important;
}
.wrapper_sexe .button.btn_white{border: solid 0.2rem rgba(34,36,38,.15) !important;}

#wrapper_civilite_info .button.civiliteBtn{
    background-color: white;
    border: solid 0.2rem rgba(34,36,38,.15) !important;
}
#wrapper_civilite .civiliteBtn:not(.active){
    background-color: white !important;
    border: solid 0.2rem rgba(34,36,38,.15) !important;
}

#wrapper_dap_civilite .button.btn_white{
    border: solid 0.2rem rgba(34,36,38,.15) !important;
}
#wrapper_dap_civilite_conjoint .civiliteBtn:not(.active){
    background-color: white !important;
    border: solid 0.2rem rgba(34,36,38,.15) !important;
}
.ui.button.selectBtn{
    border: solid 0.2rem rgba(34,36,38,.15) !important;
    background: #ffffff;
}