@font-face {
    font-family: "Source Sans Pro";
    src: url('../fonts/SourceSansPro-Regular.ttf');
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url('../fonts/glyphicons-halflings-regular.ttf');
}

.sidebar .nav svg {
    font-size: 24px;
    float: left;
    margin-right: 15px;
    margin-top: 2px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #a9afbb;
}

.sidebar .sidebar-wrapper {
    height: calc(100vh - 120px);
    overflow-x: hidden;
}

.sidebar .sidebar-wrapper.sidebar-wrapper-version {
    height: calc(100vh - 180px);
}

.sidebar[data-background-color="black"] .nav .nav-item svg {
    color: rgba(255,255,255,0.8);
}

.sidebar[data-background-color="black"] .sidebar-background::after {
    opacity: .7;
}

.sidebar[data-color="blue-elec"] li.active > a {
    background-color: #1f3766;
    box-shadow: 0 4px 20px 0px rgba(0,0,0,0.14),0 7px 10px -5px rgba(16, 54, 90, 0.4);
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.footer ul li p {
    color: inherit;
    padding: 0.9375rem;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    display: block;
    margin-top: 0;
    margin-bottom : 0;
}

.main-panel > .content {
    min-height: calc(100vh - 160px);
}

/* On s'assure que thead et tfoot aient la même apparence (malgré le .sorting sur thead) */
table.dataTable thead th {
    font-size: 14px;
    font-weight: 700;
}
table.dataTable tfoot th {
    font-size: 14px;
    font-weight: 700;
}

table.responsive { display: block; overflow-x: auto;}
.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    white-space: nowrap;
    text-align: left;
}
.table-striped>tbody>tr:nth-of-type(odd)>td.sticky-col {
    background-color: #f9f9f9;
}
.table-striped>tbody>tr:nth-of-type(even)>td.sticky-col, .table-striped>thead>tr>th.sticky-col {
    background-color: #fff;
}
.form-group.btn-no-group > .btn-group {
    /* Annule l'effet du btn-group quand il est forcé par un module externe */
    margin: 0 !important;
}

.dropdown-toggle.btn.btn-round {
    /* Annule l'effet de bordure arrondie sur les select */
    border-radius: 0.2rem;
}

.bootstrap-select>.dropdown-toggle:focus {
    /* Différence visuelle lors du focus pour permettre la navigation au clavier */
    background-image: linear-gradient(#1e3766, #1e3766);
    background-size: 100% 2px;
}

.sidebar .nav li a, .sidebar .nav li .dropdown-menu a {
    text-transform: none;
}

.btn.btn-fab, .btn.btn-just-icon {
    font-size: 18px;
}

.table .btn.btn-just-icon {
    margin: 0 1px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
}

.btn.btn-disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
    text-decoration: none;
}

.card [class*="card-header-"] .card-title a, .card [class*="card-header-"] .card-title, .card [class*="card-header-"] .icon i, .card[class*="bg-"] .card-title a, .card[class*="bg-"] .card-title, .card[class*="bg-"] .icon i {
    color: inherit;
}

.nav .nav {
    margin-left: 20px;
}

body {
    background: url(../../media/bg.png) no-repeat center fixed;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    background-color: #ececec;
}

.bottom_sidebar_img {
    position: absolute;
    display: inline-block;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.bottom_sidebar_img img {
    width: 50%;
    margin: auto;
    display: block;
}

.bottom_sidebar_img li a {
    margin: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.timeline-horizontal {
    display:inline-block;
    margin-left:5px;
    width: 100%;
}

.timeline-horizontal-separation{
    display:inline-block;
    width:45px;
    height: 2px;
    background-color: rgba(30,55,101,0.7);
}

.timeline-horizontal-btn {
    margin: 10px 3px !important;
    padding: 10px 20px;
}

.timeline-horizontal-btn i {
    padding: 0 10px 0 0;
}

.editFormDisabled{
    cursor: default !important;
    background-image: linear-gradient(to top, #1e3766 2px, rgba(30,55,102,0) 2px),linear-gradient(to top, #1e3766    1px, rgba(210,210,210,0) 2px);
}

.bootstrap-select button.disabled{
    cursor: default !important;
}

.tooltip-inner {
    text-align: left;
}

.nav-link .logo-oc {
    opacity: 0.8;
    width: 30px;
    float: left;
    margin-right: 15px;
    margin-top: 6px;
}

i.fa-inera.logo-inera {
    font-size: 32px;
    margin-left: -1px;
}

.card-icon .logo-oc {
    width: 33px;
    text-align: center;
    line-height: 33px;
    margin-top: 8px;
    margin-bottom: 7px;
}

.alert-offer {
    background-color: #dadada;
    border: 1px solid #777777;
    color: #000000;
}

.alert-service {
    background-color: #a5e7ff;
    border: 1px solid #00b0f0;
    color: #000000;
    margin-left: 40px;
}

.alert-charge {
    background-color: #d4fda9;
    border: 1px solid #92d050;
    color: #000000;
    margin-left: 80px;
}

.alert-priceplan {
    background-color: #ffa7a7;
    border: 1px solid #ff0000;
    color: #000000;
    margin-left: 120px;
}

.alert-el {
    background-color: #ffffba;
    border: 1px solid #e6e600;
    color: #000000;
    margin-left: 160px;
}

.alert-cf {
    background-color: #ffffba;
    border: 1px solid #e6e600;
    color: #000000;
    margin-left: 40px;
}

.tag-oc {
    border-radius: 3px;
    background-color: #1e3665;
    color: #ffffff;
    padding: 5px 5px 5px 10px;
    margin-right: 10px;
    display: inline !important;
}

.select-with-transition-error {
 border:0 !important;
 background-image:linear-gradient(#1e3766, #1e3766),linear-gradient(#f44336, #f44336);
 background-size:0 2px, 100% 2px;
}

.select-with-transition-success {
 border:0 !important;
 background-image:linear-gradient(#1e3766, #1e3766),linear-gradient(#4caf50 , #4caf50);
 background-size:0 2px, 100% 2px;
}

.navbar .navbar-wrapper {
    position: fixed;
    background-color: #e9e9e8;
    top: 0;
    left: 260px;
    padding: 0;
    right: 0;
    box-shadow: 0 1px 3px -12px rgba(0,0,0,0.56),0 4px 25px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
}

.sidebar-mini  .navbar .navbar-wrapper {
    left: 80px;
}

.btn.btn-primary-light {
    color: #fff;
    background-color: #8390a7;
    border-color: #8390a7;
}

.card-separateur {
    height: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    border: 0;
    box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.4);
}

.main-panel > .content {
    margin-top: 50px;
}

.ancre {
    position: relative;
    top: -85px;
}

.bootstrap-select .hidden{
    display: none;
}

.steps {
    margin: 20px;
    padding: 0;
    overflow: hidden;
}

.steps b {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
}
.steps li {
    float: left;
    margin-left: 0;
    width: 200px; /* 100 / number of steps */
    height: 80px; /* total height */
    list-style-type: none;
    padding: 5px 5px 5px 30px; /* padding around text, last should include arrow width */
    border-right: 3px solid white; /* width: gap between arrows, color: background of document */
    position: relative;
}
.steps-jobs li {
    width: 130px; /* 100 / number of steps */
    height: 80px; /* total height */
}
.steps div.container-step {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}
.steps div.valign {
    display: table-cell;
    vertical-align: middle;
    color: white;
}


/* remove extra padding on the first object since it doesn't have an arrow to the left */
.steps li:first-child {
    padding-left: 5px;
    width: 30px;
}
/* white arrow to the left to "erase" background (starting from the 2nd object) */
.steps li:nth-child(n+2)::before {
    position: absolute;
    top:0;
    left:0;
    display: block;
    border-left: 25px solid white; /* width: arrow width, color: background of document */
    border-top: 40px solid transparent; /* width: half height */
    border-bottom: 40px solid transparent; /* width: half height */
    width: 0;
    height: 0;
    content: " ";
}
/* colored arrow to the right */
    .steps li::after {
    z-index: 1; /* need to bring this above the next item */
    position: absolute;
    top: 0;
    right: -25px; /* arrow width (negated) */
    display: block;
    border-left: 25px solid #1f3766; /* width: arrow width */
    border-top: 40px solid transparent; /* width: half height */
    border-bottom: 40px solid transparent; /* width: half height */
    width:0;
    height:0;
    content: " ";
}

/* Setup colors (both the background and the arrow) */

/* Completed */
.steps li.acteur-bo { background-color: #1f3766; }
.steps li.acteur-bo::after { border-left-color: #1f3766; }

.steps li.acteur-bo-light { background-color: #d5d9e2; }
.steps li.acteur-bo-light div.valign { color: black; }
.steps li.acteur-bo-light::after { border-left-color: #d5d9e2; }

.steps li.acteur-bo-gerance { background-color: #317baa; }
.steps li.acteur-bo-gerance::after { border-left-color: #317baa; }

.steps li.acteur-bo-gerance-light { background-color: #bfd6e5; }
.steps li.acteur-bo-gerance-light div.valign { color: black; }
.steps li.acteur-bo-gerance-light::after { border-left-color: #bfd6e5; }

.steps li.acteur-techgrd { background-color: #44bfef; }
.steps li.acteur-techgrd::after { border-left-color: #44bfef; }

.steps li.acteur-techgrd-light { background-color: #dcf3fc; color: black; }
.steps li.acteur-techgrd-light div.valign { color: black; }
.steps li.acteur-techgrd-light::after { border-left-color: #dcf3fc; color: black; }

.steps-jobs li.acteur-bo-job0{ background-color: #ddd; }
.steps-jobs li.acteur-bo-job0::after { border-left-color: #ddd; }

.steps-jobs li.acteur-bo-job1{ background-color: #00aec5; }
.steps-jobs li.acteur-bo-job1::after { border-left-color: #00aec5; }

.steps-jobs li.acteur-bo-job2{ background-color: #f08f00; }
.steps-jobs li.acteur-bo-job2::after { border-left-color: #f08f00; }

.steps-jobs li.acteur-bo-job3{ background-color: #47a44b; }
.steps-jobs li.acteur-bo-job3::after { border-left-color: #47a44b; }

.steps-jobs li.acteur-bo-job4{ background-color: #f33527; }
.steps-jobs li.acteur-bo-job4::after { border-left-color: #f33527; }

.legende-bo {
    height: 60px;
    width: 150px;
    background-color: #1f3766;
    color: white;
    padding: 5px;
    text-align: center;
    margin-right: 5px;
    display: inline-block;
}

.legende-bo-gerance {
    height: 60px;
    width: 150px;
    background-color: #317baa;
    color: white;
    padding: 5px;
    text-align: center;
    display: inline-block;
}

.legende-techgrd {
    height: 60px;
    width: 150px;
    background-color: #44bfef;
    color: white;
    padding: 5px;
    text-align: center;
    margin-left: 5px;
    display: inline-block;
}

.show-pdf-only {
    display: none;
}

.card-body b {
    font-weight: bold;
}

.card-body p {
    margin: 20px;
    font-size: 1.2em;
    text-align: justify;
}

.block-image {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.block-image .hide-pdf {
    margin: auto auto 20px auto;
}

.block-image .show-pdf-only {
    margin: auto auto 40px auto;
}

.block-capture {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.block-capture img {
    border: 1px solid black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: auto;
}

.card-body h3 {
    text-decoration: underline;
}

.bloc-pdf {
    float: right;
    border-radius: 3px;
    background: linear-gradient(60deg, #213969, #1b3461);
    box-shadow: 0 4px 20px 0px rgba(0,0,0,0.14),0 7px 10px -5px rgba(30,55,102,0.4);
    color: #ffffff;
    padding: 10px 10px 10px 15px;
}

#minimizeSidebar {
    margin-top: 7px;
    margin-bottom: 6px;
}

.card-icon-moyen i {
    font-size: 32px !important;
    line-height: 48px !important;
    width: 48px !important;
    height: 48px !important;
}

.card-accueil {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.card-accueil div {
    line-height: 14px;
    padding-top: 10px;
    margin-top: 5px;
    text-align: left;
}

.card-accueil div:first-child {
    margin-top: 35px !important;
}

.card-accueil .card-titre {
    color: #999999;
    font-size: 14px;
}

.card-accueil .card-nombre {
    float:right;
    color: #000000;
    font-size: 18px;
    width: 55px;
    text-align: right;
}

.card-icon .logo-inera {
    width: 48px;
}

.bootstrap-select[disabled="disabled"] {
    background-image: linear-gradient(to top, #1e3766 2px, rgba(30,55,102,0) 2px),linear-gradient(to top, #1e3766 1px, rgba(210,210,210,0) 2px);
}

.bootstrap-select[disabled="disabled"] button {
    background-image: linear-gradient(to top, #1e3766 2px, rgba(30,55,102,0) 2px),linear-gradient(to top, #8d9ab2 1px, rgba(210,210,210,0) 1px);
}

.form-control:invalid[invalidRequired = "true"] {
    background-image: linear-gradient(to top, #1e3766 2px, rgba(30,55,102,0) 2px),linear-gradient(to top, #1e3766    1px, rgba(210,210,210,0) 2px);
}

.sidebar .logo {
    text-align: center;
}

.sidebar .logo img {
    width: 60%; margin: auto;
}

.sidebar .logo.alerte-version::after {
    background-color: #f9b800;
}

.sidebar .version::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background-color: #f9b800;
}

.sidebar .version {
    padding: 15px 0px;
    margin: 0;
    display: block;
    position: relative;
    z-index: 4;
    text-align: center;
    color: #f9b800;
    font-weight: 700;
}

.navbar .navbar-wrapper.alerte-version {
    background-color: #f9b800;
}
.compteurParCalculPOD ,.compteurParCalculOperation{
    display:inline-block;
    border:solid;
    border-width:1px;
    margin-right:5px;
    margin-bottom: 5px;
    cursor:pointer;
    padding:4px;
    text-align:center;
    height:95px;
    vertical-align: top;
    border-radius: 0.2rem;
    border-color:#1b315a;
    position: relative;
}
.compteurParCalculPOD > select {
    -moz-appearance:menulist;
    -webkit-appearance:menulist;
    padding:5px;
}

.compteurParCalculPOD {
    /* box-shadow: 0 4px 6px -2px rgba(30,55,102,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(30,55,102,0.2); */
    background-color:white;
    z-index: 1;
}

.compteurParCalculPODParCalcul {
    border-color: #44bff0;
}

.compteurParCalculOperation {
    width:30px;
    text-align: center;
    background-color: rgba(30,55,102,0.2);
    padding-top: 34px;
}

#containerDeCalcul {
    min-height:300px;
    border:solid;
    border-width:1px;
    padding:10px;
}

.aide img {
    color:#1b315a;
    margin:5px 10px 5px 5px;
    width: 40px

}

.aide-img {
    display: inline-block;
    position: absolute;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
    padding-left:5px;

}

.aide-txt {
    display: inline-block;
    margin-left:60px;
}

.aide {
    background-color: #1b315a;
    color: #fff;
    padding:10px;
    width: 90%;
    margin: 30px auto 50px auto;
    border-radius: 3px;
    position: relative;
    padding:15px 0px 15px 0px;
}

.aideRecherche img {
    color:#1b315a;
    margin:5px 10px 5px 5px;
    width: 25px
}

.aideRecherche-img {
    display: inline-block;
    position: absolute;
    top: 10px;
    padding-left:5px;
    filter: invert(0.25);
    width: 25px;
}

.aideRecherche-txt {
    display: inline-block;
    margin-left:60px;
}

.aideRecherche {
    color: #aaaaaa;
    width: 90%;
    margin: 30px auto 0 auto;
    position: relative;
    padding: 15px 0px 15px 0px;
    font-size: 0.8rem;
}

.datetimepicker-inline table td.day > div {
    z-index: 1;
    text-align: center;
    margin: auto;
}

.date-picker-wrapper {
    border: none !important;
    background-color: transparent !important;
    font-family: inherit !important;
}

.date-picker-wrapper .month-wrapper {
    border: none !important;
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #dddddd !important;
}

.date-picker-wrapper .month-wrapper table .week-name {
    border-bottom: 1px solid #eeeeee !important;
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #1e3766 !important;
    color: #fff !important;
    box-shadow: 0 4px 20px 0px rgba(0,0,0,0.14),0 7px 10px -5px rgba(30,55,102,0.4);
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
    background-color: #49e !important;
    color: #fff !important;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #eeeeee !important;
}

.date-picker-wrapper .date-range-length-tip {
    background-color: #1e3766 !important;
    color: #fff;
}

.date-picker-wrapper .date-range-length-tip::after {
    border-top: 4px solid #1e3766 !important;
}

.labelFormVersionable{
    padding:0px;
    margin:opx;
    font-size: 0.81em;
    color:#aaa;
    line-height: 0.1;
}

.titreFormVersionable {
   cursor:pointer;
   border-bottom: 1px #eee solid;
   margin-bottom: 10px;
}

.titreFormVersionable:hover {
     background-image: linear-gradient(to top, #1e3766 1px, rgba(30,55,102,0) 1px),linear-gradient(to top, #1e3766 1px, rgba(210,210,210,0) 2px);
}

.titreFormVersionableActif{
    background-image: linear-gradient(to top, #1e3766 1px, rgba(30,55,102,0) 1px),linear-gradient(to top, #1e3766 1px, rgba(210,210,210,0) 2px);
}

.formVersionable{
    border:solid 1px #eaecfc;
    padding:10px;
    background-color: #fcfcfc;
    margin-top: -10px;
    margin-bottom: 10px;
}

.editionFormVersionnable .valeurVersionable {
    background-image: linear-gradient(to top, #1e3766 1px, rgba(30,55,102,0) 1px),linear-gradient(to top, #1e3766 1px, rgba(210,210,210,0) 2px);
    background-position-y: -12px;
}

.editionFormVersionnable .valeurVersionable:hover {
    cursor:pointer;
}

.form-control-formVersionable {
    border:none;
    background-color:transparent;
    width:100%;
    padding:0px;
}

.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 5em;
    padding: .5em;
    background: #FFFFFF;
    color: #453D3F;
    font-family:"Source Sans Pro", "Helvetica", "Arial", sans-serif;
    text-align: center;
    pointer-events: none;
    z-index: 10;
    box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.2);
    border-radius:0.25rem;
}

.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #FFFFFF;
}

.chartist-tooltip b {
    font-weight: 700;
}

.chartist-tooltip.tooltip-show {
    opacity: 1;
}

.ct-area, .ct-line {
    pointer-events: none;
}

.badge-no-uppercase {
    text-transform: initial;
}
.detailJob {
    background-color: #eee;
    border: 1px solid #ddd;
    margin-top:10px;
    margin-bottom: 10px;

}
.tacheJob{
    display:inline-block;
    width:130px;
    height:180px;
    border:solid;
    border-width: 1px;
    border-color:#ddd;
    margin-right:10px;
    vertical-align:middle;
    background-color: #fff;
    cursor: pointer;
    font-size: 0.9em;
}
.tacheJobIdAFacturer {
    height: 50px;
    overflow-y: auto;
}
.tacheJobTitre{
    text-align: center;
    font-weight:bold;
}
.tacheJobBody{
    margin-left:5px;
}
.tacheJobEtat1{
    border-color:#00aec5;
}
.tacheJobEtat2{
    border-color:#f08f00;
}
.tacheJobEtat3{
    border-color:#47a44b;
}
.tacheJobEtat4{
    border-color:#f33527;
}
.console{
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

.titreEtapeCrationJob {
    display:inline-block;
    text-align:center;
    border-radius:100px;
    font-size: 1.2em;
    background-color: #47a44b;
    width: 45px;
    height: 45px;
    margin-right:10px;
    padding: 10px;
    color:#fff;
    box-shadow: 0 4px 5px 0 rgba(30,55,102,0.14),0 1px 10px 0 rgba(30,55,102,0.12),0 2px 4px -1px rgba(30,55,102,0.2);
}

.select-group{
    top: -1.3rem;
}
.select-group .bmd-label-floating {
    font-size: 0.6875rem;
}
.select-group .bootstrap-select {
    top: -0.36rem;
}

.table-info,
.table-info>th,
.table-info>td {
 background-color:#ddd
}
.table-hover .table-info:hover {
 background-color:#ccc
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
 background-color:#ccc
}


.menu-horizontal-btn {
    display:inline-block;
}

.menu-horizontal-menu {
    border-radius: 100px !important;
    display: inline-block !important;
    width: auto;
}

.dropdown-horizontal-menu {
    left:auto;
    max-height: 400px;
}

.scrollable {
    overflow: auto;
}

.formRfid {
    border:solid 1.5px #ddd;
    padding:15px;
    border-radius:15px;
    height: 190px;
    margin-bottom: 20px;
    box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,0.2);
}

.datepicker[readonly="readonly"] {
    background-color: #fff;
    cursor:not-allowed;
}

.legendeInfra img {
    width: 20px;
}

.file-input {
position: relative;
overflow: hidden;
display: inline-block;
}

.file {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}

.file-name {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
cursor: pointer;
}

.code-container {
    width: 100%;
    background-color: #1a1a1a;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Alignez le contenu à gauche */
}

.code-header .far.fa-copy {
    margin-left: auto;
}

.code-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #333;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    color: #ccc;
    border-radius: 0.375rem 0.375rem 0 0;
}

.copy-button {
    display: flex;
    gap: 0.5rem;
    align-items: right;
    color: #ccc;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    pointer-events: auto;
}

.copy-button:hover {
    color: #fff;
}

.code-content {
    padding: 1rem;
    overflow: auto;
    width: 100%;
    color:#ccc;
}
#tab-erreur td {
    height: 20px;
}

.link {
    color: #1e3766 !important;
}
.alert b {
    font-weight: 700;
    text-transform: none;
    font-size: 1rem;
}

input[type="checkbox"]:disabled {
    /* TODO: Make it work! */
    cursor: not-allowed;
}

button:disabled {
    cursor: not-allowed;
}

.disabled {
    cursor: not-allowed !important;
}

.card-body p.legende {
    font-size: 100%;
}

.bloc-centre {
    max-width: 960px;
    margin: auto;
    text-align: center;
}

.map-ol {
    width: 100%;
    height: 800px;
}

/* OpenLayer Switcher */

.layer-switcher {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: left;
}

.layer-switcher button:hover,
.layer-switcher button:focus {
    text-decoration: none;
    outline: 0;
    color: white;
}

.layer-switcher li {
    margin-top: 0;
}

.layer-switcher ul ul {
    padding-left: 0.2em;
}

.layer-switcher ul {
    margin: .6em .4em;
}

.layer-switcher .panel {
    border-top-left-radius: 0px !important;
    background-color: rgba(5, 46, 86, 0.8);
    display: none;
    max-height: inherit;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    color: white;
    margin-left: 3.8px;
    border: 0px;
}

.layer-switcher button {
    float: right;
    z-index: 1;
    width: 38px;
    height: 38px;
    background-image: none;
    background-position: -1px;
    background-color: rgba(5, 46, 86, 0.8) !important;
    color:white;
    cursor: pointer;
    font-weight: 900;
    font-size: 24px;
    text-align: center;
    line-height: 6px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}

.layer-switcher button::-moz-focus-inner {
    border: none;
    padding: 0;
    color: #FFFFFF;
  }

.layer-switcher button::before {
    content: '\f013';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 24px;
    line-height: 38px;
    display: inline-block;
}

.layer-switcher.shown button::before {
    content:'';
}

.layer-switcher li label {
    display: inline-block;
    margin-top: 0px;
    color: white;
}
.layer-switcher li input {
    position: absolute;
    left: 1.2em;
    height: 1em;
    width: 1em;
    font-size: 1em;
    top: 5px;
}

.layer-switcher.shown.layer-switcher-activation-mode-click>button {
    display: block;
    background-image: unset;
    position: absolute;
    background-color: rgba(5, 46, 86, 0.8) !important;
    color: white;
    font-size: 25px;
    cursor: pointer;
    padding-left: 4px !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    margin: 0px;
}

.main-panel {
    transition: none;
}

.sidebar, .main-panel, .sidebar-wrapper {
    transition: none;
}

.boutonRecherche {
    transition-duration: 0.5s;
    margin-left: 6px;
    border-radius: 21px;
    height: 41px;
    min-width: 41px;
    padding: 0px;
    position: relative;
    line-height: 41px;
    background-color: #fff;
    color: #999999;
    width: 41px;
    overflow:hidden;
    box-shadow: 0 2px 2px 0 rgba(153,153,153,0.14),0 3px 1px -2px rgba(153,153,153,0.2),0 1px 5px 0 rgba(153,153,153,0.12);
    z-index: 15000;
}

#masquePage {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    position: absolute;
    z-index: 1200;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition-duration: 0.5s;
}

#resultatRecherche {
    display: none;
    position: absolute;
    left: 10px;
    top: 28px;
    padding: 30px 10px 20px 10px;
    width: calc(100% - 20px);
    min-height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff; border-radius: 0 0 21px 21px;
    box-shadow: rgba(153, 153, 153, 0.14) 0px 2px 2px 0px, rgba(153, 153, 153, 0.2) 0px 3px 1px -2px, rgba(153, 153, 153, 0.12) 0px 1px 5px 0px; z-index:14000;
}

#btnRecherche {
    font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
    top: 1px;
    position: relative;
}

#search {
    border: none;
    margin-left: 10px;
    width: calc(100% - 55px);
    height: 40px;
    font-size: 14px;
    color: #495057;
    background-color: #fff;
}

.resultatRechercheLegende a {
    text-decoration: underline;
    color: #aaaaaa;
}

.resultatRechercheLegende {
    color: #aaaaaa;
}

.detailResultatRecherche {
    clear:both;
    margin-top: 10px;
}
.detailResultatRecherche img {
    width: 16px;
    margin-right: 3px;
}

.detailResultatRechercheLogo {
    border-radius: 3px;
    color:#fff;
    background-color: #1f3766;
    width: 35px;
    height: 35px;
    padding: 6px 8px;
    margin-top: 0px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.resultatRechercheNombre {
    clear: both;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

/************** DATATABLES **************/
table.dataTable .autofit {
    white-space: nowrap;
    width: 1px;
}

table.dataTable th.autofit > span:first-child {
    padding-right: 10px;
}

.dt-search {
    float: right;
    margin-right: 15px;
}

div.dt-container div.dt-length select {
    width: 75px
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: left !important;
}
table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019);
}

table.dataTable.table.table-hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.019);
}

table.dataTable thead>tr>th:not(.dt-ordering-asc):not(.dt-ordering-desc) span.dt-column-order:before,
table.dataTable thead>tr>td:not(.dt-ordering-asc):not(.dt-ordering-desc) span.dt-column-order:before {
  content: "\f0c9" !important;
  font-family: 'Font Awesome 6 Pro';
  font-size: 14px;
  z-index: 2;
  top: 12px;
}

table.dataTable thead>tr>th:not(.dt-ordering-asc):not(.dt-ordering-desc) span.dt-column-order::after,
table.dataTable thead>tr>td:not(.dt-ordering-asc):not(.dt-ordering-desc) span.dt-column-order:after {
  content: none !important;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before {
  right: 0 !important;
  content: "\f884" !important;
  font-family: 'Font Awesome 6 Pro';
  font-size: 14px;
  z-index: 2;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after {
  right: 0 !important;
  content: "\f885" !important;
  font-family: 'Font Awesome 6 Pro';
  font-size: 14px;
  z-index: 2;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after {
  left: 0 !important;
  right: auto !important;
  line-height: 14px;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none;
}

table.dataTable>thead>tr>th, table.dataTable>tbody>tr>th,
table.dataTable>tfoot>tr>th, table.dataTable>thead>tr>td,
table.dataTable>tbody>tr>td, table.dataTable>tfoot>tr>td {
    padding: 5px 6px !important;
    outline: 0;
    max-width: 170px;
    width: 150px;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after {
    display: none !important;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before {
display: none !important;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before {
    transform: translateY(49%);
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
    transform: translateY(-55%);
}

.disabled-sorting .dt-column-order{
    display: none !important;
    pointer-events: none !important;
}
.hot-display-license-info {
    display: none;
}

.htAutocompleteArrow {
    display: none !important;
}

.bs-select-all {
    margin: 3px !important;
    border-radius: 0.2rem !important;
    background-color: #1e3766 !important;
    border-color: #1e3766 !important;
}

.bs-deselect-all {
    margin: 3px !important;
    border-radius: 0.2rem !important;
    background-color: #1e3766 !important;
    border-color: #1e3766 !important;
}

.bs-select-all:hover {
    color: #fff !important;
    background-color: #1b315a !important;
    border-color: #101e37 !important;
}

.bs-deselect-all:hover {
    color: #fff !important;
    background-color: #1b315a !important;
    border-color: #101e37 !important;
}

td.dt-type-numeric {
    text-align: right;
}