/*@font-face {
    font-family:            "Quicksand";
    src:                    url(Quicksand-VariableFont_wght.ttf) format("opentype");
    font-weight:            500;
}*/
@import url(//fonts.googleapis.com/css?family=Quicksand);
:root {
    --light-green:          #7ED957;
    --dark-green:           #51AA2A;
    --light-orange:         #FFBD59;
    --dark-orange:          #ED9203;
    /*--light-blue:           #C7DCEF;*/
    --light-purple:         #FEC1FF;
    --medium-purple:        #FF80FF;
    --dark-purple:          #C770C8;
    --light-blue:           #E5EEF7;
    --medium-blue:          #A0BEE4;
    --dark-blue:            #3A72C9;
    --dark-grey:            #303030;
    --light-red:            #FF7D7D;
    --medium-red:           #FF6565;
    --dark-red:             #d64141;
    --red:                  red;
    --light-yellow:         #FDFEAE;
    --dark-yellow:          #E1E33D;
    --yellow:               #FFFF00;
    --compare-yellow:       #f7f957;
    --black:                #292929;
}

body {
    opacity:                0;
    transition:             opacity 1000ms;
}
body.pdf {
    opacity:                1;
}
*,
.font {
    font-family:            'Quicksand' !important;
    letter-spacing:         initial;
    font-weight:            500 !important;
    font-size:              0.96rem !important;
}
.h8 > span,
.wobject.tab-control.top > .wrap-header > .simple-button > .simple-button-text,
h2 {
    font-size:              14px !important;
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, ul, var {
    font-family:            'Quicksand';
    /*letter-spacing:         0.3px;*/
    font-size:              11px;
    font-weight:            500;
}
.button.submit {
    height:                 20px;
    line-height:            20px;
}

.input {
    border-color:           var(--medium-blue);
    width:                  calc(100% - 6px);
}
input[type="text"] {
    width:                  calc(100% - 10px);
    height:                 calc(100% - 8px);
    border-radius:          6px;
    border-color:           var(--medium-blue);
    border-width:           3px;
    /*background-color:       var(--light-blue) !important;*/
}
.area-input.focus,
/*.input.focus, */
input[type=text].focus, input[type=password].focus, .select.focus, textarea.focus, .textarea.focus,
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	outline-style:          none !important;
    box-shadow:             none !important;
    width:                  calc(100% - 10px);
    height:                 calc(100% - 8px);
    border-radius:          6px;
    border-color:           var(--medium-blue);
    border-width:           3px;
    /*background-color:       white !important;*/
    padding-left:           2px;
    padding-right:          2px;
}
.wrap-input.field-input > input[type="text"] {
    height:                 100%;
    width:                  calc(100% - 2px);
}
.textarea {
    min-height:             200px;
    width:                  800px;
    border-radius:          6px;
    border-color:           var(--medium-blue);
    border-width:           3px;
    padding:                5px;
}
textarea {
    width:                  calc(100% - 12px);
    height:                 calc(100% - 12px);
    min-height:             50px;
    border-radius:          6px;
    border-color:           var(--medium-blue);
    border-width:           3px;
    /*resize:                 none;*/
}
textarea:focus {
    outline-style:          none !important;
    box-shadow:             none !important;
    border-radius:          6px;
    border-color:           var(--medium-blue);
    border-width:           3px;
    /*background-color:       white !important;*/
    padding-left:           2px;
    padding-right:          2px;
}


.content > .pages {
    max-width:              calc(100% - 300px);
}
.content > .navigation.reduced + .pages {
    max-width:              calc(100% - 100px);
}

.content > .pages > .page-content.list-children-post {
    display:                flex;
    flex-wrap:              wrap;
    flex:                   initial;
}

.content > .pages div.listing > .widget-listing > h2 > p,
.content > .pages > .page-content > .widgets > h2,
.content > .pages div.listing > .widget-listing > h2,
.content > .pages div.listing > .widget-search > h2,
.content > .pages div.standard > .widget-drawform > h2,
.content > .pages div.standard > .widget-standard > h2,
.panel > h2, .widget-popup > h2, .widget-search-title > h2,
.widget-wrapper > h2 {
    font-family:            'Quicksand';
    /*letter-spacing:         0.3px;*/
    font-weight:            500;
}

.pc .button:hover > .font, .pc .box-simple-button:hover a, .pc .gradient.over.font:hover, .pc .gradient.over:hover > .font, .pc .button:hover a, .pc .button:hover input, .pc .button:hover button, .pc .w-line > .wrap-header.gradient:hover > .font, .pc .w-line.selected > .wrap-header.gradient:hover > .font, .pc .drop-menu.chrome > .simple-menu:hover > .wrap-content > .wrap-body > .button > .font, .pc .rubbon > .block-menu > .simple-button:hover > .font, .pc .rubbon > .block-menu > .simple-menu:hover > .wrap-content > .wrap-body > .button > .font, .pc .rubbon > .simple-menu:hover > .wrap-content > .wrap-body > .button > .font, .pc .window.theme-default > .wrap-super-body > .drop-menu.top > .simple-menu:hover > .wrap-content > .wrap-body > .button > .font, .pc .window.setting > .wrap-super-body > .wrap-body > .tab-control > .wrap-super-body > .wrap-body div.panel > table.table-data tbody tr .champ > .input > .button:hover > .font, .pc .window.setting > .wrap-super-body > .wrap-body > .tab-control > .wrap-super-body > .wrap-body div.panel > table.table-data tbody tr .champ > .input > .input > .button:hover > .font, .pc .simple-menu:hover > .wrap-content > .wrap-body > .button > .font, .mobile .box-simple-button:active a, .mobile .gradient.over.font:active, .mobile .gradient.over:active > .font, .mobile .button a:active, .mobile .button input:active, .mobile .button button:active, .mobile .button:active > .font, .mobile .w-line > .wrap-header.gradient:active > .font, .mobile .w-line.selected > .wrap-header.gradient:active > .font, .mobile .drop-menu.chrome > .simple-menu:active > .wrap-content > .wrap-body > .button > .font, .mobile .rubbon > .block-menu > .simple-button:active > .font, .mobile .rubbon > .block-menu > .simple-menu:active > .wrap-content > .wrap-body > .button > .font, .mobile .rubbon > .simple-menu:active > .wrap-content > .wrap-body > .button > .font, .mobile .window.theme-default > .wrap-super-body > .drop-menu.top > .simple-menu:active > .wrap-content > .wrap-body > .button > .font, .mobile .window.setting > .wrap-super-body > .wrap-body > .tab-control > .wrap-super-body > .wrap-body div.panel > table.table-data tbody tr .champ > .input > .button:active > .font, .mobile .window.setting > .wrap-super-body > .wrap-body > .tab-control > .wrap-super-body > .wrap-body div.panel > table.table-data tbody tr .champ > .input > .input > .button:active > .font, .mobile .simple-menu:active > .wrap-content > .wrap-body > .button > .font, .toggle-button.toggle-yes {
    text-shadow:            none;
}
.banniere-beta-180{
    display:                flex;
    align-items:            center;
}
.banniere-beta-180 > div {
    background-image:       url(css/icons_new/32/alert.png);
    background-repeat:      no-repeat;
    background-position:    20px 15px;
    width:                  100%;
    height:                 100%;
    text-align:             center;
    line-height:            60px;
    padding-left:           15px;
}
.banniere-beta-180 > div > span {
    font-family:            'Quicksand';
    color:                  white;
    font-size:              28px !important;
    display:                inline-block;
}

.banniere-beta-180.reduced > div {
    background-position:    center 15px;
    padding-left:           0px;
}
.banniere-beta-180.reduced > div > span {
    display:                none;
}

.vop-menu-header {
    padding:                4px 0px !important;
}

.vop-menu.reduced > .vop-menu-header > h1 {
    background-image:       none;
    padding-left:           10px !important;
}
.vop-menu-link > .main-menu-title.reduced {
    flex:                   0;
}
.vop-menu-link > .main-menu-title {
    flex:                   1;
}
.vop-menu-link > .vop-menu-expand-icon {
    position:               unset;
}
.utilisateur-resume {
    display:                block;
    height:                 80px;
}

.utilisateur-resume.hidden {
    display:                none !important;
}

.utilisateur-resume-cercle{
    margin:                 auto;
    margin-top:             15px;
    width:                  70px;
    height:                 70px;
    border:                 1px solid #A881FF;
    border-radius:          50px;
    display:                flex;
    align-items:            center;
    flex-direction:         column;
    justify-content:        center;
    color:                  white;
    background:             #A881FF;
    cursor:                 pointer;
}
.utilisateur-resume-cercle > span {
    font-size:              30px !important;
    height:                 36px;
}



.identification-ligne {
    width:                  210px;
    text-overflow:          ellipsis;
    overflow-x:             hidden;
    white-space:            nowrap;
    position:               relative;
}


.connexion.reduced > .utilisateur-resume > .utilisateur-resume-popup {
    left:                   95px;
}

.vop-menu,
.content > .navigation > .wrap-mask > .widget-sidebar.summary {
    border-radius:          6px;
    overflow:               hidden;
    box-shadow:             none;
}
.content > .navigation > .wrap-mask > .widget-sidebar.summary.hidden {
	display:                none;
}
.content > .navigation > .wrap-mask > .vop-menu > .vop-menu-header,
.content > .navigation > .wrap-mask > .widget-sidebar.summary > .widget-header {
    padding:                4px 0px;
    display:                flex;
    align-items:            center;
}
.content > .navigation > .wrap-mask > .vop-menu > .vop-menu-header > h1,
.content > .navigation > .wrap-mask > .widget-sidebar.summary > .widget-header > h1 {
	font-family:            'Quicksand';
    margin:                 0px;
    font-size:              12px;
    font-weight:            500;
}

.form-deconnexion > input {
    top:                    6px !important;
}

.content > .navigation > .wrap-mask > .widget-sidebar.summary > .widget-body > ul {
	font-family:            'Quicksand';
    letter-spacing:         1px;
    font-weight:            500;
}




/* Menu Flex */
.vop-menu-body-container > .posts-list {
    padding-top:            5px !important;
    padding-bottom:         5px !important;
}
.vop-menu-body-container > .posts-list > .post-entry > a {
    display:                flex !important;
    align-items:            center !important;
    padding:                0px !important;
    padding-left:           7px !important;
}
.vop-menu > .vop-menu-body > .vop-menu-body-container > ul > li > a,
.vop-menu > .vop-menu-body > .vop-menu-body-container > ul > li > ul > li > a,
.vop-menu > .vop-menu-body > .vop-menu-body-container > ul > li > ul > li > ul > li > a,
.vop-menu > .vop-menu-body > .vop-menu-body-container > ul > li > ul > li > ul > li > ul > li > a {
    height:                 unset !important;
}
.vop-menu-body-container > .posts-list > .post-entry > ul > li > ul > li > ul > li > a > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li > ul > li > a > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li > a > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > a > span[class*="icon-"] {
    filter:                 brightness(100);
    display:                inline-block;
    width:                  20px;
    height:                 20px;
    background-size:        16px;
    background-position:    center;
    margin-right:           5px;
}
.vop-menu-body-container > .posts-list > .post-entry > ul > li > ul > li > ul > li > a:hover > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li > ul > li > a:hover > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li > a:hover > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > a:hover > span[class*="icon-"] {
    filter:                 none;
}

.vop-menu-body-container.reduced > .posts-list > .post-entry > a {
    padding:                0px !important;
    padding-left:           19px !important;
    display:                flex !important;
    align-items:            center !important;
}
.vop-menu-body-container.reduced > .posts-list > .post-entry > a > span[class*="icon-"] {
    width:                  32px;
    height:                 100%;
    background-size:        32px;
}
.vop-menu-body-container.reduced > .posts-list > .post-entry > a > span.main-menu-title.reduced {
    font-size:              1rem !important;
    /*transition:             all ease 0.5s;*/
    width:                  0px;
    display:                inline-block !important;
    overflow:               hidden;
}
.vop-menu-body-container.reduced > .posts-list > .post-entry {
    padding:                0px !important;
}
/*.vop-menu-body-container.reduced > .posts-list > .post-entry > a {
    position:               absolute;
    top:                    0px;
    left:                   0px;
}*/
.vop-menu-body-container > .posts-list > .post-entry.post-current > a {
    background-color:       white;
    color:                  var(--medium-blue);
    filter:                 none;
}
.vop-menu-body-container > .posts-list > .post-entry.post-current > a > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li.post-current > a > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li > ul > li.post-current > a > span[class*="icon-"],
.vop-menu-body-container > .posts-list > .post-entry > ul > li > ul > li > ul > li.post-current > a > span[class*="icon-"] {
    filter:                 none;
}
.vop-menu-body-container.reduced > .posts-list > .post-entry > a:hover {
    min-width:              30px;
    background-color:       var(--medium-blue) !important;
    white-space:            nowrap;
    filter:                 none !important;
}
.vop-menu-body-container.reduced > .posts-list > .post-entry > a:hover:before {
    content:                "" !important;
    position:               absolute !important;
    width:                  0px !important;
    height:                 0px !important;
    left:                   0 !important;
    top:                    0 !important;
    background-color:       transparent !important;
    opacity:                100% !important;
    display:                none !important;
}
/*.vop-menu-body-container.reduced > .posts-list > .post-entry > a:hover > span[class*="icon-"] {
    filter:                 brightness(100);
}
.vop-menu-body-container.reduced > .posts-list > .post-entry > a:hover > span.main-menu-title.reduced {
    display:                inline-block !important;
    margin:                 0px 20px;
    font-size:              1rem !important;
    color:                  white;
    width:                  auto;

}

.vop-menu-body-container > ul > li > a {
    padding-top:            8px !important;
}

.vop-menu-body-container > ul > li > div,
.vop-menu-body-container > ul > li > a > span {
    font-family:            'Quicksand';
    font-size:              12px;
    letter-spacing:         1px;
    font-weight:            500;
}
.vop-menu-body-container > ul > li > div {
    border-top-right-radius:    8px;
    border-bottom-right-radius: 8px;
}
.vop-menu-body-container > ul > li > a > span {
    font-size:              11px;
}

.vop-menu-body-container.reduced > ul > li > a, 
.vop-menu-body-container.reduced > ul > li > ul > li > a, 
.vop-menu-body-container.reduced > ul > li > ul > li > ul > li > a, 
.vop-menu-body-container.reduced > ul > li > ul > li > ul > li > ul > li > a {
    background-size:        30px !important;
}

.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > a:hover,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > ul > li > a:hover,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > ul > li > ul > li > a:hover,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > ul > li > ul > li > ul > li > a:hover {
    background-color:       inherit;
}

.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > a:has(div:hover)::before,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > a:hover::before,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > ul > li > a:hover::before,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > ul > li > ul > li > a:hover::before,
.vop-menu > .vop-menu-body > .vop-menu-body-container.reduced > ul > li > ul > li > ul > li > ul > li > a:hover::before {
    content:                "";
    position:               absolute;
    width:                  100%;
    height:                 42px;
    left:                   0;
    top:                    0;
    background-color:       white;
    opacity:                46%;
}

/*li.post-entry.post-current > a {
    background-color:       inherit;
}*/

/*.vop-menu-body-container.reduced > ul > .post-current > a::before {
    content:                "";
    position:               absolute;
    width:                  100%;
    height:                 42px;
    left:                   0;
    top:                    0;
    background-color:       white;
    opacity:                66%;
}
.vop-menu-body-container > ul > .post-current > a::before {
    content:                "";
    position:               absolute;
    width:                  100%;
    height:                 20px;
    left:                   0;
    top:                    0;
    background-color:       white;
    opacity:                30%;
}*/

.vop-menu > .vop-menu-body > .vop-menu-body-container > ul > li.post-current > a {
    color:                  white;
}
.vop-menu > .vop-menu-body > .vop-menu-body-container > ul > li.post-current > a:hover {
    color:                  var(--dark-blue);
}

.post-entry > div {
    background-color:       #9EBAE4;
    box-shadow:             none;
    color:                  white;
    font-weight:            999;
}
.vop-menu-body-container.reduced > ul > li > ul > li > ul > li > ul > .post-entry > a + div:hover,
.vop-menu-body-container.reduced > ul > li > ul > li > ul > .post-entry > a + div:hover,
.vop-menu-body-container.reduced > ul > li > ul > .post-entry > a + div:hover,
.vop-menu-body-container.reduced > ul > .post-entry > a + div:hover {
    width: auto;
    padding: 0px 20px;
}
.paging > div > span > input.paging-input {
    width:                  16px !important;
    height:                 16px !important;
    border-radius:          5px !important;
    border:                 0px !important;
    text-align:             center !important;
    font-family:            'Quicksand' !important;
    padding:                2px 0px !important;
    font-weight:            500;
}
.content > .pages .widget {
    border:                 0px;
}
.content > .pages .widget > .wrap-header > .drop-menu {
    padding-bottom:         3px;;
}
/* icones page précédente/suivante des tables */
.drop-menu > .group-button > .simpletable-previous-page-button,
.drop-menu > .group-button > .simpletable-next-page-button {
    width:                  20px !important;
    height:                 20px !important;
    border-radius:          11px !important;
    border:                 0px !important;
    text-align:             center !important;
    font-family:            'Quicksand' !important;
    background:             white;
    margin:                 1px 2px 0px !important;
    font-weight:            500;
}
.drop-menu > .group-button > .simpletable-previous-page-button > .icon-prev {
    background-image:       url(css/svg/line/fleche-petite-gauche.svg);
    background-repeat:      no-repeat;
}
.drop-menu > .group-button > .simpletable-next-page-button > .icon-next {
    background-image:       url(css/svg/line/fleche-petite-droite.svg);
    background-repeat:      no-repeat;
}

.drop-menu > .paging {
    position:               relative;
    top:                    2px;
}

.drop-menu > .group-button.selectable {
    position:               relative;
    top:                    1px;
}


/* icones affichage par 25/50/100 tables */
.drop-menu > .group-button > .simpletable-view-range-1,
.drop-menu > .group-button > .simpletable-view-range-2,
.drop-menu > .group-button > .simpletable-view-range-3 {
    width:                  25px !important;
    height:                 20px !important;
    border-radius:          8px !important;
    border:                 0px !important;
    text-align:             center !important;
    font-family:            'Quicksand' !important;
    background:             white;
    margin:                 0px 2px !important;
    font-weight:            500;
}
.drop-menu > .group-button > .simpletable-view-range-1.selected,
.drop-menu > .group-button > .simpletable-view-range-2.selected,
.drop-menu > .group-button > .simpletable-view-range-3.selected {
    background:             var(--dark-blue);
}
.drop-menu > .group-button > .simpletable-view-range-1.selected > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-2.selected > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-3.selected > .simple-button-text {
    color:                  white;
}
.drop-menu > .group-button > .simpletable-view-range-1 > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-2 > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-3 > .simple-button-text {
    color:                  var(--dark-blue);
}
.drop-menu > .group-button > .simpletable-view-range-1:hover,
.drop-menu > .group-button > .simpletable-view-range-2:hover,
.drop-menu > .group-button > .simpletable-view-range-3:hover{
    background-color:       white !important;
    border-radius:          8px !important;
}
.drop-menu > .group-button > .simpletable-view-range-1:hover > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-2:hover > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-3:hover > .simple-button-text{
    color:                  var(--dark-blue);
    text-shadow:            none;
}

.drop-menu > .group-button > .simpletable-view-range-1 > .simple-button-icon,
.drop-menu > .group-button > .simpletable-view-range-2 > .simple-button-icon,
.drop-menu > .group-button > .simpletable-view-range-3 > .simple-button-icon {
    display:                none;
}
.drop-menu > .group-button > .simpletable-view-range-1 > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-2 > .simple-button-text,
.drop-menu > .group-button > .simpletable-view-range-3 > .simple-button-text {
    margin:                 0px;
}
.drop-menu.chrome {
    height:                 26px;
}

.widget-listing > h2 {
    background-size:        16px;
}

/* Elements de formulaire */
textarea.wobject{
    border:                 3px solid var(--medium-blue);
    border-radius:          6px;
    padding:                0px;
    width:                  calc(100% - 6px);
    /*resize:                 none;*/
}
input[type="text"].wobject.input {
    background:             white;
    border:                 3px solid var(--medium-blue);
    height:                 16px;
}
.wobject.input {
    border-radius:          6px;
    background:             var(--medium-blue);
    padding:                2px;
}
.wobject.input.no-button > .field-input {
    width:                  calc(100% - 2px);
}
.wobject.input > .field-input {
    background:             white;
    border-radius:          3px;
    width:                  calc(100% - 25px);
}
.wobject.input > .simple-button {
    border-radius:          4px;
    background:             white;
    margin:                 2px !important;
}
.wobject.input > .simple-button > .wrap-icon.simple-button-icon.icon-1down-mini-blue {
    background-image:       url(css/svg/line/fleche-petit-bas.svg);
}

/* Mise en forme flextable */
.widget-search > h2 > .simple-button {
    background:             white;
    border:                 1px solid white;
}
.widget-search > h2 > .simple-button > .icon-1left {
    background-image:       url(css/svg/line/fleche-petite-gauche.svg);
}
.widget-search > .wrap-body > .table-data > tbody > tr > td.champ {
    background:             transparent;
}

.flex-table > div > .flex-header {
    line-height:            37px;
}
.flex-table > div > .flex-champ {
    background:             transparent;
}

/* Mise en forme simplebutton */
.font,
.button > input {
    font-size:              11px;
}
.input > .button, .pc .input > .button:hover, .mobile .input > .button:active {
    border-color:           transparent;
}

.simple-button.flip-icon > .wrap-icon {
    transform:              rotate(180deg);
}

.simple-button.dark-blue,
.simple-button.purple,
.simple-button.green,
.simple-button.blue,
.simple-button.orange,
.simple-button.red,
.simple-button.transparent {
    min-width:              80px;
    display:                inline-flex;
    column-gap:             5px;
}
.simple-button.dark-blue > span,
.simple-button.purple > span,
.simple-button.green > span,
.simple-button.blue > span,
.simple-button.orange > span,
.simple-button.red > span,
.simple-button.transparent > span {
    display:                block !important;
}
.simple-button.dark-blue > .wrap-icon,
.simple-button.purple > .wrap-icon,
.simple-button.green > .wrap-icon,
.simple-button.blue > .wrap-icon,
.simple-button.orange > .wrap-icon,
.simple-button.red > .wrap-icon,
.simple-button.transparent > .wrap-icon {
    margin-left:            0px !important;
    position:               unset;
}
.simple-button.dark-blue > .wrap-text,
.simple-button.purple > .wrap-text,
.simple-button.green > .wrap-text,
.simple-button.blue > .wrap-text,
.simple-button.orange > .wrap-text,
.simple-button.red > .wrap-text,
.simple-button.transparent > .wrap-text {
    flex:                   1;
}

/*.alertbox .wrap-footer {
    display:                flex !important;
    justify-content:        center;
}*/
/*.simple-button.green > .wrap-icon,
.simple-button.blue > .wrap-icon,
.simple-button.orange > .wrap-icon,
.simple-button.red > .wrap-icon,
.simple-button.transparent > .wrap-icon {
    min-width:              80px;
    display:                flex;
}*/


.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-loupe) > .simple-button-text,
.page-footer > .simple-button:has(.icon-retour) > .simple-button-text,
.page-footer > .button.submit > .simple-button-text,
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-loupe) > .simple-button-text {
    color:                  white;
    text-shadow:            none;
}
.bouton-soumettre,
.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-loupe),
.page-footer > .button.submit,
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-loupe),
.simple-button.green {
    border-radius:          6px !important;
    border:                 2px solid var(--light-green) !important;
    background:             var(--light-green);
    border:                 none;
    top:                    1px;
    text-shadow:            none;
}
.bouton-soumettre:hover,
.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-loupe):hover,
.page-footer > .button.submit:hover,
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-loupe):hover,
.simple-button.green:hover {
    background-color:      var(--dark-green) !important;
    border:                 2px solid var(--dark-green) !important;
    background-image:       none !important;
}
.bouton-soumettre > .simple-button-text,
.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-loupe),
.page-footer > .button.submit > input,
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-loupe),
.simple-button.green > .simple-button-text {
    text-shadow:            none;
    color:                  white;
    font-weight:            700;
    position:               relative;
    width:                  auto !important;
    white-space:            nowrap;
}

.page-footer {
    display:                flex;
    justify-content:        center;
}
.bouton-soumettre.simple-button.icon > .wrap-text{
    margin-left:            5px;
}
.bouton-soumettre > .simple-button-icon{
    display:                none;
}

.simple-button.purple {
    border-radius:          6px !important;
    border:                 2px solid var(--medium-purple) !important;
    background:             var(--medium-purple);
    border:                 none;
    top:                    1px;
    text-shadow:            none;
}
.simple-button.purple:hover {
    background-color:       var(--dark-purple) !important;
    border:                 2px solid var(--dark-purple) !important;
    background-image:       none !important;
}
.simple-button.purple > .simple-button-text {
    text-shadow:            none;
    color:                  white;
    font-weight:            700;
    position:               relative;
    width:                  auto !important;
    white-space:            nowrap;
}

/*.alertbox-corps > .titre > .simple-button.blue,
h2 > .actions > .simple-button.blue{
    filter:                 saturate(400%);
}*/

.saturate {
    filter:                 saturate(400%);
}
.simple-button.dark-blue,
.simple-button.purple,
.simple-button.blue,
.simple-button.orange,
.simple-button.red,
.simple-button.green {
    padding:                0px 5px !important;
}
.simple-button.dark-blue > .wrap-icon,
.simple-button.purple > .wrap-icon,
.simple-button.blue > .wrap-icon,
.simple-button.orange > .wrap-icon,
.simple-button.red > .wrap-icon,
.simple-button.green > .wrap-icon {
    filter:                 brightness(100);
    display:                none;
}
.simple-button.dark-blue > .wrap-text,
.simple-button.purple > .wrap-text,
.simple-button.blue > .wrap-text,
.simple-button.orange > .wrap-text,
.simple-button.red > .wrap-text,
.simple-button.green > .wrap-text {
    margin:                 0px;
    text-align:             center;
    width:                  100%;
}

.simple-button.dark-blue {
    border-radius:          6px !important;
    border:                 2px solid var(--dark-blue) !important;
    background:             var(--dark-blue) !important;
    border:                 none;
    top:                    1px;
    text-shadow:            none;
    padding:                0 5px !important;    
}
.simple-button.dark-blue > .simple-button-text {
    text-shadow:            none;
    color:                  white;
    font-weight:            700;
    position:               relative;
    width:                  auto !important;
    white-space:            nowrap;
}
.simple-button.dark-blue:hover {
    background-color:      var(--dark-blue) !important;
    border:                 2px solid var(--dark-blue) !important;
    background-image:       none !important;
}

.simple-button.blue {
    border-radius:          6px !important;
    border:                 2px solid var(--medium-blue) !important;
    background:             var(--medium-blue);
    border:                 none;
    top:                    1px;
    text-shadow:            none;
}
.simple-button.blue:hover {
    background-color:      var(--dark-blue) !important;
    border:                 2px solid var(--dark-blue) !important;
    background-image:       none !important;
}
.simple-button.blue > .simple-button-text {
    text-shadow:            none;
    color:                  white;
    font-weight:            700;
    position:               relative;
    width:                  auto !important;
    white-space:            nowrap;
}

.simple-button.transparent {
    border-radius:          6px !important;
    border:                 2px solid var(--medium-blue) !important;
    background:             white;
    border:                 none;
    top:                    1px;
    text-shadow:            none;
}
.simple-button.transparent > .wrap-text {
    white-space:            nowrap;
}

.simple-button.white > .simple-button-icon {
    filter:                 brightness(100);
}

.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-eraser) > .simple-button-text,
.page-footer > .simple-button:has(.icon-retour) > .simple-button-text,
.page-footer > .button.submit > .simple-button-text,
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-eraser) > .simple-button-text {
    color:                  white;
    text-shadow:            none;
}
.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-eraser),
.page-footer > .simple-button:has(.icon-retour),
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-eraser),
.simple-button.orange {
    border-radius:          6px !important;
    border:                 2px solid var(--light-orange) !important;
    background:             var(--light-orange);
    border:                 none;
    top:                    1px;
}
.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-eraser):hover,
.page-footer > .simple-button:has(.icon-retour):hover,
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-eraser):hover,
.simple-button.orange:hover {
    background-color:      var(--dark-orange) !important;
    border:                 2px solid var(--dark-orange) !important;
    background-image:       none !important; 
}
.wrap-body > .flex-table > .flex-node > .flex-btn-container > .simple-button:has(.icon-eraser),
.page-footer > .simple-button:has(.icon-retour),
.widget-search > .wrap-body > .table-data > tbody > tr > td > .simple-button:has(.icon-eraser),
.simple-button.orange > .simple-button-text {
    text-shadow:            none;
    color:                  white;
    font-weight:            700;
    position:               relative;
    width:                  auto !important;
    white-space:            nowrap;
}

.simple-button.orange > .simple-button-icon,
.simple-button.green > .simple-button-icon {
    margin-left:            2px;
}

.simple-button.red {
    border-radius:          6px !important;
    border:                 2px solid var(--light-red) !important;
    background:             var(--light-red);
    border:                 none;
    top:                    1px;
}
.simple-button.red:hover {
    background-color:      var(--medium-red) !important;
    border:                 2px solid var(--medium-red) !important;
    background-image:       none !important; 
}
.simple-button.red > .simple-button-text {
    text-shadow:            none;
    color:                  white;
    font-weight:            700;
    position:               relative;
    width:                  auto !important;
    white-space:            nowrap;
}

.simple-button.select-button:hover > .simple-button-icon {
    border-radius:          4px;
    background-color:      white !important;
}

.simple-button.noicon > .simple-button-icon {
    display:                none !important;
}
.simple-button.noicon > .simple-button-text {
    margin:                 0;
}

.input-calendar > .inputcalendar-button {
    background-color:       var(--medium-blue) !important;
}

/* Toggle button */
/*.toggle-button.mini {
    border-radius:          6px;
    overflow:               hidden;
    width:                  80px;
    line-height:            21px;
    cursor:                 pointer;
}
.toggle-button.mini > .yes-part {
    color:                  white;
    background-color:       var(--medium-blue);
}
.toggle-button.mini > .no-part {
    color:                  white;
    background-color:       var(--medium-blue);
}
.toggle-button > .cursor {
    background:             var(--dark-blue);
    background-image:       none;
    border:                 1px solid var(--dark-blue);
    transition:             all ease 0.5s;
    border-radius:          6px;
}
.toggle-yes .cursor {
    left:                   50%;
  }*/

.toggle-button.mini {
    border-radius:          12px;
    overflow:               hidden;
    width:                  45px;
    height:                 20px;
    cursor:                 pointer;
    background-color:       #C0CEDA;
    background-image:       none;
    border:                 1px solid #C0CEDA;
    transition:             all ease 0.5s;
    margin:                 2px 0px;
}
.toggle-button.mini.toggle-yes {
    background-color:       var(--dark-blue);
    border:                 1px solid var(--dark-blue);;
}
.toggle-button.mini > .yes-part {
    display:                none;
}
.toggle-button.mini > .no-part {
    display:                none;
}
.toggle-button > .cursor {
    background:             white;
    background-image:       none;
    border:                 0px;
    transition:             all ease 0.5s;
    border-radius:          50%;
    top:                    1px;
    left:                   1px;
    height:                 calc(100% - 2px);
    width:                  20px;
}
.toggle-yes .cursor {
    left:                   calc(100% - 21px);
  }

/* Frameworker Dropfile */
.form-frameworker {
    width:                  100%;
    min-width:              400px;
}
.frameworker > .table-data {
    display:                none;
}
.wobject.dropfile {
    height:                 26px;
    display:                flex;
    align-items:            center;
    border:                 3px solid var(--medium-blue);
    border-radius:          6px;
    margin:                 0;
}
.wobject.dropfile.multiple {
    height:                 90px;
}
.wobject.dropfile > .wrap-title {
    display:                inline-block;
    position:               relative;
    width:                  calc(100% - 80px);
    height:                 100%;
    top:                    0%;
    margin-top:             0;
    font-size:              16px !important;
    line-height:            26px;
    white-space:            nowrap;
    margin:                 0px 5px;
    left:                   unset;
    text-align:             left;
}
.wobject.dropfile > .simple-button {
    position:               relative;
    width:                  auto;
    top:                    0%;
    right:                  -1px;
    padding:                3px 5px;
    margin:                 0;
    height:                 100%;
}
.wobject.dropfile > .simple-button > .wrap-icon {
    display:                none !important;
}
.wobject.dropfile > .simple-button > .simple-button-text {
    height:                 100%;
    display:                flex;
    align-items:            center;
    line-height:            22px;
}
.wobject.dropfile > ul {
    background-color:       var(--light-blue);
    position:               absolute;
    left:                   0px;
    transition:             width ease 0.5s;
    z-index:                1;
}
.dropfile.upload > .wrap-body {
    width:                  0px;
}
.dropfile.upload > .wrap-body:has(li) {
    width:                  100%;
}
.dropfile.upload.multiple > .wrap-body:has(li) {
    width:                  calc(100% - 93px);
}
.dropfile.upload > .wrap-body:has(li) ~ .simple-button {
    display:                none;
}
.dropfile.upload.multiple > .wrap-body:has(li) ~ .simple-button {
    display:                block;
}
.wobject.dropfile > ul > li {
    height:                 100%;
}
.wobject.dropfile.multiple > ul > li {
    height:                 26px;
    border:                 4px solid var(--medium-blue);
    border-radius:          8px;
}
.wobject.dropfile.multiple > ul > li .simple-button {
    top:                    -4px;
}
.dropfile > .wrap-body > .w-line > .wrap-header {
    height:                 calc(100% - 2px);
    border:                 0px;
}
.dropfile > .wrap-body > .w-line > .wrap-header > .wrap-icon {
    position:               absolute;
    top:                    2px;
    left:                   2px;
    width:                  24px;
    height:                 calc(100% - 2px);
    background-position:    center;
    background-repeat:      no-repeat;
    background-size:        contain;
}
.dropfile > .wrap-body > .w-line > .wrap-header > .wrap-title {
    height:                 calc(100% - 6px);
    line-height:            20px;
    padding:                2px 5px;
    color:                  black;
}
.dropfile > .wrap-body > .w-line > .wrap-header:hover > .wrap-title {
    color:                  black;
}
.dropfile > .wrap-body > .w-line > .wrap-header > .simple-button {
    position:               absolute;
    right:                  -3px;
    top:                    -3px;
    margin:                 0;
    height:                 calc(100% + 2px);
    width:                  24px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border:                 3px solid var(--medium-blue);
    background-image:       none;
    background-color:       var(--medium-blue);
}

.dropfile > .wrap-body > .w-line > .wrap-header > .simple-button > .simple-button-icon {
    width:                  100% !important;
    height:                 100% !important;
    filter:                 brightness(100);
    background-size:        contain !important;
}
.wobject.dropfile.nomultiple > .wrap-body > .w-line {
    margin:                 0    
}
.wobject.dropfile > .wrap-body > .w-line > .wrap-header:hover {
    background-color:       var(--light-blue);
}

/* Widget search */
.widget-search,
.widget-listing {
    border-radius:          6px;
}

/* Widget Listing */
.page-content .widgetlisting,
.page-content .widget-listing {
    border-radius:          6px;
}

/* Mise en forme simpletable */
/*#tableau-evenements .simple-table {
    table-layout:           fixed;
}
#tableau-evenements .simple-table td {
    word-break:             break-word;
}*/

.content > .pages .page-content .widgets .simple-table, .content > .pages .widget > .wrap-body .simple-table {
    font-family:            'Quicksand';
    /*letter-spacing:         1px;*/
    font-weight:            500;
    /*table-layout:           fixed;*/
}
.wrap-empty {
    background:             var(--light-blue);
    text-shadow:            none;
}
.simple-table > tbody > tr.highlighted {
    background:            #d9a1e5 !important;
}
.line-altern-0 {
    background:             var(--light-blue) !important;
}
td.cel-action {
    width:                  1px;
    white-space:            nowrap;
}
td.cel-action > p {
    width:                  fit-content;
    white-space:            nowrap;
}
td.cel-action > p > .simpletable-button-open,
td.cel-action > p > .simpletable-button-remove {
    background-color:       transparent !important;
    border-radius:          6px;
    border:                 none;
    background-image:       none;
    width:                  17px;
    height:                 17px;
}
td.cel-action > p > .simpletable-button-open, td.cel-action > p > .icon-button.mini {
    background-color:       transparent !important;
    border-radius:          6px;
    border:                 none;
    background-image:       none;
    width:                  17px;
    height:                 17px;
}
td.cel-action > p > .simpletable-button-open:hover,
td.cel-action > p > .simpletable-button-remove:hover {
    background-color:       none !important;
    border:                 none !important;
    background-image:       none !important;
}
td.cel-action > p > .simpletable-button-open > .simple-button-icon,
td.cel-action > p > .simpletable-button-remove > .simple-button-icon{
    background-size:        contain;
    width:                  17px !important;
    height:                 17px;
}

/* Simpletable JS */
.simple-table {
    font-family:            'Quicksand' !important;
    /*letter-spacing:         1px;*/
    font-weight:            normal;
    font-size:              11px;
    font-weight:            500;
}
.wobject.border.widget.table.menu.no-radius {
    /*border:                 1px solid var(--medium-blue) !important;*/
    overflow:               hidden;
}
.widget > .wrap-header.gradient {
    background-image:       none;
    background-color:       var(--medium-blue);
}
.widget > .wrap-body .simple-table > thead > tr, .simple-table.chrome > thead > tr {
    background-color:       var(--medium-blue);
}
.simple-table > tbody > tr.line-altern-1 {
    background-color:       white;
}
.widget > .wrap-body .simple-table > thead > tr > th {
    color:                  var(--dark-grey) !important;
    text-shadow:            none !important;
}
.line-altern-0:hover {
    background-color:       var(--medium-blue) !important;
    color:                  white;
}
.line-altern-1 > td > span > .simple-button > .simple-button-icon,
.line-altern-0 > td > span > .simple-button > .simple-button-icon,
.line-altern-1 > td > .simple-button > .simple-button-icon,
.line-altern-0 > td > .simple-button > .simple-button-icon {
    filter:                 none;
}
.line-altern-1 > td > span > .simple-button.green > .simple-button-icon,
.line-altern-0 > td > span > .simple-button.green > .simple-button-icon,
.line-altern-1 > td > .simple-button.green > .simple-button-icon,
.line-altern-0 > td > .simple-button.green > .simple-button-icon {
    filter:                 brightness(100);
}


/* Widget listing commandes */
.cel-date_commentaire {
    padding:                0px;
    margin:                 0px;
}
.cel-date_commentaire > .simple-button {
    font-weight:            normal;
}
.cel-date_commentaire > .simple-button > .icon-documentinfo {
    display:                none;
}
.cel-date_commentaire > .simple-button > .simple-button-text {
    font-family:            'Quicksand' !important;
    /*letter-spacing:         1px;*/
    font-weight:            normal;
    margin:                 0px;
    font-weight:            500;
}

/*.cel-etat {
    color:                  inherit !important;
}*/

.cel-statut > .simple-button,
.cel-priorite > .simple-button {
    margin:                 0;
    padding:                0;
    height:                 14px !important;
    width:                  14px !important;
}
.cel-statut > .simple-button > .simple-button-icon,
.cel-priorite > .simple-button > .simple-button-icon {
    height:                 14px;
    width:                  14px !important;
    background-image:       none;
    background-color:       var(--light-green);
    border:                 2px solid white;
    border-radius:          12px;
}
.simple-button.notext > span[class*="icon-etat-"].wrap-icon{
    width:                  14px !important;
}
.cel-statut > .simple-button > .simple-button-icon.icon-etat-vert,
.cel-priorite > .simple-button > .simple-button-icon.icon-etat-vert-12 {
    background-color:       var(--light-green);
}
.cel-priorite > .simple-button > .simple-button-icon.icon-etat-noir-12 {
    background-color:       black;
}
.cel-statut > .simple-button > .simple-button-icon.icon-etat-rouge,
.cel-priorite > .simple-button > .simple-button-icon.icon-etat-rouge-6 {
    background-color:       red;
}
.cel-statut > .simple-button > .simple-button-icon.icon-etat-orange {
    background-color:       var(--dark-orange);
}
.cel-statut > .simple-button > .simple-button-icon.icon-etat-bleu {
    background-color:       var(--dark-blue);
}
.cel-statut > .simple-button > .simple-button-icon.icon-etat-jaune {
    background-color:       var(--yellow);
}

.button.mini > .wrap-icon {
    min-width:              17px !important;
    min-height:             17px !important;
    height:                 17px !important;
    width:                  17px !important;
}
.bouton-suivi-commande {
    min-width:              17px !important;
    min-height:             17px !important;
    height:                 17px !important;
    width:                  17px !important;
    background-image:       none;
    background-color:       transparent;
    border:                 0px;
}
.bouton-suivi-commande:hover {
    background-color:       transparent !important;
    border:                 0px !important;
    background-image:       none !important;
}
.bouton-suivi-commande > .simple-button-icon {
    height:                 17px !important;
    width:                  17px !important;
    background-image:       url(css/svg/line/melanger.svg);
    background-size:        contain;
}

/* Widget Echanges | Bulles */
/* Echanges responsive */
.widget.echange.border {
    border:                 0px;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.phibee {
    margin-left:            50px;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.client {
    margin-right:           50px;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.client,
.widget.echange > .wrap-body > .wrapper > table > tbody > tr {
    background-color:       var(--dark-blue) !important;
    color:                  white;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.phibee-red,
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.response-red {
    background-color:       var(--dark-red) !important;
    color:                  white;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.phibee,
.widget.echange > .wrap-body > .wrapper > table > tbody > tr.response {
    background-color:       var(--medium-blue) !important;
    color:                  white;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr > td.cel-arrow.phibee,
.widget.echange > .wrap-body > .wrapper > table > tbody > tr > td.cel-arrow-response {
    background:             url('/themes/system/images/arrow-right-echange-new.png') no-repeat 
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr > td.cel-arrow.client,
.widget.echange > .wrap-body > .wrapper > table > tbody > tr > td.cel-arrow {
    background:             url('/themes/system/images/arrow-left-echange-new.png') no-repeat 
}
.widget.echange tr {
    border-radius:          6px;
}

/*.widget.table .cel-contenu,
.widget.table .cel-arrow {
    display:                     none;
}
.widget.table.echange .cel-contenu {
    display:                     block;
}
.widget.table.echange .cel-action {
    display:                     none !important;
}
.widget.table.echange .no-fill > .wrap-icon {
    filter:                     brightness(100);
}
.widget.table.echange td {
    text-align:                 left !important;
}
.widget.echange > .wrap-body {
    height:                     unset;
}
.widget.echange > .wrap-body > .wrapper > table > tbody > tr > .cel-arrow.phibee {
    right:                      11px;
    left:                       unset;
    position:                   absolute;
}*/

/* TabControl */
.tab-control > .tc-head > .simple-button {
    border-top-left-radius:     6px !important;
    border-top-right-radius:    6px !important;
}
.tab-control > .tc-head > .simple-button.selected > .simple-button-text > .comparatif-rdv-info {
    filter:                 brightness(.3);
}
.tab-control > .tc-head > .simple-button.selected > .simple-button-icon {
    filter:                 invert(1);
}
.tab-control > .tc-head > .simple-button.selected > .simple-button-text {
    color:                  var(--dark-grey) !important;
    font-weight:            normal !important;
    position:               relative;
    top:                    1px;
}
.tab-control > .tc-head > .simple-button > .simple-button-text {
    position:               relative;
    top:                    1px;
}

.panel > .box-tab-control-container > .tab-control.top > .wrap-super-body {
    border-top-right-radius:        6px;
    border-bottom-left-radius:      6px;
    border-bottom-right-radius:     6px;
}

/* TableData */
.widgets-box > .table-data > tbody > tr > td:first-of-type:not(:has(.rounded-box)) {
    min-width:                  400px;
}

.table-data {
    width:                      95%;
}
.widget-popup {
    width:                      100%;
    margin-bottom:              15px;
}
.widget-popup > .table-data {
    width:                      100%;
    border:                     1px solid var(--medium-blue);
}
.widget-popup > .table-data > tbody > tr > td.champ {
    vertical-align:             middle;
    padding:                    3px 5px;
    height:                     22px;
    line-height:                22px;
}
.widget-popup > .table-data > tbody > tr > td.champ > span {
    vertical-align:             middle;
}
.window .table-data {
    border-spacing:             3px;
}
.window .table-data > tbody > tr > th,
.window .table-data > tbody > tr > td {
    min-height:                 26px;
    line-height:                26px;
    box-sizing:                 border-box;
}
.centered,
.window .table-data > tbody > tr > th.centered,
.window .table-data > tbody > tr > td.centered {
    text-align:                 center;
}
.left,
.window .table-data > tbody > tr > th.left,
.window .table-data > tbody > tr > td.left {
    text-align:                 left;
}
.window .table-data > tbody > tr > td.champ {
    background-color:           var(--light-blue);
    border-radius:              5px;
    padding:                    0px 0px 0px 5px;
}
.window .table-data > tbody > tr > td.champ:has(*) {
    background-color:           var(--light-blue);
    border-radius:              5px;
    padding:                    0px 0px 0px 0px;
}

.panel-div-container > div > table > tbody > tr > td > .updatable-system > .input-button,
.panel-div-container > div > table > tbody > tr > td > .updatable-system > textarea {
    /*margin-left:                -5px;*/
    width:                      100% !important;
}
.window .table-data > tbody > tr > td.champ > .input-button {
    width:                      calc(100% - 6px) !important;
}
.window .table-data > tbody > tr > td.champ > textarea {
    min-width:                  calc(100% - 16px) !important;
    max-width:                  calc(100% - 16px);
    min-height:                 100px;
    padding:                    5px;
    resize:                     both;
}
.panel-div-container table > tbody > tr > td > .simple-button.notext:has(span[class*="icon-etat-"]) {
    top:                        2px;
}


/* Formulaires DrawForm */
.widget-popup > h2 {
    border-top-left-radius:     6px !important;
    border-top-right-radius:    6px !important;
}

/* AlertBox */
.window > .wrap-header > .wrap-title {
    background-size:            16px;
    filter:                     brightness(100);
}
.wobject.alertbox.theme-default > .wobject.window.theme-default {
    border-radius:              10px;
    overflow:                   hidden;
    background-image:           none;
    background-color:           var(--medium-blue);
    box-shadow:                 none;
    border:                     1px solid var(--medium-blue);
}

.wobject.alertbox.theme-default > .wobject.window.theme-default > .wrap-header {
    background-image:           none;
    background-color:           var(--medium-blue);
}
.wobject.alertbox.theme-default > .wobject.window.theme-default > .wrap-header > .btn-close {
    background:                 none;
    background-image:           url(css/svg/fill/croix-cercle.svg);
    background-size:            contain;
    background-repeat:          no-repeat;
    border:                     none;
    width:                      20px;
    height:                     20px;
    margin-top:                 3px;
    margin-right:               10px;
    filter:                     brightness(100);
}
.wobject.alertbox.theme-default > .wobject.window.theme-default > .wrap-super-body {
    border:                     1px solid var(--medium-blue);
}
.wobject.alertbox.theme-default > .wobject.window.theme-default > .wrap-super-body > .wrap-body {
    border:                     1px solid var(--medium-blue);
    border-bottom:              none;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
}
.wobject.alertbox.theme-default > .wobject.window.theme-default > .wrap-super-body > .wrap-footer {
    border:                     1px solid var(--medium-blue);
    border-top:                 none;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
    padding-bottom:             10px;
}
.alertbox-corps > .splite > .right-content > h1 {
    font-size:                  16px !important;
}
.wrap-box-body.alertbox-corps table > tbody > tr > th {
    width:                      1px;
    white-space:                nowrap;
    text-align:                 right;
    padding-right:              5px;
}


.wobject.alertbox.theme-default.wait > .wobject.window.theme-default {
    background-color:           black;
    border:                     1px solid black;
}
.wobject.alertbox.theme-default.wait > .wobject.window.theme-default > .wrap-super-body {
    border:                     1px solid black;
}
.wobject.alertbox.theme-default.wait > .wobject.window.theme-default > .wrap-super-body > .wrap-body {
    border:                     0px;
}


/* Dahsboard */
.dashboard-container {
    column-count:               3;
}
.dashboard-container.client {
    column-count:               2;
}
.dashboard-container > .dashboard-widget-container {
    position:                   revert;
    display:                    block;
    width:                      auto;
    max-width:                  100%;
    min-height:                 fit-content;    
}
.dashboard-container > .dashboard-widget-container > .dashboard-widget-container-content {
    min-height:                 fit-content;
}
.dashboard-widget-container-content > .dashboard-widget {
    border-radius:              8px;
    overflow:                   hidden;
    box-shadow:                 none;
}
.dashboard-widget-container-content > .dashboard-widget > h2 > .simple-button {
    background:                 none;
    border:                     0px;
    top:                        -2px;
    padding:                    2px 0px;
    filter:                     brightness(100);
}
.dashboard-widget-container-content > .dashboard-widget > h2 {
    border-radius:              0px;
    padding-top:                2px;
}
.dashboard-widget-container-content {
    position:                   revert;
}
.dashboard-widget-container-content > .dashboard-widget {
    position:                   revert;
}
.dashboard-widget-container > .dashboard-widget-container-content > div > h2 > .dashboard-widget-action-icon > .icon-graph,
.dashboard-widget-container > .dashboard-widget-container-content > div > h2 > .dashboard-widget-action-icon > .icon-cancel {
    filter:                     brightness(100);
}

.dashboard-widget-container-content.widget-suivi-commandes > .dashboard-widget {
    border:                     5px solid #0CC0DF;
}
.dashboard-widget-container-content.widget-suivi-commandes > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td > a {
    font-size:                  14px;
}
.dashboard-widget-container-content.widget-suivi-commandes > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td.champ {
    background:                 #0CC0DF;
    width:                      60px;
    color:                      white !important;
    font-size:                  14px;
}
.dashboard-widget-container-content.widget-suivi-commandes > .dashboard-widget > .dashboard-widget-content > table > tbody > tr:first-child > td:last-child {
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
}
.dashboard-widget-container-content.widget-suivi-commandes > .dashboard-widget > .dashboard-widget-content > table > tbody > tr:last-child > td:last-child {
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
.dashboard-widget-container-content.widget-suivi-commandes > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td[colspan="2"] {
    display:                    none;
}

.dashboard-widget-content {
    background-color:           white;
    border-radius:              6px;
    margin:                     0px;
    overflow:                   hidden;
    padding:                    10px 0px;
}
.dashboard-widget > h2 {
    display:                    flex;
    align-items:                center;
    padding:                    0px;
    height:                     22px;
    margin-bottom:              5px;
}
.dashboard-widget > h2 > div {
    width:                      20px;
    height:                     20px;
    filter:                     brightness(100);
    display:                    inline-block;
    margin:                     0px 10px;
    background-size:            contain;
}
.dashboard-widget > h2 > p {
    flex-grow:                  1;
    margin:                     0px;
}
.dashboard-widget > h2 > span {
    margin:                     0px 10px;
}
.dashboard-widget > h2 > span > .simple-button.dashboard-widget-action-icon {
    background:                 none;
    border:                     0px;
    top:                        0px;
    padding:                    2px 0px;
}
.dashboard-widget > h2 > span > .simple-button.dashboard-widget-action-icon:hover {
    background:                 none;
    border:                     none;
}
.dashboard-widget > h2 > span > .simple-button.dashboard-widget-action-icon > .wrap-icon {
    width:                      18px;
    height:                     18px;
    filter:                     brightness(100);
    background-size:            contain;
    background-position:        center;
}

.conteneur-boutons-small {
    display:                    flex;
    justify-content:            space-between;
    margin-bottom:              10px;
}
.simple-button.small {
    min-width:                  0px;
    padding:                    0px 2px !important;
}
.simple-button.small > .simple-button-text {
    font-size:                  0.76rem !important;
    margin-right:               5px;
}

/* Widget Liaisons */
.dashboard-widget-container-content.widget-liaisons .dashboard-widget-content {
    padding:                    0px;
    background-color:           transparent;
}
.dashboard-widget-container-content.widget-liaisons table {
    width:                      100%;
    border-spacing:             2px;
    background-color:           white;
    margin:                     auto;
    border-radius:              6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1),
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) {
    margin-bottom:              5px;
}
.dashboard-widget-container-content.widget-liaisons table {
    padding-bottom:             5px;
}
.dashboard-widget-container-content.widget-liaisons table > thead > tr > td {
    height:                     26px;
    white-space:                nowrap;
    text-align:                 center;
}
.dashboard-widget-container-content.widget-liaisons table > tbody > tr > td {
    height:                     26px;
}
.dashboard-widget-container-content.widget-liaisons table > tbody > tr > td:nth-child(1) {
    text-align:                 left;
    min-width:                  150px;
}
.dashboard-widget-container-content.widget-liaisons table > tbody > tr > td:nth-child(2),
.dashboard-widget-container-content.widget-liaisons table > tbody > tr > td:nth-child(3),
.dashboard-widget-container-content.widget-liaisons table > tbody > tr > td:nth-child(4) {
    text-align:                 right;
    padding:                    0px 5px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) > tbody > tr:nth-child(1) > td:nth-child(2),
 .dashboard-widget-container-content.widget-liaisons table:nth-child(3) > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-left-radius:    6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) > tbody > tr:nth-child(1) > td:nth-child(4),
.dashboard-widget-container-content.widget-liaisons table:nth-child(3) > tbody > tr:nth-child(1) > td:nth-child(4) {
    border-top-right-radius:    6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) > tbody > tr:nth-child(4) > td:nth-child(2),
.dashboard-widget-container-content.widget-liaisons table:nth-child(3) > tbody > tr:nth-child(5) > td:nth-child(2) {
    border-bottom-left-radius:  6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) > tbody > tr:nth-child(4) > td:nth-child(4),
.dashboard-widget-container-content.widget-liaisons table:nth-child(3) > tbody > tr:nth-child(5) > td:nth-child(4) {
    border-bottom-right-radius: 6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) > tbody > tr > td:nth-child(5),
.dashboard-widget-container-content.widget-liaisons table:nth-child(2) > tbody > tr > td:nth-child(6) {
    width:                      1px;
    white-space:                nowrap;
    text-align:                 center;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1){
    background-color:           transparent;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1) > thead > tr > td {
    color:                      white;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1) > tbody > tr > td {
    background-color:           white;
    text-align:                 center;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1) > tbody > tr > td:nth-child(2) {
    border-top-left-radius:     6px;
    border-bottom-left-radius:  6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1) > tbody > tr > td:last-child {
    border-top-right-radius:    6px;
    border-bottom-right-radius: 6px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1) > tbody > tr > td.td-stats-ipv4 {
    background-color:           transparent;
    max-width:                  30px;
    min-width:                  unset;
    width:                      30px;
}
.dashboard-widget-container-content.widget-liaisons table:nth-child(1) > tbody > tr > td.td-stats-ipv4 .simple-button-icon {
    filter:                     brightness(100);
}

/* Widget Commandes */
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content{
    background-color:           transparent;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(5) {
    border-spacing:             2px;
    background-color:           white;
    margin:                     auto;
    border-radius:              6px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4) {
    margin-bottom:              10px;
}

.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4) > tbody > tr > td:not(:first-child),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(5) > tbody > tr > td:not(:first-child) {
    text-align:                 center;
    height:                     20px;
    width:                      40px;
}

.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4) > tbody > tr:first-child > td:nth-child(2),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(5) > tbody > tr:first-child > td:nth-child(2) {
    border-top-left-radius:     6px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4) > tbody > tr:first-child > td:nth-child(3),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(5) > tbody > tr:first-child > td:nth-child(3) {
    border-top-right-radius:    6px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4) > tbody > tr:last-child > td:nth-child(2),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(5) > tbody > tr:last-child > td:nth-child(2) {
    border-bottom-left-radius:  6px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(4) > tbody > tr:last-child > td:nth-child(3),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(5) > tbody > tr:last-child > td:nth-child(3) {
    border-bottom-right-radius: 6px;
}

.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content {
    margin:                     0px;
    margin-top:                 1px;
    padding-bottom:             5px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(1),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(2),
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(3),
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:nth-child(3),
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:first-child {
    border-spacing:             0px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(1) > tbody > tr > td:first-child,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(2) > tbody > tr > td:first-child,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > tbody > tr > td:first-child,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > tbody > tr > td:first-child,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:first-child > tbody > tr > td:first-child {
    border-top-left-radius:     6px;
    border-bottom-left-radius:  6px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(1) > tbody > tr > td:last-child,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(2) > tbody > tr > td:last-child,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > tbody > tr > td:last-child,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > tbody > tr > td:last-child,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:first-child > tbody > tr > td:last-child {
    border-top-right-radius:    6px;
    border-bottom-right-radius: 6px;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(1) > thead > tr > td,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(2) > thead > tr > td,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > thead > tr > td,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(1) > thead > tr > td > a,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(2) > thead > tr > td > a,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > thead > tr > td > a,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > thead > tr > td,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > thead > tr > td > a,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:first-child > thead > tr > td,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:first-child > thead > tr > td > a {
    font-size:                  14px;
    font-weight:                bold;
    color:                      white;
}
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(1) > tbody > tr > td,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(2) > tbody > tr > td,
.dashboard-widget-container-content.widget-commandes > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > tbody > tr > td,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:nth-child(3) > tbody > tr > td,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:first-child > tbody > tr > td {
    font-size:                  14px;
    font-weight:                bold;
    color:                      var(--dark-grey) !important;
    text-align:                 center !important;
    background-color:           white;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child {
    border-top:                 0px !important;
    background:                 white; 
    border-radius:              6px;
}

.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > thead > tr > td,
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td {
    font-size:                  14px;
    color:                      var(--dark-grey);
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td:last-child > div {
    display:                    none;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td:nth-child(2),
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td:nth-child(3) {
    background:                 #FFCF27;
    text-align:                 center !important;
}
.dashboard-widget-container-content.widget-incidents.client > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td:nth-child(2),
.dashboard-widget-container-content.widget-incidents.client > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td:nth-child(3) {
    background:                 none;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr:first-child > td:nth-child(2){
    border-top-left-radius:     6px;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr:first-child > td:nth-child(3){
    border-top-right-radius:    6px;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr:last-child > td:nth-child(2){
    border-bottom-left-radius:  6px;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr:last-child > td:nth-child(3){
    border-bottom-right-radius:    6px;
}
.dashboard-widget-container-content.widget-incidents:not(.client) > .dashboard-widget > .dashboard-widget-content > table:last-child > tbody > tr > td:first-child {
    padding-left:               30px;
}
.dashboard-widget-container-content.widget-incidents > .dashboard-widget > .dashboard-widget-content {
    background:                 #FFCF27;
}
.dashboard-widget-container-content.widget-incidents.client > .dashboard-widget > .dashboard-widget-content {
    background:                 none;
}

.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > thead > tr > td:first-child,
.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > thead > tr > td:nth-child(2){
    text-align:                 left !important;
}
.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > thead > tr > td,
.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td,
.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td > a {
    font-size:                  12px;
    /*color:                      var(--dark-grey) !important;*/
    background-color:           transparent;
}
.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td:first-child,
.dashboard-widget-container-content.widget-onsiteservices > .dashboard-widget > .dashboard-widget-content > table > tbody > tr > td:last-child {
    white-space:                nowrap;
}

.dashboard-widget-container-empty {
    height:                     200px;
}
.dashboard-widget-container-empty-label {
    position:                   relative;
}


.dashboard-widget-container-content.client .table-data {
    width:                      99%;
    margin:                     auto;
}
.dashboard-widget-container-content.client .table-data > tbody > tr > td,
.dashboard-widget-container-content.client .table-data > thead > tr > td {
    text-align:                 center;
    height:                     22px;
}
.dashboard-widget-container-content.client .table-data > tbody > tr > td:first-child {
    border-top-left-radius:     6px;
    border-bottom-left-radius:  6px;
}
.dashboard-widget-container-content.client .table-data > tbody > tr > td:first-child:has(a) {
    width:                      1px;
    white-space:                nowrap;
}
/*.dashboard-widget-container-content.client .table-data > tbody > tr > td {
    filter:                     brightness(122%);
}*/
.dashboard-widget-container-content.client .table-data > tbody > tr > td:last-child {
    border-top-right-radius:    6px;
    border-bottom-right-radius: 6px;
}
.puce-dashboard {
    margin:                     auto;
}
.bouton-dashboard-action-listing {
    background-size:            15px;
    width:                      19px;
    height:                     17px;
    border:                     none;
    background-color:           transparent;
}
.dashboard-pulse {
    position:                   absolute;
    inset:                      0;
    pointer-events:             none;
}
/* cercle */
.overlay-circle {
  position:                     absolute;
  width:                        40px;
  height:                       40px;
  z-index:                      100;
}

/* pulsation */
.overlay-circle > .content {
  border-radius:                50%;
  border:                       20px solid rgba(255, 77, 77, 0.6);
  animation:                    pulse 1.6s ease-out infinite;
  filter:                       invert(1);
}

@keyframes pulse {
  0% {
    transform:                  scale(1);
    opacity:                    0.8;
  }
  100% {
    transform:                  scale(1.6);
    opacity:                    0;
  }
}
/* Fin Dashboard */

.div-boutons-action {
    display:                    flex;
    flex-wrap:                  wrap;
}
.app-button.app-button-narrow {
    box-shadow:                 none;
    background-color:           var(--medium-blue);
    background-image:           none;
    margin:                     5px !important;
    width:                      120px;
    height:                     unset;
    display:                    grid;
    align-items:                end;
}
.app-button.app-button-narrow > .wrap-mask {
    filter:                     brightness(100);
    background-size:            32px;
    display:                    block;
    position:                   relative;
    width:                      unset;
}
.app-button.app-button-narrow > .wrap-text {
    display:                    block;
    position:                   relative;
    width:                      unset;
    margin:                     auto;
    bottom:                     unset !important;
    left:                       unset;
    height:                     auto !important;
    min-height:                 38px;
    color:                      white;
}
.app-button:hover {
    background-image:           none !important;
    background-color:           var(--dark-blue) !important;
}
.app-button.app-button-closed:hover {
    background-image:           none !important;
    background-color:           var(--medium-blue) !important;
}
.app-button.app-button-narrow:hover > .wrap-text {
    color:                      white !important;
}
.app-button.app-button-closed:hover > .wrap-text {
    color:                      white !important;
}

/* Spécificités commandes */
/*.widget-listing.commandes-liaisons > .wrap-body > .widget.table > .wrap-body > .wrapper > table > tbody > tr > td.cel-etat {
    color:                      unset;
}*/
#Table_Infos_Offre {
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
.widget-listing.logs-actions > h2,
.panel > h2,
h2.icon-gestion-des-commandes,
.tableau-attachements-reglementaires > div.h8,
.conteneur-tableau-dates-convenues > h2,
.conteneur-informations-retard > h2 {
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
}
#tableau-produits   {
    border-radius:  6px;
}
.widget {
    background-color:           white;
}
/*.widget-listing.logs-actions > div > div,
#tableau-notifications > div,
#tableau-evenements > div,*/
#tableau-produits,
#table-infos-eligibilite-ftth,
.tableau-attachements-reglementaires > div.widget.table,
.conteneur-tableau-dates-convenues > div,
.widget-popup > table,
.conteneur-informations-retard > table,
.div-boutons-action {
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
.conteneur-tableau-dates-convenues > div {
    overflow:                   hidden;
}
.conteneur-tableau-dates-convenues > div > .wobject.border.widget.table.menu.no-radius {
    border:                     0px !important;
}
.tableau-attachements-reglementaires > div.h8 {
    padding:                    4px 0px;
}
.tableau-attachements-reglementaires > div.h8:before {
    top:                        8px;
}
.conteneur-infos-ftth > h2 > span {
    margin-top:                 -5px;
}
#tableau-produits > .widget.table {
    border:                     0px !important;
}
.widget-popup > table > tbody > tr > th {
    width:                      1%;
    white-space:                nowrap;
    padding-left:               5px;
}

/* H2 */
h2[class*="icon-"]:has(p) {
    display:                    flex;
    align-content:              center;
    height:                     34px;
    padding:                    0px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
}
h2[class*="icon-"]:has(p):before {
    content:                    "";
    position:                   relative;
    left:                       0px;
    display:                    inline-block;
    background-size:            16px;
    z-index:                    10;
    width:                      16px;
    height:                     100%;
    filter:                     brightness(100);
    background-repeat:          no-repeat;
    background-position-y:      center;
    margin:                     0px 5px;
}

h2[class*="icon-"] > p {
    line-height:                34px !important;
    padding:                    0 !important;
    margin:                     0 !important;
}

h2[class*="icon-"] + div {
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}

.conteneur-map-parametres {
    width:                      auto;
    padding-top:                20px;
}

/* table-data autofit */
.table-data.autofit > tbody > tr > th {
    width:                      1%;
    white-space:                nowrap;
    padding-left:               5px;
}
.table-data.autofit > tbody > tr > td {
    width:                      auto;
    background-color:           transparent;
}
.table-data.autofit > tbody > tr > td > .simple-button {
    top:                        0px !important;
}
.table-data.autofit > tbody > tr > td > input[type="text"] {
    background:                 white;
    border:                     3px solid var(--medium-blue);
    height:                     16px;
    border-radius:              6px;
    padding:                    2px;
}

/* splite */
.wobject.splite-icon > .left-content {
    background-position:        center !important;
    background-size:            contain;
}
.splite > .right-content > h1 {
    color:                      var(--dark-blue);
}

/* ELigibilite */
.panel-eligibilite > .eligibilite-test {
    border-radius:              8px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres {
    padding:                    0px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres {
    height:                     unset;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > div,
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div {
    display:                    flex;
    margin:                     10px;
    column-gap:                 10px;
    row-gap:                    10px;
    flex-wrap:                  wrap;
    align-items:                center;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats.reduced,
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres.reduced {
    height:                     0px !important;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres {
    flex:                       9999;
    height:                     600px;
    display:                    flex;
    flex-direction:             column;
    row-gap:                    10px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .box-tab-control-container {
    margin-bottom:              unset;
    overflow:                   visible;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .div-liste-historique {
    height:                     unset;
    flex:                       1;
    margin-bottom:              0px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .div-liste-nd > .widget,
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .div-liste-historique > .widget {
    height:                     100%;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .div-liste-historique > .widget > .wrap-body {
    height:                     calc(100% - 31px);
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .div-liste-nd > .widget > .wrap-body {
    height:                     calc(100% - 34px);
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .conteneur-informations-textuelles > .div-informations {
    margin:                     0;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .parametres > .div-liste-nd {
    margin:                     0;
    flex:                       1;
    overflow:                   hidden;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > div > .eligibilite-resume-map,
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.parametres > div > .map {
    /*width:                      650px;*/
    height:                     600px;
    display:                    flex;
    flex-direction:             column;
    justify-content:            end;
    flex-basis:                 600px;
    flex-shrink:                0;
    flex-grow:                  1;
}
.panel-eligibilite > .eligibilite-test> .eligibilite-test-container.parametres > div > .map > .google-map {
    position:                   relative;
    display:                    inline-block;
    width:                      100%;
    overflow:                   hidden;
    padding:                    0px;
    margin:                     0px;
    margin-top:                 25px;
    border:                     1px solid var(--medium-blue);
    flex:                       1;
}
.panel-eligibilite > .eligibilite-test> .eligibilite-test-container.parametres > div > .map > .donnees-arcep {
    display:                    flex;
    justify-content:            space-between;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats {
    height:                     unset;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats.reduced {
    height:                     0px;
    padding:                    0;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese {
    flex:                       9999;
    min-width:                  600px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > h2 {
    background-color:           var(--medium-blue);
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
    width:                      100% !important;
    margin:                     0;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > h2 > p {
    color:                      white;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > .panel-div-container > table {
    padding:                    5px !important;
    border-spacing:             2px !important;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > .panel-div-container td {
    background-color:           transparent;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > .panel-div-container > table {
    width:                      100% !important;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > .resume-parametres {
    margin-bottom:              10px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > .resume-parametres > tbody > tr> td {
    width:                      1px;
    white-space:                nowrap;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > div > .eligibilite-resume-map {
    height:                     500px;
    flex-basis:                 500px;
}
.panel-eligibilite > .eligibilite-test > .eligibilite-test-container.resultats > .synthese-resultats > .synthese > .synthese-legende {
    width:                      100%;
    margin:                     auto;
}
.eligibilite-resume-map {
    margin:                     0;
}
/*.panel-eligibilite > .eligibilite-test> .eligibilite-test-container.parametres > table {
    display:                    block;
    height:                     510px;
    max-height:                 510px;
}*/
/* Mauvaise présentation des ND sur clic PC */
/*.panel-eligibilite > .eligibilite-test> .eligibilite-test-container.parametres > table > tbody > tr > td:first-child {
    min-width:                  677px;
}*/
/*.panel-eligibilite > .eligibilite-test> .eligibilite-test-container > table > tbody > tr > td > .box-tab-control-container > .tab-control > .wrap-super-body {
    border-top-right-radius:    6px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}*/
.div-informations {
    height:                     auto !important;
}
.div-liste-historique {
    overflow:                   hidden;
}
.div-liste-historique th > .wrap-title,
.div-liste-historique td {
    font-size:                  0.8rem !important;
}
.div-liste-historique.bordered-table {
    border-radius:              6px;
}
h2.titre {
    padding:                    0px !important;
    height:                     auto !important;
    width:                      850px !important;
}
h2.titre:before {
    position:                   absolute !important;
    margin-left:                5px;
}
h2.titre > p {
    margin-left:                25px !important;
}
h2.titre + table {
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
h2.titre > p {
    display:                    inline;
}

/* Calendar */
.input-calendar {
    min-width:                  100px;
}
.input-calendar > .wrap-input.field-input > .input {
    min-width:                  85px
}
.input-calendar > .popup {
    border-radius:              6px;
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar {
    border-radius:              6px;
    overflow:                   hidden;
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-head > .simple-button {
    width:                  20px !important;
    height:                 20px !important;
    border-radius:          11px !important;
    border:                 0px !important;
    text-align:             center !important;
    font-family:            'Quicksand' !important;
    background:             white;
    margin:                 0px 2px !important;
    font-weight:            500;
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-head > .simple-button > .simple-button-icon {
    background-repeat:      no-repeat;
    background-size:        15px;
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-head > .simple-button > .icon-prev {
    background-image:       url(css/svg/line/angle-petit-gauche.svg);
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-head > .simple-button > .icon-next {
    background-image:       url(css/svg/line/angle-petit-droit.svg);
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-head > .simple-button > .icon-prevtwo {
    background-image:       url(css/svg/line/angle-double-petit-gauche.svg);
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-head > .simple-button > .icon-nexttwo {
    background-image:       url(css/svg/line/angle-double-petit-droit.svg);
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-body > .grid-header > .wrap-day {
    background-color:           var(--light-blue);
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-body > .grid-body > .node-day.weekend,
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-body > .grid-header > .wrap-day.weekend {
    background-color:           var(--medium-blue);
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-body > .grid-body > .node-day.current {
    background-color:           var(--dark-blue);
    border-radius:              6px;
}
.input-calendar > .popup > .wrap-content > .wrapper > .line > .calendar > .calendar-body > .grid-body > .node-day.now {
    font-weight:                900 !important;
}

/* Nouveau conteneur table */
.panel-div-container {
    display:                    grid;
    align-items:                center;
    margin-bottom:              15px;
}
.widget.table > .wrap-header > .drop-menu.inline > .wrap-h > h2,
.widget.table > .wrap-header > .wrap-h > h2,
.panel-div-container > h2 {
    background-color:           var(--medium-blue);
    display:                    flex;
    align-items:                center;
    height:                     unset;
    min-height:                 34px;
    margin:                     0px;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
}
.widget.table > .wrap-header > .drop-menu.inline > .wrap-h > h2{
    height:                     26px;
}
.panel-div-container > h2.footer {
    justify-content:            center;
    border-top-left-radius:     0px;
    border-top-right-radius:    0px;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
.widget.table > .wrap-header > .drop-menu.inline {
    display:                    flex;
}
.widget.table > .wrap-header > .drop-menu.inline > .wrap-h {
    flex:                       1;
}
.widget.table > .wrap-header > .drop-menu.inline > .wrap-h > h2 > .icone,
.widget.table > .wrap-header > .wrap-h > h2 > .icone,
.panel-div-container > h2 > .icone {
    width:                      34px;
    height:                     100%;
    min-height:                 34px;
    background-size:            16px;
    background-position:        center;
    background-repeat:          no-repeat;
    filter:                     brightness(100);
}
.widget.table > .wrap-header > .drop-menu.inline > .wrap-h > h2 > .titre,
.widget.table > .wrap-header > .wrap-h > h2 > .titre,
.panel-div-container > h2 > .titre {
    font-size:                  1.1rem;
    color:                      white;
    flex:                       1;
    display:                    flex;
    align-items:                center;
}
.widget.table > .wrap-header > .drop-menu.inline > .wrap-h > h2 > .actions,
.widget.table > .wrap-header > .wrap-h > h2 > .actions,
.panel-div-container > h2 > .actions {
    margin-right:               5px;
    display:                    flex;
    flex-wrap:                  nowrap;
    align-items:                center;
}
.panel-div-container > div.listing {
    padding:                    0px;
}
.panel-div-container > div.listing > .wobject.border.widget.table.menu.no-radius {
    border:                     0px !important;
}
.panel-div-container:not(.form-eligibilite) > div {
    display:                    flex;
    align-items:                flex-start;
    padding:                    0px;
    border:                     1px solid var(--medium-blue);
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
    flex-wrap:                  wrap;
}
.panel-div-container > div.noborder {
    border-bottom-left-radius:  0px;
    border-bottom-right-radius: 0px;
}
.panel-div-container > div.div-boutons-action {
    align-items:                normal;
    justify-content:            space-around;
    display:                    grid;
    grid-template-columns:      repeat(auto-fill,130px);
}
.space-evenly,
.panel-div-container > div.div-boutons-action.space-evenly {
    justify-content:            space-evenly;
}
.justify-center,
.panel-div-container > div.div-boutons-action.justify-center {
    justify-content:            center;
    grid-template-columns:      repeat(auto-fit,130px);
}
.panel-div-container div > table {
    border-spacing:             5px;
    flex:                       1;
}
.panel-div-container > table {
    border:                     1px solid var(--medium-blue);
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
    padding:                    15px;
    border-spacing:             5px;
}
.panel-div-container.no-border > table {
    border:                     0px;
}
.panel-div-container > table.no-border {
    border:                     0px;
    padding-bottom:             0px;
}
.panel-div-container > table.footer {
    border:                     1px solid var(--medium-blue);
    padding:                    15px;
    border-bottom-left-radius:  0px;
    border-bottom-right-radius: 0px;
    border-spacing:             5px;
}
.panel-div-container > ul.action-div {
    border:                     1px solid var(--medium-blue);
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}
.panel-div-container div.grid-incident-container { 
    display:                    grid;
}
.panel-div-container .grid-incident-container > div {
    flex-grow:                  1;
}
.panel-detail-simple-first table {
    border-spacing:             3px;
}
.panel-div-container .grid-incident-container > div > table {
    border-spacing:             5px;
}
.panel-detail-simple-first table > tbody > tr > th,
.panel-div-container .grid-incident-container div > table > tbody > tr > th,
.panel-div-container div > table > tbody > tr > th,
.panel-div-container > table > tbody > tr > th {
    width:                      1%;
    white-space:                nowrap;
    text-align:                 right;
    padding-right:              5px;
}
.panel-detail-simple-first table > tbody > tr > td,
.panel-div-container .grid-incident-container div > table > tbody > tr > td,
.panel-div-container div > table > tbody > tr > td,
.panel-div-container > table > tbody > tr > td {
    height:                     unset;
    border-radius:              6px;
    background-color:           var(--light-blue);
    padding:                    0px;
    min-height:                     26px;
    line-height:                26px;
    color:                      black;
    /*padding-left:               5px;*/ 
}
.panel-detail-simple-first table > tbody > tr > td,
.panel-div-container .grid-incident-container > div > table > tbody > tr > td:not(:has(*)),
.panel-div-container > table > tbody > tr > td:not(:has(*)) {
    padding:                    0px 5px;
}
.panel-div-container table > tbody > tr > td > .padded,
.panel-div-container table > tbody > tr > td > span.updatable-system {
    padding:                    0px 5px;
}
.panel-div-container table > tbody > tr > td > span.updatable-system:has(div){
    padding:                    0px;
}
.panel-div-container table > tbody > tr > td.separateur {
    background-color:           transparent;
    height:                     10px;
}
.panel-div-container table > tbody > tr > td.orange {
    background-color:           var(--dark-orange);
    color:                      white;
}
.panel-div-container table > tbody > tr > td.green {
    background-color:           var(--dark-green);
    color:                      white;
}
.panel-div-container table > tbody > tr > td.blue {
    background-color:           var(--dark-blue);
    color:                      white;
}
.panel-div-container table > tbody > tr > td.red {
    background-color:           var(--dark-red);
    color:                      white;
}
/*.panel-div-container > div > table > tbody > tr > td > .updatable-system,*/
.panel-div-container table > tbody > tr > td > .updatable-system {
    padding-left:               0px;
}
/*.panel-div-container > div > table > tbody > tr > td > .updatable-system.edited,*/
.panel-div-container table > tbody > tr > td > .updatable-system.edited {
    max-width:                  100%;
    width:                      100% !important;
    display:                    flex;
}

.html-flex-table {
    width:                      100%;
    display:                    grid;
    gap:                        3px;
    align-items:                center;
}
.html-flex-table > tbody,
.html-flex-table > tbody > tr {
    display:                    contents;/* because we want <td>s being direct child of table reset to a grid layout */
}
.html-flex-table > tbody > tr > th {
    text-align:                 start !important;
    width:                      unset !important;
}
.html-flex-table > tbody > tr > th:first-child::after {
    content:                    " :";
}
@media (min-width: 1500px) {
    .html-flex-table {
      grid-template-columns: auto 1fr;
    }
    .html-flex-table > tbody > tr > th {
        text-align:             end !important;
    }
}


/*.panel-div-container > div > table > tbody > tr > td > .updatable-system.edited > div,
.panel-div-container > table > tbody > tr > td > .updatable-system.edited > div {
    width:                      calc(100% - 2px) !important;
}*/
/*.panel-div-container > div > table > tbody > tr > td > .updatable-system.edited > div > .field-input,*/
.panel-div-container table > tbody > tr > td > .updatable-system.edited > div > .field-input {
    overflow:                   unset !important;
}
.area-input.focus,
.input.focus, 
input[type=text].focus, input[type=password].focus, .select.focus, textarea.focus, .textarea.focus,
input[type=text]:focus, input[type=password]:focus, select:focus{
	outline-style: none;
    box-shadow: none !important;
    /*border: 1px solid var(--medium-blue) !important;*/
    border-radius: 4px;
}
.panel-div-container > div > table > tbody > tr > td > .updatable-system.edited > div > .field-input > input:focus,
.panel-div-container > table > tbody > tr > td > .updatable-system.edited > div > .field-input > input:focus {
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
}
/*.panel-div-container > div > table > tbody > tr > td > .updatable-system.edited:has(input),
.panel-div-container > table > tbody > tr > td > .updatable-system.edited:has(input) {
    padding:                    0px 3px;
}*/
/*.panel-div-container > div > table > tbody > tr > td > .updatable-system.edited > input,*/
.panel-div-container table > tbody > tr > td > .updatable-system.edited > input {
    margin-left:                -5px;
    width:                      calc(100% - 10px) !important;
    border-radius:              6px !important;
}
.panel-div-container > div > table > tbody > tr > td > .clipboard-copy,
.panel-div-container > table > tbody > tr > td > .clipboard-copy {
    /*height:                     100% Bug Chrome ? */
    height:                     26px;
}
.panel-div-container > div > table > tbody > tr > td > .dynamic-field-action,
.panel-div-container > table > tbody > tr > td > .dynamic-field-action {
    height:                     100%
}

.noborder-container {
    display:                    flex;
    justify-content:            center;
}
.noborder-container table {
    border-spacing:             5px;
}
.noborder-container table > tbody > tr > th {
    width:                      1%;
    white-space:                nowrap;
    text-align:                 right;
    /*padding:                    0px 5px;*/
}
.noborder-container table > tbody > tr > td {
    height:                     20px;
    border-radius:              6px;
    background-color:           var(--light-blue);
    padding:                    0px;
    height:                     26px;
    line-height:                26px;
    color:                      black;
    /*padding-left:               5px;*/ 
}
.noborder-container table > tbody > tr > td:not(:has(*)) {
    padding:                    0px 5px;
}
.noborder-container table > tbody > tr > td > span > .updatable-system {
    top:                        0px;
    margin-left:                5px;
}
/* Panels Flex */
.page-content > form > .tab-control > .wrap-super-body > .wrap-body {
    display:                    flex;
    height:                     calc(100% - 50px);
}
.page-content > form > .tab-control > .wrap-super-body > .wrap-body > .listing,
.page-content > form > .tab-control > .wrap-super-body > .wrap-body > .panel {
    flex:                       1;
}

/* Panel documents */
.documents.listing {
    display:                    flex;
    align-items:                flex-start;
}
.documents.listing > .arborescence {
    left:                       0;
    top:                        0;
    height:                     100%;
    box-shadow:                 none;
}
.documents.listing > .arborescence > h1 {
    background-image:           none;
    padding-left:               0px;
}
.documents.listing > .arborescence > h1::before {
    content:                    "";
    position:                   relative;
    left:                       0px;
    display:                    inline-block;
    background-size:            16px;
    z-index:                    10;
    width:                      16px;
    height:                     100%;
    filter:                     brightness(100);
    background-image:           url(css/svg/line/archive.svg);;
    background-repeat:          no-repeat;
    background-position-y:      center;
    margin:                     0px 5px;
}
.documents.listing > .arborescence-listing {
    flex:                       1;
    margin-left:                20px;
    box-shadow:                 none;
    position:                   relative;
    left:                       0;
    top:                        0;
    height:                     100%;
}

/* Eligibilité */
.eligibility-result > .frame > .tab-control > .wrap-header > .simple-button > .simple-button-icon:not(.icon-loupe) {
    filter:                     none !important;
}
.eligibility-result > .informations > .tab-control > .wrap-super-body > .wrap-body > .panel > .table-data > tbody > tr > th {
    width:                      1%;
    white-space:                nowrap;
    text-align:                 right;
    padding-right:              5px;
    vertical-align:             middle;
}
.cel-commande > div {
    text-align:                 left !important;
}
.best-offer {
    background-image:           url(css/svg/line/premier-prix.svg) !important;
    background-repeat:          no-repeat;
    background-size:            16px;
}
.nofilter > .simple-button-icon {
    filter:                     none !important;
}

.eligibilite-resume-jauge {
    background:                 none;
    border-radius:              4px;
    box-shadow:                 none;
}
.eligibilite-resume-jauge > div {
    border-radius:              0px;
}
.eligibilite-resume-jauge-bleu {
    border-color:               var(--dark-green);
    background-color:           transparent;
}
.eligibilite-resume-jauge-vert {
    border-color:               var(--dark-green);
    background-color:           var(--dark-green);
}
.eligibilite-resume-jauge-vert-clair {
    border-color:               var(--light-green);
    background-color:           var(--light-green);
}
.eligibilite-resume-jauge-orange-clair,
.eligibilite-resume-jauge-orange {
    border-color:               var(--light-orange);
    background-color:           var(--light-orange);
}
.eligibilite-resume-jauge-rouge {
    border-color:               red;
    background-color:           red;
}
.eligibilite-resume-jauge-noir {
    border-color:               var(--black);
    background-color:           var(--black);
}
.eligibilite-test > h2 > .container-action.open {
    transform:                  none;
}
.eligibilite-test > h2 > .container-action.closed {
    transform:                  rotate(180deg);
}
.eligibilite-test > h2 > .container-action {
    border-radius:              11px;
    background-image:            url(css/svg/line/angle-petit-bas.svg);
    filter:                     brightness(100);
    background-size:            contain;
    background-position:        0px 1px;
}

/* Standalone div */
.panel-standalone-div {
    border-radius:              6px;
    overflow:                   hidden;
    border:                     1px solid var(--medium-blue);
}
.panel-standalone-div > .google-details-container {
    display:                    none;
}
.panel-standalone-div > .google-map {
    margin:                     0;
    width:                      100%;
    border:                     0px;
}

.realtime-observium {
    width:                      100%;
}

/* Divers */
.mce-ico {
    font-family:               'tinymce',Arial !important;
}

.apercu-photo-routeur {
    width:                      50%;
    height:                     300px !important;
    text-align:                 center;
}
.details-suivi {
    line-height:                14px !important;
    padding:                    5px!important;
    word-break:                 break-all;
}
div.flex {
    align-items:                baseline;
}
.table-data.user-module {
    width:                      unset;
}

.panel-map {
    display:                    flex;
    align-items:                baseline;
}
.panel-map > div {
    flex:                       1;
}

.panel-div-container:has(div.google-map),
.panel-div-container:has(div.google-details-container){
    padding:                    0px;
    margin:                     5px;
}
.panel-div-container > div.google-map{
    padding:                    0px;
    margin:                     0px;
    width:                      calc(100% - 2px);
}
.panel-div-container > div.google-details-container {
    float:                      unset;
    width:                      unset;
    margin:                     0px;
    padding:                    0px 10px;
}
.pad-10 {
    padding:                    10px !important;
}

.phibee-filemanager.listing {
    display:                    flex;
}
.phibee-filemanager.listing > .arborescence {
    box-shadow:                 none;
    border:                     1px solid var(--medium-blue);
    border-radius:              6px !important;
}
.phibee-filemanager.listing > .arborescence-listing {
    flex:                       1;
    margin-left:                10px;
    box-shadow:                 none;
    border:                     1px solid var(--medium-blue);
    border-radius:              6px !important;
}

.panel.panel-gestion-backbone-transport.informations-extremites {
    display:                    flex;
}
.panel.panel-gestion-backbone-transport.informations-extremites > div {
    flex:                       1;
    margin:                     5px;
}

.widget {
    border-radius:              6px;
}
.widget.border {
    border:                     1px solid var(--medium-blue);
}
.widget {
    border-radius:              6px;
}
.widget.table > .wrap-body {
    background-color:           white;
}
.widget > .wrap-body > .wrapper > table > thead > tr > th {
    background-color:           white;
}

.arborescence-top li {
    background-size:            16px;
    background-position:        0px center !important;
}

.apercu-mail {
    border:                     1px solid var(--medium-blue);
    border-radius:              6px;
    width:                      auto;
    height:                     400px;
    padding:                    20px 10px;
    overflow-y:                 auto;
    background-color:           white;
}
.apercu-mail > p > b {
    font-weight:                900 !important;
}
.apercu-mail > p > b:has(br) {
    line-height:                13px;
}

/* Popup gmap infowindow eligibilité */
.popup-gmap-infos-immeuble {
    width:                      100%;
    max-width:                  unset;
}
.popup-gmap-infos-immeuble > p {
    margin-bottom:              0px;;
}
.popup-gmap-infos-immeuble > table {
    width:                      100%;
    margin:                     auto;
    max-width:                  unset;
}
.popup-gmap-infos-immeuble > table > tbody > tr > th {
    white-space:                nowrap;
    line-height:                16px;
}
.popup-gmap-infos-immeuble > table > tbody > tr > td > img {
    margin-right:               5px;
}
.popup-gmap-infos-immeuble > table > tbody > tr > td > div.action {
    width:                      16px;
    height:                     16px;
    background-size:            16px;
    cursor:                     pointer;
    filter:                     brightness(0);
}
.popup-gmap-infos-immeuble > table > tbody > tr > td > div {
    display:                    inline-block;
    margin-right:               5px;
}
.popup-gmap-infos-immeuble > table > tbody > tr > td > div > .simple-button {
    filter:                     brightness(0) !important;
}
.popup-gmap-infos-immeuble > table > tbody > tr > td > div.ellipsis,
.popup-gmap-infos-immeuble > table > tbody > tr > td > div > .ellipsis {
    align-items:  				center;
    max-width:                  185px;
    white-space:            	nowrap;
    overflow:               	hidden;
    max-height:             	30px;
    text-overflow:          	ellipsis;
    height:                 	16px;
}
.popup-gmap-infos-immeuble > table > tbody > tr > td > div > .ellipsis.identifiant-ipe {
    display:                    inline-block;
    max-width:                  145px;
}

.gm-style-iw.immeuble {
    width:                      440px !important; 
    max-width:                  440px !important; 
    /*height:                     315px !important; 
    max-height:                 315px !important; */
    padding:                    0px 5px !important;
}
.gm-style-iw.immeuble.height-232 {
    height:                     240px !important; 
    max-height:                 240px !important; 
}
.gm-style-iw.immeuble.height-256 {
    height:                     260px !important; 
    max-height:                 260px !important; 
}
.gm-style-iw.immeuble.height-280 {
    height:                     285px !important; 
    max-height:                 285px !important; 
}
.gm-style-iw.immeuble.height-282 {
    height:                     292px !important; 
    max-height:                 292px !important; 
}
.gm-style-iw.immeuble.height-283 {
    height:                     290px !important; 
    max-height:                 290px !important; 
}
.gm-style-iw.immeuble.height-284 {
    height:                     291px !important; 
    max-height:                 291px !important; 
}
.gm-style-iw.immeuble.height-285 {
    height:                     292px !important; 
    max-height:                 292px !important; 
}
.gm-style-iw.immeuble.height-286 {
    height:                     293px !important; 
    max-height:                 293px !important; 
}
.gm-style-iw.immeuble.height-287 {
    height:                     294px !important; 
    max-height:                 294px !important; 
}
.gm-style-iw.immeuble.height-288 {
    height:                     295px !important; 
    max-height:                 295px !important; 
}
.gm-style-iw.immeuble.height-289 {
    height:                     296px !important; 
    max-height:                 296px !important; 
}
.gm-style-iw.immeuble.height-290 {
    height:                     297px !important; 
    max-height:                 297px !important; 
}
.gm-style-iw.immeuble.height-294 {
    height:                     300px !important; 
    max-height:                 300px !important; 
}
.gm-style-iw.immeuble.height-304 {
    height:                     310px !important; 
    max-height:                 310px !important; 
}
.gm-style-iw.immeuble.height-309 {
    height:                     316px !important; 
    max-height:                 316px !important; 
}
.gm-style-iw.immeuble.height-310 {
    height:                     317px !important; 
    max-height:                 317px !important; 
}

/* AlertBox TableData */
/*.wrap-box-body.alertbox-corps > table.table-data > tbody > tr > td {
    min-width:                  400px;
}
.wrap-box-body.alertbox-corps > table.table-data > tbody > tr > td:has(.simple-button) {
    min-width:                  0px;
}*/

div.widget-listing.reseaux-collecte-uniques div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-provisionnement span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon.icon-deprovisionner-24,
div.widget-listing.reseaux-collecte-uniques div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-provisionnement span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon.icon-provisionner-24,
div.widget-listing.blocs-ip-supplementaires div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-provision span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon.icon-deprovisionner-24,
div.widget-listing.blocs-ip-supplementaires div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-provision span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon.icon-provisionner-24,
div.widget-listing.profils-de-connexions div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-provision span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon.icon-provisionner-24,
div.widget-listing.profils-de-connexions div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-provision span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon.icon-deprovisionner-24 {
    filter:                     none !important;
    background-size:            22px;
}

div.widget-listing.blocs-ip-supplementaires div.box-table.wrap-body div.wobject.border.widget.table.menu.no-radius div.wrap-body.scrollbars div.wrapper table.wobject.simple-table.overable.sortable.readonly tbody tr td.cel-route span.wobject.button.simple-button.noselect.notext.icon.icon-button.no-fill span.wrap-icon.simple-button-icon {
    filter:                     none !important;
}

.simple-button.green.round {
    min-width:                  30px;
    max-width:                  30px;
    width:                      30px;
    width:                      30px;
    height:                     30px;
    border-radius:              17px !important;
    padding:                    0px !important;
    background-color:           var(--light-green) !important;
}
.simple-button.green.round > .simple-button-icon {
    display:                    unset !important;
    filter:                     brightness(100);
    padding:                    0px !important;
    margin:                     0px !important;
}
.simple-button.green.round > .simple-button-text {
    display:                    none !important;
}

.ligne {
    background-image:       url(css/blue_line.png);
    background-repeat:      no-repeat;
    background-position:    50% center;
    background-size:        100% 2px;
}
.ligne.droite {
    background-repeat:      no-repeat;
    background-position:    100% 50%;
    background-size:        50% 2px;
}
.ligne.gauche {
    background-position:    0% 50%;
    background-size:        50% 2px;
}

.wrap-box-body > h2 {
    display:                flex;
    align-content:          center;
    height:                 34px;
    padding:                0px;
    border-radius:          6px;
    color:                  white;
    background-color:       var(--medium-blue);
    margin:                 10px 0px;
    line-height:            32px;
    font-size:              0.96rem !important;
}
.wrap-box-body > h2:before {
    content:                "";
    position:               relative;
    width:                  10px;
    height:                 10px;
}
.wrap-box-body > .tab-control > .wrap-super-body > .wrap-body > .panel > .table-data,
.wrap-box-body > .table-data {
    min-width:              600px;
}
/* Mise en forme grid pour formulaires à 2 colonnes */
.panel-div-container .grid-2cols,
.grid-2cols {
    display:                grid;
    grid-template-columns:  repeat( auto-fit, minmax(350px, 1fr) );
	column-gap:             10px;
}
.grid-3cols > div,
.grid-2cols > div {
    flex:                   1;
}
.grid-3cols > div > table,
.grid-2cols > div > table {
    width:                  100%; 
}
.panel-div-container > .grid-3cols,
.grid-3cols {
    display:                grid;
    grid-template-columns:  repeat( auto-fit, minmax(250px, 1fr) );
	column-gap:             10px;
}
.panel-div-container > .grid-300,
.grid-300 {
    display:                grid !important;
    grid-template-columns:  repeat( auto-fit, minmax(300px, 1fr) );
	column-gap:             10px;
    row-gap:                10px;
    padding:                10px !important;   /* Modules utilisateurs */
}

.jours-fermeture {
    width:                  100%;
}
.jours-fermeture > tbody > tr > th {
    width:                  1px;
    padding:                0px 5px;
}

.nodisplay {
    display:                none !important;
}
.widget-evenements > .table {
    border:                 1px solid var(--medium-blue) !important;
}

.description-incident {
    padding:                0px 5px;
    max-width:              1200px;
    overflow-x:             auto;
    overflow-y:             hidden;
    text-overflow:          ellipsis;
}

.box-tab-control-container > .tab-control.top > .wrap-super-body {
    border-bottom-right-radius:     6px;
    border-bottom-left-radius:      6px;
}

.details-interaccess-incident > .details,
.details-etherwan-incident > .details,
.details-etherlns-incident > .details {
	background-color:       var(--light-blue);
    border-radius:          6px;
}

.bouton-notification-sms {
    margin-left:            5px;
}

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

.input.datetime > .button, .pc .input.datetime > .button:hover, .mobile .input.datetime > .button:active {
    right:                  75px;
}

.panel-documentation {
    background-position:    unset !important;
}
.documentation-vop-full > div {
    border:                 none;
}
.panel-div-container > h2 > span.titre > .breadcrumbs > a {
    color:                  white;
}

.panel-div-container > h2 > span.actions > .simple-button.bouton-etendre > .simple-button-icon  {
    filter:                 brightness(100);
    background-size:        24px;
}
/*.panel-div-container > h2 > span.titre > .actions > .simple-button.bouton-etendre > .simple-button-icon  {
    transform:              rotate(180);
}*/

.standalone-widgetlisting {
    border:                 1px solid var(--medium-blue) !important;
    border-radius:          6px;
    margin:                 auto;
    margin-bottom:          15px;
    overflow:               hidden;
    width:                  100%;
}
.standalone-widgetlisting > .widget {
    border-radius:          0px !important;
    overflow:               hidden;
}

.content > .pages > .page-header > .lang-actions > a {
    background-size:        contain;
    height:                 20px;
    width:                  25px;
}

.table-data.row-centered > tbody > tr > th {
    width:                  50%;
}


.icon-etat-ecarlate {
    height:                 14px !important;
    width:                  14px !important;
    background-image:       none;
    background-color:       red;
    border:                 2px solid white;
    border-radius:          12px;
}
.icon-etat-vert {
    height:                 14px !important;
    width:                  14px !important;
    background-image:       none;
    background-color:       var(--light-green);
    border:                 2px solid white;
    border-radius:          12px;
}
.icon-etat-rouge {
    height:                 14px !important;
    width:                  14px !important;
    background-image:       none;
    background-color:       var(--dark-red);
    border:                 2px solid white;
    border-radius:          12px;
}
.icon-etat-jaune {
    height:                 14px !important;
    width:                  14px !important;
    background-image:       none;
    background-color:       var(--dark-yellow);
    border:                 2px solid white;
    border-radius:          12px;
}
.icon-etat-orange {
    height:                 14px !important;
    width:                  14px !important;
    background-image:       none;
    background-color:       var(--dark-orange);
    border:                 2px solid white;
    border-radius:          12px;
}

/* Scrollbar */
.scrollbars > .scrollbar {
    background-color:       var(--medium-blue);
}
/*.wobject.scrollbar > .wrap-body {
    background-color:       var(--medium-blue);
}*/
.wobject.scrollbar > .wrap-body > .cursor {
    background-color:       white !important;
    background-image:       none !important;
    left:                   1px !important;
    right:                  1px !important;
    width:                  calc(100% - 1px) !important;
    border:                 none !important;
    margin-top:             1px !important;
}
.wobject.scrollbar > .simple-button {
    background-color:       white;
    background-image:       none;
    border:                 1px solid var(--medium-blue);
    border-radius:          4px !important;
    width:                  calc(100% - 1px);
    left:                   0px;
}
.wobject.scrollbar > .simple-button > .simple-button-icon.icon-1up-mini {
    background-image:       url(css/svg/line/fleche-petit-haut.svg);
    background-position:    0px 0px;
}
.wobject.scrollbar > .simple-button > .simple-button-icon.icon-1down-mini {
    background-image:       url(css/svg/line/fleche-petit-bas.svg);
    background-position:    -1px -1px;
}

.conteneur-boutons-header-vop {
    position:               absolute;
    top:                    2px;
    right:                  5px;
    z-index:                10;
    display:                flex;
    flex-direction:         row;
    align-items:            start;
    gap:                    5px;
}
.expand-button,
.conteneur-boutons-header-vop > .expand-button {
    border-radius:          15px;
    width:                  18px;
    min-width:              18px;
    background-image:       none;
    overflow-x:             hidden;
    display:                inline-block;
    margin:                 2px 0px;
    border:                 0px;
    transition:             all ease 0.5s;
}
.expand-button:hover,
.conteneur-boutons-header-vop > .expand-button:hover {
    border:                 0px;
    background-image:       none;
    z-index:                30000;
}
.expand-button.button-green,
.conteneur-boutons-header-vop > .expand-button.button-green {
    background-color:       var(--light-green);
}
.expand-button.button-green:hover,
.conteneur-boutons-header-vop > .expand-button.button-green:hover {
    width:                  100px;
    min-width:              100px;
    background-color:       var(--light-green);
    background-image:       none;
    border:                 0px;
}
.expand-button.button-orange,
.conteneur-boutons-header-vop > .expand-button.button-orange {
    background-color:       var(--light-orange);
}
.expand-button.button-orange:hover,
.conteneur-boutons-header-vop > .expand-button.button-orange:hover {
    width:                  135px;
    min-width:              135px;
    background-color:       var(--light-orange);
    background-image:       none;
    border:                 0px;
}
.expand-button.button-red {
    background-color:       var(--dark-red);
}
.expand-button.button-red:hover {
    background-color:       var(--dark-red);
    background-image:       none;
    border:                 0px;
}
.expand-button.button-blue {
    background-color:       var(--medium-blue);
}
.expand-button.button-blue:hover {
    background-color:       var(--medium-blue);
    background-image:       none;
    border:                 0px;
}
.expand-button.button-purple {
    background-color:       var(--medium-purple);
}
.expand-button.button-purple:hover {
    background-color:       var(--medium-purple);
    background-image:       none;
    border:                 0px;
}
.expand-button > .simple-button-icon,
.conteneur-boutons-header-vop > .expand-button > .simple-button-icon {
    filter:                 brightness(100) !important;
}
.expand-button > .simple-button-icon,
.conteneur-boutons-header-vop > .expand-button > .simple-button-icon {
    position:               absolute;
    width:                  20px;
    display:                inline-block !important;
    height:                 20px;
    top:                    2px;
    left:                   4px;
}
.expand-button > .simple-button-text,
.conteneur-boutons-header-vop > .expand-button > .simple-button-text {
    display:                inline-block;
    position:               absolute;
    left:                   6px;
    top:                    2px;
    color:                  white;
}

.conteneur-boutons-header-vop > .simple-button {
    display:                flex;
    align-items:            center;
}
.conteneur-boutons-header-vop > .simple-button > .simple-button-text {
    position:               unset !important;
}
.conteneur-boutons-header-vop > .expand-button-search {
    width:                  27px;
    min-width:              27px;
    border-radius:          15px;
    height:                 24px;
    margin:                 2px 0px;
    border:                 0px;
    transition:             all ease 0.5s;
    background-color:       black;
    overflow:               hidden;
}
.conteneur-boutons-header-vop > .expand-button-search:focus-within,
.conteneur-boutons-header-vop > .expand-button-search:hover {
    border:                 0px;
    width:                  400px;
    min-width:              400px;
    background-image:       none;
    z-index:                30000;
}
.conteneur-boutons-header-vop > .expand-button-search > .input-completer {
    background:             black;
    border:                 0px;
}
.conteneur-boutons-header-vop > .expand-button-search > .input-completer > .field-input {
    border-radius:          15px;
    border:                 0px;
    padding-left:           5px;
    width:                  calc(100% - 30px);
}
.conteneur-boutons-header-vop > .expand-button-search > .input-completer > .simple-button {
    background:             black;
}
.conteneur-boutons-header-vop > .expand-button-search > .input-completer > .simple-button > .simple-button-icon {
    filter:                 brightness(100);
}
.conteneur-boutons-header-vop > .button-orange,
.conteneur-boutons-header-vop > .button-green {
    max-width:              18px !important;
    min-width:              18px !important;
}
.conteneur-boutons-header-vop > .button-green:hover {
    max-width:              100px !important;
    min-width:              100px !important;
}
.conteneur-boutons-header-vop > .button-orange:hover {
    max-width:              132px !important;
    min-width:              132px !important;
}
.conteneur-boutons-header-vop > .button-red {
    height:                 20.5px;
    max-width:              18px !important;
    min-width:              18px !important;
}
.conteneur-boutons-header-vop > .button-red:hover {
    height:                 20.5px;
    max-width:              115px !important;
    min-width:              115px !important;
}

.panel-map > .google-details-container {
    display:                none;
}

.tc-super-body {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius:  6px;
    border-top-right-radius:    6px;
    overflow:                   hidden;
}

.w-line > .wrap-header {
    display:                    flex;
    align-items:                center;
}
.w-line > .wrap-header > .wrap-icon {
    top:                        unset;
}

.Span_Etat > .simple-button > .icon-valid {
    filter:                     none;
}

.formEligibiliteTest .page-footer > .simple-button {
    width:                      130px !important;
}

.netflow {
    width:                      100%;
}

.wrap-super-body .alertbox > .wrap-background {
    top:                        1px;
    left:                       6px;
    width:                      calc(100% - 12px);
    height:                     calc(100% - 7px);
    border-radius:              5px;
}

.button, .box-simple-button, .button > a {
    line-height:                18px;
    height:                     20px;
}

.panel-div-container > div.table-infos-eligibilite-ftth {
    height:                     auto;
    max-height:                 5px;
    overflow-y:                 hidden;
    transition:                 all 0.5s ease;
    padding:                    0px 15px;
}

.icon-client-lang {
    float:                      right;
    width:                      28px;
    height:                     24px;
    background-position:        center center;
    background-size:            contain;
}

.client-lang-toggle-container {
    display:                    flex;
}
.client-lang-toggle-container > span {
    margin:                     0px 5px;
}

.widgets-dashboard:has(.text-content) {
    display:                    flex;
}
.widgets-dashboard:has(.text-content) > .widgets-box {
    width:                      unset !important;
    float:                      unset !important;
    margin-left:                unset !important;
}
.widgets-dashboard:has(.text-content) > .widgets-box.col-2 {
    display:                    flex;
    flex-direction:             column;
}
.text-content {
    border:                     1px solid var(--medium-blue);
    border-radius:              6px;
    overflow-y:                 auto;
    min-width:                  600px;
    max-width:                  600px;
    padding:                    5px;
    flex:                       1;
}

td:has(.icon-infos-cellule) {
    display:                    flex;
    justify-content:            space-between;
}
.icon-infos-cellule {
    flex:                       0;
}
.icon-infos-cellule > .simple-button {
    padding:                    2px 0px;
}

.user-module {
    background-color:           var(--medium-blue);
    border-radius:              10px;
    color:                      white;
}
.user-module .module-icon {
    width:                      20px;
    height:                     20px;
    background-size:            contain;
    filter:                     brightness(100);
}
.user-module td {
    background-color:           transparent !important;
    color:                      white !important;
}

.toggle-text {
    display:                    flex;
    padding-left:               5px !important;
    column-gap:                 5px;
}

/*tr.line-altern-0:has(.best-offer):has([class*="cel-operateur-tarif-"]) {
    background-color:           white !important;
}*/
td:has(.best-offer) {
    border-radius:              10px;
    overflow:                   hidden;
    background:                 var(--compare-yellow) !important;
    /*color:                      white;*/
}
td:has(.best-offer) > .best-offer {
    background-image:           none !important;
}
.content > .pages .page-content .widgets .simple-table > tbody > tr:hover > td[class*="cel-operateur-tarif-"]:has(.best-offer),
.pc .content > .pages .widget > .wrap-body .simple-table > tbody > tr:hover > td[class*="cel-operateur-tarif-"]:has(.best-offer) {
    background:                 var(--compare-yellow) !important;
}
.content > .pages .page-content .widgets .simple-table > tbody > tr:hover > td[class*="cel-operateur-tarif-"]:has(.best-offer) > .best-offer > div,
.pc .content > .pages .widget > .wrap-body .simple-table > tbody > tr:hover > td[class*="cel-operateur-tarif-"]:has(.best-offer) .best-offer > div {
    background:                 var(--compare-yellow) !important;
    color:                      black !important;
}

.inside-widget-search {
    border:                     1px solid var(--medium-blue);
    margin-bottom:              20px;
    border-radius:              6px;
}
.inside-widget-search > .panel-div-container {
    margin-bottom:              0px;
}
.inside-widget-search > .flex-table {
    margin:                     10px;
}

.base-documents {
    display:                    flex;
    height:                     100%;
    column-gap:                 20px;
    padding:                    0px 20px;
    width:                      calc(100% - 40px);
}
.arborescence,
.arborescence-listing {
    border-radius:              10px !important;
    overflow:                   hidden;
}
.arborescence {
    position:                   unset;
    min-height:                 100%;
    height:                     100%;    
    width:                      350px;
    border:                     1px solid var(--medium-blue);
    box-shadow:                 none;
}
.arborescence-listing {
    position:                   unset;
    min-height:                 100%;
    height:                     100%;    
    top:                        0px;
    border:                     1px solid var(--medium-blue);
    box-shadow:                 none;
    flex:                       1;
}
.arborescence-top li > div {
    display:                    flex;
    align-items:                center;
}
.arborescence-top li > div > .icon-flag-frgb,
.arborescence-top li > div > .icon-flag-fr,
.arborescence-top li > div > .icon-flag-gb,
.arborescence-top li > div > .icone {
    width:                      16px;
    height:                     16px;
    background-size:            contain;
    display:                    inline-block;
}
.arborescence-top li > div > .icon-flag-frgb,
.arborescence-top li > div > .icon-flag-fr,
.arborescence-top li > div > .icon-flag-gb{
    background-position:        center;
    margin-right:               5px;
}
.arborescence-top li > div > p {
    margin:                     0px 5px;
    flex:                       1;
}
.arborescence-top li > div > .actions > span {
    padding:                    0px;
    margin:                     0px;
}
.arborescence-listing > h2 {
    padding:                    0px;
}
.arborescence-listing.panel-div-container,
.arborescence.panel-div-container {
    display:                    block;
}
.arborescence-listing > div,
.arborescence.panel-div-container > div {
    border:                     0px;
}
.arborescence-listing .hp-button {
    border:                     1px solid var(--medium-blue);
    border-radius:              8px;
    overflow:                   hidden;
}
.arborescence-listing .wrap-mask {
    background-size:            32px;
}
.arborescence-listing.panel-div-container > .box-table.wrap-body {
    flex-direction:             column;
    align-items:                center;
}
.arborescence.panel-div-container > .recherche {
    border-bottom:              1px solid var(--medium-blue);
    display:                    flex;
    align-items:                center;
    border-radius:              0px;
}
.arborescence.panel-div-container > .recherche > input {
    flex:                       1;
}
.arborescence.panel-div-container > .recherche > .simple-button {
    padding:                    0px;
}

.widget-header-table th {
    color:                      white;
}

form:has(.page-footer) >  .tab-control .wrap-super-body  {
    border-bottom-left-radius:  0px;
    border-bottom-right-radius: 0px;
}

.widget-container-flex > .widgets-dashboard {
    display:                    flex;
    column-gap:                 10px;
}

.toggle-container {
    display:                    flex;
    column-gap:                 10px;
    align-items:                center;
    margin-left:                5px;
}

.cel-action .simple-button-icon {
    background-size:            contain;
}

.sliding-panel {
    display:                    flex;
    width:                      100%;
    column-gap:                 10px;
}
.sliding-panel > div {
    transition:                 all 0.5s;
    overflow-x:                 hidden;
    flex:                       0.00001;
}
.sliding-panel > div.left {
    flex:                       1;
}
.sliding-panel > div .wrap-body {
    width:                      100%;
}
.sliding-panel > div.left.grow {
    flex:                       0.3;
}
.sliding-panel > div.right.grow {
    flex:                       0.7;
}

.wrap-footer {
    margin:                     5px;
}
.wrap-footer > table {
    width:                      100%;
    border-spacing:             2px;
}
.wrap-footer > table th {
    text-align:                 right;
}

.wrap-footer:has(.total-cell){
    margin:                     0px;
}
.widget > .wrap-footer > .table-data > tbody > tr > td.total-cell {
    color:                      white !important;
    border-radius:              6px;
    width:                      100px;
    padding:                    5px;
    text-align:                 right !important;
    text-shadow:                none !important;
}
.total-cell.green {
    background-color:           var(--dark-green);
}
.total-cell.red {
    background-color:           var(--dark-red);
}
.total-cell.blue {
    background-color:           var(--dark-blue);
}

.updatable-system.js {
    top:                        1px;
}

.input-calendar.datetime {
    display:                    flex;
    align-items:                center;
    min-width:                  200px;
    max-width:   				200px;
}
.input-calendar.datetime > .wrap-input.field-input {
    min-width:                  85px;
    max-width:                  85px;
    width:                      85px;
    flex:                       1;
    margin-right:               0;
    padding-right:              0;
}
.input-calendar.datetime > .simple-button {
    position:                   unset;
}
.input-calendar.datetime > .simple-button > .simple-button-icon {
    display:                    block;
    position:                   unset;
}
.input-calendar.datetime > .wrap-text.field-text {
    position:                   unset;
    background-color:         white;
    border-radius:              4px;
    height:                     20px;
    line-height:                19px;
}
.input-calendar.datetime > .input-button {
    position:                   unset;
    margin-left:                2px;
}
.input-calendar.datetime > .input-button > .wrap-input.field-input {
    min-width:                  41px;
    width:                      41px;
}
.input-calendar.datetime > .input-button > .simple-button {
    position:                   absolute;
    right:                      -2px;
    top:                        -2px;
    border:                     2px solid var(--medium-blue);
    border-radius:              6px;
}

.nowrap {
    white-space:                nowrap;
    width:                      1px;
}

.table-data.setiar td {
    min-height:                 550px;
}
.setiar.content {
    min-width:                  500px;
}
.setiar > .tab-control.top > .wrap-header .simple-button {
    border-top-left-radius:     6px !important;
    border-top-right-radius:    6px !important;
}
.overlay-bubble {
    display:                    block;
    white-space:                nowrap;
}
.overlay-pointer {
    position:                   unset;
    min-height:                 14px;
    margin-top:                 -1px;
}


.gm-style-iw.immeuble:has(.popup-gmap-infos-nd) {
    width:                      500px !important; 
    max-width:                  500px !important; 
    padding:                    0px 5px !important;
}
.gm-style-iw.immeuble:has(.popup-gmap-infos-nd) td > .updatable-system.js.locked {
    max-width:                  380px !important; 
    text-overflow:              ellipsis;
    overflow-x:                 hidden;
    white-space:                nowrap;
    position:                   relative;
    top:                        4px !important;
}

.attachment-titre {
    display:                    flex;
    align-items:                center;
}
.attachment-titre > span {
    flex:                       1;
}

.dynamic-widget-cell {
    width:                      1px;
    white-space:                nowrap;
    padding:                    0px 5px !important;
}
.dynamic-widget-cell-shrink {
    width:                      1px;
    white-space:                normal !important;
}
/* Dashboard Widgets */
.widget-poc .dashboard-widget-content > div {
    background-color:           transparent;
    color:                      white;
    padding-left:               35px;
    margin-bottom:              5px;
}
.widget-poc .dashboard-widget-content,
.widget-suivi-commandes .dashboard-widget-content {
    background-color:           transparent;
    padding:                    0px;
}
.widget-poc table,
.widget-suivi-commandes table {
    width:                      100%;
    margin:                     0px 0px;
    border-spacing:             3px;
    background-color:           white;
    border-radius:              6px;
}
.widget-suivi-commandes table:nth-child(2) {
    margin:                     5px 0px;
}
.widget-stock table {
    width:                      99%;
    margin:                     auto;
    border-spacing:             3px;
}
.widget-suivi-commandes table > thead > tr > th,
.widget-suivi-commandes table > tbody > tr > th,
.widget-stock table > thead > tr > th,
.widget-stock table > tbody > tr > th {
    min-width:                  1px;
    white-space:                nowrap;
    text-align:                 left;
}
.widget-suivi-commandes table > thead > tr > td,
.widget-suivi-commandes table > tbody > tr > td,
.widget-stock table > thead > tr > td,
.widget-stock table > tbody > tr > td {
    height:                     20px;
    min-width:                  40px;
    width:                      40px;
    max-width:                  40px;
    text-align:                 center;
}
.widget-stock table > thead > tr > td > span {
    cursor:                     pointer;
}
.widget-suivi-commandes table > tbody > tr > td,
.widget-stock table > tbody > tr > td {
    background-color:           var(--light-blue);
}
.widget-prise-de-commandes table > tbody > tr:first-child > td:nth-child(2),
.widget-suivi-commandes table > tbody > tr:first-child > td:first-of-type,
.widget-stock table > tbody > tr:first-child > td:first-of-type {
    border-top-left-radius:     6px;
}
.widget-prise-de-commandes table > tbody > tr:first-child > td:last-child,
.widget-suivi-commandes table > tbody > tr:first-child > td:last-child,
.widget-stock table > tbody > tr:first-child > td:last-child {
    border-top-right-radius:    6px;
}
.widget-prise-de-commandes table > tbody > tr:last-child > td:nth-child(2),
.widget-suivi-commandes table > tbody > tr:last-child > td:first-of-type,
.widget-stock table > tbody > tr:last-child > td:first-of-type {
    border-bottom-left-radius:  6px;
}
.widget-prise-de-commandes table > tbody > tr:last-child > td:last-child,
.widget-suivi-commandes table > tbody > tr:last-child > td:last-child,
.widget-stock table > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 6px;
}

.widget-prise-de-commandes table > tbody > tr > td{
    height:                     26px;
    line-height:                26px;
    padding:                    0px 5px;
}


.dashboard-widget > h2 {
    cursor:                     default;
}

.widgets-dashboard.flex {
    column-gap:                 10px;
}
.widgets-dashboard.flex > .col-1 {
    flex:                       0;
}
.widgets-dashboard.flex > .col-2 {
    flex:                       1;
}

.widget-calendrier td {
    font-size:                  0.9rem !important;
}
/* Eligibilite unifiée */
.infos-eligibilite-unifiee {
    position:                   absolute;
    left:                       5px;
    bottom:                     5px;
    width:                      40px;
    height:                     40px;
    background-size:            contain;
    cursor:                     pointer;
}
.eligibilite-par-adresse {
    width:                      95%;
    margin:                     10px auto;
    margin-bottom:              0px;
}
.eligibilite-par-coordonnees {
    width:                      95%;
    margin:                     10px auto;
    margin-bottom:              0px;
}

.commentaires-client-cloture {
    display:                    block;
    max-width:                  700px;
    word-break:                 break-word;
    white-space:                break-spaces;
}

.no-width {
    min-width:                  1px;
    width:                      1px;
    margin:                     auto;
}

.pad-5 {
    padding-left:               5px;
}

.dynamic-field-action.hide,
.clipboard-copy.hide {
    display:                    none;
}

.widget-statistiques .highcharts-label tspan {
    font-size:                  11px !important;
}

.alignement-covage td,
.alignement-covage th,
.alignement-covage {
    border:                     1px solid black;
}
.alignement-covage th{
    text-align:                 left !important;
}
.alignement-covage {
    border-spacing:             2px;
}

/* Welcome letter EtheraccessFOAvecModem */
.panel.no-pad {
    background-image:           none;
    padding-left:               0px !important;
}
.welcome-letter {
    background-color:           white;
    color:                      black !important;
    padding:                    10px;
    border-radius:              10px;
}
.welcome-letter .bold {
    font-weight:                900 !important;
}
.welcome-letter .manufacturer {
    width:                      100px;
    height:                     50px;
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            contain;
}
.welcome-letter .manufacturer.rad {
    background-image:           url(css/welcome_letter/rad.png);
}
.welcome-letter .manufacturer.nokia {
    background-image:           url(css/welcome_letter/nokia.png);
}
.welcome-letter .manufacturer.sfr {
    background-image:           url(css/welcome_letter/sfr.png);
}
.welcome-letter .manufacturer.cisco {
    background-image:           url(css/welcome_letter/cisco.png);
}
.welcome-letter .manufacturer.huawei {
    background-image:           url(css/welcome_letter/huawei.png);
}
.welcome-letter .manufacturer.raisecom {
    background-image:           url(css/welcome_letter/raisecom.png);
}
.welcome-letter .manufacturer.adva {
    background-image:           url(css/welcome_letter/adva.png);
}
.welcome-letter .manufacturer.zte {
    background-image:           url(css/welcome_letter/zte.png);
}
.welcome-letter > .circuit-info {
    margin-bottom:              30px;
}
.welcome-letter > .circuit-info > span {
    font-weight:                900 !important;
}
.welcome-letter > .welcome-letter-template-extremites {
    display:                    grid;
    grid-template-columns:      2fr 1fr 2fr;
    margin-bottom:              30px;
}
.welcome-letter > .welcome-letter-template-extremites > div > span {
    font-weight:                900 !important;
}
.welcome-letter > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      2fr 1fr 2fr;
    margin-bottom:              60px;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .title,
.welcome-letter > .welcome-letter-template-graphiques > .right > .title {
    font-size:                  0.85rem !important;
    text-align:                 center;
    margin-top:                 20px;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content,
.welcome-letter > .welcome-letter-template-graphiques > .right > .content {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
}
.welcome-letter > .welcome-letter-template-graphiques > .left {
    width:                      100% !important;
}
.welcome-letter > .welcome-letter-template-graphiques > .center {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter > .welcome-letter-template-graphiques > .center > div {
    border-top:                 1px solid var(--medium-blue);
    border-bottom:              1px solid var(--medium-blue);
    height:                     0px;
    width:                      100%;
    margin-top:                 15px;
}
.welcome-letter > .welcome-letter-template-graphiques > .right {
    display:                    flex !important;
    flex-direction:             column;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .first-row {
    margin-bottom:              15px;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .first-row > .rad-info {
    text-align:                 right;
    flex:                       1;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .second-row {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .second-row > .interface-info {
    flex:                       1;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .second-row > .interface {
    width:                      100px;
    height:                     50px;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .second-row > div {
    font-size:                  0.85rem !important;
}
.welcome-letter > .welcome-letter-template-graphiques > .left > .content > .second-row > div > span {
    font-size:                  0.85rem !important;
    font-weight:                900 !important;
}
.welcome-letter > .welcome-letter-template-graphiques > .right > .content {
    flex:                       1;
    display:                    flex;
    align-items:                center;
}
.welcome-letter > .welcome-letter-template-graphiques > .right > .content > .vlan-number {
    font-size:                  0.85rem !important;
}
.welcome-letter > .welcome-letter-template-graphiques > .right > .content > .separateur {
    flex:                       1;
}
.welcome-letter > .welcome-letter-template-graphiques > .right > .content > .tronc-info {
    text-align:                 center;
    width:                      250px;
}
.welcome-letter > .welcome-letter-documents > span {
    background-size:            30px;
    padding-left:               35px;
    margin-right:               20px;
    display:                    inline-block;
    height:                     30px;
    line-height:                30px;
}
/* Welcome letter EtheraccessSdslAvecModem */

.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      0.5fr 0.5fr 50px 0.5fr 1fr 0.5fr 2fr;
    grid-template-rows:         20px 1fr 40px 20px 1fr;
    margin-bottom:              60px;
    grid-template-areas: 
		'. 	    .	            .               .               titre-demarc    .       titre-porte'
		'l2c1 	l2c2	        socket          l2c4            demarc          l2c6    porte'
		'l3c1 	details-socket	details-socket	details-socket  .               .       .'
		'l4c1 	titre-lmp	    titre-lmp	    titre-lmp       titre-lmp       .       .'
		'rad 	rad		        rad		        rad             rad             .       .'
		;
}

.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques .titre-demarc {
    grid-area:                  titre-demarc;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques .titre-porte {
    grid-area:                  titre-porte;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques .titre-demarc,
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques .titre-porte {
    display:                    flex;
    align-items:                end;
    justify-content:            center;
    text-align:                 center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c1 {
    grid-area:                  l2c1;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c1 > div {
    border-left:                1px solid var(--medium-blue);
    border-right:               1px solid var(--medium-blue);
    position:                   relative;
    left:                       100%;
    top:                        50%;
    height:                     50%;
    width:                      0px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .interface-cell {
    grid-area:                  socket;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .interface-cell > .interface {
    width:                      50px;
    height:                     100%;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .demarc {
    grid-area:                  demarc;
    display:                    flex !important;
    flex-direction:             column;
    margin-left:                -1px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .demarc > .title {
    text-align:                 center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .demarc > .content {
    flex:                       1;
    display:                    flex;
    align-items:                center;
    border-radius:              12px;
    border:                     3px solid var(--medium-blue);
    padding:                    5px 10px;
    justify-content:            center;
    margin-left:                1px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c2 {
    grid-area:                  l2c2;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c4 {
    grid-area:                  l2c4;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c6 {
    grid-area:                  l2c6;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c2 > div,
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c4 > div,
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l2c6 > div {
    border-top:                 1px solid var(--medium-blue);
    border-bottom:              1px solid var(--medium-blue);
    height:                     0px;
    width:                      100%;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .porte {
    grid-area:                  porte;
    display:                    flex !important;
    flex-direction:             column;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .porte > .title {
    font-size:                  0.85rem !important;
    text-align:                 center;
    margin-top:                 20px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .porte > .content {
    flex:                       1;
    display:                    flex;
    align-items:                center;
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .porte > .content > .vlan-number {
    font-size:                  0.85rem !important;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .porte > .content > .separateur {
    flex:                       1;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .porte > .content > .tronc-info {
    text-align:                 center;
    width:                      250px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l3c1 {
    grid-area:                  l3c1;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .details-socket {
    grid-area:                  details-socket;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .details-socket > div {
    text-align:                 center;
    margin-top:                 -40px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l4c1 {
    grid-area:                  l4c1;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l4c1 > div,
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .l3c1 > div {
    border-left:                1px solid var(--medium-blue);
    border-right:               1px solid var(--medium-blue);
    position:                   relative;
    left:                       100%;
    top:                        0px;
    height:                     100%;
    width:                      0px;
}

.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .titre-lmp {
    grid-area:                  titre-lmp;
    text-align:                 left;
    padding-left:               30px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad {
    grid-area:                  rad;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad {
    width:                      100% !important;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .first-row {
    margin-bottom:              15px;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .first-row > .rad-info {
    text-align:                 right;
    flex:                       1;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .second-row {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .second-row > .interface-info {
    flex:                       1;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .second-row > .interface {
    width:                      100px;
    height:                     50px;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .second-row > div {
    font-size:                  0.85rem !important;
}
.welcome-letter.etheraccess-sdsl-avec-modem > .welcome-letter-template-graphiques > .rad > .content > .second-row > div > span {
    font-size:                  0.85rem !important;
    font-weight:                900 !important;
}
/* Welcome letter EtheraccessFOSansModem */
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      3fr 1.5fr 3fr 1.5fr 4fr;
    margin-bottom:              60px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .separateur {
    height:                     25px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .conteneur-interface {
    display:                    flex;
    align-items:                center;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .conteneur-interface > .interface {
    display:                    inline-block;
    width:                      60px;
    height:                     50px;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .conteneur-interface > .ligne-bleue {
    display:                    inline-block;
    flex:                       1;
    height:                     0px;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .conteneur-interface > .separateur {
    height:                     50px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .conteneur-interface > .separateur > .vide {
    height:                     23px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .conteneur-interface > .separateur > .ligne-bleue-verticale {
    border:                     2px solid var(--medium-blue);
    height:                     23px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-1 > .socket-info {
    width:                      100%;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-2 > .ligne-bleue  {
    position:                   relative;
    top:                        72px;
    width:                      100%;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-3 {
    display:                    flex !important;
    flex-direction:             column;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-3 > .title {
    text-align:                 center;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-3 > .content {
    flex:                       1;
    display:                    flex;
    align-items:                center;
    border-radius:              12px;
    border:                     3px solid var(--medium-blue);
    padding:                    5px 10px;
    justify-content:            center;
    margin-left:                1px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-4 > .ligne-bleue  {
    position:                   relative;
    top:                        calc(50% + 9px);
    width:                      100%;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-5 {
    display:                    flex !important;
    flex-direction:             column;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-5 > .title {
    text-align:                 center;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-5 > .content {
    flex:                       1;
    display:                    flex;
    align-items:                center;
    border-radius:              12px;
    border:                     3px solid var(--medium-blue);
    padding:                    5px 10px;
    margin-left:                1px;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-5 > .content > .vlan-number {
    font-size:                  0.85rem !important;
}
.welcome-letter.etheraccess-fo-sans-modem > .welcome-letter-template-graphiques > .col-5 > .content > .tronc-info {
    flex:                       1;
    text-align:                 center;
}
/* Welcome letter EtherlnsVDSL */
.welcome-letter.etherlns-vdsl > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      1fr 2fr 2fr;
    margin-bottom:              60px;
}
.welcome-letter.etherlns-vdsl > .welcome-letter-template-graphiques > .left > .content {
    padding:                    10px;
}
.welcome-letter.etherlns-vdsl > .welcome-letter-template-graphiques > .right > .content > .tronc-info > span {
    max-width:                  200px;
    display:                    inline-block;
}
.welcome-letter.etherlns-vdsl > .welcome-letter-template-graphiques > .left > .subtitle {
    font-size:                  0.85rem !important;
    text-align:                 center;
}
/* Welcome letter Etherlns4G */
.welcome-letter.etherlns-4g > .sim-info {
    margin-bottom:              60px;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      2fr 72px 1fr 2.5fr;
    margin-bottom:              10px;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-1 > .sim  {
    display:                    inline-block;
    width:                      160px;
    height:                     110px;
    background-image:           url(css/welcome_letter/sim.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-2 > .antenne  {
    display:                    inline-block;
    width:                      72px;
    height:                     110px;
    background-image:           url(css/welcome_letter/antenne.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-3 > .ligne-bleue  {
    position:                   relative;
    top:                        54px;
    width:                      100%;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-4 {
    display:                    flex !important;
    flex-direction:             column;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-4 > .title {
    text-align:                 center;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-4 > .content {
    flex:                       1;
    display:                    flex;
    align-items:                center;
    border-radius:              12px;
    border:                     3px solid var(--medium-blue);
    padding:                    5px 10px;
    margin-left:                1px;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-4 > .content > .vlan-number {
    font-size:                  0.85rem !important;
}
.welcome-letter.etherlns-4g > .welcome-letter-template-graphiques > .col-4 > .content > .tronc-info {
    flex:                       1;
    text-align:                 center;
}
/* Welcome letter Interaccess4G */
.welcome-letter.interaccess-4g > .sim-info {
    margin-bottom:              60px;
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      2fr 72px 1fr 1fr 1fr;
    margin-bottom:              10px;
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques > .col-1 > .sim  {
    display:                    inline-block;
    width:                      160px;
    height:                     110px;
    background-image:           url(css/welcome_letter/sim.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques > .col-2 > .antenne  {
    display:                    inline-block;
    width:                      72px;
    height:                     110px;
    background-image:           url(css/welcome_letter/antenne.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques > .col-3 > .ligne-bleue  {
    position:                   relative;
    top:                        54px;
    width:                      100%;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques > .col-4 {
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
    margin-left:                2px;
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques > .col-4 > div {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
    margin-top:                 -10px;
    height:                     100px;
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
    text-align:                 center;
}
.welcome-letter.interaccess-4g > .welcome-letter-template-graphiques > .col-5 > .nuage {
    width:                      179px;
    height:                     137px;
    background-image:           url(css/welcome_letter/nuage.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
    top:                        -10px;
    position:                   relative;
}
.welcome-letter.interaccess-4g > .sim-info > .bold {
    font-weight:                900 !important;
}
/* Welcome letter InteraccessFOSansRouteur */
.welcome-letter.interaccess > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      400px 1fr 1fr 180px;
    margin-bottom:              20px;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .title {
    font-size:                  0.85rem !important;
    text-align:                 center;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 {
    width:                      100% !important;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .first-row {
    margin-bottom:              15px;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .first-row > .rad-info {
    text-align:                 right;
    flex:                       1;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .second-row {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .second-row > .interface-info {
    flex:                       1;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .second-row > .interface {
    width:                      50px;
    height:                     50px;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .second-row > .interface.fibre {
    background-image:           url(css/welcome_letter/interface-fibre.png);
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .second-row > div {
    font-size:                  0.85rem !important;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-1 > .content > .second-row > div > span {
    font-size:                  0.85rem !important;
    font-weight:                900 !important;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-2 > .ligne-bleue {
    position:                   relative;
    top:                        84px;
    width:                      100%;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-3 {
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
    margin-left:                2px;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-3 > div {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
    margin-top:                 25px;
    height:                     100px;
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
    text-align:                 center;
}
.welcome-letter.interaccess > .welcome-letter-template-graphiques > .col-4 > .nuage {
    width:                      179px;
    height:                     137px;
    background-image:           url(css/welcome_letter/nuage.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
    top:                        10px;
    position:                   relative;
}
.welcome-letter.interaccess > .details {
    margin-bottom:              40px;
}
.welcome-letter.interaccess > .details > .bold {
    font-weight:                900 !important;
}
/* Welcome letter InteraccessFOAvecRouteur */
.welcome-letter.interaccess.routeur > .welcome-letter-template-graphiques {
    margin-bottom:              0px;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur {
    display:                    grid;
    grid-template-columns:      400px;
    margin-bottom:              40px;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .title {
    font-size:                  0.85rem !important;
    text-align:                 center;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 {
    width:                      100% !important;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .first-row {
    margin-bottom:              15px;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .first-row > .rad-info {
    text-align:                 right;
    flex:                       1;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > .interface-info {
    flex:                       1;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > .interface {
    width:                      50px;
    height:                     50px;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > .interface.fibre {
    background-image:           url(css/welcome_letter/interface-fibre.png);
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > .interface-qte {
    font-size:                  1.85rem !important;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > div {
    font-size:                  0.85rem !important;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > div > span {
    font-size:                  0.85rem !important;
    font-weight:                900 !important;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-graphiques > .col-1 > .ligne-bleue {
    display:                    flex;
    justify-content:            center;
}
.welcome-letter.interaccess.routeur > .welcome-letter-template-graphiques > .col-1 > .ligne-bleue > div {
    width:                      0px;
    height:                     20px;
    border:                     2px solid var(--medium-blue);
}
.welcome-letter.interaccess.ftth > .welcome-letter-template-graphiques > .col-3 > div,
.welcome-letter.interaccess.routeur > .welcome-letter-template-graphiques > .col-3 > div {
    margin-top:                 0px;
}

/* Welcome letter InteraccessFTHAvecRouteur */
.welcome-letter.interaccess.ftth > .welcome-letter-template-graphiques,
.welcome-letter.interaccess.routeur.ftth > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      400px 0.2fr 0.5fr 0.2fr 0.8fr 179px;
    margin-bottom:              0px;
}
.welcome-letter.interaccess.ftth > .welcome-letter-template-graphiques {
    margin-bottom:              40px;
}
.welcome-letter.interaccess.ftth > .welcome-letter-template-graphiques > .col-5,
.welcome-letter.interaccess.routeur.ftth > .welcome-letter-template-graphiques > .col-5 {
    display:                    flex;
    flex-direction:             column;
    align-items:                center;
    margin-left:                2px;
    min-width:                  140px;
}
.welcome-letter.interaccess.ftth > .welcome-letter-template-graphiques > .col-5 > .title,
.welcome-letter.interaccess.routeur.ftth > .welcome-letter-template-graphiques > .col-5 > .title {
    font-size:                  0.85rem !important;
    top:                        30px;
    position:                   relative;
}
.welcome-letter.interaccess.ftth > .welcome-letter-template-graphiques > .col-5 > .pto,
.welcome-letter.interaccess.routeur.ftth > .welcome-letter-template-graphiques > .col-5 > .pto {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
    top:                        30px;
    height:                     70px;
    position:                   relative;
    align-content:              center;
    width:                      calc(100% - 24px);
    text-align:                 center;
}
.welcome-letter.interaccess.routeur.ftth > .welcome-letter-template-routeur {
    display:                    grid;
    grid-template-columns:      400px;
    margin-bottom:              40px;
}
/* Welcome letter InteraccessVDSL */
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      1fr 1fr 1fr 1fr;
    margin-bottom:              60px;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-1 > .title {
    text-align:                 center;
    margin-top:                 10px;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-1 > .content {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    20px 10px;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-2 {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-2 > div {
    border-top:                 1px solid var(--medium-blue);
    border-bottom:              1px solid var(--medium-blue);
    height:                     0px;
    width:                      100%;
    margin-top:                 15px;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-3 {
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
    margin-left:                2px;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-3 > div {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
    margin-top:                 25px;
    height:                     100px;
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
    text-align:                 center;
}
.welcome-letter.interaccess-vdsl > .welcome-letter-template-graphiques > .col-4 > .nuage {
    width:                      179px;
    height:                     137px;
    background-image:           url(css/welcome_letter/nuage.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
    top:                        5px;
    position:                   relative;
}
.welcome-letter.interaccess-vdsl > .pppoe-info {
    margin-bottom:              60px;
}
.welcome-letter.interaccess-vdsl > .pppoe-info > .bold {
    font-weight:                900 !important;
}

/* Welcome letter InteraccessVDSL Routeur */
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      0.5fr 1fr 1fr 1fr 1fr;
    margin-bottom:              0px;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-graphiques > .col-1 > .title {
    display:                    flex;
    align-items:                end;
    justify-content:            center;
    height:                     35px;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-graphiques > .col-4 > .nuage {
    top:                        20px;
}
.welcome-letter.interaccess-vdsl.routeur > .details {
    margin-bottom:              40px;
}
.welcome-letter.interaccess-vdsl.routeur > .details > .bold {
    font-weight:                900 !important;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-graphiques > .col-1 > .ligne-bleue {
    display:                    flex;
    justify-content:            center;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-graphiques > .col-1 > .ligne-bleue > div {
    width:                      0px;
    height:                     20px;
    border:                     2px solid var(--medium-blue);
}

.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur {
    display:                    grid;
    grid-template-columns:      400px;
    margin-bottom:              40px;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .title {
    font-size:                  0.85rem !important;
    text-align:                 center;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content {
    border-radius:              12px;
    border:                     2px solid var(--medium-blue);
    padding:                    5px 10px;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 {
    width:                      100% !important;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .first-row {
    margin-bottom:              15px;
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .first-row > .rad-info {
    text-align:                 right;
    flex:                       1;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row {
    display:                    flex !important;
    align-items:                center;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > .interface-info {
    flex:                       1;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > .interface {
    width:                      100px;
    height:                     50px;
    background-image:           url(css/welcome_letter/rj45.png);
    background-repeat:          no-repeat;
    background-position:        center;
    background-size:            initial;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > div {
    font-size:                  0.85rem !important;
}
.welcome-letter.interaccess-vdsl.routeur > .welcome-letter-template-routeur > .col-1 > .content > .second-row > div > span {
    font-size:                  0.85rem !important;
    font-weight:                900 !important;
}
/* Welcome letter EhterLNSFtth */
.welcome-letter.etherlns.ftth > .welcome-letter-template-graphiques {
    display:                    grid;
    grid-template-columns:      400px 0.5fr 1fr 0.5fr 250px;
    margin-bottom:              40px;
}
.welcome-letter.etherlns.ftth > .welcome-letter-template-graphiques > .col-pto {
    display:                    flex !important;
    flex-direction:             column;
}
.welcome-letter.etherlns.ftth > .welcome-letter-template-graphiques > .col-pto > .title {
    text-align:                 center;
    position:                   relative;
    top:                        35px;
}
.welcome-letter.etherlns.ftth > .welcome-letter-template-graphiques > .col-pto > .content {
    display:                    flex;
    align-items:                center;
    border-radius:              12px;
    border:                     3px solid var(--medium-blue);
    padding:                    5px 10px;
    top:                        35px;
    position:                   relative;
    height:                     60px;
}

/*.cel-ref_client {
    word-break:                 break-all;
}*/

/* Tiny MCE */
.mce-tinymce.mce-container {
    border-radius:              6px;
    border:                     1px solid var(--medium-blue);
    overflow:                   hidden;
}
.mce-tinymce.mce-container .mce-btn {
    background-color:           var(--medium-blue);
}
.mce-tinymce.mce-container .mce-btn:hover {
    background-color:           var(--light-blue);
}
.mce-container .mce-menubar,
.mce-container .mce-toolbar-grp {
    background-color:           var(--medium-blue);
}
.mce-tinymce.mce-container .mce-btn,
.mce-tinymce.mce-container .mce-menubtn {
    border-radius:              4px;
}
.mce-toolbar-grp .mce-btn button span,
.mce-toolbar-grp .mce-menubtn button span,
.mce-menubar .mce-menubtn button span {
    color:                      white !important;
}
.mce-menubar .mce-menubtn.mce-active button span {
    color:                      black !important;
}
.mce-menubar .mce-menubtn:hover,
.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:focus {
    background-color:           var(--light-blue) !important;
}
.mce-menubar .mce-menubtn,
.mce-menubar .mce-menubtn.mce-active button,
.mce-menubar .mce-menubtn {
    color:                      black !important;
    border:                     none !important;
}
.mce-menubar .mce-menubtn,
.mce-menubar .mce-menubtn.mce-active button .mce-caret,
.mce-menubar .mce-menubtn {
    filter:                     none !important;
}
.mce-btn button:hover span,
.mce-toolbar-grp .mce-menubtn button:hover span,
.mce-menubar .mce-menubtn button:hover span {
    color:                      black !important;
}
.mce-toolbar-grp .mce-menubtn button .mce-caret,
.mce-menubar .mce-menubtn button .mce-caret {
    filter:                     brightness(100) !important;
}
.mce-toolbar-grp .mce-btn button:hover .mce-caret,
.mce-toolbar-grp .mce-menubtn button:hover .mce-caret,
.mce-menubar .mce-menubtn button:hover .mce-caret {
    filter:                     none !important;
}
.mce-ico {
    filter:                     brightness(100) !important;
}
.mce-widget:hover .mce-ico {
    filter:                     none !important;
}

.eligibility-result .cel-nrc,
.eligibility-result .cel-mrc {
    white-space:                nowrap;
}

.cursor-pointer {
    cursor:                     pointer;
}

.graph-statistiques-liaisons {
    overflow:                   hidden;
}

.flex-panel {
    display:                    flex;
    column-gap:                 10px;
    row-gap:                    10px;
    flex-wrap:                  wrap;
}
.flex-panel > div {
    flex:                       1;
}
.flex-panel > div table {
    min-width:                  400px;
}

/* Hack Chrome Commandes sinon chevauchement */
.formCommande .panel-div-container {
    min-width:                  510px;
}
/*.panel.panel-commander.nopad {
    background-image:           none;
    padding-left:               0px !important;
}*/

/* Classement éligibilité */
.eligibility-result .classement {
    display:                    flex;
    align-items:                end;
}
.classement-eligibilite {
   min-height:                  24px;
   margin-bottom:               10px;
   container-name:              score;
   container-type:              size;
}

/* Libre NMS */
.librenms-resume {
    display:                    flex;
    justify-content:            space-between;
    min-height:                 200px;
}
.librenms-resume > div > img {
    display:                    block;
    width:                      303px;
    cursor:                     pointer;
}
.librenms-resume > div > span {
    display:                    block;
    text-align:                 center;
}
.librenms-apercu-filtre {
    width:                      100%;
}
.librenms-apercu-filtre > table {
    margin:                     auto;
    width:                      450px;
}
.librenms-apercu-image {
    width:                      100%;
    /*height:                     400px;*/
}

.flag .simple-table.overable > tbody > tr:hover > td,
.flag .simple-table.overable > tbody > tr:hover > th,
.flag .simple-table.overable > tbody > tr:hover > td > *,
.flag .simple-table.overable > tbody > tr:hover > td > div > *,
.flag .simple-table.chrome.overable > tbody > tr:active, 
.flag .simple-table.overable > tbody > tr:active,
.flag .simple-table.chrome.overable > tbody > tr:hover,
.flag .simple-table.overable > tbody > tr:hover {
    color:                      unset;
}

@container score (min-width: 200px) {
    .classement-eligibilite > div.gagnant {
        display:                grid !important;
        grid-template-areas:    "coupe score"
                                "titre titre";
        grid-template-columns:  50% 50%;
        grid-template-rows:     auto 25px;
    }
    .classement-eligibilite > div.gagnant > .coupe-eligibilite {
        width:                  100%;
        height:                 100%;
    }
    .classement-eligibilite > div.gagnant > .coupe-eligibilite {
        width:                  calc(100% - 20px);
        height:                 calc(100% - 20px);
        background-image:       url(css/svg/fill/trophee.svg);
        background-size:        contain;
        background-repeat:      no-repeat;
        background-position:    center;
        margin:                 10px;
    }
    .classement-eligibilite > div.gagnant > .score-eligibilite {
        font-size:              5rem !important;
        line-height:            3rem;
        width:                  100%;
        height:                 100%;
        text-align:             center;
        display:                flex;
        align-items:            center;
        justify-content:        center;
    }
    .classement-eligibilite > div.gagnant > .titre-classement-eligibilite {
        font-size:              1.2rem !important;
        height:                 25px;
        width:                  200%;
        text-align:             center;
    }
}

@container score (max-width: 199px) {
    .classement-eligibilite > div.gagnant {
        display:                flex;
        align-items:            end;
        justify-content:        center;
        flex-direction:         column;
    }
    .classement-eligibilite > div.gagnant > .coupe-eligibilite {
        width:                  100%;
        height:                 100%;
    }
    .classement-eligibilite > div.gagnant > .coupe-eligibilite {
        width:                  calc(100% - 10px);
        /*height:                 calc(100% - 20px);*/
        background-image:       url(css/svg/fill/trophee.svg);
        background-size:        contain;
        background-repeat:      no-repeat;
        background-position:    center;
        margin:                 5px;
        flex-grow:              1;
    }
    .classement-eligibilite > div.gagnant > .score-eligibilite {
        width:                  100%;
        text-align:             center;
    }
    .classement-eligibilite > div.gagnant > .titre-classement-eligibilite {
        width:                  100%;
        text-align:             center;
    }
}
.classement-eligibilite > div {
    margin:                     0px 5px;
    height:                     100%;
    border-radius:              6px;
    background-color:           var(--medium-blue);
    color:                      white;
    display:                    flex;
    align-items:                end;
    justify-content:            center;
}
@container score (min-height: 20px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              1.4rem !important;
    }
}
@container score (min-height: 30px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              2rem !important;
    }
}
@container score (min-height: 50px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              2.5rem !important;
    }
}
@container score (min-height: 70px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              3rem !important;
    }
}
@container score (min-height: 90px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              3.5rem !important;
    }
}
@container score (min-height: 110px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              4rem !important;
        line-height:            4rem;
        height:                 65px;
    }
}
@container score (min-height: 130px) {
    .classement-eligibilite > div > .score-eligibilite {
        font-size:              4.5rem !important;
    }
}

.cel-fichier {
    max-width:                  300px;
    word-wrap:                  anywhere;
}
.cel-fichier > div > .simple-button {
    display:                    block;
    width:                      calc(100% - 10px);
    overflow:                   hidden;
    height:                     20px;
}

input[type="text"].wobject.input.filter-highlight,
.wobject.input.filter-highlight input  {
    background-color:           yellow;
}
/* Listing incidents bubble */
/*.incident-echanges .widget.echange > .wrap-body {
    height:                     unset;
}
.incident-echanges .widget-listing .echange .cel-action,
.incident-echanges .widget-listing .echange .cel-renvoi {
    display:                    none !important;
}
.incident-echanges .widget-listing .cel-date > div > .bubble-exchange {
    display:                    none;
}
.incident-echanges .widget-listing .cel-date > div > .normal-exchange {
    display:                    block;
}
.incident-echanges .widget-listing .echange .cel-date > div > .normal-exchange {
    display:                    none;
}
.incident-echanges .widget-listing .echange .cel-date > div > .bubble-exchange {
    display:                    block;
}
.incident-echanges .widget-listing .echange .cel-initiateur {
    display:                    none !important;
}
.incident-echanges .widget-listing .cel-sujet > div > .bubble-exchange {
    display:                    none;
}
.incident-echanges .widget-listing .cel-sujet > div > .normal-exchange {
    display:                    block;
}
.incident-echanges .widget-listing .echange .cel-sujet > div > .normal-exchange {
    display:                    none;
}
.incident-echanges .widget-listing .echange .cel-sujet > div > .bubble-exchange {
    display:                    block;
}
.incident-echanges .widget-listing .cel-arrow {
    display:                    none !important;
}
.incident-echanges .widget-listing .echange .cel-arrow {
    display:                    block !important;
}
.incident-echanges .widget-listing .echange .cel-arrow.phibee {
    left:                       unset !important;
    right:                      11px;
}*/

/* a supprimer apres mise en prod */
.widget-listing:has(.wrap-body > .widget > .wrap-header > .wrap-h > h2 > span.titre) > h2 {
    display: none !important;
}
.wobject.window .frameworker,
.wobject.window .table-data {
	min-width:   				600px;
}

.simple-button.green.bouton-log-staging,
.simple-button.green.bouton-generer-config-pe,
.simple-button.green.bouton-generer-config-osr {
    padding:                    0px 2px !important;
    min-width:                  0px;
    column-gap:                 0px;
}
.simple-button.green.bouton-log-staging > .simple-button-icon,
.simple-button.green.bouton-generer-config-pe > .simple-button-icon,
.simple-button.green.bouton-generer-config-osr > .simple-button-icon {
    display:                    none !important;
}

.w-line > .wrap-header > .wrap-icon {
    background-size:            20px;
}

/* Statistiques LibreNMS */
.services-reseau {
    display:                    flex;
    align-items:                center;
    padding-bottom:             1px;
}
.statistiques-librenms {
    container-type:             inline-size;
    container-name:             librenms;
    width:                      100%;
}
.librenms-grid {
    display:                    grid;
    width:                      100%;
    grid-template-columns:      repeat(19, 1fr);
    gap:                        10px;
    grid-template-rows:         230px 230px;
    align-items:                baseline;
    row-gap:                    15px;
    margin-bottom:              15px;
}
@container librenms (max-width: 1465px) {
    .librenms-grid {
        display:                unset !important; 
    }
}
.librenms-grid > .infos-ce {
    grid-row:                   1;
    grid-column:                1 / 10;
}
.librenms-grid > .latence {
    grid-row:                   1;
    grid-column:                10 / 20;
}
.librenms-grid > .trafic {
    grid-row:                   2;
    grid-column:                1 / 12;
}
.librenms-grid > .realtime {
    grid-row:                   2;
    grid-column:                12 / 20;
}
.librenms-grid > .logs {
    grid-area:                  logs;
}
.librenms-logo {
    text-align:                 center !important;
}
.librenms-logo > svg {
    width:                      80px;
}


/* Dynamic field */
.splite-flex-subtitle {
    display:                    flex;
    width:                      100%;
    align-items:                center;
    min-width:                  800px;
    height:                     26px;
}
.splite-flex-subtitle > .label {
    white-space:                nowrap;
    min-height:                 26px;
    line-height:                26px;
}
.splite-flex-subtitle > .wobject.dynamicfield {
    width:                      auto;
    margin-right:               5px;
}
.splite-flex-subtitle > .wobject.dynamicfield .label {
    width:                      auto;
    margin:                     5px;
    line-height:                26px;
}


.champ.flex {
    display:                    flex;
    align-items:                center;
    flex-wrap:                  nowrap;
    justify-content:            flex-start;
}
.champ.flex > .wobject.dynamicfield {
    width:                      unset;
    margin-right:               5px;
}

.wobject.dynamicfield {
    width:                      100%;
}
.wobject.dynamicfield > div {
    width:                      100%;
    text-align:                 left;
}
.wobject.dynamicfield > div.hidden {
    display:                    none;
}
.wobject.dynamicfield > .action-field {
    display:                    flex;
    align-items:                center;
}
.wobject.dynamicfield > .action-field > .label {
    min-width:                  20px;
    padding:                    0px 5px;
    cursor:                     pointer;
}
.wobject.dynamicfield > .action-field > .label.widgettable-cell {
    flex-grow:                  1;
    padding:                    5px;
    padding:                    5px;
}
.wobject.dynamicfield > .action-field:not(:has(> .widgettable-cell)) > .label {
    min-height:                 26px;
    line-height:                26px;
}
.wobject.dynamicfield > .action-field > .label.masque {
    color:                      red;
}
.wobject.dynamicfield > .action-field .action-icon {
    display:                    inline-block;
    cursor:                     pointer;
    margin-left:                5px;
    width:                      16px;
    height:                     22px;
    background-repeat:          no-repeat;
    background-position-y:      center;
    visibility:                 hidden;
    transition:                 .5s all .5s;
    background-size:            contain;
    filter:                     brightness(0.7) grayscale(1);
    vertical-align:             bottom;
    min-width:                  16px;
    min-height:                 22px;
}
.wobject.dynamicfield > .action-field .action-icon.visible {
    visibility:                 visible;
    transition:                 .2s all .1s
}
.wobject.dynamicfield > .action-field .action-icon.hide {
    display:                    none !important;
}
.wobject.dynamicfield > .action-field .action-icon:hover {
    visibility:                 visible;
    transition:                 .2s all .1s
}

.span-compteur-contacts {
    width:                      20px;
    height:                     20px;
    display:                    inline-block;
    color:                      white;
    background-color:           #008000;
    border-radius:              12px;
    text-align:                 center;
    line-height:                19px;
    border:                     2px solid white;
    margin:                     0px 3px;
}
.span-compteur-contacts.red {
    background-color:           red;
}
.span-compteur-contacts.orange {
    background-color:           var(--dark-orange);

}
.span-compteur-contacts.small {
    width:                      16px;
    height:                     16px;
}

.wrap-tag.tag-button.exclamation {
    text-shadow:                none;
    background:                 none;
    background-image:           url(css/svg/fill/exclamation.svg);
    border:                     0px;
    height:                     20px;
    width:                      20px;
    background-size:            contain;
    background-position:        center;
    background-repeat:          no-repeat;
    box-shadow:                 none;
    background-color:           white;
    padding:                    0px;
    top:                        -10px;
    right:                      -10px;
}

/* 004027 : Zero Outage */
.zero-outage:hover,
.zero-outage {
    background-color:           red !important;
}
.zero-outage:hover > td,
.zero-outage > td {
    color:                      white !important;
}

.eligibilite-warning {
    width:                      1070px;
    background-color:           var(--medium-red);
    padding:                    10px;
    color:                      white;
    border-radius:              8px;
    display:                    flex;
    margin:                     auto;
    margin-top:                 0px;
    position:                   relative;
    top:                        -15px;
}
.eligibilite-warning > .icone {
    width:                      64px;
    height:                     100%;
    background-image:           url(css/svg/line/bouclier-exclamation.svg);
    filter:                     brightness(100);
    background-size:            48px;
    background-repeat:          no-repeat;
    background-position:        center;
}
.eligibilite-warning > .texte {
    width:                      1000px;
    display:                    flex;
    flex-direction:             column;
    justify-content:            center;
}
.eligibilite-warning > .texte > p {
    margin:                     5px 0px 5px 10px;
}

.validation-cgv {
    display:                    flex;
    align-items:                center;
}
.validation-cgv > div {
    color:                      white;
    margin:                     0px 10px;
}

@media only screen and (max-width: 1300px) {
    .cel-fichier .simple-button-text {
        display: none !important;
    }
    .tableau-attachements-reglementaires  .cel-fichier .simple-button-text {
        display: block !important;
    }
}