:root {
    --orange:#EE7B12;
    --orange_onclick: #cb6b10;
    
    --contrat_panel_type_fiber_color_txt: #337ab7;
    --contrat_panel_type_fiber_color_background: #337ab7;
    --contrat_panel_type_fiber_color_background_a_85: #337ab7D8;
    --contrat_panel_type_fiber_color_background_a_50: #337ab77E;
    --contrat_panel_type_fiber_color_background_dark: #295076;
    /* 2f98ff 2c63a2 07bfB9 F56421 1dbfba*/
    --contrat_panel_type_fiber_ftth_color_txt: #1dbfba ;
    --contrat_panel_type_fiber_ftth_color_background: #1dbfba ;
    --contrat_panel_type_fiber_ftth_color_background_a_85: #1dbfbaD8;
    --contrat_panel_type_fiber_ftth_color_background_a_50: #1dbfba7E;
    --contrat_panel_type_fiber_ftth_color_background_dark: #237b78;
    --contrat_panel_type_telephony_color_txt: #F56421;
    --contrat_panel_type_telephony_color_background: #F56421;
    --contrat_panel_type_telephony_color_background_a_85: #F56421D8;
    --contrat_panel_type_telephony_color_background_a_50: #F564217E;
    --contrat_panel_type_telephony_color_background_dark: #c0511e;
    --contrat_panel_type_other_color_txt: #5cb85c;
    --contrat_panel_type_other_color_background: #5cb85c;
    --contrat_panel_type_other_color_background_a_85: #5cb85cD8;
    --contrat_panel_type_other_color_background_a_50: #5cb85c7E;
    --contrat_panel_type_other_color_background_dark: #4c914c;
    --contrat_panel_type_transit_color_txt: #E7A13D;
    --contrat_panel_type_transit_color_background: #E7A13D;
    --contrat_panel_type_transit_color_background_a_85: #E7A13DD8;
    --contrat_panel_type_transit_color_background_a_50: #E7A13D7E;
    --contrat_panel_type_transit_color_background_dark: #be822c;
    --contrat_panel_type_transport_color_txt: #886641;
    --contrat_panel_type_transport_color_background: #886641;
    --contrat_panel_type_transport_color_background_a_85: #886641D8;
    --contrat_panel_type_transport_color_background_a_50: #8866417E;
    --contrat_panel_type_transport_color_background_dark: #67513a;
    /* D8AAEC  f07fcf f093d5 #f2a0db #e6a0d2 */
    --contrat_panel_type_mvno_color_txt: #e6a0d2;
    --contrat_panel_type_mvno_color_background: #e6a0d2;
    --contrat_panel_type_mvno_color_background_a_85: #e6a0d2D8;
    --contrat_panel_type_mvno_color_background_a_50: #e6a0d27E;
    --contrat_panel_type_mvno_color_background_dark: #936887;
    --contrat_panel_type_voip_color_txt: #8013ae;
    --contrat_panel_type_voip_color_background: #8013AE;
    --contrat_panel_type_voip_color_background_a_85: #8013AED8;
    --contrat_panel_type_voip_color_background_a_50: #8013AE7E;
    --contrat_panel_type_voip_color_background_dark: #561572;
    --contrat_panel_type_hosting_color_txt: #0fa5df;
    --contrat_panel_type_hosting_color_background: #0fa5df;
    --contrat_panel_type_hosting_color_background_a_85: #0fa5dfD8;
    --contrat_panel_type_hosting_color_background_a_50: #0fa5df7E;
    --contrat_panel_type_hosting_color_background_dark: #1d7da2;
    --contrat_panel_type_housing_color_txt: #14847f;
    --contrat_panel_type_housing_color_background: #14847f;
    --contrat_panel_type_housing_color_background_a_85: #14847fD8;
    --contrat_panel_type_housing_color_background_a_50: #14847f7E;
    --contrat_panel_type_housing_color_background_dark: #19615d;
    --contrat_panel_type_none_color_background: #666;
    
    

    --width_elt:1700px;

    /*--ts_orange:#EF7914;*/
    /*--ts_orange:#E89149;*/
    /*--ts_orange:#EA8938;*/
    --ts_orange: #ea9650;

}


*{margin:0;padding:0;outline: none;box-sizing: border-box;-webkit-text-size-adjust:none;font-size:12px;}

table{ border-spacing:0;}
html{font-family:quicksand;font-size:12px;margin:0;padding:0;width:100%; height:100%;color:#555;-webkit-font-smoothing: antialiased;}
body{ font-family:quicksand;font-size:12px;margin:0;padding:0;width:100%; color:#333;height:100%;}
img{border:0;}
ul{list-style-type:none;}
.acenter{text-align:center;}
/*#header{padding:25px;}*/
a{color:#000;text-decoration: none;}
#barre{height:60px;margin:40px 0 0 0;border:0px solid red;}
#espace_client{width:230px; float:left;color:#0fa5df;border:0px solid red;/*background:url("../images/fivider_menu2.png") no-repeat top right;*/color:#fff;}

a.lien_nav_bar{display:block;float:left; height:55px; padding:0 20px; line-height:55px;color:#3d3d3d; text-shadow: none;text-decoration: none;font-weight:bold;background:url("../images/fivider_menu2.png") no-repeat top right; }
a.lien_nav_bar:hover{background:url("../images/fivider_menu.png") no-repeat top right,url('../images/navbarre_repeat_selected.png') repeat-x ; }
h1,h2,h3,h4,h5,h6{font-family: quicksandBold;}
h2{font-size: 16px;}
h3{font-size: 13px;}

.flex_title{display: flex;justify-content: space-between;align-items: center;}
/*#link_domaine{background:url(../images/menu_domaine_bleu.png) no-repeat 10px 13px; }*/
/*#link_vps{background:url(../images/menu_vps_bleu.png) no-repeat 10px 17px;}*/
/*#link_mutu{background:url(../images/menu_mutu_bleu.png) no-repeat 10px 13px;}*/
/*#link_dedie{background:url(../images/menu_dedie_bleu.png) no-repeat 13px 13px;}*/
/*#link_lam{background:url(../images/menu_dedie_bleu.png) no-repeat 13px 13px;}*/
/*#link_gaming{background:url(../images/menu_gaming_bleu.png) no-repeat 10px 13px;}*/
/*#link_backup{background:url(../images/menu_backup_bleu.png) no-repeat 10px 13px;}*/
/*#link_ip{background:url(../images/menu_ip_bleu.png) no-repeat 10px 13px;}*/
/*#link_ssl{background:url(../images/menu_ssl_bleu.png) no-repeat 13px 16px;}*/
/*#link_nas{background:url(../images/menu_dedie_bleu.png) no-repeat 13px 13px;}*/

/*.lobibox-notify.lobibox-notify-error{background:#feb2b2 !important;color:#9b2c2c !important;}*/

@font-face{font-family:quicksand;src:url("../fonts/Quicksand-Regular.ttf") format("truetype");}
@font-face{font-family:quicksandBold;src:url("../fonts/Quicksand-Bold.ttf") format("truetype");font-weight: 600;}
@font-face{font-family:quicksandsemiBold;src:url("../fonts/Quicksand-SemiBold.ttf") format("truetype");}


.btn-grey{background-color:#e2e2e2 !important;border-color: #ccc !important;}
.btn-grey:hover{background-color:#d2d2d2 !important;border-color: #ccc !important;}

.btn-grey{background-color:#e2e2e2 !important;border-color: #ccc !important;}



.btn{font-family: QuicksandBold;}
.quicksand{font-family: quicksand;}
.quicksandBold{font-family: quicksandBold;}
.quicksandBoldSemi{font-family: quicksandBold;}





.quickBold{font-family: quicksandBold;}

#div_icones{float:right;}
.nav_bar_icones{width:27px;height:28px;overflow:hidden;display:block;float:left;margin:16px 0 0 8px;}

#icone_webmail{background:url('../images/icone_mail.png') no-repeat;}
#icone_twitter{background:url('../images/icone_twitter.png') no-repeat;}
#icone_facebook{background:url('../images/icone_facebook.png') no-repeat;}
#icone_webmail:hover,#icone_twitter:hover,#icone_facebook:hover{background-position:0 -28px;}
#sepa_shadow{height:16px;background:url('../images/barre_degra.png') repeat-x;overflow:hidden;border:0px solid red;margin:0 45px; }
#master{width: 100%; display: table; table-layout: fixed;position: relative;}
#container{margin:0 45px 0 45px;background: #f3f3f3 ;position:relative;margin:0 auto;  margin-left: 225px;display: table-row}

#menu{float:left;overflow:hidden;width:210px;border:0px solid orange;position:relative;margin-bottom: 40px;}


.progress-bar
{
    background: #bdbdbd;
    height: 8px;
}
.progress-bar.active
{
    background: #EAE9E9;
    width: attr(data-progress px);
    height: 8px;
}

.progress-bar .progress-bar-progress
{
    height: 8px;
    transition: background-color 1s ease-in-out,width 0.5s ease-in-out;
}

.progress-bar-progress.progress_status_success
{
    background-color: #6FAF4D;
}
.progress-bar-progress.progress_status_warning
{
    background-color: #F0A53F;
}
.progress-bar-progress.progress_status_danger
{
    background-color: #E8563C;
}

#link_profil_header{
    display: flex;
    align-items: center;
    gap:10px;
    /*color:#fff;*/
    border-radius: 3px;
    height: 34px;
    padding-left: 8px;
    padding-right: 8px;
    font-family: quicksandSemiBold;
}

#link_profil_header:hover{
    /*background: rgba(0, 0, 0, .275);*/
    background: #e7a13d;

    color:#fff;
}


.lien_nav_bar3{ font-weight:bold;padding:20px 0 20px 0px;color: #0fa5df;font-size:13px; cursor:pointer    }
.nom_gamme{padding-left:35px;}
.div_zone_search_input{margin-top:10px; padding:0px 15px;display:none;width:100%;border:0px solid orange;}
.input_search_gamme{margin:0px;height:24px !important; }

.search_pro{float:right; margin-right:10px;color:#909090;}
.search_pro:hover{color:#e0e0e0;}
.search_pro i{cursor:pointer;}
.search_pro img{cursor:pointer;}

.ul_detail_produit{width:100%;}
.ul_detail_produit li{background: #303030;}
.ul_detail_produit li a{padding:13px 0px 13px 15px ;display:block;}
.ul_detail_produit li:hover{background-color: #0fa5df;}
.ul_detail_produit li:hover a{text-shadow: none;}

#menu2{width:100%;background:#222;display:none;position: relative;}
/*#menu2 ul {margin:0 0px 0 0;}*/
/*#menu2 ul li{border-top:1px solid #555555;padding:0 0px 0 0px;display:block; }*/
/*#menu2 ul li:nth-child(1){border-top:none; }*/

#menu2 ul li a{/*color:#ddd;display:block;overflow:hidden;/*border:0px solid red;text-decoration:none;*/}


/*i.fas,i.fa-solid{*/
/*    color: #555;*/
/*}*/
#m_lat2{margin: 0px ;padding: 0px;list-style: none; }
#m_lat2 li{float: left;position: relative;border:0px solid green;}
#m_lat2 li:hover > a { color: #0fa5df; text-shadow: none;}


/*.produit_selected{background-color: #0fa5df !important; text-shadow: 1px 1px 1px #999999 !important;margin-right:0px;}*/
/*.produit_selected .i_etiquette{color:#ddd !important;}*/


.div_img_menu2 img{margin-top:17px;}
.titre_double_menu2{height:55px;padding-top:15px;}
.titre_simple_menu2{height:55px;line-height:60px;}
.div_img_menu2{width:25px;height:55px;float:left;overflow:hidden;margin-right:10px;}
.divmenufloat2{float:left;overflow:hidden; }



/*#li_trans{font-style:italic;font-size:11px ;background-image: none !important;}*/
/*#li_trans i{color:#E0850A;}*/

.ui-tooltip{font-size:11px;}


#form_enroll{display:none;}


#menu_haut{padding:0 0 00px 0;border:0px solid red;overflow:hidden;border-bottom:1px solid #222;width:100%;}
#menu_bas{overflow:hidden;position:absolute;bottom:0px; left:0px;width:225px;background:#222;}
#menu ul,#menu_bas {margin:0 10px 0 0;}
#menu ul li,#menu_bas  li {height:60px; border-top:1px solid #555555;border-bottom:1px solid #2e2e2e;padding:0 0px 0 0px;display:block; }

#menu ul li a,#menu_bas  li a{color:#ddd;display:block;overflow:hidden;padding:0 0 0 25px;border:0px solid red;height:60px;}
#menu ul li:hover,#menu_bas li:hover {background:url('../images/fd_menu_hover.png') repeat-y;}

.divmenufloat{float:left;width:120px;overflow:hidden;}

.div_img_menu{width:25px; margin:18px 5px 0 0;float:left;overflow:hidden;}
.titre_double_menu{margin-top:14px;}


.titre_simple_menu{margin-top:22px;}

#inter_ul{height:200px;}

#content{border:0px solid green;color:#333;/*text-shadow: 1px 1px 1px #fff;*/width:100%;}
#ariane{height:auto;margin:15px 25px 0 25px;line-height:19px;font-size:12px;border:0px solid orange;text-shadow:none;display: flex;;gap:3px;align-items: center;overflow-x: auto;}
#ariane i.fa-solid.fa-home{color:#5b5b5b;}
#dyna{margin:10px 25px 25px 25px;text-shadow: none;position:relative;border-top:1px solid #ccc;padding-top:20px;}
#dyna_g{float:left;width:48%;margin-right:4%;}
#dyna_d{float:left;width:48%;}
#dyna_m{float:left;width:75%;}

#dyna h2{color:#0fa5df;font-size:12px;padding-bottom:10px;text-transform: uppercase;border:0px solid red;background: url("../images/divider_bg.png") repeat-x left bottom;margin-bottom:10px;}
/*#div_paiement h2{color:#0fa5df;font-size:12px;padding-bottom:10px;text-transform: uppercase;border:0px solid red;background: url("../images/divider_bg.png") repeat-x left bottom;margin-bottom:10px;}*/

#div_paiement{background: #FFFFFF; box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);display: flex;gap:0px;flex-direction: column;}
#div_paiement > * {padding:20px;}
#div_paiement > *:not(:last-child) {border-bottom: 1px solid #e3e3e3;}
#div_paiement h3{margin-bottom: 10px;}
#div_other_pay{display: flex;gap:20px;flex-wrap: wrap;align-items: center;justify-content: space-between;}
/*#div_other_pay .one_pay   {display: flex;align-items: center;}*/
/*#div_other_pay .one_pay  > form {display: flex;align-items: center;}*/

.box_pay_card{display: flex;gap:10px;justify-content: space-between;align-items: center;}
.box_pay_card > div:nth-child(1){display: flex;gap:6px;align-items: center;}

#div_paiement.div_paiement_resp #div_other_pay{flex-wrap: wrap;gap:0;}
#div_paiement.div_paiement_resp #div_other_pay > *{width:50%;}
#div_paiement.div_paiement_resp .box_pay_card{flex-direction: column;}
#div_paiement.div_paiement_resp .box_pay_card > *:nth-child(2){width:100%;}
#div_paiement.div_paiement_resp .box_pay_card button{width:100%;}

#fleche_menu{position:absolute;right:3px;top:0px;display:none;}

/************ FOOTER **************/
footer{background:#000;padding-bottom:44px;}
#footer_link{width:var(--width_elt);margin:0 auto;display: flex;}
#footer_divflex_logo{width:465px;}
#footer_divflex_services{width:345px;padding-top:44px;}
#footer_divflex_other{width:315px;padding-top:44px;}
#footer_divflex_contact{width:345px;padding-top:44px;}
#footer_divflex_cartouche{width:230px;padding-top:44px;}

.footer_div_one_section{padding-left:15px;border-left:1px solid #707070;color:#fafafa;}

#footer_link div.footer_div_one_section h2{text-transform: uppercase;color:#fafafa;padding-bottom: 15px;font-family: QuicksandBold;font-size:18px;}
#footer_link > div:not(:first-child,:last-child) ul{}
#footer_link > div:not(:first-child,:last-child) ul li a{color:#fafafa;font-family: quicksandsemiBold;}

#footer_logo{width:320px;}
#footer_cartouche_img{width:230px;}
#div_footer_logo{display: flex;justify-content: space-between;margin-top:25px;}
#footer_linkedin{width:52px;}
#footer_twitter{width:52px;}
#footer_facebook{width:52px;}

#footer_link > div:not(:first-child, :last-child) ul li a:hover{color:#ef7914;}

#cookies{display: none;z-index: 10000000000; width:100%;	position:fixed;	bottom:0;left:0;border:1px solid #EF7914;}
#inner_cookies{height: 112px;display: flex;justify-content: space-between;font-size: 16px;align-items: center;}
#inner_cookies h2{font-family:QuicksandBold;font-size: 20px;margin-bottom: 3px;}
#inner_cookies button{font-family:QuicksandBold;font-size: 20px;padding:10px 30px;display: flex;}

#border_info_haut{height:57px;background:url("../images/border_info_haut.png") no-repeat top left,url("../images/border_info_haut.png") no-repeat top right,url("../images/repeat_info_haut.png") repeat-x top left;margin:9px 41px 17px 23px;padding:5px 10px;display:none;}

#border_info_haut table{float:left;width:250px;border:0px solid red;}
#border_info_haut table tr{height:16px;}


.label_beta{display: inline !important;}
.fullwidth{width:100%;}
.bleu{color:#0fa5df;}
.bleu_fonce{color:#016D96;}
.bold{font-weight: bold;}
.no_bold{font-weight: normal !important;}
.cursor_pointer{cursor:pointer !important;}
.cursor_default{cursor:default !important;}

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    text-shadow:none;
    font-family: quicksandBold;
    font-weight: 600;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
.btn i {
    margin-right: 3px; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none; }

.btn-default {
    color: #fff;
    background-color: #626262;
    border-color: #555555; }
.btn-default:hover, .open .dropdown-toggle.btn-default, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #fff;
    background-color: #494949;
    border-color: #555555; }
.btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .open .disabled.dropdown-toggle.btn-default, .btn-default[disabled]:hover, .open [disabled].dropdown-toggle.btn-default, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active {
    background-color: #7c7c7c;
    border-color: #555555; }
.btn-default .caret {
    border-top-color: #fff; }


.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary .open .dropdown-toggle.btn-primary {
    background-color: #286090;   border-color: #204d74;}

.btn-info {
    background-color: #46B0CF;
    border-color: #34a6c8;color: #fff; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.btn-info .open .dropdown-toggle.btn-info {
    background-color: #34a6c8; }

.btn-success {
    /*background-color: #4BA84B;*/
    background-color: #6FAF4D;
    border-color: #67B140;color: #fff; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success .open .dropdown-toggle.btn-success {
    background-color: #579935; }

.btn-warning {
    /*background-color: #E7A13D;*/
    background-color: var(--ts_orange);
    border-color: #e49626; color: #fff;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning .open .dropdown-toggle.btn-warning {
    background-color: #e49626; }

.btn-danger {
    background-color: #DB3833;
    border-color: #d02a25;color: #fff; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
.btn-danger .open .dropdown-toggle.btn-danger {
    background-color: #d02a25; }

.btn-b{background-color: #49A4DA;color: #fff;}

.btn-b:hover{background-color: #377ea8; }


.div_rouge{padding:15px;background:#feb2b2;color:#9b2c2c;text-shadow: none;border-radius: 2px;border-left:4px solid #cc1f1a;}
.div_rouge a:not(.btn, .label){color:#9b2c2c;}
.div_orange{padding:15px;background:#fbd38d;color:#9c4221;text-shadow:none;border-radius: 2px;border-left:4px solid #ed8936;}
.div_orange a:not(.btn, .label){color:#9c4221;}
.div_vert{padding:15px;background:#BEDFBE;color:#385c2b;text-shadow:none;border-radius: 2px;border-left:4px solid #4d833c;}
.div_vert a:not(.btn, .label){color:#385c2b;}
.div_bleu{padding:15px;background:#90cdf4;color:#2c5282;text-shadow:none;border-radius: 2px;border-left:4px solid #2e588d;}
.div_bleu a:not(.btn, .label){color:#2c5282;}
.div_gris{padding:15px;background:#ddd;color:#555;text-shadow:none;border-radius: 2px;border-left:4px solid #888;}
.div_gris a:not(.btn, .label){color:#555;}
/*.div_jaune{padding:15px;background:#fcf8e3;color:#8a6d3b;text-shadow:none;border-radius: 2px;border-left:4px solid #faebcc;}*/
.div_jaune{padding:15px;background:#fff1a9;color:#735a30;text-shadow:none;border-radius: 2px;border-left:4px solid #eec571;}
.div_jaune a:not(.btn, .label){color:#735a30;}

.div_label_no_border{border: 0;}

.div_color_shadow{box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);}
/*.div_vert{border:1px solid #A2BC38;padding:25px 40px 25px 70px;background:url("../images/icon_check40.png") 15px center no-repeat #BEDB49;color:#3D4617;text-shadow: 0px 0px #555;}*/

.div_rt_orange{padding:25px 40px 25px 40px;background:#f7b14b; color:#714505;text-shadow: none;border-radius: 3px;font-weight: bold;}
.div_rt_orange i.fa{font-size:52px;}

.btn i{margin-right: 0;}
.btn{border-radius: 3px;font-size: 13px;padding:5px 8px;}
.btn-disable{
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: auto !important;
}

#header_is_admin{
    position: sticky;
    top:0px;
    z-index: 400000;
    height:30px;
    padding:0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
}
.btn-b{background:#337ab7;color:#fff !important;}
.btn-white{background:#fff;}
.btn-black{background:#222;color:#fff;}
/*.btn-success{background:#5cb85c !important;}*/

.btn-sm{padding:3px 8px !important;font-size: 12px;}
.btn-xs{
    padding: 1px 5px;
    font-size: 11px;
}

.btn-xs i.fa, .btn-xs i.fa-solid{
    font-size: 10px;
}

.table-form{width: 100%;}
.table-form tr th{padding:5px 0;text-align: left;font-family: quicksandBold;vertical-align: top;padding-top:8px;}

.table-form > tbody > tr > td{padding: 8px 0 8px 0 !important; border-top:1px solid #eee;}
.table-form > tbody > tr > th{padding: 8px 8px 8px 0 !important;text-align: left;border-top:1px solid #eee;font-weight: normal;}
.valm_all > tbody > tr > th {vertical-align: middle;}
.valm {vertical-align: middle !important;}
.valt {vertical-align: top !important;}

.table-form.table-form-darker > tbody > tr > th{padding: 8px 8px 8px 0 !important;text-align: left;border-top:1px solid #ccc;font-weight: normal;}
.table-form.table-form-darker > tbody > tr > td{border-top:1px solid #ccc;}

.table-form.table-form-with-h3-header > tbody > tr:first-child > th{border-top:none;}
.table-form.table-form-with-h3-header > tbody > tr:first-child > td{border-top:none;}
.table-form.table-form-with-h3-header > tbody > tr > th{padding: 8px !important;}



.btn-wait{background:#aaa;color:#fff !important;}

.btn-flex{display: inline-flex;gap:5px; align-items: center;}

.label{border-radius: 3px;margin-bottom: 0; font-family: QuicksandBold; font-size: 13px;padding:5px 10px;display: inline-block;vertical-align: middle;line-height: 1.42857143;border:1px solid transparent;color:#fff; }


.label.label-success {
    background-color: #6FAF4D;;
}

.label.label-warning {
    /*background-color: #E7A13D;*/
    background-color: var(--ts_orange);
    border-color: #e49626;
}

.label.label-danger
{
    background-color: #d9534f;
    border-color: #d43f3a;

}

.label.label-gris
{
    /*background:#ddd;*/
    /*border-color: #888;*/
    /*color:#666;*/
    background-color: #626262;
    border-color: #555555;
}

.label.label-b {
    background-color: #49A4DA;
}

.label.label-default {
    color: #fff;
    background-color: #626262;
    border-color: #555555;
}

.label-primary {
    background-color: #337ab7;
}

.label-ovh{
    background: var(--contrat_panel_type_telephony_color_background) ;
}

.label-other{
    background: var(--contrat_panel_type_other_color_background) ;
}

.label-fiber{
    background: var(--contrat_panel_type_fiber_color_background) ;
}

.label-housing{
    background: var(--contrat_panel_type_housing_color_background) ;
}

.label-voip{
    background: var(--contrat_panel_type_voip_color_background) ;
}

.label-fh{
    background: var(--contrat_panel_type_hosting_color_background) ;
}

.label-mvno{
    background: var(--contrat_panel_type_mvno_color_background) ;
}

.label-transit{
    background: var(--contrat_panel_type_transit_color_background) ;
}

.label-transport{
    background: var(--contrat_panel_type_transport_color_background) ;
}

.label-emergency {
    background-color: #E7A13D;
}


.label_block{white-space: initial;text-align: left;line-height: initial;}
/*.label{border-radius: 3px;margin-bottom: 0; font-family: QuicksandBold; font-size: 13px;padding:5px 10px;display: inline-block;vertical-align: middle;line-height: 1.42857143;border:1px solid transparent; }*/
.remarque_ip{font-style:italic;font-size:11px;}
.remarque_ip hr{margin:10px 0 10px 0;border-color: #d0d0d0;}
#remarque_ip{width:500px;height:200px; resize:none;font-size:11px;margin:3px 0 15px 0;}

.text-bleu {color: #0fa5df;}
.label-bleu{background-color: #0fa5df;}
.flabel-bleu { background-color: #0fa5df99; }
.label-bleu:hover { background-color: #0fa5dfbb;color:#fff; }

.text-marron {color: #886641;}
.label-marron{background-color: #886641;}
.flabel-marron { background-color: #88664199; }
.label-marron:hover { background-color: #886641bb;color:#fff; }

.text-canard {color: #14847f;}
.label-canard{background-color: #14847f;}
.flabel-canard { background-color: #14847f99; }
.label-canard:hover { background-color: #14847fbb;color:#fff; }

.text-violet {color: #D8AAEC;}
.label-violet{background-color: #D8AAEC;}
.flabel-violet { background-color: #D8AAEC99; }
.label-violet:hover { background-color: #D8AAECdd;color:#fff; }

.text-violet-dark {color: #720C9D;}
.label-violet-dark { background-color: #720C9D; }
.flabel-violet-dark { background-color: #720C9D99; }
.label-violet-dark:hover { background-color: #720C9Dbb; color:#fff; }

.label-ftth{
    background: var(--contrat_panel_type_fiber_ftth_color_background) ;
}

.flabel-ftth{
    background: var(--contrat_panel_type_fiber_ftth_color_background_a_50) ;
}

.label-white{background-color: #fff;color:#555;}
.label-black{background-color: #111;}
.label-gris{background:#ddd;color:#555;}

/*.label-success{background:#4BA84B !important;}*/
.label-sm{padding:3px 8px; font-size: 12px;}
.label-xs{padding: 2px 5px;font-size: 11px;}

.label-transparent{color: #555 !important;}
/*.label-bold{font-family: QuicksandBold;}*/
.label-flex{display: inline-flex;gap:5px; align-items: center;}
.label-checkbox{display:inline;margin-bottom: 0;font-weight: normal;}
.label-notbpadding{padding-top:0 !important;padding-bottom:0 !important;}

.tab-content{padding:0 !important;}
.text-color-fiber {color:var(--contrat_panel_type_fiber_color_txt) !important;}
.text-color-telephony {color:var(--contrat_panel_type_telephony_color_txt) !important;}
.text-color-other {color:var(--contrat_panel_type_other_color_txt) !important;}
.text-color-transit {color:var(--contrat_panel_type_transit_color_txt) !important;}
.text-color-transport {color:var(--contrat_panel_type_transport_color_txt) !important;}
.text-color-voip {color:var(--contrat_panel_type_voip_color_txt) !important;}
.text-color-mvno {color:var(--contrat_panel_type_mvno_color_txt) !important;}
.text-color-hosting {color:var(--contrat_panel_type_hosting_color_txt) !important;}
.text-color-housing {color:var(--contrat_panel_type_housing_color_txt) !important;}

.background-color-fiber {background-color:var(--contrat_panel_type_fiber_color_txt) !important;}
.background-color-fiber_ftth {background-color:var(--contrat_panel_type_fiber_ftth_color_txt) !important;}
.background-color-telephony {background-color:var(--contrat_panel_type_telephony_color_txt) !important;}
.background-color-other {background-color:var(--contrat_panel_type_other_color_txt) !important;}
.background-color-transit {background-color:var(--contrat_panel_type_transit_color_txt) !important;}
.background-color-transport {background-color:var(--contrat_panel_type_transport_color_txt) !important;}
.background-color-voip {background-color:var(--contrat_panel_type_voip_color_txt) !important;}
.background-color-mvno {background-color:var(--contrat_panel_type_mvno_color_txt) !important;}
.background-color-hosting {background-color:var(--contrat_panel_type_hosting_color_txt) !important;}
.background-color-housing {background-color:var(--contrat_panel_type_housing_color_txt) !important;}

.button_slide { display: inline-block;width: 54px;height: 28px}
.button_slide_on { background: url("/images/btn_slide_on.png") no-repeat; background-size: contain}
.button_slide_off { background: url("/images/btn_slide_off.png") no-repeat; background-size: contain}


.error{color:#C42A2A;margin:30px 0 10px 0;}
.wait{margin:30px 0 10px 0;}

#ul_fiber{border-left-color:var(--contrat_panel_type_fiber_color_txt) !important; }
#li_link_fiber.li_deploy #link_fiber{border-left-color: var(--contrat_panel_type_fiber_color_background_a_85);}
#ul_voip{border-left-color:var(--contrat_panel_type_voip_color_txt) !important; }
#li_link_voip.li_deploy #link_voip{border-left-color: var(--contrat_panel_type_voip_color_background_a_85);}

#ul_mvno{border-left-color:var(--contrat_panel_type_mvno_color_txt) !important; }
#li_link_mvno.li_deploy #link_voip{border-left-color: var(--contrat_panel_type_mvno_color_background_a_85);}

#ul_fh{border-left-color:var(--contrat_panel_type_hosting_color_txt) !important; }
#li_link_fh.li_deploy #link_fh{border-left-color: var(--contrat_panel_type_hosting_color_background_a_85);}

#ul_other{border-left-color:var(--contrat_panel_type_other_color_txt) !important; }
#li_link_other.li_deploy #link_other{border-left-color: var(--contrat_panel_type_other_color_background_a_85);}

#ul_transit{border-left-color:var(--contrat_panel_type_transit_color_txt) !important; }
#li_link_transit.li_deploy #link_transit{border-left-color: var(--contrat_panel_type_transit_color_background_a_85);}

#ul_ovh{border-left-color:var(--contrat_panel_type_telephony_color_txt) !important; }
#li_link_ovh.li_deploy #link_ovh{border-left-color: var(--contrat_panel_type_telephony_color_background_a_85);}

#ul_transport{border-left-color:var(--contrat_panel_type_transport_color_txt) !important; }
#li_link_transport.li_deploy #link_transport{border-left-color: var(--contrat_panel_type_transport_color_background_a_85);}

#ul_housing{border-left-color:var(--contrat_panel_type_housing_color_txt) !important; }
#li_link_housing.li_deploy #link_housing{border-left-color: var(--contrat_panel_type_housing_color_background_a_85);}



.span_password_btn{
    display: flex;
    & input[type=text]{
        flex:1;
    }
    & .btn-show-password{
        border-radius: 0;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


#div_option_product{display: flex;gap:20px;display: none;}
#div_option_product > *{width: 50%;}

#m_lat{margin: 0px 0 0 0;padding: 0px 0 0 0;list-style: none; }
#m_lat li{float: left;position: relative;}
#m_lat a{float: left;padding-left: 25px; padding-right: 25px;	display:block;color:inherit;text-decoration:none;color:#3e3e3e;}
#m_lat li:hover > a { color: #0fa5df; text-shadow: none;}



#m_lat li:hover > ul{display: block;}

/* Sub-m_lat */

#m_lat ul{list-style: none;margin: 0;padding: 0;display: none;position: absolute;top: 53px;left: 0;z-index: 99999;background: url("") #e5e5e5; border:1px solid #b6b6b6; border-top:none;}

#m_lat ul ul{top: 0;left: 170px;}
#m_lat ul li{float: none;margin: 0;padding: 0;display: block; background:url("../images/divider_submenu.png") no-repeat bottom left; }
#m_lat ul li:last-child{background:none;}
#m_lat ul a{ padding: 0 10px 0 10px;height: 35px;min-width:170px;line-height: 35px;display: block;white-space: nowrap; float: none;text-transform: none;}


*:first-child+html #m_lat ul a /* IE7 */{height: 10px;}

#m_lat ul a:hover{background: #0FA5DF;color:#fff;text-shadow: none;}
#m_lat ul li:first-child > a{}
#m_lat ul li:first-child > a:after{content: '';position: absolute;left: 23px;top: -8px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid #444;}
#m_lat ul ul li:first-child a:after{left: -8px;top: 12px;width: 0;height: 0;border-left: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-right: 8px solid #444;}
#m_lat ul li:first-child a:hover:after{border-bottom-color: #04acec;}
#m_lat ul ul li:first-child a:hover:after{border-right-color: #04acec; border-bottom-color: transparent;}
#m_lat ul li:last-child > a{/*-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;*/}

/* Clear floated elements */
#m_lat:after{  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}

* html #m_lat             { zoom: 1; } /* IE6 */
*:first-child+html #m_lat { zoom: 1; } /* IE7 */

.li_buy{font-style:italic;font-size:11px;}
.li_buy a{background:url("../images/return_fleche.png") no-repeat 10px center;padding-left:30px !important; }

.li_buy a:hover{background:url("../images/return_fleche_white.png") no-repeat 10px center #0FA5DF !important; }

.div_one_with_icon_between{display: flex;justify-content: space-between;align-items: center;}


.table_info{width:100%;border-collapse:collapse;margin-bottom:20px;}
.table_info thead {background:#f0f0f0;}
.table_info thead  tr th{padding:7px;}
#div_no_vir{margin-top: 20px;display: none;}

.table_info tbody tr  {height:25px;background:#fcfcfc;}
.table_info tbody tr td{padding:5px;}

.italic{font-style:italic;}
.bold{font-weight:bold;}

.txt_11{font-size:11px !important;}
.txt_10{font-size:10px !important;}
.txt_12{font-size:12px !important;}
.txt_14{font-size:14px !important;}
.txt_16{font-size:16px !important;}
.txt_18{font-size:18px !important;}
.txt_20{font-size:20px !important;}
.txt_22{font-size:22px !important;}
.txt_24{font-size:24px !important;}
.txt_26{font-size:26px !important;}

.overflow{overflow:hidden;}

/*#jquery-msg-content h2{color:#0fa5df;font-size:12px;padding-bottom:10px;text-transform: uppercase;border:0px solid red;background: url("../images/divider_bg.png") repeat-x left bottom;margin-bottom:15px;}*/
.jquery-msg-content > .inner_msgbox   h3,.jquery-msg-content > .inner_msgbox   h2 {font-size: 14px;font-weight: 600;margin-bottom: 10px;color:#EE7B12 !important;}
table.dataTable thead th, table.dataTable thead td{padding: 10px 10px !important;}

.jquery-msg-content >.inner_msgbox > div:nth-child(2){display: flex;justify-content: space-between;margin-top:20px;}
.jquery-msg-content > .inner_msgbox > div:nth-child(2).inner_msgbox_btn_solo{justify-content: center;}
.inner_msgbox > div:nth-child(2) .btn {width:100px;font-size:12px;padding:3px 12px;}
.inner_msgbox > div:nth-child(2) .btn#yes {background-color: #5cb85c;border-color: #4cae4c;color: #fff;}
.inner_msgbox > div:nth-child(2) .btn#no {background-color: #c9302c;border-color: #ac2925;color: #fff;}
.inner_msgbox > div:nth-child(2) .btn#cancel {background-color: #313131;border-color: #2E2E2E;color: #fff;}

.floatr{float:right;}
.floatl{float:left;}

/*.one_pay{border:1px solid #ddd;height:50px;overflow:hidden;padding:5px;background:#fff;width:100px;text-align:center;float:left;}*/

/*#div_other_pay div:nth-of-type(1){float:left;overflow:hidden;margin-right:15px;}*/
/*#div_other_pay div:nth-of-type(1){float:left;overflow:hidden;margin-right:15px;}*/

#table_show_partition{width:400px;}
#table_show_partition thead{background:#2f2f2f;color:#fff;height:35px;}
#table_show_partition thead tr th{border-bottom:4px solid #fff;}
#table_show_partition tbody tr{background:#f7f7f7;}
#table_show_partition tbody tr:nth-child(odd){background:#e3e3e3;}
#table_show_partition tbody tr td{padding:10px 5px;}
#table_show_partition tbody tr td:nth-child(5){text-align:center;}
#table_show_partition tbody tr td:nth-child(4){text-align:right;}
#table_show_partition tbody tr td:nth-child(1){text-align:center;}
#table_show_partition tbody tr td:nth-child(2){text-align:center;}
#table_show_partition tbody tr td:nth-child(3){text-align:center;}

.date_rouge{color:red;}
.date_orange{color:orange;}
#div_webmail{border:0px solid #bbb;background:url(../images/webmail_bleu_fd.png) no-repeat;height:30px;text-align:center;line-height:30px;color:#fff; width:153px;display:none;position:absolute;right:115px;bottom:9px;z-index:200;padding:0 10px;}
#div_webmail a{color:#fff;font-weight:bold;text-decoration:none;}

.ui-corner-all { border-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px;}
hr{ clear:both;width:100%;height:1px;border:0;margin-bottom:20px;margin-top:10px; border-top:1px solid #e1e1e1;}
.bloc_ip{background:url(../images/menu_bloc_ip.png) no-repeat !important;background-position:15px center !important;padding-left:25px !important;}

.red{color:red;}
.blue{color:#0fa5df;}
a.blue{color:#0fa5df !important;}

/*.one_pay:not(:first-child){margin:0 0 0 10px;}*/

/* ///////////////////////// New css //////////////////////////////*/
#div_scroll_up{display:none;cursor: pointer;text-align:center;}

#sepa_shadow{display:none;}
#container{margin:0;}
#header{padding:0;height:44px;border:0px solid red;background:#111;display: flex;-webkit-box-shadow: 0 43x 11px rgba(0,0,0,.17);
    box-shadow: 0 3px 11px rgba(0,0,0,.17);width: 100%;position: relative;z-index: 400}
#global_need_help{height:28px;display:flex;align-items: center;gap:5px;padding-left:10px;padding-right:10px;}

#espace_client{width:230px;height:44px;/*line-height:45px;padding:0 0 0 3px;background:#222;*/display: flex;align-items: center;justify-content: space-between;padding:0 13px;}
/*#espace_client > a{float: left;margin:6px 0px 0 12px;}*/



#toggleSidebar{cursor:pointer;margin:00px 0px 0 0px; border:0px solid red; /*padding:2px 15px 0 15px;*/}
/*#toggleSidebar:hover{background:#016D96;}*/

#toggleSidebar span{font-family: FontAwesome;font-size:16px;}
#toggleSidebar span:before{content:'\f0c9';}
#toggleSidebar.hide_menu span:before{content:'\f0c9';}

#barre_header{flex:1;display: flex;justify-content: space-between;padding-right: 25px;background:#Fafafa;height: 44px;}
/*#barre_header > * {border:1px solid red;}*/
#barre_header > *:nth-child(1) {display: flex;gap: 12px;align-items: center;flex:1;margin-left:25px;}
#barre_header > *:nth-child(2) {display: flex;gap: 30px;}

.barre_header_module_search_help_flex1{flex:1;}
#div_input_search_product{display: flex;align-items: center;gap:8px;display:flex;transition: all 2s cubic-bezier(0,.105,.035,1.57);background: #e3e3e3;border:0px solid #eee;padding:0 0px 0 10px; height:28px;border-radius: 3px;}

#div_titre_bt{display: flex;justify-content: space-between;}
#div_titre_bt button{padding:3px 10px;min-width: initial;}
#div_titre_bt h2{padding-left:0px;font-size:14px;font-family: quicksandBold}
#div_home_lat2{display: flex;align-items: center;align-items: center;gap:15px;}
#overmenulang{padding:8px 14px;border-radius: 3px;border:1px solid #ccc;background:#eee;display: flex;align-items: center; gap:5px;text-decoration: none;font-size:12px;}
#overmenulang:hover{background:#eee;border:1px solid #ccc; border-radius: 3px 3px 0 0;}
#div_lang{display:flex;align-items: center;position: relative;}
#input_search_product{border-radius: 3px;padding-left:15px;background: none;border:0px solid #eee;color:#111111cc;width: 400px;}
#input_search_product:focus{color:#111;background: #f2f2f2;}
#input_search_product::placeholder{color:#111111cc;}
#input_search_product:focus::placeholder{color:#111;}
#other_lang {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 5000;
    background: #eee;
    display: flex;
    color: #fafafa;
    font-size: 12px;
    flex-direction: column;
    width: 100%;
    border:1px solid #ccc;
    border-radius:0 0  3px 3px ;
    padding:6px 6px;
    gap:0px;
    display: flex;

    /*align-items: center;*/
}
#other_lang a{text-decoration: none;display: flex;align-items: center;gap:5px;padding:8px 8px;}
#other_lang a:hover{background:#bbb;border-radius: 2px;color:#fff;}



#int_nav_barre{background:url('/membres/images/navbarre_repeat3.png') repeat-x;}

a.lien_nav_bar2{display:block;float:left; line-height:45px; height:45px; padding:0 20px 0 15px; color:#fafafa; text-shadow:none;text-decoration: none;font-weight:bold;background:url("../images/fivider_menu2.png") no-repeat top right; }
a.lien_nav_bar2:hover{background:#3CC0F2; color:#fafafa !important;text-shadow:none !important;}
a.lien_nav_bar2 i{margin-right:7px;margin-top:13px;float:left;}
a.lien_nav_bar2 span{font-size:12px;text-transform: uppercase;}
#div_icones{margin-right:15px;}
#footer{height:25px;line-height:25px;padding:0px 0 0 0;text-align:center;color:#f5f5f5;background:#0192C9 ;overflow:hidden;}
#footer a {color:#f5f5f5;}
.hr_div_cat{border-color: #bdbdbd;width:100%;}
.hidden{display:none;}
#div_home_lat{position:relative;background:#016D96;height:0px;line-height:50px;color:#fafafa;padding:0 10px 0 15px;box-sizing: border-box;font-size:14px;font-weight:bold;}
#div_stars_support{width:34px;height:32px;line-height:32px;color:#444;text-align:center;border:0px solid red;font-size:11px;font-weight:bold;text-shadow: none;margin:0px 0 0 0px;display: inline-block;background:url(../images/star_notes.png) no-repeat top right;}

.label_vert_boot{background:#4CAF50;color:#fafafa; text-shadow: none;padding:4px 6px }
.label_rouge_boot{background:#F44336;color:#fafafa; text-shadow: none;padding:4px 6px;}
.label_orange_boot{background:#EE7B12;color:#fafafa; text-shadow: none;padding:4px 6px }

/*i.fa-trash{color:#B20000;}*/

/*i.fa-bread{color:#0fa5df;margin-right:5px;text-shadow:none;color:#666;}*/
.select_bread{color:#E7A13D;text-decoration: none;font-family: quicksandBold;}
/*.select_bread:hover{text-decoration: underline}*/

.fa-1_2x{font-size: 1.2em;}
.is_responsive{display: none;}
.is_responsive1{display: none;}
.is_responsive2{display: none;}
.is_responsive3{display: none;}
.is_responsive4{display: none;}
.is_responsive5{display: none;}


.not_big_star{display:none !important;}

.orange{color:#EE7B12 !important;}
.vert{color:#72A43C !important;}
.bold{font-weight:bold !important;}
.gris{color:#777 !important;}
.bleu{color:#0fa5df !important;}
.red{color:#FA4343 !important;}
.white{color:#fafafa !important;}
.fleft{float:left;}
.fright{float:right;}
.violet{color:#9673FF !important;}
.vertpetant{color:#7FFF00;}
.jaune{color:#FFFF00;}
.div_msg{margin-bottom:15px;}
#div_flag3{float:right;margin-top:6px;margin-right:15px;}
#div_flag3 a{margin-left:5px;}

#div_flag4{display: none;}
#div_flag4 a{margin-left:5px;}

.label_date{width:85px;}
p{margin-bottom:20px;}

/******** new design generic ***********/
#new_container{display: flex; gap: 25px;margin:15px 25px 30px 25px;border-top: 0px solid #ccc;}
/*#new_container *{font-size: 12px;}*/
#new_container h1,#new_container h2,#new_container h3,#new_container h4,#new_container h5,#new_container h6{font-family: quicksandsemiBold;font-weight: normal;}
#new_container h2{font-size: 14px !important;}
#new_container h3{font-size: 13px;}{display: flex; gap: 25px;margin:20px 0px 30px 0px;border-top: 0px solid #ccc;}

#new_container .hidden_infos{display: none;}
#new_container #left_panel{width: 340px;display: flex;gap:15px;flex-direction: column;}
#new_container #left_panel #group_left_panel{position:sticky;top:70px;display: flex;gap:15px;flex-direction: column;}
#new_container #left_panel.left_panel_sticky{position:sticky;top:70px;}
#new_container #right_panel{width: calc(calc(100% - 25px) - 340px);display: flex;flex-direction: column;gap:15px;}
#new_container #full_panel{width: 100%;display: flex;flex-direction: column;gap:15px;}
/*#new_container .bloc{background: #FFFFFF; padding: 20px;box-shadow: 0 0 1px rgba(0,0,0,.125),0 0px 1px rgba(0,0,0,.2);}*/
#new_container .bloc{background: #FFFFFF; padding: 15px 20px;box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);position: relative;border-radius: 3px;}
#new_container .bloc h2{margin-bottom:10px;font-size:16px;}
#new_container .bloc h3{margin-bottom:10px;}
#new_container .info_product{background: #FFFFFF; padding: 20px;}
#new_container .spec_cards{display: flex;flex-direction: column;gap: 15px;margin-top: 20px;}
#new_container .spec_card{display: flex;flex-direction: column;gap: 5px;}
#new_container .spec_title{font-family: quicksandBold;}
#new_container .spec_content{}
#new_container .spec_content_flex_columns{
    flex-direction: column;
    align-items: initial;
    gap:8px;
}
#new_container .spec_card.spec_card_logo{flex-direction: row;align-items: center;justify-content: space-between}
#new_container .spec_card.spec_card_logo .spec_card_logo_bloc_txt{display:flex;flex-direction: column;gap:5px;}
#new_container .spec_card.spec_card_logo .spec_card_logo_img{height: 32px;}

.new_container_50 #left_panel{width: 50% !important;}
.new_container_50 #right_panel{width: 50% !important;}

.new_container_one_center{justify-content: center;}
.new_container_one_center #center_panel{width:950px;display: flex;gap:20px;flex-direction: column;}

.new_container_reverse #left_panel{width: calc(calc(100% - 30px) - 340px) !important;}
.new_container_reverse #right_panel{width: 340px !important;}


.left_panel_flex{display: flex;flex-direction: column;gap:25px;}

.no_sticky{position: initial !important;}

/*.form_control{display: flex;align-items: center;background: #f3f3f3;}*/
/*.form_control > span{border: 1px solid #ccc;height: 30px;padding:0 12px;display: flex;gap:5px;align-items: center;border-right:0;border-left:0;}*/
/*.form_control > span:first-child{border-right:0;border-left:1px solid #ccc; }*/
/*.form_control > span:last-child{border-left:0;border-right:1px solid #ccc;}*/
/*.form_control > input[type=text]{border-radius: 0;border-color: #ccc !important;}*/
/*.form_control > input[type=text].date_filter{width: 90px !important;text-align: center;}*/

.title-flex{display:flex;justify-content: space-between; align-items: center;margin-bottom: 10px;}
.title-flex h3,.title-flex h2,.title-flex h4{margin-bottom: 0px !important;color:#5b5b5b;}

.link-back{
    height: 30px;
    background: #626262;
    color: #fff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    /*font-size: 13px;*/
    /*font-weight: bold;*/
    gap:5px;
    font-family: QuicksandBold;
}

#div_announce_delegation{background:#999;color:#fff;height:30px;display: flex;align-items: center; background: repeating-linear-gradient( 45deg, #666 0px, #666 30px, #777 30px, #777 60px );border-radius: 3px;padding:0 10px ;gap:5px;}



/*#new_container #right_panel #tabs_cats{width: calc(calc(100% - 40px) - 340px);}*/

.tabs_cats {display: flex;flex-direction: row;gap: 2px;height: 30px;overflow-x: auto;}
.tabs_cats .tab_cat {display: flex;flex-direction: row;gap: 5px;align-items: center;justify-content: start;padding: 5px 10px;border-radius: 3px; /*font-size: 1px;*/color: #555;cursor: pointer;transition: all 0.2s ease-in-out;text-shadow: none;font-family: quicksandBold;
    & span{
        white-space: nowrap;
    }
}

/*E7A13D*/
.tabs_cats .tab_cat.active {background: var(--ts_orange);color: #FFFFFF;}
.tabs_cats .tab_separator {border-left: 1px solid #707070;width: 1px;height: 17px;margin: 7px 5px 0px 5px;}
.tabs_cats .tab_cat:hover {background: var(--ts_orange);color: #FFFFFF;}
/*.tabs_cats .tab_cat:hover {background: #d98b1c;color: #FFFFFF;}*/

/*#tabs_contents {box-shadow: 0 0 1px rgba(0,0,0,.125),0 0px 1px rgba(0,0,0,.2);}*/
.tabs_contents {box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);}
.tabs_contents .tab_content {background: #FFFFFF;padding: 15px 20px;display: none;}
.tabs_contents .tab_content.active {display: block;}
.tabs_contents .tab_content_container { background: #FFFFFF;padding: 15px;}
.tabs_contents .tab_content_title  {
    margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;font-size: 14px;font-family: quicksandBold;min-height: 27px;
    div:first-child{
        display: flex;
        gap: 10px;
    }
}
.tabs_contents .tab_content_title  a,.tabs_contents .tab_content_title  button {}
.tabs_contents .tab_content_inner h3.tab_content_inner_h3_header  {
    /*margin-bottom: 10px;*/
    padding: 4px 8px;
    background: #a0a0a0;
    color: #fff;
    border-radius: 3px;
}


/*#tabs_contents {box-shadow: 0 0 1px rgba(0,0,0,.125),0 0px 1px rgba(0,0,0,.2);}*/
#tabs_contents {box-shadow: 0 0 5px 0 rgba(43,43,43,.1),0 11px 6px -7px rgba(43,43,43,.1);}
#tabs_contents .tab_content {background: #FFFFFF;padding: 15px 20px;display: none;}
#tabs_contents .tab_content.active {display: block;}
#tabs_contents .tab_content_container { background: #FFFFFF;padding: 15px;}
#tabs_contents .tab_content_title  {margin-bottom: 10px;display: flex;justify-content: space-between;align-items: center;font-size: 16px;font-family: quicksandBold;}
#tabs_contents .tab_content_title  a,#tabs_contents .tab_content_title  button {}

.table-light-header {width: 100%;background: #F5F5F5;border-bottom: none;margin-top:10px;}
.table-light-header > thead > tr > th {font-family:quicksandBold;padding: 10px 8px !important;border-bottom: 3px solid #D8D8D8;text-align: left;white-space: nowrap;}
.table-light-header > tbody > tr > td {font-weight: 500;color: #000;padding: 8px 8px;border-bottom: 1px solid #D8D8D8;text-align: left;white-space: nowrap;}
.table-light-header > tbody > tr {background: #ffffff;}
.table-light-header > tbody > tr:nth-child(even) {background: #f2f2f2;}
.table-light-header > tbody > tr:hover {background: #c1c1c1;text-shadow: none;}

#forgot_password{
    color:#c60000;
    font-family: QuicksandSemiBold;
}
.table-light-header > thead > tr > th.sorting{
    cursor: pointer;
}
.table-light-header > thead > tr > th.sorting:after {
    content: "\f0dc";
    font-family: "Font Awesome 6 Pro";
    margin-left: 3px;
    font-size:10px;
    /*cursor: pointer;*/
}

.table-light-header > thead > tr > th.sorting_asc:after {
    /*content: "\f0de";*/
    content: "\f161";
    font-family: "Font Awesome 6 Pro";
    margin-left: 3px;
    font-size:11px;
    /*cursor: pointer;*/
    
}

.table-light-header > thead > tr > th.sorting_desc:after {
    /*content: "\f0dd";*/
    content: "\f160";
    font-family: "Font Awesome 6 Pro";
    margin-left: 3px;
    font-size:11px;
    /*cursor: pointer;*/
    
}


/*.dataTables_wrapper .dataTables_paginate {*/
/*    & > * {*/
/*        padding:0.5em 1em;*/
/*    }*/
/*    display: flex;*/
/*    align-items: center;*/
/*    & .paginate_button{*/
/*        padding:0.5em 1em;*/
/*    }*/
/*    & .paginate_button:hover{*/
/*        color: white !important;*/
/*    }*/
/*}*/

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important; }

.dataTables_wrapper .dataTables_paginate{
    & > span{
        display: flex;
        gap:4px;
    }
}

.paging_simple_numbers{float:none !important;display: flex;justify-content: end;margin-top:5px;gap:4px;}
.paging_simple_numbers{background:none !important;padding:0 !important;width:100% !important;margin:10px 0 0 0 !important;}
.paging_simple_numbers .next{/*background:#4493c8 !important;*/padding:0!important;margin:0 0px 0 0!important;}
.paging_simple_numbers .previous{/*background:#4493c8 !important;*/padding:0!important;margin:0 0px 0 0!important;}
.paging_simple_numbers .next.disabled{/*background:#C4DDEE !important;*/color:#aaa;}
.paging_simple_numbers .previous.disabled{/*background:#C4DDEE !important;*/color:#aaa;}
.paging_simple_numbers .first{background:none !important;padding:0!important;margin:0!important;}
.paging_simple_numbers .last{background:none !important;padding:0!important;margin:0!important;}
.button_disabled{background:none !important;padding:0!important;margin:0!important;}
a.paginate_button{
    width:auto !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 3px !important;
    /*background:#f0f0f0 !important;*/
    padding:0!important;
    margin:0 0px 0 0 !important;

}
a.paginate_button.current{
    box-shadow: none !important;
    border:none !important;
    padding:0 !important;
    margin:0 0px 0 0 !important;
    width:auto !important;
    color:#888 !important;
    background:#aaa !important;
    /*font-weight:bold;*/
    border: 1px solid #ddd !important;
    background: #eee !important;
    font-family: QuicksandBold;
}
.paging_simple_numbers a.paginate_button, .paging_simple_numbers a.paginate_button.current{
    padding:0 10px  !important;
    height:28px !important;
    line-height:28px !important;
    border-radius: 3px;
    text-shadow: none !important;
    display: inline-block;
    cursor:pointer;
    min-width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.paginate_button:not(.current):hover{
    color: white !important;
    border: 1px solid #111;
    background:#252525;
}



.table-light-dark-header {width: 100%;background: #878787;border-bottom: none;}
.table-light-dark-header > thead > tr > th {font-weight: 600;color: #fff;padding: 10px 10px;border-bottom: 3px solid #D8D8D8;text-align: left;text-shadow: none;}
.table-light-dark-header > tbody > tr > td {font-weight: 500;padding: 10px 10px;border-bottom: 1px solid #D8D8D8;text-align: left;}
.table-light-dark-header > tbody > tr {background: #ffffff;}
.table-light-dark-header:not(.table-light-no-odd-even) > tbody > tr:nth-child(even) {background: #f2f2f2;}
.table-light-dark-header.table-light-no-odd-even > tbody > tr > td {border-bottom:none ;}
.table-light-dark-header:not(.table-light-no-hover) > tbody > tr:hover {background: #d7d7d7;text-shadow: none;}


.ui-widget{font-family: Quicksand;}
.ui-datepicker{padding:0;}
.ui-datepicker table{width: calc(100% - 20px);}
.ui-datepicker-calendar{margin: 5px 10px 10px 10px !important}
.ui-datepicker .ui-datepicker-title{display: flex;gap:10px;}
.ui-datepicker .ui-datepicker-title select{display: flex;gap:10px;padding:2px 4px;font-family: Quicksand;border: 1px solid #aaae;}
/*.ui-datepicker .ui-datepicker-prev span{background:none;}*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{margin-top: -6px;}
/*.ui-datepicker .ui-datepicker-prev span::before{content: "\f191";font-family: "Font Awesome 6 Free";position:absolute;top:2px ;left:2px;}*/
.ui-datepicker-header.ui-widget-header{border-top:0px !important;border-left:0px !important;border-right:0px;display: flex;align-items: center;background: #ddd;gap:5px;padding-right: 5px;padding-left:5px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    position: relative;
    border:1px solid transparent;
    top:0;
}
.ui-datepicker .ui-datepicker-title{
    flex:1;
    order:2;
    margin:0;
    & select{
        height:22px;
    }
}
.ui-datepicker .ui-datepicker-prev{
    order:1;
    left:0;

}
.ui-datepicker .ui-datepicker-next{
    order:3;
    right:0;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left:0;
    border:1px solid #888;

}
.ui-datepicker .ui-datepicker-next-hover {
    right:0;
    border:1px solid #888;

}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    position: relative;
    left:initial;
    margin-left:0;
    margin-top: 0;
    top:initial;
}
.ui-helper-clearfix::before, .ui-helper-clearfix::after{content: none;}
/*.ui-datepicker-header.ui-widget-header  .ui-datepicker .ui-datepicker-next {order:3;}*/
/******** fin new design generic ***********/


.overY{
    overflow-y: auto;
}

.overX{
    overflow-x: auto;
}


.content_dashboard{display: flex;gap:30px;}
.content_dashboard > *:first-child{flex:1;}
.content_dashboard > *:last-child{width:430px;}

#recap_all_spec{display: flex;gap:20px;flex-wrap: wrap;}
.one_recap_spec{
    justify-content: space-between;
    /*width:calc(calc(100% - calc(4 * 20px)) / 5);*/
    width: calc(calc(100% - 20px) / 2);
    transition: all .2s ease-in;
    border: 1px solid #B7B7B7;
    border-radius: 0px;
    /*transition: border-color .2s ease-in;*/
    padding: 10px 10px;
    display: flex;
    align-items: start;color:#555;
    gap:20px;
}
#recap_all_spec div.progress-bar{margin-top:5px;}
/*.one_recap_spec{border-color: #838b8f;border-color: #B7B7B7;}*/

.one_recap_spec  i{font-size:28px;}
.one_recap_spec .one_recap_spec_nb{font-size:13px;font-family: quicksandBold;margin-bottom:3px;}
.one_recap_spec .one_recap_spec_title{font-size:12px;}
.one_recap_spec > *:nth-child(1){flex:1;}
.one_recap_spec > *:nth-child(2){width:40px; display: flex;align-items: center;justify-content: end;}
/*.one_recap_spec:hover{color:#333;border-color: #838b8f;box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;border-color: #838b8f;}*/


#div_health_service{display: flex;gap:6px;flex-wrap: wrap;}
#div_health_service > *{width:calc(calc(100% - 42px) / 7);justify-content: center;}
.health_service_ok{}
.health_service_ok{}
.health_service_ko{}



/*menu v2*/

#menu2{background:#263544;background:#212c3a; background: linear-gradient(to right, #2d3744, #212c3a); background:#212c3a; }
#menu_haut_v2{padding:0 0 00px 0;border:0px solid red;overflow:hidden;border-bottom:1px solid #222;width:100%;}
.vertical-nav-menu ul{transition: padding 300ms;position: relative;border-left:3px solid #e7a13d }
/*.vertical-nav-menu ul::before {*/
/*    content: '';*/
/*    height: 100%;*/
/*    opacity: 1;*/
/*    width: 3px;*/
/*    background: #e0f3ff;*/
/*    position: absolute;*/
/*    left: 20px;*/
/*    top: 0;*/
/*    border-radius: 15px;*/
/*}*/

.vertical-nav-menu > li  > a {
    text-align: left;
    padding: 12px 10px 12px 15px;
    margin: 10px 0  0 0;
    border-radius: 0;
    border-left: 3px solid transparent;
    display: block;
    font-size: 13px;
    position: relative;
    transition: all 0s linear;
    /*background:#1d2531;*/
    color:#b7c0cd;
    color:#d6d8db;
    /*font-weight: bold;*/
    text-decoration: none;
    display: flex;
    align-items: center;
    gap:5px;
    font-family: quicksandBold;
}

#link_home {margin-top:0}
#ul_link_home{padding-top:10px;}

.vertical-nav-menu > li  > a > span:nth-child(1) {
    width:23px;
    display: inline-flex;
    justify-content: center;
}

.vertical-nav-menu > li  > a > span:nth-child(2) {
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*position: absolute;*/
    /*top: 13px;*/
}

.vertical-nav-menu > li.hasmenu > a::after {
    /*float: right;*/
    font-style: normal;
    margin-left: 3px;
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 9px;
    font-family: FontAwesome;
    content: "\f0da";
    padding-top: 5px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.vertical-nav-menu > li.li_deploy > a::after {
    content: "\f0d7";
}

/*.vertical-nav-menu > li.li_deploy > a ::after{*/
/*    content: "\f0d7";*/


/*}*/

.vertical-nav-menu > li:hover > a {
    color:#f1f7ff !important;
}

.vertical-nav-menu > li.li_deploy > a{
    background:#1d2531;
    border-left:3px solid #c2770a;
}


.vertical-nav-menu ul.submenu  {
    background: #212c3a;
    background: #263544;
    display: none;
}
.vertical-nav-menu ul.submenu > li > a {
    text-align: left;
    padding: 12px 10px 12px 20px;
    display: block;
    font-size: 13px;
    position: relative;
    transition: all 0s linear;
    text-decoration: none;
    color:#b7c0cd;
    display: flex;
    flex-direction: column;
    gap:3px;
}
.vertical-nav-menu ul.submenu > li > a > span {
    display: flex;
    gap:5px;
    align-items: center;
}

.vertical-nav-menu ul.submenu > li > a  i.i_etiquette {
    color:#E0850A;
    color:#49A4DA;
    font-size: 10px;
}


.vertical-nav-menu ul.submenu > li:hover > a {
    color:#e7a13d !important;
}

.vertical-nav-menu > li.produit_selected > a , .vertical-nav-menu ul.submenu > li.produit_selected > a {
    color:#e7a13d;
    font-family: quicksandBold;
}

.vertical-nav-menu ul.submenu > li > a > span:not(.span_etiquette) {
    font-family: QuicksandBold;
}
.vertical-nav-menu ul.submenu > li > a > span:not(.span_etiquette):before {
    font-style: normal;
    /*position: relative;*/
    /*left: 3px;*/
    /*top: 4px;*/
    opacity: 1;
    visibility: visible;
    font-family: FontAwesome;
    font-size: 10px;
    padding-right: 2px;
    content: "\f061";
}
.vertical-nav-menu ul.submenu > li > a > span.span_etiquette:before {
    font-style: normal;
    /*position: relative;*/
    /*left: 3px;*/
    /*top: 4px;*/
    opacity: 1;
    visibility: visible;
    /*font-family: FontAwesome;*/
    font-size: 10px;
    padding-right: 10px;
    content: "";
    /*padding-top:30px;*/
}

/*.vertical-nav-menu ul.submenu > li > a.link_menu_delegate > span:before {*/
/*    font-style: normal;*/
/*    position: relative;*/
/*    left: 3px;*/
/*    top: 4px;*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    font-family: FontAwesome;*/
/*    font-size: 10px;*/
/*    padding-right: 10px;*/
/*    content: "\f0ad";*/

/*}*/





.vertical-nav-menu li a i.fa{font-size: 1.1em;}


.vertical-nav-menu ul.submenu > li.li_buy2 > a
{font-size:11px;color:#72a43c }

.vertical-nav-menu ul.submenu > li#li_trans > a
{font-size:11px ;color:#E0850A}
.vertical-nav-menu ul.submenu > li#li_trans > a i
{color:#E0850A}





.pcoded-navigation-label {
    font-size: 14px;
    font-weight: 500;
    opacity: 1;
    padding: 15px 22px 15px 22px;
    margin-bottom: 5px;
    position: relative;
    color:#ddd;
    background: #161d28;
    margin-top: 15px;
    font-family: quicksandBold;
    display: flex;
    gap:5px;
    align-items: center;
}


.pcoded-navigation-label span:nth-child(1){width: 23px;display: inline-flex;justify-content: center;}
.pcoded-navigation-label span:first-child{display: none;}

.pcoded-badge {
    position: absolute;
    right: 30px;
    text-align: center;
    top: 12px;
    vertical-align: middle;
    text-transform: lowercase;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    font-size: 12px;
}

.badge {

    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    text-transform: lowercase;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    font-size: 12px;
}


/*.li_buy2 a{display:block;width:100%;}*/
/*.li_buy2 i{color:#72a43c;}*/



/*.vertical-nav-menu ul > li > a {*/
/*    color: #6c757d;*/
/*    height: 2rem;*/
/*    line-height: 2rem;*/
/*    padding: 0 1.5rem;*/
/*}*/

/*.vertical-nav-menu li a:hover {*/
/*    background: #e0f3ff;*/
/*    text-decoration: none;*/
/*}*/



/*fin menu v2*/

:root{
    --gap_one_search:25px;
}

#fake_block_rsearch{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #33333399;z-index: 10;}
#rt_search{position: absolute;z-index: 4000;background: #f3f3f3;padding:10px 25px 25px 25px;left: 230px;width: calc(100% - 230px);box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;display: none;height: calc(100vh - 44px);overflow-x: auto;}
#rt_search h3{font-family: quicksandBold;font-size: 13px;}
/*#inner_search{border-top:1px solid #e1e1e1;padding-top:13px;}*/
#div_all_search{display: flex;gap:25px;flex-wrap: wrap;display: none;}
#rt_search > *  div.title_one_search {font-family: quicksandBold;
    & .fas{
        /*font-size: 14px;*/
    }
}
.one_search {display: flex;align-items: center;gap:5px;text-decoration: none;padding:6px 10px;border:1px solid #fafafa;width: calc( calc( 100% - calc(5 * var(--gap_one_search) ))/ 6)}
.one_search span:nth-child(1){display: flex;align-items: center;}
.one_search:hover {background:#eee;border:1px solid #ccc;border-radius: 3px;}
#div_all_search2{display: flex;gap:25px;flex-wrap: wrap;margin-top:10px;}
/*.one_search_cat {display: flex;align-items: center;gap:5px;text-decoration: none;padding:6px 10px;border:1px solid #fafafa;width: calc( calc( 100% - calc(5 * var(--gap_one_search) ))/ 6)}*/
.div_one_search_by_cat  {display: flex;flex-direction: column;gap:8px;}
.one_search_cat  {display: flex;flex-direction:column;gap:5px;text-decoration: none;width: calc( calc( 100% - calc(4 * var(--gap_one_search) ))/ 4)}
.one_search_cat h3  {padding-left:0px;}
.one_search_by_cat {display: flex;gap:5px;text-decoration: none;padding:6px 10px;border:1px solid #f3f3f3;min-height:50px;border-radius: 2px;background:#ffff;transition: all .2s ease-in;}
.contract_search_or_invoice{
    width:45px;
    & label{
        width: 40px;
        text-align: center;
    }
}
.one_search_by_cat:hover {border:1px solid #d7d7d7;box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;}
.one_search_by_cat > span:nth-child(1) {font-size:18px}
.one_search_by_cat > span:nth-child(2) {padding-top:3px;}
.one_search_by_cat .label3_one_search {font-size:10px;color:#0fa5df;font-style: italic;}


#feedback{background: #6FAF4D;border-radius: 3px;color:#fff;padding:3px 8px;}
#table_send_feedback{width: 100%;}
#table_send_feedback tr td:first-child{width: 100px}
#table_send_feedback textarea{width: 100%;height:100px;}
#modal_feedback {width: 600px;}
#modal_feedback .btn{padding:0px 8px;}
#modal_feedback textarea{width: 100%;height:130px;font-size:11px; padding:5px;margin-bottom: 15px;}


/*.dataTables_wrapper .dataTables_paginate .paginate_button.current{border:1px solid #ddd !important;background:#eee !important;}*/
/*.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: linear-gradient(to bottom, #333 0%, #111 100%) !important;}*/


.modal_btn_container {
    display: flex;
    flex-flow:row;
    justify-content: space-between;
}


.modal_btn_container .btn
{
    width:100px;
    margin-right:0;
}
.modal_btn_container .btn#yes
{
    /**  btn-sm btn-success **/
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.modal_btn_container .btn#no
{
    /** btn-sm btn-danger **/
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;

}

.modal_btn_container .btn#yes:hover
{
    background-color: #449d44;
    border-color: #398439;
}

.modal_btn_container .btn#no:hover
{
    background-color: #c9302c;
    border-color: #ac2925;
}


.sidebar-category-visible{display:block !important;}
.sidebar_invisible_large{display:none !important;}
#table_reinstall_old tr td{padding:6px 0px;}
#btn_order_opt{display:none;margin-top:10px;}

/*#div_option_product{display: none;}*/

#div_rt_server_wating_task{display: none;gap:20px;flex-direction: column;}
#div_rt_server_wating_task h2{display: flex;align-items: center;text-shadow: none;background: none;color:#5b5b5b;}
.component_card_server_waiting_task{display: none;}
#component_card_server_waiting_task .total_server_waiting_task{background:#5cb85c;;color:#fff !important;font-weight: bold;border-radius: 5px;height: 16px;padding: 0 6px;display: flex;align-items: center;justify-content: center;margin-left:5px;}

#table_server_waiting_task{width: 100%;}
#table_server_waiting_task thead tr th{text-align: left;}
#table_server_waiting_task tbody tr td.td_waiting_task_date,#table_server_waiting_task thead tr th.td_waiting_task_date{width: 130px;text-align: left;}
#table_server_waiting_task tbody tr td.td_waiting_task_site,#table_server_waiting_task thead tr th.td_waiting_task_site{}
#table_server_waiting_task tbody tr td.td_waiting_task_name,#table_server_waiting_task thead tr th.td_waiting_task_name{}
#table_server_waiting_task tbody tr td.td_waiting_task_value,#table_server_waiting_task thead tr th.td_waiting_task_value{}
#table_server_waiting_task tbody tr td.td_waiting_task_status,#table_server_waiting_task thead tr th.td_waiting_task_status{width: 200px;text-align: left;}
#table_server_waiting_task tbody tr td.td_waiting_task_spin,#table_server_waiting_task thead tr th.td_waiting_task_spin{width: 40px;text-align: center;}

#fake_background_modal_msg{display: none; overflow:hidden;}
.fake_background_modal_body{overflow:hidden;}

#fake_background_modal_msg{
    top:0;
    left:0;
    z-index:900;
    width: 100vw;
    height: 100vh;
    opacity: 0.4;
    background: #000;
    position: fixed;
}

#popup_btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    &.popup_btn_solo{
        justify-content: center;
    }
}

#popup_main{
    display: flex;
    flex-direction: column;
    gap:20px;
    min-width: 320px;
}

.popup_big{
    width: 1500px ;
}

.popup_large{
    width: 1200px ;
}
.popup_medium{
    width: 800px ;
}

.popup_small{
    width: 500px ;
}

#popup_waiting{

    width: 320px;
    height: 150px;
    display: none;
    justify-content: center;
    align-items: center;
    .loader {
        i{
            font-size: 50px;
            color: #EF7914;
        }
        display: flex;
        flex-direction: column;
        gap:20px;
        /*align-items: center;*/
        text-align: center;
        /*font-size: 14px;*/
        /*font-family: QuicksandBold;*/
        div:nth-child(2){
            font-size: 14px;
            /*font-family: QuicksandBold;*/
        }

    }
}

#popup_inner{
    & h2{
        font-family: QuicksandBold;
        font-size: 13px;
        margin-bottom:20px;
    }
}
.i_required_fied{color:red;font-size:10px;font-family: QuicksandSemiBold}


.i_required_field{color:red;font-size:10px;font-family: QuicksandSemiBold}



.lobibox-notify{
    border-radius: 3px;
    font-family: Quicksand !important;
    margin:0 !important;
    box-shadow:1px 1px 5px #888;
}
.lobibox-notify.lobibox-notify-success{
    /*background-color:#80b366;*/
    background-color:#639948;
    border-color: transparent;
}


.lobibox-notify.lobibox-notify-success:hover{
    background-color: #5d933f;
    background-color: #6ea450;
    border-color: transparent;
}

.lobibox-notify.lobibox-notify-error{
    background-color:#c23c28;
    border-color: transparent;
}

.lobibox-notify.lobibox-notify-error:hover{
    background-color: #a93422;
    border-color: transparent;
}

.lobibox-notify-wrapper{
    display: flex;
    gap:10px; flex-direction: column;
}
.lobibox-notify-wrapper.right{
    right:20px !important;
    bottom:20px !important;
}

.lobibox-notify.notify-mini .lobibox-notify-icon > div .icon-el{
    font-size:22px !important;
}
.lobibox-notify .lobibox-close{
    top:13px !important;
}

.notify-mini{
    min-width: 400px !important;
    width: auto !important;
}
.lobibox-notify-wrapper.top{top:45px;bottom:initial !important}


.group_form_control{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}

.big_form_control{
    margin-bottom: 15px;
}
.form_control{display: flex;align-items: center;}
.form_control > span{border: 1px solid #ddd;height: 30px;padding:0 12px;display: flex;gap:5px;align-items: center;border-right:0;border-left:0;;background:#e2e2e2;}
.form_control > span:first-child{border-right:0;border-left:1px solid #ddd; }
.form_control > span:last-child{border-left:0;border-right:1px solid #ddd;}
.form_control > input[type=text]{border-radius: 0;border-color: #ddd !important;}
.form_control > input[type=text].date_filter{width: 120px !important;text-align: center;}

.form_control_all{display: flex;flex-wrap: wrap;gap:10px;margin-bottom: 15px;}

.dataTables_length {
    float: left;
    margin-bottom: 5px; }
.dataTables_length select {
    margin-right: 5px; }

.dataTables_filter {
    float: right;
    margin-bottom: 10px; }
.dataTables_filter input[type="search"] {
    margin-left: 5px; }


.pg-bar
{
    background: #bdbdbd;
    height: 8px;
}

.pg-bar-lg{
    height:15px;
}

.pg-bar-shared{display: flex;}
.pg-bar.active
{
    background: #EAE9E9;
    width: attr(data-progress px);
    height: 8px;
}

.pg-bar .pg-bar-progress
{
    height: 8px;
    transition: background-color 1s ease-in-out,width 0.5s ease-in-out;
    line-height: initial;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pg-bar-lg .pg-bar-progress
{
    height: 15px;
    font-size: 10px;

}

.pg-bar-progress.pg_status_success
{
    background-color: #6FAF4D;
}
.pg-bar-progress.pg_status_warning
{
    background-color: #F0A53F;
}
.pg-bar-progress.pg_status_danger
{
    background-color: #E8563C;
}

.pg-bar_under_info{ text-align: right; font-size:12px;)}

/*.table_docs tbody > tr >  td:nth-child(1){*/
/*    width: 15px;*/
/*}*/
.table_docs{
    & tbody > tr >  td:nth-child(1){
        width: 10px;
    }

    & td:nth-child(3){
        width: 130px;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .dataTables_filter {
        float: none; }
}


.no_padding{padding:0 !important;}

/*table.dataTable td,*/
/*table.dataTable th {*/
/*    -webkit-box-sizing: content-box;*/
/*    -moz-box-sizing: content-box;*/
/*    box-sizing: content-box; }*/

/*table.dataTable {*/
/*    clear: both;*/
/*    margin-top: 6px !important;*/
/*    margin-bottom: 6px !important;*/
/*    max-width: none !important; }*/

/*table.dataTable thead .sorting,*/
/*table.dataTable thead .sorting_asc,*/
/*table.dataTable thead .sorting_desc,*/
/*table.dataTable thead .sorting_asc_disabled,*/
/*table.dataTable thead .sorting_desc_disabled {*/
/*    cursor: pointer; }*/

/*table.dataTable thead .sorting {*/
/*    background: url("../images/sort_both.png") no-repeat center right; }*/

/*table.dataTable thead .sorting_asc {*/
/*    background: url("../images/sort_asc.png") no-repeat center right; }*/

/*table.dataTable thead .sorting_desc {*/
/*    background: url("../images/sort_desc.png") no-repeat center right; }*/

/*table.dataTable thead .sorting_asc_disabled {*/
/*    background: url("../images/sort_asc_disabled.png") no-repeat center right; }*/

/*table.dataTable thead .sorting_desc_disabled {*/
/*    background: url("../images/sort_desc_disabled.png") no-repeat center right; }*/

/*table.dataTable thead > tr > th {*/
/*    padding-left: 18px;*/
/*    padding-right: 18px; }*/

/*table.dataTable th:active {*/
/*    outline: none; }*/

.dataTables_wrapper
{
    position: relative;
    clear: both;
    *zoom: 1;
}
.dataTables_wrapper .dataTables_processing
{
    height: 100%;
    width: 100%;
    position: absolute;
    background: #9b9b9b88;
    display: flex;
    align-items: center;
    justify-content: center;
    .processing_container
    {
        position: absolute;
        /*padding-top: 20px;*/
        /*text-align: center;*/
        /*font-size: 1.2em;*/
        /*background: none;*/
    }
}

.breadcrumb{ padding: 5px 15px;  list-style-type: none; list-style-image: none; list-style-position: outside; background-color: inherit;padding-left: 0px; font-size: 12px;color:#828282; display: flex;align-items: center;gap: 5px;}
.breadcrumb a{ color:#828282}

.breadcrumb > li{ display: inline-block;}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\f105";font-family: FontAwesome;}
.breadcrumb-separator{display: flex;
    justify-content: center;}

.breadcrumb_ccs{
    margin-top: 5px;
    margin-bottom: 15px;
    & > li{ display: inline-block;}
    & > li+li:before{padding:0 5px;color:#777;content:"\f0da";font-family: FontAwesome;}
}

.breadcrumb-item{display: ruby;align-items: center;gap:5px;}
.breadcrumb-item span{display: ruby;}
.breadcrumb-flex{display: flex;align-items: center;gap:5px;}


/* The switch - the box around the slider */
.switch_on_off {
    font-size: 17px;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 19px;
    margin-bottom: 0;
    .slider:before {
        position: absolute;
        content: "";
        border-radius: 20px;
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
    }

    /* The slider */
    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ded8d8;
        transition: .4s;
        border-radius: 30px;
    }

    .slider_rect{
        border-radius: 3px;
    }

    .slider_rect:before {
        border-radius: 2px;
        height: 11px;
        width: 13px;
        left: 4px;
        bottom: 4px;
    }

    input:checked + .slider {
        background-color: #5cb85c;
    }

    input:checked + .slider:before {
        transform: translateX(18px);
    }
}

/* Hide default HTML checkbox */
.switch_on_off input {
    opacity: 0;
    width: 0;
    height: 0;
}



.switch_on_off_red{
    background-color: #d9534f;

}


.graph_container_item .no_graph .no_graph_title{font-size: 12px;font-family: quicksandBold;}
.graph_container_item .no_graph .no_graph_text{font-size: 12px;text-align: center;}
.graph_container_item .no_graph{display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: bold;color: gray;flex-direction: column;height:120px;padding:0 30px;}


.highcharts-container text {font-size: 12px !important;}

@media only screen and (max-width: 1740px)
{
    /* width 1500*/
    :root {
        --width_elt: 1500px;
    }



    #footer_divflex_logo{width:425px;}
    #footer_divflex_services{width:275px;}
    #footer_divflex_other{width:275px;}
    #footer_divflex_contact{width:295px;}

}


@media (max-width: 1600px)
{
    #dyna{margin:10px 20px 20px 20px;}
    #dyna_g{width:100%;overflow:hidden;border:0px solid red;margin-right:0;}
    #dyna_d{width:100% ;overflow:hidden;border:0px solid red;margin:25px 0;}
    #div_scroll_up{display: block;margin:20px 0 0 0;overflow:hidden;}
    #div_stars_support{margin-left:6px;}
    .one_search {width: calc( calc( 100% - calc(5 * var(--gap_one_search) ))/ 6)}
    .one_search_cat  {width: calc( calc( 100% - calc(3 * var(--gap_one_search) ))/ 4)}

    .content_dashboard{flex-direction: column;gap:30px;}
    .content_dashboard > *:first-child{width:100%;}
    .content_dashboard > *:last-child{width:100%;}

    #recap_all_spec{flex-direction: column;gap:10px;}
    .one_recap_spec{width: 100%;}


}

@media (max-width: 1540px) {
    /* width 1200*/
    :root {
        --width_elt: 1250px;
    }



    #footer_logo{width:188px;margin-top:22px;}
    #footer_divflex_logo{width:240px;}
    #footer_divflex_services{width:265px;}
    #footer_divflex_other{width:235px;}
    #footer_divflex_contact{width:230px;}


}

@media (max-width: 1320px) {
    /*.instance_stats_container > *{width:calc(calc(100% - calc(var(--gap_graph) * 2)) / 3);}*/
    /*.instance_stats_container > div.expandonechart {width:calc(calc(100% - calc(var(--gap_graph) * 1)) / 1);height: 250px;}*/
    /*.instance_stats_container > div.expandonechart > .div_graph_pur {height: 225px;}*/

    #new_container:not(.new_container_one_center)
    {
        flex-direction: column;
    }

    #new_container #right_panel
    {
        width: 100% !important;
    }

    #new_container #left_panel .panel_resume_info, #new_container #left_panel .panel_instance_quick_action,#new_container  #left_panel .panel_resume_service
    {
        width: 100%;
    }
    #new_container  #left_panel
    {
        width: 100%;
        /*flex-direction: row;*/
    }

    #new_container.new_container_50 #left_panel{width: 100% !important;}

    .new_container_reverse #left_panel{width: 100% !important;}
    .new_container_reverse #right_panel{width: 100% !important;}

    #input_search_product{width: 300px;}

    .one_search {width: calc( calc( 100% - calc(2 * var(--gap_one_search) ))/ 3)}
    .one_search_cat  {width: calc( calc( 100% - calc(2 * var(--gap_one_search) ))/ 3)}


}

@media (max-width: 1240px) {
    /* width 980*/
    :root {
        --width_elt: 980px;
    }


    #footer_link{flex-wrap:wrap;justify-content:flex-end}
    #footer_logo{width:188px;margin-top:22px;}

    #footer_divflex_logo{width:270px;}
    #footer_divflex_services{width:280px;}
    #footer_divflex_other{width:240px;}
    #footer_divflex_contact{width:190px;}
    #footer_divflex_cartouche{width:430px; display: flex;padding-top:0px ;}
    #div_cartouche{padding-top: 5px;width:240px;}
    #div_footer_logo{margin-top: 0;width:190px;}
    #footer_linkedin{width:42px;}
    #footer_twitter{width:42px;}
    #footer_facebook{width:42px;}



}

@media (max-width: 1130px)
{

    .is_menu_txt{display: initial;}
    .not_menu_txt{display:none;}
    a.lien_nav_bar2 i{margin:0 ;padding:0;margin-left:3px;margin-top:15px}
    #barre_header > *:nth-child(1) {}

    #input_search_product{width: 160px;}

}

@media (max-width: 1100px) {
    #new_container #left_panel
    {
        flex-direction: column;
    }



    /*.tab_content_title{flex-direction: column;}*/
}

@media (max-width: 1020px) {
    /* width 740*/
    :root {
        --width_elt: 740px;
    }

    .form_control_all{
        flex-direction: column;
        margin-top:10px;
    }

    /*#footer_link{width:var(--width_elt);}*/
    #footer_link div.footer_div_one_section h2{font-size: 14px;}
    #footer_logo{width:150px;margin-top:26px;}
    #footer_divflex_logo{width:160px;}
    #footer_divflex_services{width:230px;}
    #footer_divflex_other{width:200px;}
    #footer_divflex_contact{width:150px;}
    #footer_divflex_cartouche{width:355px; }
    #div_cartouche{padding-top: 5px;width:200px;}
    #footer_cartouche_img{width:180px;}
    #div_footer_logo{margin-top: 0;width:150px;}



    #inner_cookies{font-size: 14px;align-items: center;}
    #inner_cookies h2{font-size: 18px;margin-bottom: 3px;}
    #inner_cookies button{font-size: 18px;}

    /*#common_contact_inner > div p{padding:0 25px;}*/


}

@media (max-width: 950px)
{
    .one_search_cat  {width: calc( calc( 100% - calc(1 * var(--gap_one_search) ))/ 2)}
    #input_search_product{width: 140px;}
    #need_help_txt_header{display: none;}
    #new_container.new_container_one_center #center_panel{width: 100% !important;}
    #img_cartouche_call{display: none;}


}
@media (max-width: 870px){

}
@media (min-width: 781px)
{
    #menu2{width:230px;display: table-cell;vertical-align: top;}
    #content{display:table-cell;vertical-align:top;}
    #menu_haut{width:250px;}
}
@media (max-width: 780px)
{
    #header{height:auto;flex-direction: column; position: relative; }
    #barre_header{height:44px;flex:initial}
    #barre_header > *:nth-child(1) {}
    #master{margin-top: 0;}

    #espace_client{width: 100%;padding-right: 25px;padding-left: 25px;}
    #m_lat2{display:block;width:100%;border:0px solid red;border-top:1px solid #0188BD; height:47px;overflow:hidden;}
    #m_lat2 li {width:20%; }

    #m_lat2 li a{width:100%;line-height:47px}
    a.lien_nav_bar2 i { float:none;margin-top:10px !important;}
    a.lien_nav_bar2 { text-align: center;}

    /*.yellow_pencil{color:#FEF816 !important;}*/
    #div_stars_support{margin:0 !important;}
    .no_little{display:none;}
    #div_flag3{display: none;}
    #div_flag4{display: block;float:right;margin-top:8px;margin-right:0px;}

    #rt_search{left:0;width: 100% ;}
    /*.one_search {width: calc( calc( 100% - calc(2 * var(--gap_one_search) ))/ 3)}*/
    /*#need_help_txt_header{display: inline-block;}*/


    /* width 620*/
    :root {
        --width_elt: 620px;
    }


    #footer_logo{width:275px;margin-top:15px;}

    #footer_link{height:569px;flex-direction: column;justify-content:flex-start}
    #footer_link div.footer_div_one_section h2{font-size: 18px;}

    #footer_divflex_logo{width:50%;height:110px;}
    #footer_divflex_fake{width:50%;height:110px;}
    #footer_divflex_services{width:50%;}
    #footer_divflex_other{width:50%;}
    #footer_divflex_contact{width:50%;}
    #footer_divflex_cartouche{width:50%;display: initial;padding-top:44px ;}
    #div_footer_logo{width:230px;margin-top: 15px;}
    #footer_cartouche_img{width:230px;}

    #rt_search{
        height: calc(100vh - 44px);
    }

    .dropdown-content
    {
        right: 0px;
        width: 100%;
        margin-top: 25px;
    }
    /*menu{}*/

    .player-timeline{
        min-width: 246px;
    }

}

@media (max-width: 640px) {
    /* width 440*/
    :root {
        --width_elt: 440px;
    }



    #footer_link{height:554px;}
    #footer_link div.footer_div_one_section h2{font-size: 16px;}

    #footer_logo{width:220px;margin-top:15px;}

    #footer_divflex_logo{height:90px;}
    #footer_divflex_fake{height:90px;}

    #footer_cartouche_img{width:200px;}
    #div_footer_logo{width:200px;}


    #footer_linkedin{width:42px;}
    #footer_twitter{width:42px;}
    #footer_facebook{width:42px;}



    #inner_cookies{height: auto;display: flex;flex-direction:column;justify-content: space-between;font-family:op;font-size: 16px;align-items: center;}
    #inner_cookies > div:nth-of-type(1){text-align: center;padding:0 60px;margin-bottom:30px;}
    #inner_cookies > div:nth-of-type(2){margin-bottom:30px;}
    #inner_cookies h2{padding-top:20px;}




}

@media (max-width: 630px) {
    #need_help_txt_header{display: none;}
    #tabs_contents .tab_content_title  {flex-direction: column;align-items: start;}
    #tabs_contents .tab_content_title span {display: flex;flex-direction: column;width: 100%;gap:10px;margin-top:10px;}
    #tabs_contents .tab_content_title span button {width: 100%;}


}

@media (max-width: 600px)
{
    #jquery-msg-content{width: calc(100% - 50px);}
    #jquery-msg-content table{width: 100% !important;}
}

@media (max-width: 580px) {


    #new_container #left_panel{width: 100%;}

    #new_container #left_panel
    {
        flex-direction: column;
    }

    #new_container .tabs_cats
    {
        flex-direction: column;
        height: auto;
        gap:7px;
    }


    #new_container .tabs_cats .tab_cat
    {
        width: 100%;
        background: #fff;
        padding:10px 10px;
    }

    #new_container .tabs_cats .tab_cat.active
    {
        background: #E7A13D;
    }

    #new_container .tabs_cats .tab_separator
    {
        display: none;
    }



    /*#btn_logout{*/
    /*    padding-left: 10px;*/
    /*    padding-right: 10px;*/
    /*    height: 28px;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    .bt_action{width:100%;}
    .not_little{display:none;}
    #barre_header{display: flex;flex-direction: column;height:88px;}
    #barre_header > *:nth-child(1) {margin-right:0px;display: flex;justify-content: space-between;}
    #barre_header > *:nth-child(1) #div_input_search_product {flex:1;}
    #barre_header > *:nth-child(2) {gap: 10px;display: flex;justify-content: end}

    #barre_header_account_logoff{
        height: 44px;
    }
    #barre_header_module_search_help{
        height: 44px;
    }
    #input_search_product{padding-left:10px;width: 100%;}
    .one_search {width: calc( calc( 100% - calc(1 * var(--gap_one_search) ))/ 2)}

    #footer{display: flex;flex-direction: column;gap:10px;height:auto;}
    .sepa_footer{display: none;}
    #i_fa_loupe{display: none;}
    #div_input_search_product{padding:0;}
    .tabs_cats .tab_cat:not(.active):hover{color:#E7A13D}
    /*#div_home_lat2{justify-content: end;}*/

    #rt_search{
        height: calc(100vh - 132px);
    }


    .tabs_contents .tab_content_title{
        flex-direction: column;
        align-items: initial;
        > div:first-child{
            display: flex;
            flex-direction: column;
            gap:5px;
            margin-top:5px;
            button.btn{
                width: 100% !important;
            }
        }
    }

}

/*#div_other_pay{  container-type: inline-size;}*/




@media (max-width: 500px)
{
    .one_search_cat {width: calc( calc( 100% - calc(0 * var(--gap_one_search) ))/ 1)}
    .txt_language{display: none;}
    #div_health_service > *{width:calc(calc(100% - 24px) / 4);justify-content: center;}
    /*#jquery-msg-content{width: calc(100% - 50px);}*/
    /*#jquery-msg-content table{width: 100% !important;}*/

}









/*@media (max-width: 850px) {*/
/*    !*#menu_alt{display: none;}*!*/
/*    #menu_alt > li a{padding:0 15px;}*/

/*}*/



@media (max-width: 480px) {
    /* width 310*/
    :root {
        --width_elt: 310px;
    }



    #footer_link{height:auto;}
    #footer_link > div:not(:last-child){width: 100%;}
    /*#div_cartouche{width: 100%;}*/
    /*#footer_cartouche_img{width:100%;}*/
    #footer_divflex_fake{display:none;}
    #footer_divflex_cartouche{width: 200px;margin-left:auto;margin-right:auto;}
    #footer_link div.footer_div_one_section h2{padding-bottom: 0px;}

    /*.player-timeline{*/
    /*    min-width: 110px;*/
    /*}*/



}