* {
  box-sizing: border-box;
}
.basdepage {
    /* margin-top: 400px!important; */
width: 96%;
margin: 15px;
border-top: 2px solid #bfbababa;
}
.titreprincipal{
background: #f6f6f6;
box-shadow: 0px 5px 5px #00000078;
padding: 10px;
width: 96%;
margin-top: 20px;
}
.entete {
    position: fixed;
    top: 50px;
    z-index: 1000;
    background: #fff;
    margin-top: 0px;
    width: 100%;
}
.loader-wrapper {
    position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 9000;
  opacity: 0.95;
  background-color: #343a40;
}
.loader-wrapper .text {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 0 100px;
color: rgba(255, 255, 255, .7);
text-transform: uppercase;
font-size: 11px;
font-family: sans-serif, helvetica;
letter-spacing: .5px;
}

.loader {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 667px;
width: 300px;
height: 24px;
position: relative;
  left: 50%;
border-left: 8px solid #ef7743;
border-right: 8px solid #ef7743;
overflow: hidden;
}

.loader .ball {
height: 8px;
width: 0;
background: #ef7743;
position: relative;
margin: 0;
}

.loader .ball:nth-child(1) {
-webkit-animation: ball 2s ease-in-out infinite;
animation: ball 2s ease-in-out infinite;
}

.loader .ball:nth-child(2) {
-webkit-animation: ball 2s ease-in-out .1s infinite;
animation: ball 2s ease-in-out .1s infinite;
}

.loader .ball:nth-child(3) {
-webkit-animation: ball 2s ease-in-out .2s infinite;
animation: ball 2s ease-in-out .2s infinite;
}

@-webkit-keyframes ball {
0% {
  left: 0;
  width: 0px;
}
25% {
  left: 0;
  width: 300px;
}
50% {
  left: 300px;
  width: 0px;
}
75% {
  left: 0;
  width: 300px;
}
100% {
  left: 0;
  width: 0px;
}
}

@keyframes ball {
0% {
  left: 0;
  width: 0px;
}
25% {
  left: 0;
  width: 300px;
}
50% {
  left: 300px;
  width: 0px;
}
75% {
  left: 0;
  width: 300px;
}
100% {
  left: 0;
  width: 0px;
}
}


@keyframes rotate {
  100% {
      transform: rotate(1turn);
  }
}
  h1.messageloader {
     /* position: relative; */
     margin: auto;
  margin-top: 50px;
  max-width: 774px;
  color: white;
  text-transform: uppercase;
  /* border-top: 10px solid #ef7743; */
  border-top: 10px solid #ef7743;
  text-align: center;
}
  div#dialog {
  background: #00800045;
  color: white;
  font-weight: bold;
  font-size: 25px;
}
.form-control, #select2-entreprise_guid-container {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #f4f4f4!important;
    background-clip: padding-box;
    border: 0;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
h2{
    color:#ef7743;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff!important;
    background-color: #ef7743!important;
    border-color: #ef7743!important;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ef7743!important;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #ef774340!important;
}
.btn-primary {
    color: #fff!important;
    background-color: #ef7743!important;
    border-color: #ef7743!important;
}
#btt{
    position: absolute;
    right: 10px;
}
#lft{
    right: 50px;
}

#inline {
    display : inline-block;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

#ligne {
    width : 50%;
    padding:5px;
    border-top:solid 1px black;
    margin-left:80px;
    margin-right:80px;
}

.panel-heading{
    margin-bottom: 30px;
}

label.required:after{
    color: #cc0000;
    content: "*";
    font-weight: bold;
    margin-left: 5px;
}

.wrapper-guest{
    margin-left: 0 !important; /*On supprime l'espace pour le menu de gauche sur la page de login*/
}

footer.sticky-footer-guest {
    width: 100% !important; /*On force le footer sur toute la largeur sur la page de login*/
}

#menu li.active > a {
    color: #fff;
    background-color: #080808;
}

.sidenav-toggled #menu{
    overflow-y: initial !important;
}



div.rotate img {
    padding:10px;
    -webkit-transform: scale(1.25);
	transform: scale(1.25);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  }

  div.rotate:hover img {
    -webkit-transform: scale(1);
	transform: scale(1);
  }
  .btn-geroba {

    text-align: center;
    margin: auto;
    display: block;
    margin-bottom: 6%;
    margin-top: 2%;
    width: 250px;
    height: 55px;
    color: #fff;
    border: 2px solid #fff;
    background-color: #ef7743;

  }
  a.boutonAccueil:hover{
    text-decoration: none;
}



  div.rotate
  {border-radius: 5px;
     /* margin-left: 1px;
    margin-right:1px;   */
}

  div.regionGroupe button, div.filtreVersion button,div.filtreZone button {
    margin: 2px;

    }
    button.button.btn.is-checked {
        background-color: #ef7743!important;
        border: #ef7743!important;
    }
img.logoclient {
    object-fit: contain;
    height: 100px;
    width: 100px;
    position: relative;
    left: -4px;
}
.divmastername {
    height: 120px;
}
span.help-block {
    color: red;
}
img.imageshare {
    max-width: 100%;
}
#logoCompany
{top:0px!important;}
.thematic {
    background-repeat: no-repeat;
    background-size:24px;
    width: 24px;
    height: 24px;
    /* background-size: contain; */
    display:inline-block;
    margin: 1px;
}
.filtreThematic{
    position: relative;
    top: 5px;
    left: 0px;

}
.nomThematic{
    display:inline-block;
    overflow: hidden;
  margin-bottom:0px;
}
.btn-thematic {
    background: #17a2b8;
    border-radius: 8px;
    outline: 0px!important;
    color: white;
    font-weight: bold;
}
.btn-thematic:hover {
    border: 2px orange solid;
}
.btn-thematic.active {
    background: orange;
}
.directionnelle {
    background-image: url("/resources/images/icones/symboles/directionnelle.png");
}

.police {
    background-image: url("/resources/images/icones/symboles/police.png");
}

.eclairagepublic {
    background-image: url("/resources/images/icones/symboles/pictoperso/eclairagepublic.png");
   }

.obstacles {
    background-image: url("/resources/images/icones/symboles/pictoperso/obstacle.png");
}

.glissierebetonarme {
    background-image: url("/resources/images/icones/symboles/pictoperso/glissierebetonarme.png");
}

.glissiere {
    background-image: url("/resources/images/icones/symboles/pictoperso/glissiere.png");
}

.fleches {
    background-image: url("/resources/images/icones/symboles/pictoperso/fleches.png");
}

.ilotpleins {
    background-image: url("/resources/images/icones/symboles/pictoperso/ilotpleins.png");
}

.ligne {
    background-image: url("/resources/images/icones/symboles/pictoperso/ligne.png");
}

.priorites {
    background-image: url("/resources/images/icones/symboles/pictoperso/priorites.png");
   }
.section {
     background-image: url("/resources/images/icones/symboles/pictoperso/section.png");
}
.numerotation {
    background-image: url("/resources/images/icones/symboles/numero.png");
    background-position-y: 3px;
}
.plaquesderue{
     background-image: url("/resources/images/icones/symboles/plaquerue.png");
}
.accotement{
    background-image: url("/resources/images/icones/symboles/pictoperso/accotement.png");
}
.horodateur{
    background-image: url("/resources/images/icones/symboles/pictoperso/horodateur.png");
}
.autres{
    background-image: url("/resources/images/icones/symboles/pictoperso/autres.png");
}
.autre{
    background-image: url("/resources/images/icones/symboles/pictoperso/autre.png");
}
.ris{
    background-image: url("/resources/images/icones/symboles/ris.png");
}
.pr{
    background-image: url("/resources/images/icones/symboles/pr.png");
}
.corbeille{
    background-image: url("/resources/images/icones/symboles/pictoperso/corbeille.png");
}
.signaletique{
    background-image: url("/resources/images/icones/symboles/pictoperso/signaletique.jpg");
}
.candelabre{
    background-image: url("/resources/images/icones/symboles/candelabre.png");
    }
.arbre{
    background-image: url("/resources/images/icones/symboles/arbre.png");
   }
.axe{
    background-image: url("/resources/images/icones/symboles/pictoperso/axe.jpg");
   }
.stationnementequipement{
    background-image: url("/resources/images/icones/symboles/pictoperso/stationnementequipement.jpg");
   }
.stationnement{
    background-image: url("/resources/images/icones/symboles/pictoperso/stationnement.jpg");
   }
.transport{
    background-image: url("/resources/images/icones/symboles/transport.png");
   }
.plantation{
    background-image: url("/resources/images/icones/symboles/arbre.png");
   }
.hydraulique{
    background-image: url("/resources/images/icones/symboles/hydraulique.png");
    background-position-y: 2px;
   }
.autreequipementtechnique{
    background-image: url("/resources/images/icones/symboles/autre_equip_tech.png");
    background-position-y: 3px;
   }
   .autreequipementtech{
    background-image: url("/resources/images/icones/symboles/autre_equip_tech.png");
    background-position-y: 3px;
   }
.mobilierurbain{
    background-image: url("/resources/images/icones/symboles/mobilier_urbain.png");
    background-position-y: 3px;
   }
.entreesortiederegion{
    background-image: url("/resources/images/icones/symboles/pictoperso/entreesortiederegion.png");
   }
.batimentregional{
    background-image: url("/resources/images/icones/symboles/pictoperso/batimentregional.jpg");
    background-position-y: 4px;
   }
.signalisationhorizontale{
    background-image: url("/resources/images/icones/symboles/pictoperso/signalisationhorizontale.jpg");
   }
.actionfinancee{
    background-image: url("/resources/images/icones/symboles/pictoperso/actionfinancee.jpg");
   }
.pole{
background-image: url("/resources/images/icones/symboles/pictoperso/pole.jpg");
   }
.vhuepave{
background-image: url("/resources/images/icones/symboles/pictoperso/vhuepave.jpg");
background-position-y: 8px;
   }
.aireamenagee{
background-image: url("/resources/images/icones/symboles/pictoperso/aireamenagee.png");
    }
.jeu{
        background-image: url("/resources/images/icones/symboles/jeu.png");
            }
.toutes{
    background-image: url("/resources/images/icones/symboles/pictoperso/toutes.png");
    background-position-y: 5px;
   }
.erp{
background-image: url("/resources/images/icones/symboles/erp.png");
        }
        div#map.x-box-item {
            background: #343a40;
        }

        @media screen and (max-width: 400px) {
         img.logologin{height:107px!important;}
          
          }

/*Style du bouton pour masquer les notifs*/
.dontshow {
    box-shadow: inset 0px 1px 0px 0px #f7c5c0!important;
    background: linear-gradient(to bottom, #ef7743 5%, #e4685d 100%)!important;
    background-color: #ef7743!important;
    border-radius: 6px!important;
    border: 1px solid #d83526!important;
    display: inline-block!important;
    cursor: pointer!important;
    color: #ffffff!important;
    font-family: Arial!important;
    font-size: 15px!important;
    font-weight: bold!important;
    padding: 6px 24px!important;
    text-decoration: none!important;
    text-shadow: 0px 1px 0px #b23e35!important;
}
.dontshow:hover {
	background:linear-gradient(to bottom, #e4685d 5%, #ef7743 100%)!important;
	background-color:#e4685d!important;
}
.dontshow:active {
	position:relative!important;
	top:1px!important;
}
.ui-widget-header {
    background: #ef7743!important;
    color: #fff!important;
    font-weight: bold!important;
}        
.ui-dialog {
    z-index: 5000!important;
}
a {
    text-decoration: none!important;
}
 .laclasse {
        position: relative;
        top: 33px!important;
        left: 42px!important;
      }
      .grow {
        transition: 1s ease;
        }
        
        .grow:hover{
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        transition: 1s ease;
        }
        @media (prefers-color-scheme: light) {
            .loader-wrapper {
            opacity: 0.85!important;
            background-color: white!important;
        }
        h1.messageloader {
            color:#000!important;
        }
           .card-body,.grid {
            background-color: #fff;
        }
        .border-light {
            border: none!important;
        }
            h1.messageloader {
            color: wheat;
        }
                ul#menu,body#page-top,a#sidenavToggler,footer.sticky-footer,ul#collapseadministration 
                {
                 color:#868e96!important;}
              
        
        
        
        nav#mainNav,ul#menu, ul#menu li,ul.navbar-nav.sidenav-toggler,body#page-top {
            background: #d9d9d9;
        }
        a#userDropdown {
            color: black;
        }
         }
         @media (prefers-color-scheme: darkooo) {
            .dashboard .x-tool-collapse-top::before {
        color: #ef7743!important;
    }
    .form-group.galeryToolbar.required {
        background: #282b2d!important;
    }
    widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
        background-color: #343a40!important;
    }
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
        background: #343a40!important;
    }    
    .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
        border: 0px;
        background: #343a40!important;
    }
    img.imgBorder{
        border: 15px solid #545246!important;}
    div.sticky.galery {
        background-color: #282b2d!important;
    }
    img.imgBorderChantier {
        border: 15px solid #222e38!important;
    }
    th.galery {
        background-color: #252b30!important;
    }
    
    .dashboard .x-tool-expand-bottom::before {
        color: #ef7743!important;
    }
            div#ui-id-11 {
        background: grey;
    }
            ul.processStepsImageInfo li {
        color: #f0f0f0;
    }
    ul.processStepsImageInfo li span,button#togglePatrolMap {
        color: white!important;
    }
            .btn-action {
        background: black!important;
        opacity: 1!important;
    }
            tr.x-grid-row {
        background: #343a40!important;
        color: #fff!important;
    }
            a#button-1104,a#button-1103 {
        background: #343a40;
        opacity: 1;
    }  
    .x-title-text.x-title-text-default.x-title-item {
        color: #f0f0f0;
    }
    .x-tagfield.x-form-field.x-form-text.x-form-text-default {
        background: #012529;
    }
    li.x-tagfield-item {
        background: #343a40!important;
        color: #f0f0f0!important;
    }
    
    div#requestgridresult-body {
        background: yellow!important;
    }
    
            .mentionassoc{
                background: #343a40!important;
        color: #f0f0f0!important;
            }
            .conftheme {
        background: #343a40!important;
        color: white;
    }
    .cachetoi {
        background: #343a40!important;
        border: 1px solid black!important;
        border-top: none!important;
    }
    
    .form-them {
        background: #424a51;
    }
               .grid,.content-wrapper {background:#424a51!important;}
            span.x-form-item-label-inner.x-form-item-label-inner-default {
        color: white;
    }
            .x-container.x-box-item.x-window-item.x-container-default.x-box-layout-ct {
        background: #343a40;
        color: white;
    }
            li.x-boundlist-item {
        color: white;
        background-color: black;
    }
            .x-autocontainer-innerCt {
        color: white;
    }
    label.x-form-cb-label.x-form-cb-label-default.x-form-cb-label-after {
        color: white;
    }
            span#main-thematicsList-btnInnerEl {
        color: white!important;
    }
    span#main-requestList-btnInnerEl {
        color: white!important;
    }
    
    table.x-grid-item>tbody>tr>td:ntd-child(odd){background: red!important;}
    #main-featureDetail-bodyWrap .x-grid-item .x-grid-cell-last ,div#requestForm,div#requestForm-form-outerCt,
    div#localisation-outerCt,fieldset.x-fieldset.x-fieldset-with-title.x-fieldset-with-legend.x-fieldset-default,
    .x-autocontainer-outerCt
    {
        background-color:#343a40!important;
        color: #fff;
    }
    .x-window-body.x-window-body-default.x-table-layout-ct.x-closable.x-window-body-closable.x-window-body-default-closable.x-scroller.x-noborder-trbl.x-resizable.x-window-body-resizable.x-window-body-default-resizable {
        background-color:#343a40;
        color: #fff;
    }
    .x-toolbar-text.x-box-item.x-toolbar-item.x-toolbar-text-default {
        color: white;
    }
    .x-toolbar.x-docked.x-toolbar-footer.x-box-layout-ct {
        background: #343a40;
    }
    li.x-boundlist-item {
        color: white;
    }
    item-label-text {
        color: white;
    }
    .x-autocontainer-innerCt {
        background: #343a40;
    }
    .x-column-header-inner.x-leaf-column-header {
        background: black;
        color: white;
    }
    .x-panel-body.x-panel-body-default.x-box-layout-ct.x-panel-body-default.x-noborder-trbl {
        background: #343a40;
    }
    .x-toolbar.x-docked.x-toolbar-default.x-docked-top.x-toolbar-docked-top.x-toolbar-default-docked-top.x-box-layout-ct.x-noborder-trl {
        background: #343a40;
    }
    a.x-btn.mySorters.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
        background: black;
    }
    span.x-btn-inner.x-btn-inner-default-toolbar-small {
        color: #fff;
        background: black;
    }
    a.x-btn.x-unselectable.x-box-item.x-toolbar-item.x-btn-default-toolbar-small {
        background: black;
    }
    .x-panel-body.x-panel-body-default.x-panel-body-default.x-scroller.x-noborder-trbl {
        background: #343a40;
    }
    a.x-tab.x-unselectable.x-box-item.x-tab-default.x-top.x-tab-top.x-tab-default-top.x-tab-active {
        background: #343a40;
    }
    div.x-grid-item-container:ntd-child(odd) table>tbody>tr>td{background: red!important;}
    /* #main-featureDetail-bodyWrap .x-grid-item .x-grid-cell-last {
        background-color: red;
        color: #000;
    } */
    span.x-menu-item-text.x-menu-item-text-default.x-menu-item-indent-no-separator {
        color: white!important;
    }
    span#main-statusList-btnInnerEl {
        color: white!important;
    }
    div#main-featureDetail-img-innerCt,div#panel-1134-body {
        background-color: #343a40!important;
    }
    a.x-btn-main-modelSheet,a#main-documents {
        border-color: #343a40!important;
        background: linear-gradient( #343a40,black,black,#343a40) !important;
    }
    a.x-btn-main-modelSheet:hover,a#main-documents:hover {
        border-color: #343a40!important;
        background: linear-gradient( #343a40,#898989fd,#898989fd,#343a40) !important;
    }
    a#main-openGallery:hover,a#main-openFolder:hover,a#main-editObject:hover {
        background: linear-gradient( #343a40,#898989fd,#898989fd,#343a40) !important;
    }
    div#main-roadsList-trigger-picker,div#main-prList-trigger-picker {
        background-color: #343a40!important;
    }
    input#main-roadsList-inputEl::placeholder,input#main-prList-inputEl::placeholder { 
      color: white!important;
      opacity: 1; /* Firefox */
    }
    input#main-prList-inputEl::placeholder {
        color: white;
        opacity: 1!important;
    }
    div#toast-1131-innerCt {
        color: #fff;
    }
    a#main-msg,a#main-menuList {
        background: #343a40!important;
        color:white;
    }
    span#main-modelSheet-btnInnerEl,span#main-documents-btnInnerEl,span#main-openGallery-btnInnerEl,span#main-openFolder-btnInnerEl,span#main-editObject-btnInnerEl {
        color: white;
    }
    div#toolbar-1032 {
        background-color: #343a40!important;
    }
    a.x-btn-main-editObject:hover {
        border-color: #ffd2ad !important;
    }
    a.x-btn-main-editObject {
        border-color: #ffd2ad !important;
        background: linear-gradient( #343a40,black,black,#343a40) !important;
    }
            .x-menu-body-default,a#main-thematicsList,a#main-statusList,a#main-requestList {
        background:  #212529!important;
        color:white!important;
    }
    .x-btn-main-documents {
        border-color: #d6d6d6;
        background: linear-gradient( #ebebeb,#343a40,#343a40,#ebebeb) !important;
    }
            a#button-1015,a#button-1024,a#button-1026,a#idInfos {
        background-color: #212529;
    }
    span#button-1015-btnInnerEl{
        color: white!important;
    }
    span#button-1024-btnInnerEl{
        color: white!important;
    }
    span#button-1026-btnInnerEl{
        color: white!important;
    }
    span#idInfos-btnInnerEl {
        color: white!important;
    }
            a.nav-item {
        color: #868e96!important;
    }
    span.nav-link-text {
        color: #868e96;
    }
            #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
        color: #868e96;
    }
    /* ul#menu,body#page-top,nav#mainNav,a#sidenavToggler,footer.sticky-footer,ul#collapseadministration,div#toolbar-1011,div#main-featureDetail-body
    {background-color: #343a40!important;} */
    /*tr.odd {    background-color: rgba(255,255,255,.05)!important;
    }
    
    table.table-bordered thead tr {
        background-color: #212529!important;
    }
    
    tr.even {
        background-color: #212529!important;
    }*/
         
            span.selection,
           span.select2-selection.select2-selection--multiple,
           span.dropdown-wrapper,
           li.select2-results__option.select2-results__option--selectable 
            {
        background: #343a40!important;
        color:#ced4da!important;
    }
    #myModal > div > div.container > div > div:nth-child(1) > div.patrolCreate.required > div:nth-child(4) > span.select2.select2-container.select2-container--default > span.selection > span,span.select2-selection.select2-selection--multiple{
        border: 1px solid #fff!important;
    }
    span.select2-selection--multiple::after
    {
        background: #424a51!important;
    }
    div#monTitle {
        background: #424a51!important;
    }
    span.select2-selection__choice__display {
        background: grey!important;
    }
    span.select2-selection__rendered,
    .select2-container--default .select2-selection--single {
        background: #343a40!important;
        border: 1px solid #ced4da!important;
        color: #ced4da!important;
    }
           input {
        background: #343a40!important;
        color: #f0f0f0!important;
    }
        .form-group {
        background: transparent!important;
        color: #868e96!important;}
       h1
         {color:white;}
      #listOfMasters,#page-top > div
      {
        background:#343a40;
      }
      ui-dialog {
        background: white;
    }
    ui-dialog-content {
        background: white;
    }
    
    #page-top > div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable > div.ui-dialog-content.ui-widget-content {
        background: white;
    }
    button#createPatrol {
        color: #fff!important;
    }
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
        background: white!important;
    }
    #myModal > div > div.container > div > div:nth-child(1) > div.patrolCreate.required > div:nth-child(4) > span.select2.select2-container.select2-container--default.select2-container--focus.select2-container--below > span.selection > span,
    div#collapseDevPatrol
    {
        border:1px solid white;
    }
    ul#patrolList li,h3#titresection,div#collapseDevPatrol,a#patroltoggleDev {
        background: #424a51!important;
    }
    a#toggleAppMobiles,div#collapseAppMobile,ul#patrolList,a#togglChantier,.modal-content,
    div#collapseChantier,input#name,span#select2-entreprise_guid-container,a#toggleDev,div#collapseDev {
        background: #343a40!important;
    }
    a.btnPopup.btn.btn-geroba {
        color: #fff!important;
    }
    .rainbow{
       color:#fff!important;
        background: #343a40!important;
    }
      .btn{        
        color: #868e96!important;
      }
       #page-top > div,.container-fluid,.card.border-light.mb-3,.content-wrapper 
      {
        background:none;
        color: #868e96!important;
      }  
      .card.border-light.mb-3{
        border: 0px;
      }
      #page-top
      {
          background:none;
      }
      .chatResponseSupport {
        z-index: 5001!important;
    }
      div#supportChatRooms,div#idReponseTicket,div#idSupport {
        background: #424a51!important;
        color: #ffffff80;
    }
    textarea#themessageResponse,textarea#themessage,.ui-dialog-buttons.ui-widget-content.ui-helper-clearfix  {
        background: #343a40!important;
        color: #ffffff80;
    }
    button#openSupport,button#openSupportResponse {
        background: #343a40;
        color: #ffffff80;
    }
    .myDialog,
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.myDialog.ui-dialog-buttons.ui-draggable,
    div#ui-id-1,div#ui-id-2,div#ui-id-3,div#ui-id-4,div#ui-id-5,div#ui-id-6,div#ui-id-7,div#ui-id-8,
    div#dialog
    {
        background: #343a40!important;
        color: #ffffff80!important;
    }
    }