/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: darkorange;
    border-color: darkorange;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    background-color: var(--theme-bg-color-1, white);
    color: var(--theme-color-1);
    font-size: 14px;
}
@media (min-width: 768px) {
    html {
        background-color: var(--theme-bg-color-1, white);
        color: var(--theme-color-1);
        font-size: 16px;
    }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
    background-color: var(--theme-bg-color-1, white);
    color: var(--theme-color-1);
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 40px;
    font-size: 12px
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.adrlog {
    margin-left: 5px;
    padding: 0px 5px 2px 5px;
    background-color: silver;
    border-radius: 4px;
}

.custom-file-label::after {
    display: none;
}

.custom-file {
    max-width: 132px;
}

.custom-file-label {
    padding: 5px;
    background-color: transparent;
    border: 1px solid black;
    color: var(--form-control-color);
}

.testbar {
    position: absolute;
    top: -8px;
    left: -14px;
    border-left: 70px solid #ff000047;
    border-right: 70px solid transparent;
    border-bottom: 70px solid transparent;
    z-index: 99999;
}

.testbar-text {
    position: absolute;
    top: 8px;
    left: -15px;
    transform: rotate( -45deg );
    font-size: 0.8em;
    font-weight: bold;
}

.icon-opacity-05 {
    opacity: 0.5;
    cursor: pointer;
}

.permis-layout {
    z-index: 9999;
    padding-right: 20px;
    background-color: var(--theme-bg-color-1, white);
}

.dropdown-menu {
    width: 252px;
    box-shadow: 0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%), 0px 5px 5px -3px rgb(0 0 0 / 20%);
    background-color: var(--ddm-bg-color, white);
    color: var(--ddm-color);
}


    .dropdown-menu .nav-link {
        width: 100%;
    }

.navbar-nav .nav-link {
    width: 100%;
    padding-left: 5px;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    left: -220px;
}

.dropdown-menu .row:hover {
    background: #1a73e8c9;
    color: white;
    cursor: pointer;
}

.form-control {
    border: 1px solid black;
    background-color: var(--form-control-bg-color, white);
    color: var(--form-control-color, black)
}
    .form-control:focus {
        background-color: var(--form-control-bg-color, white);
        color: var(--form-control-color, black)
    }


.citolien-bg-light {
    border-left: 15px solid #f8f9fa !important;
    border-radius: 9px 0px 0px 9px
}

.citolien-bg-danger {
    border-left: 15px solid #dc3545 !important;
    border-radius: 9px 0px 0px 9px
}

.citolien-bg-priorite {
    border-left: 15px solid orange !important;
    border-radius: 9px 0px 0px 9px
}


.citolien-bg-success {
    border-left: 15px solid #28a745 !important;
    border-radius: 9px 0px 0px 9px
}

.img-domaine {
    height: 60px;
    margin-top: 5px;
}

.img-domaine-sml {
    height: 40px;
}

.citoilien-card-0, .citoilien-card-1 {
    border: none;
    border-radius: 10px;
    padding: 0px;
    height: 190px;
}

.citoilien-card-2 {
    border: none;
    border-radius: 10px;
    padding: 0px;
    height: 236px;
}

    .citoilien-card-2 > a {
        border: 1px solid black;
        box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11);
        height: 100%;
        padding: 0px;
        margin-right: 5px;
        border-radius: 10px;
    }


.citoilien-card-0 > a, .citoilien-card-1 > a {
    border: 1px solid black;
    box-shadow: 0px 1.6px 3.6px rgba(0,0,0,0.13), 0px 0px 2.9px rgba(0,0,0,0.11);
    height: 100%;
    padding: 0px;
    margin-right: 5px;
    border-radius: 10px;
}

.citoilien-card-0 > a > .row, .citoilien-card-1 > a > .row, .citoilien-card-2 > a > .row {
        height: 100%;
        padding-left: 15px
}

.citoilien-card-0 > a > .row > .col-3, .citoilien-card-1 > a > .row > .col-3, .citoilien-card-2 > a > .row > .col-3 {
            border-right: 1px solid black;
            padding-left: 0px;
            padding-right: 1px;
}

.citoilien-card-0 > a > .row > .col-3 ul, .citoilien-card-1 > a > .row > .col-3 ul, .citoilien-card-2 > a > .row > .col-3 ul {
                font-size: 11px;
                margin-left: 5px
}

.citoilien-card-0 > a > .row > .col-9, .citoilien-card-1 > a > .row > .col-9, .citoilien-card-2 > a > .row > .col-9 {
            padding: 0px;
}

.card {
    background-color: var(--theme-bg-color-1, white);
}

    .card > a {
        background-color: var(--theme-bg-color-2, white);
        color: var(--theme-color-1);
    }

.card-block {
    margin-bottom: 5px;
}

.card-block i {
        border: 1px solid black;
        border-radius: 5px;
        padding: 7px
}

.card-text {
    font-size: 0.8em;
}

.img-group {
    height: 60px;
    margin-top: 5px;
}

.searchBox {
    border-right: none;
}

.clear-icon {
    border: 1px solid black;
    border-left: none;
    padding-top: 6px;
    background-color: var(--form-control-bg-color)
}

    .clear-icon i {
        font-size: 1.5em;
    }

.btn-outline-secondary-custom {
    border-radius: 0em 0.25em 0.25em 0em;
    border: 1px solid black;
}

.select-icon {
    position: absolute;
    top: 4px;
    right: 14%;
    width: 30px;
    height: 36px;
    pointer-events: none;
    padding-left: 8px;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    z-index: 9;
}

.btn-outline-secondary {
    color: var(--ddm-color);
}

.theme-dark {
    color: var(--ddm-color) !important
}

    .theme-dark:hover {
        color: var(--ddm-color)
    }

@media (max-width: 358px) {
    .btn-secondary-citoylien {
        min-width: unset;
    }
}


@media (min-width: 360px) {
    .btn-secondary-citoylien {
        min-width: 80px;
    }
}

.btn-secondary-citoylien {
    border: 1px solid black;
    padding: 5px;
    font-size: 0.9em;
    cursor: pointer;
}

.btn-dark {
    background-color: var(--form-control-bg-color, #343a40);
    border: 1px solid var(--form-control-bg-color, #343a40);
}

.tab .selected {
    border-bottom: 5px solid #1a73e8;
    border-radius: 4px 4px 2px 2px;
    font-weight: 700 !important;
    background: silver;
    color: black;
}

.tab label:hover {
    color: #1a73e8;
    background: silver;
}

.tab label {
    padding: 5px 15px;
    border-radius: 4px 4px 0px 0px;
}

.control-label {
    font-weight: bold;
}

input[type=checkbox], input[type=radio] {
    transform: scale(1.5);
}

.grille .rubrique .fa-camera{
    cursor:pointer;
}

.logement-item, .synchronize-item {
    cursor: pointer;
    border: 1px solid transparent;
    min-height: 65px;
}

    .logement-item:hover, .current-logement-item, .synchronize-item:hover {
        border: 1px solid #039be5;
        box-shadow: 0px 0px 6px #039be5;
        border-radius: 4px;
    }

    .logement-item .logement-description:hover, .logement-evaluation-unite:hover {
        color: #039be5;
    }

.logement-evaluation-unite{
    display:flex;
}

.rubrique .fa-camera, .rubrique .fa-comment, .fa-ellipsis-h, .fa-balance-scale {
    cursor: pointer;
}

.indicateur-avancement-note {
    float: left;
}
.indicateur-avancement-color {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    float: left;
    border: 1px solid silver;
    margin: 0px 10px;
}

.card-indicateur-avancement-color {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 1px solid silver;
    margin: -3px 0px;
    display: inline-block;
}

.rubrique-article {
    position: absolute;
    top: 0;
    left: 0;
    border-left: 5px solid black;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.rubrique-article-right, .document-commentaire-right {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid black;
    border-bottom: 5px solid transparent;
}

.filesToUpload li, .user-signature li {
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    padding: 3px;
    text-align: center;
    margin: 5px 5px 15px 0px;
    min-width: 100px;
    cursor: pointer;
}

    .filesToUpload li:hover {
        border: 1px solid silver;
    }

    .filesToUpload li .fa-times, .user-signature li .fa-times {
        margin: 2px;
        border-radius: 4px;
        border: 1px solid black;
        padding: 8px 10px;
    }

    .filesToUpload li .contenant-image {
        position: relative;
        height: 200px;
        width: 200px;
    }

        .filesToUpload li .contenant-image img, .filesToUpload li .contenant-image video {
            max-height: 200px;
            max-width: 200px;
            box-shadow: 0px 0px 10px 1px silver;
        }

    .filesToUpload li i.fa-times:hover {
        background: silver;
    }

.tooltip-inner {
    max-width: 275px;
    text-align: left;
    font-size: 12px;
    box-shadow: 4px 4px 14px black;
}

.videostart {
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
}

.fa-comment{
    float:right;
}

.article-tooltip, .legende-tooltip {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999;
    max-width: 400px;
    min-width: 200px;
    background: var(--theme-bg-color-2, beige);
    border-radius: 4px;
    border: 1px solid silver;
    text-align: justify;
}

.legende-tooltip-inner{
    font-size: 0.9em;
}

.article-tooltip-inner, .legende-tooltip-inner {
    box-shadow: 4px 4px 14px silver;
    border-radius: 4px;
    padding: 5px 10px;
    overflow: auto;
    max-height: 350px;
}

.article-tooltip-arrow, .legende-tooltip-arrow {
    position: absolute;
    display: block;
    top: 10px;
    left: -16px;
    width: 0.8rem;
    height: 0.4rem;
    border-right: 8px solid silver;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
}

.inspection-suivi-item .inspection-suivi-item-desc {
    border: 1px solid transparent;
}

    .inspection-suivi-item .inspection-suivi-item-desc:hover {
        border: 1px solid silver;
    }

.adresse-list {
    position: absolute;
    height: 50%;
    width: calc(100% - 32px);
    z-index: 1;
    border: 1px solid black;
    top: 56px;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    overflow: auto;
}

    .adresse-list li, ul[name=inspecteur] li, ul[name=intervenant] li {
        padding: 2px 5px;
    }

        #actionModal li.selectable:hover, ul[name=inspecteur] li:hover, ul[name=intervenant] li:hover, .adresse-list li:hover {
            background-color: #1a73e8;
            color: white;
            cursor: pointer;
        }

        #actionModal li.not-selectable:hover {
            background-color: silver;
            color: white;
            cursor: pointer;
        }

.interaction {
    max-width: 60%;
    border-radius: 4px;
    margin: 5px 0px;
}

    .interaction.other {
        float: left;
        border: 1px solid #1a73e8c9;
        background-color: #1a73e8c9;
        color: white;
    }

    .interaction.me {
        float: right;
        border: 1px solid silver;
        background-color: silver;
        color:black;
    }

    .interaction.other .title {
        border-bottom: 1px solid white;
        background-color: #1a73e8;
        font-weight: bold;
    }

    .interaction.me .title {
        border-bottom: 1px solid gray;
        background: gray;
        font-weight: bold;
    }

    .interaction.other .time {
        border-top: 1px solid white;
        font-size: 0.8em;
    }

    .interaction.me .time {
        border-top: 1px solid gray;
        font-size: 0.8em;
    }

    .interaction .texte, .interaction .title, .interaction .time {
        padding: 5px;
    }

        .interaction .time span {
            float: right;
        }

    .interaction.initial {
        float: left;
        border: 1px solid #1a73e8;
        margin-right: 3px;
        border-radius: 10px;
        background: #1a73e8c9;
        color: white;
        padding: 5px 7px;
    }

#loader, #loader-sync, .loader {
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    display: none;
}

#loader-save, .loader-save, #loader-search {
    position: absolute;
    border-radius: 50px;
    border: 1px solid black;
}

#loader-save-fl {
    float: left;
    border-radius: 50px;
    border: 1px solid black;
}

ul[nature] li {
    border-radius: 4px;
    padding: 6px;
}

    ul[nature] li:hover {
        background-color: #1a73e8c9;
        transition: all 0.3s;
        cursor: pointer;
        box-shadow: 0 .05rem .75rem #1a73e8c9;
        color: white;
    }

.categorie > div:first-child, .espace > div:first-child {
    border-radius: 4px 0px 0px 4px;
}

.entete div.row div:first-child, .first-col {
    border-radius: 4px 0px 0px 0px;
}

.entete div.row div:last-child, .last-col {
    border-radius: 0px 4px 0px 0px;
}

.grille-entete-conformite {
    border-radius: 0px;
}

.grille-tab {
    word-wrap: break-word;
}

.dossier-link-slave {
    position: absolute;
    bottom: 9px;
    right: 14px;
    z-index: 1000;
    font-size: 1.3em;
    border: 1px solid black;
    border-radius: 50%;
    padding: 5px;
}

.dossier-link-master {
    position: absolute;
    bottom: 9px;
    right: 14px;
    z-index: 1000;
    font-size: 1.3em;
    border: 1px solid black;
    border-radius: 50%;
    padding: 5px;
    color: white;
    background: black;
}

#labelSequenceFilter div.removable, .label-demande-parent {
    float: left;
    border: 1px solid silver;
    border-radius: 4px;
    margin: 1px;
}

#labelSequenceFilter div span {
    padding: 3px 2px;
    margin: 2px 0px;
    float: left;
}

#labelSequenceFilter div.removable span, .label-demande-parent a {
    padding: 3px 4px;
    margin: 0px;
    float: left;
}

#labelSequenceFilter div i, .label-demande-parent i {
    padding: 7px;
    border-left: 1px solid silver;
}

#labelSequenceFilter div.removable:hover, .label-demande-parent:hover {
    background-color: #1a73e8c9;
    cursor: default;
}

span.removable {
    border: 1px solid silver;
    border-radius: 4px;
    margin: 1px;
}

.fa-1poit5x {
    font-size: 1.3em;
}

.fa-1poit6x {
    font-size: 1.6em;
}

#demandeModalFilter {
    max-width: 409px;
}

.modal-header {
    border-bottom: none;
    padding-bottom: 0px;
}

#demandeModalFilter .modal-body, .raison .modal-body {
    padding: 1em 1.4rem;
    text-align: justify;
}

#demandeModalFilter .modal-content {
    background-color: var(--theme-bg-color-2, white);
    border-color: var(--theme-border-modal-color, #0003);
}

.modal-content {
    background-color: var(--theme-bg-color-2, white);
    border-color: var(--theme-border-modal-color, #0003);
}

#demandeModalFilter .modal-footer, .raison .modal-footer {
    border-top: none;
}

.modal-backdrop.show {
    opacity: 0.1;
}

.modal-backdrop[modal-id='dossier-save'] {
    opacity: 0;
}

#demandeModalFilter .modal-dialog {
    margin-top: 0em;
}

ul.dossier-nom-inspecteur{
    float:left;
}

.indicateur-avancement-evacuer {
    background-color: red;
    border-radius: 4px;
    color: white;
    padding: 0px 5px 2px 5px;
    margin-left: 5px;
    margin-left:35px;
}

.logement-avis-non-conformite-file{
    cursor:pointer;
    margin-bottom:5px;
}

.indicateur-avancement-vacant {
    background-color: rgb(63, 233, 63);
    border-radius: 4px;
    color: black;
    padding: 0px 5px 2px 5px;
    margin-left: 5px;
    margin-left: 35px;
    font-weight: bold;
}

.indicateur-avancement-inaccessible {
    background-color: orange;
    border-radius: 4px;
    color: black;
    padding: 0px 5px 2px 5px;
    margin-left: 5px;
    margin-left: 35px;
    font-weight: bold;
}

#divImage{
    font-size:0.9em;
}

.logement-edit {
    text-align: center;
}

.photo-commentaire{
    width:100%
}

.grille-read-only {
    background: #007bff;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
}

.entete-fixed {
    position: fixed;
    top: 84px;
}

.init-scroll-fixed, .down-scroll-fixed {
    position: fixed;
    right: 50px;
    background: #1a73e8;
    bottom: 100px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 1px 5px 10px black;
    width: 52px;
    z-index: 1005;
}

.down-scroll-fixed {
    bottom: 40px;
}

    .init-scroll-fixed i, .down-scroll-fixed i {
        padding: 15px 0px;
        color: white;
        font-size: 1.5em;
    }

.init-scroll-fixed-setting, .down-scroll-fixed-setting {
    position: fixed;
    background: #1a73e8;
    bottom: 55px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 1px 5px 10px black;
    width: 42px;
    z-index: 1005;
}

    .init-scroll-fixed-setting i, .down-scroll-fixed-setting i {
        padding: 13px 0px;
        color: white;
        font-size: 1em;
        margin-left: -2px;
    }


.data-erreur {
    background-color: #ff00003b;
}

.btn-erreur {
    border-color: red;
    color:red;
}

.libelle-juridique {
    min-height: 200px;
    line-height: 1.8em;
}

    .libelle-juridique div[version], .libelle-juridique.final {
        background: beige;
        margin-top: 25px;
        padding: 30px 5px 5px 5px;
        position: relative;
        border: 1px solid black;
        border-radius: 4px;
        color: black;
    }

    .libelle-juridique.final {
        padding: 5px;
    }

    .libelle-juridique div[version] div.version {
        position: absolute;
        top: -15px;
        left: 25px;
        font-size: 0.7em;
        font-weight: bold;
        border: 1px solid black;
        border-radius: 4px;
        padding: 0px 10px;
        background: #c1c199;
        line-height: 1.5em;
        color: black;
    }

span.selected {
    background-color: #1a73e8c9;
}

#NombreNotification {
    position: absolute;
    border: 1px solid black;
    background-color: darkorange;
    color: black;
    border-radius: 50%;
    top: 70%;
    left: calc(50% + 22px);
    font-size: 0.7em;
    margin-top: -12px;
    margin-left: -20px;
    text-align: center;
}

.NombreNotificationDossier {
    position: absolute;
    border: 1px solid black;
    background-color: darkorange;
    color: black;
    border-radius: 50%;
    top: 30%;
    left: 38%;
    font-size: 0.7em;
    margin-top: -12px;
    margin-left: -20px;
    text-align: center;
}

.NombreNotificationConstatDossier1 {
    position: absolute;
    border: 1px solid black;
    background-color: #ff0000;
    color: black;
    border-radius: 50%;
    top: 30%;
    left: calc(38% + 17px);
    font-size: 0.7em;
    margin-top: -12px;
    margin-left: -20px;
    text-align: center;
}

.NombreNotificationConstatDossier0 {
    position: absolute;
    border: 1px solid black;
    background-color: #ff0000;
    color: black;
    border-radius: 50%;
    top: 30%;
    left: 38%;
    font-size: 0.7em;
    margin-top: -12px;
    margin-left: -20px;
    text-align: center;
}


.notif-rubrique {
    position: absolute;
    color: orangered;
    right: 0;
    bottom: 0;
}

.notif-logement {
    position: absolute;
    color: orangered;
    left: -25px;
    top: calc(50% - 8px);
}

.notif-constat {
    position: absolute;
    color: orangered;
    left: 0;
    top: 5px;
}

.notif1chiffre {
    padding: 1px 8px;
}

.notif2chiffre {
    padding: 2px 4px;
}

.notif1chiffredossier {
    padding: 1px 7px;
}

.notif2chiffredossier {
    padding: 2px 4px;
}

.logement-pourcentage, .logement-non-conformite, .logement-description>span, .logement-nombre-photo {
    padding: 0px 5px;
}

.logement-item-entete, .reglement-article-entete, .grille-categorie-entete, .grille-categorie-rubrique-entete, .article-entete, .entete, .espace-entete,
.synchronize-item-entete, .activity-item-entete {
    border: 1px solid gray;
    margin: 5px -5px;
    border-radius: 5px;
    font-weight: bold;
    background: #dee2e6;
    display: flex;
    align-items: center;
    color: black;
}

.interaction-icon {
    font-size: 2em;
    position: absolute;
    left: 32px;
    top: -31px;
    color: #1a73e8;
}


.nombre-interaction {
    position: absolute;
    color: white;
    left: 56px;
    top: -25px;
    font-size: 0.7em;
    z-index: 1;
    margin-left: -20px;
    text-align: center;
}

    .nombre-interaction.notif2chiffre {
        padding: 0px 2px;
    }

.imgReglement, .imgGrille, .imgDomaine {
    border-radius: 4px;
    text-align: center;
    padding: 10px;
}

    .imgReglement:hover, .imgGrille:hover, .imgDomaine:hover {
        background-color: #1a73e8c9;
        transition: all 0.3s;
        cursor: pointer;
        box-shadow: 0 .05rem .55rem #1a73e8c9;
        color: white;
    }

.reglement-article-no, .reglement-section-no, .reglement-article-entete div, .grille-categorie-entete div, .grille-categorie-rubrique-entete div,
.article-entete div, .article-article-no, .article-section-no, .entete div, .espace-entete div {
    text-align: center;
    border-right: 1px solid var(--grille-item-cell-color, #00000013);
}

.reglement-article-description, .reglement-article-libelle-juridique, .reglement-article-edit,
div.grille-categorie-description, div.grille-categorie-description-groupe, .grille-categorie-rubrique, .grille-categorie-edit,
.grille-categorie-rubrique-description, .grille-categorie-rubrique-partie, .grille-categorie-rubrique-reglement, .grille-categorie-rubrique-methode,
.grille-categorie-rubrique-importance, .grille-categorie-rubrique-edit, .article-article-no, .article-section-no, .article-description,
.grille-document-description, .grille-evenement-description, .dossier-evenement-description, .dossier-evenement-date, .dossier-evenement-commentaire, .grille-document-edit, .dossier-evenement-edit, .grille-evenement-edit, .dossier-document-requis-description, .dossier-document-requis-fait, .dossier-document-requis-nonapplicable,
.espace-description, .espace-partie-description, .synchronize-numero, .synchronize-description, .synchronize-inspecteur-info, .synchronize-document-a-synchroniser, .synchronize-document-local, .comment-modele-commentaire-constat, .comment-modele-commentaire-recommendation, .comment-modele-espace, .comment-modele-edit,
.synchronize-description-total, .synchronize-document-a-synchroniser-total, .synchronize-document-local-total, .grille-item-cell, .synchronize-device-info,
.activity-user, .activity-fonction, .activity-dtactivity, .activity-deviceOs, .activity-numero, .domaine-document-description, .domaine-document-applicable {
    border-right: 1px solid var(--grille-item-cell-color, #00000013);
}

.synchronize-item-total {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid var(--grille-item-cell-color, #00000013);
}

.reglement-article-description {
    height: 150px;
    overflow: auto;
}

ul.logement-nom-inspecteur, ul.exterieur-nom-inspecteur, ul.dossier-nom-inspecteur {
    max-height: 130px;
    overflow: auto;
}

.synchronize-document-a-synchroniser, .synchronize-document-local, .synchronize-info {
    text-align: center
}

.reglement-article-item, .grille-categorie-item, .grille-categorie-rubrique-item, .article-item, .grille-document-item, .grille-evenement-item, .dossier-evenement-item, .list-item, .espace-item,
.synchronize-item, .comment-modele-item, .synchronize-item-total, .activity-item {
    border-top: 1px solid var(--grille-item-cell-color, #00000013);
    border-left: 1px solid var(--grille-item-cell-color, #00000013);
    border-right: 1px solid var(--grille-item-cell-color, #00000013);
}

    .reglement-article-item:last-child, .grille-categorie-item:last-child, .grille-categorie-rubrique-item:last-child, .article-item:last-child, .grille-document-item:last-child, .grille-evenement-item:last-child, .dossier-evenement-item:last-child, .list-item:last-child, .espace-item:last-child,
    .synchronize-item:last-child, .comment-modele-item:last-child, synchronize-item-total:last-child, .activity-item:last-child {
        border-bottom: 1px solid var(--grille-item-cell-color, #00000013);
        border-radius: 0px 0px 5px 5px;
    }

.reglement-article-entete div:last-child, .grille-categorie-entete div:last-child, .grille-categorie-rubrique-entete div:last-child, .entete div:last-child {
    border-right: none;
}

.reglement-article-libelle-juridique i, .reglement-article-edit i, .reglement-article-delete i,
.grille-categorie-delete i, .grille-categorie-edit i, .grille-categorie-rubrique i,
.grille-categorie-rubrique-delete i, .grille-categorie-rubrique-edit i, .grille-document-edit i, .grille-document-delete i, .grille-evenement-edit i, .grille-evenement-delete i, .dossier-evenement-edit i, .dossier-evenement-delete i,
.comment-modele-edit i, .comment-modele-delete i {
    font-size: 1.4em;
    color: #039be5;
    padding: 5px;
}

    .reglement-article-libelle-juridique i:hover, .reglement-article-edit i:hover, .reglement-article-delete i:hover,
    .grille-categorie-delete i:hover, .grille-categorie-rubrique i:hover, .grille-categorie-edit i:hover,
    .grille-categorie-rubrique-delete i:hover, .grille-categorie-rubrique-edit i:hover, .grille-document-edit i:hover, .grille-document-delete i:hover,
    .grille-evenement-edit i:hover, .grille-evenement-delete i:hover, .dossier-evenement-edit i:hover, .dossier-evenement-delete i:hover {
        font-weight: bold;
        cursor: pointer;
    }

.dossier-document-requis-upload i{
    color:gray;
}

.categorie-description-group {
    background-color: #0078d4c7;
    font-weight: bold;
    margin-bottom: -1px;
    padding: 6px;
    color: white;
    border-radius: 4px 4px 0px 0px
}

.suivi-commentaire li {
    max-height: 100px;
    overflow: auto;
    max-width: 310px;
}

.suivi-commentaire span {
    text-decoration: underline;
    color: #0366d6;
    cursor:pointer;
}

.suivi-commentaire i {
    color: #0366d6;
}

.help-list video {
    border: 1px solid gray;
    border-radius: 5px;
}

    .help-list video:hover {
        cursor: pointer;
        box-shadow: rgb(0 0 0 / 40%) 0px 0px 9px
    }

.help-list i {
    z-index: 1;
    left: calc(50% - 24px);
    color: #1a73e8;
    cursor: pointer;
}

.popover {
    background: var(--theme-bg-color-2, white);
}

.popover-header {
    background: var(--theme-bg-color-2, white);
    color: var(--ddm-color, black)
}

.popover-body {
    color: var(--ddm-color, black)
}

.popover .arrow::after {
    border: var(--theme-bg-color-2, white);
}

.marker-dossier-prev {
    border-radius: 4px 0px 0px 4px;
    padding: .2rem .75rem;
}

.marker-dossier-next {
    border-radius: 0px 4px 4px 0px;
    padding: .2rem .75rem;
}

#expand-apply {
    cursor: pointer;
    padding: 3px 6px;
    border-radius: 50%;
    position: absolute;
    z-index: 1035;
    right: 7px;
    top: -44px;
    border: 1px solid var(--form-control-color, black);
    background: transparent;
    color: var(--form-control-color, black);
}

.classe-usage-groupe, .classe-usage-groupe-col, .norme-prescrite-groupe, .norme-prescrite-groupe-col {
    background-color: #c0c0c094;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
}

.entete-col {
    background-color: silver;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    font-weight: bold;
}

.classe-usage-groupe-col, .classe-usage-col, .entete-col, .norme-prescrite-col, .disposition-speciale-col {
    text-align: center;
}

.classe-usage, .classe-usage-col, .norme-prescrite, .norme-prescrite-col, .disposition-speciale, .disposition-speciale-col {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
}

    .classe-usage-col i, .norme-prescrite-col i {
        font-size: 10px
    }

.zm-note, .zm-derogation-mineure {
    border: 3px solid gray;
    min-height: 60px;
}

.col-s{
    min-width:50px;
}

.list-rubrique-constat{
    padding-left:5px;
}

.list-rubrique-constat li{
    padding: 2px;
}

.rubrique .nbConstat {
    font-weight: bold;
    color: red;
}

.chart-card {
    border: 1px solid silver;
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(var(--palette-neutral-10,218, 218, 218),1);
    margin: 5px;
    height: calc(100% - 10px);
}

    .chart-card h5 {
        text-align: center;
    }

.tab-card {
    font-size: 0.8em;
}

    .tab-card .header, .tab-card .header2 {
        text-align: center;
        font-weight: bold;
        border-bottom: 1px solid silver;
    }

    .tab-card .row[index] {
        border-bottom: 1px solid silver;
    }

        .tab-card .row[index] div.col-1, .tab-card .row[group] div.col-1 {
            text-align: right;
            padding: 0px;
        }

    .tab-card .row[group] div.col-1 {
        font-weight: bold;
    }

    .tab-card .row[group] {
        background-color: rgb(160 201 245 / 50%);
    }

    .tab-card .row-imp {
        background-color: #c0c0c02e;
    }

    .tab-card .header .datasets div.col-1, .tab-card .header .row-summary, .tab-card .header .annee {
        transform: rotate( -45deg );
    }

.ind-val {
    padding: 5px;
    border: 1px solid rgba(0, 103, 181, 1);
    border-radius: 5px;
    margin: 1px;
}

.ind-prc {
    padding: 5px;
    border: 1px solid rgba(0, 103, 181, 1);
    border-radius: 5px;
    margin: 1px;
    background-color: rgba(0, 103, 181, 1);
    color:white;
}

.grille-entete {
    text-align: center;
}

.categorie-toggle {
    font-size: 1.5em;
    color: var(--form-control-color, black);
    border: 1px solid var(--form-control-color, black);
    border-radius: 50%;
    padding: 4px 10px;
    margin-top: 3px;
}

    .categorie-toggle:hover {
        cursor: pointer;
        color: #039be5;
        border: 1px solid #039be5;
    }

.espace-horizontal, .categorie-horizontal {
    background-color: #c0c0c06e;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid silver;
    border-radius: 4px;
    box-shadow: 0 .25rem .55rem silver;
    cursor:pointer;
}

    .espace-horizontal .espace-description, .categorie-horizontal .categorie-description {
        font-weight: bold;
        margin: auto;
    }

#divStatut li{
    margin-bottom: 3px;
}

.espace-nombre-photo, .categorie-nombre-photo {
    margin: auto;
    text-align: center;
}

.zonage-reglement {
    text-align: center;
    background: #0078d4c7;
    padding: 6px;
    border-radius: 4px;
    color: white;
}

.float-adresse {
    background: orange;
    border-radius: 4px;
    padding: 2px 5px;
    font-weight: bold;
    box-shadow: 1px 5px 10px gray;
    margin-top: 10px;
    color: black;
}

.tab-total{
    font-weight:bold;
}

.exterieur-stat, .demande-permis-stat, .dossier-stat {
    font-size: 0.7em;
    color: gray
}

    .exterieur-stat span, .demande-permis-stat span {
        color: var(--theme-color-1);
        float: right;
    }

.nature-switch {
    border: 1px solid black;
    border-radius: 10px;
    padding:3px;
}

.nature-switch-item {
    border-radius: 9px;
    text-align: center;
    height: 55px;
    cursor: pointer;
    padding: 5px;
    font-size:14px
}

    .nature-switch-item.selected {
        border: 1px solid #1a73e8c9;
        background-color: #1a73e8c9;
        transition: all 0.3s;
        box-shadow: 0.05rem 0.05rem 0.55rem #1a73e8c9;
        color: white;
        font-weight: bold;
    }

.source-switch {
    border: 1px solid black;
    border-radius: 17px;
}

    .source-switch.disabled .source-switch-item.selected {
        border: 1px solid gray;
        background-color: silver;
        box-shadow: none;
        color: black;
    }

.source-switch-item {
    text-align: center;
    cursor: pointer;
    padding: 6px;
    font-size: 14px
}

    .source-switch-item.right {
        border-radius: 0px 15px 15px 0px;
    }

    .source-switch-item.left {
        border-radius: 15px 0px 0px 15px;
    }

    .source-switch-item.selected {
        border: 1px solid #1a73e8c9;
        background-color: #1a73e8c9;
        transition: all 0.3s;
        box-shadow: 0.05rem 0.05rem 0.55rem #1a73e8c9;
        color: white;
        font-weight: bold;
    }

.filesToUpload img{
    border-radius:4px;
}

.grille-model {
    font-size: 0.8em;
    padding: 10px 0px 0px;
    margin: 5px 0px;
}

.grille-model span {
    border-bottom: 3px solid red;
}

.alert-chart {
    position: fixed;
    bottom: 40px;
    right: 40px;
    min-height: 130px;
    width: 435px;
    box-shadow: var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f);
    border-radius: var(--ds-border-radius-100, 3px);
    z-index: 1000;
    background-color: var(--ds-surface-overlay, #FFFFFF);
    padding: var(--ds-space-200, 16px);
    transition: background-color 500ms ease 0s;
    font-size: 14px;
}

.alert-tmp {
    position: fixed;
    bottom: 40px;
    right: 40px;
    min-height: 130px;
    max-height: 350px;
    width: 400px;
    box-shadow: var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f);
    border-radius: var(--ds-border-radius-100, 3px);
    z-index: 1200;
    background-color: var(--ds-surface-overlay, #FFFFFF);
    padding: var(--ds-space-200, 16px);
    transition: background-color 500ms ease 0s;
    font-size: 14px;
}

.alert-loading {
    position: fixed;
    top: 50%;
    left: calc(50% - 150px);
    height: 72px;
    width: 260px;
    box-shadow: var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 10px #091e424f);
    border-radius: var(--ds-border-radius-100, 15px);
    z-index: 1200;
    background-color: var(--ds-surface-overlay, #FFFFFF);
    padding: var(--ds-space-200, 16px 25px);
    transition: background-color 500ms ease 0s;
    font-size: 14px;
    border:1px solid silver;
}

.auto-sync {
    display: flex;
}

.alert-tmp.fadeout, .alert-chart.fadeout, .auto-sync .fadeout {
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
}

.alert-tmp.fadein, .alert-chart.fadein, .auto-sync .fadein, .alert-loading.fadein {
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 1;
}

.css-c1 {
    display: flex;
    box-sizing: border-box;
    gap: var(--ds-space-200, 16px);
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-direction: row;
}

.css-c1a {
    display: flex;
    box-sizing: border-box;
    gap: var(--ds-space-200, 10px);
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-direction: row;
}

.css-n1 {
    display: flex;
    -webkit-box-align: start;
    align-items: start;
    flex-shrink: 0;
    color: var(--flag-icon-color);
}

.css-l1 {
    -webkit-box-flex: 1;
    flex-grow: 1;
    transition: gap 0.3s ease 0s;
}

.css-t1 {
    display: flex;
    box-sizing: border-box;
    gap: var(--ds-space-100, 8px);
    flex-direction: column;
    justify-content: stretch;
}

.css-f1 {
    display: flex;
    box-sizing: border-box;
    gap: var(--ds-space-100, 8px);
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width:100%
}

.css-9z {
    box-sizing: border-box;
    appearance: none;
    border: none;
    padding-block-start: var(--ds-space-025, 2px);
}

.css-ox {
    box-sizing: border-box;
    margin: var(--ds-space-0, 0px);
    padding: var(--ds-space-0, 0px);
    font-family: var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif);
    color: var(--ds-text-subtle, #42526E);
    font-weight: var(--ds-font-weight-semibold, 600);
}

.css-b1 {
    display: flex;
    width: 24px;
    height: 24px;
    padding: var(--ds-space-0, 0px);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 0 0 auto;
    background: none;
    border-style: none;
    cursor: pointer;
    white-space: nowrap;
}

.css-1y {
    box-sizing: border-box;
    appearance: none;
    border: none;
    transition: max-height 0.3s ease 0s;
}

.item-info {
    font-size: 11px;
    text-align: left;
    padding-left: 5px;
}

#Photo-synchronize {
    max-width: 150px;
    border-color: red;
    color: red;
}

.not-synchronized{
    position:absolute;
    left:5px;
    top:5px;
    color: red;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.interieur-pourcentage, .interieur-complete, .interieur-non-conformite, .interieur-nombre-photo, .exterieur-pourcentage, .exterieur-non-conformite, .exterieur-nombre-photo,
.avancement, .non-conformite, .nombre-photo {
    background: #c0c0c05e;
    height: 25px;
    width: calc(100% - 100px);
    border-radius: 3px;
    padding: 0px 2px;
    margin: 2px 0px;
}

.auto-sync div{
    display:inline;
    font-size:12px;
}

.navbar-brand i.selected {
    color: var(--ddm-color);
    opacity: 1;
}

.display-mode .selected i {
    color: var(--display-mode-selected-color, black)
}

.display-mode i {
    color: var(--display-mode-color, #676666)
}

#fixedPart {
    background-color: var(--theme-bg-color-1, white);
}

.categorie, .espace {
    min-height: 200px;
}

    .categorie[categorie-id="29"], .categorie[categorie-id="40"], .categorie[categorie-id="41"], .categorie[categorie-id="80"], .categorie[categorie-id="75"] {
        min-height: 250px;
    }

    .categorie[categorie-id="72"] {
        min-height: 300px;
    }

.rubrique-comment-modele {
    position: absolute;
    background: var(--theme-bg-color-1, white);
    border: 1px solid silver;
    border-radius: 4px;
}

.tb-indicateurs li {
    padding: 5px;
}

.title-bbg {
    border-bottom: 5px solid #3fe93f;
}

.title-bbo {
    border-bottom: 5px solid orange;
}

.title-bbr {
    border-bottom: 5px solid red;
}

.adress-find {
    cursor: pointer
}

.adresse-list-dossier, .list-dossier, .logement-list-dossier {
    height: 250px;
    border: 1px solid black;
    border-radius: 0px 0px 4px 4px;
    overflow: auto;
}

#dossier-pending-adresse {
    border-radius: 4px 4px 0px 0px;
}

.adresse-list-dossier li, .list-dossier li, .logement-list-dossier li {
    padding: 5px;
    margin: 0px;
    cursor: pointer;
}
    .adresse-list-dossier li.selected, .list-dossier li.selected {
        background: #538fcd;
        color: white;
    }

    .adresse-list-dossier li:hover, .list-dossier li:hover, .logement-list-dossier li:hover {
        background: #538fcd;
        color: white;
    }

.adress-dt-used {
    font-size: 0.8em;
    color: gray
}

#loader-adress {
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
}

.numero-logement {
    background-color: silver;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px;
    color:black;
}

.grille-empty {
    text-align: center;
    border: 1px solid silver;
    padding: 10px;
    background: silver;
    border-radius: 5px;
    margin: 0px 16px 0px 30px;
    font-weight: bold;
    min-height: 120px;
    align-content: center;
}

#calendar {
    width: 100%;
    margin: 0 auto;
    padding-right:6px;
}

.calendar-event-centent-date {
    font-size: 0.8em;
    font-weight: bold;
}

.calendar-event-centent-adr {
    font-size: 0.9em;
}

.calendar-event-centent-icon {
    height:40px;
}
.calendar-event-centent-statut {
    font-size: 9px;
    padding: 5px;
    border: 1px solid silver;
    border-radius: 4px;
}

.calendar-event-centent-nc{
    color:red;
}

.calendar-event-centent-indic-3fe93f {
    background-color: #3fe93f;
}

.calendar-event-centent-indic-ffa500 {
    background-color: #ffa500;
}

.calendar-event-centent-indic-ffff00 {
    background-color: #ffff00;
}

.calendar-event-centent-indic-ff0000 {
    background-color: #ff0000;
}

.legende{
    cursor:pointer;
}

.activity-statut-actif {
    color: green;
    position: absolute;
    left: 24px;
    top: 24px;
    font-size: 0.8em
}

.activity-statut-inactif {
    color: yellow;
    position: absolute;
    left: 24px;
    top: 24px;
    border: 1px solid gray;
    border-radius:50%;
    font-size:0.7em
}

/*css for setting part*/
.element-list-entete, .logement-list-entete {
    font-size: 0.8em;
    background: #e9ecef;
    border-radius: 5px;
    border: 1px solid silver;
}

.element-list-entete, .logement-list-entete {
    min-height: 61px;
}

    .element-list-entete .row, .logement-list-entete .row {
        height: 100%;
    }

    .element-list-entete div.colx, .logement-list-entete div.colx {
        max-height: 100px;
        border-right: 1px solid silver;
        padding: 10px 2px;
        background: #e9ecef;
        font-weight: bold;
        position: relative;
    }

        .element-list-entete div.colx:first-child, .logement-list-entete div.colx:first-child {
            border-radius: 5px 0px 0px 5px;
        }

        .element-list-entete div.colx:last-child, .logement-list-entete div.colx:last-child {
            border-radius: 0px 5px 5px 0px;
            border-right: none;
        }

.element-list-row div.colx, .logement-list-row div.colx {
    padding: 5px;
    word-wrap: break-word;
}

.element-list-row-content, .logement-list-row-content {
    overflow: auto;
    font-size: 0.8em;
}

.element-list-row, .logement-list-row {
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
}

    .element-list-row:first-child, .first-row, .logement-list-row:first-child {
        border-radius: 4px 4px 0px 0px;
    }

    .element-list-row:last-child, .last-row, .logement-list-row:last-child {
        border-bottom: 1px solid silver;
        border-radius: 0px 0px 4px 4px;
    }

    .element-list-row .colx, .logement-list-row .colx {
        border-right: 1px solid silver;
    }

        .element-list-row .colx:last-child, .logement-list-row .colx:last-child {
            border-right: none;
        }

    .element-list-row i, .logement-list-row i {
        font-size: 1.4em;
        color: #039be5;
        padding: 5px;
    }

        .element-list-row i:hover {
            font-weight: bold;
            cursor: pointer;
        }

    .element-list-row .col-action {
        text-align: center;
    }

.element-list-entete .colx i {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 2px;
    padding: 3px;
    border-radius: 3px;
}

    .element-list-entete .colx i.fa-long-arrow-up {
        bottom: 23px;
    }

    .element-list-entete .colx i.fa-angle-down:hover {
        background: #1a73e8;
        border: 1px solid #1a73e8;
        color: black;
    }

.element-list-total {
    font-size: 0.8em;
    font-weight: bold;
}

.element-list-row.updated {
    border-left: 1px solid #066cf1;
}

.element-list-row:hover, .element-list-row.selected {
    border: 1px solid #039be5;
    box-shadow: #039be5 0px 0px 6px;
}

.colx[col=employe-codeu], .colx[col=employe-matricule], .colx[col=employe-statut], .colx[col=adresse-civiqueNo], .colx[col=adresse-generique], .colx[col=adresse-orientation],
.colx[col=adresse-nombreLogement], .colx[col=adresse-nombreEtage], .colx[col=adresse-ville], .colx[col=adresse-codepostal] {
    width: 80px;
}

.colx[col=employe-nom], .colx[col=employe-prenom], .colx[col=employe-cellulaire], .colx[col=employe-uadm] {
    width: 120px;
}

.colx[col=adresse-specifique], .colx[col=adresse-local-niveau], .colx[col=adresse-local-numero] {
    width: 140px;
}

.colx[col=employe-email], .colx[col=employe-titre] {
    width: 220px;
}

.colx.col-action-u {
    width: 60px;
    text-align: center
}

.archive-centent-key-item, .actif-centent-key-item {
    padding: 5px;
    background-color: rgb(160 201 245 / 50%);
    margin: 5px 0px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
}

    .archive-centent-key-item.selected, .actif-centent-key-item.selected {
        border: 1px solid #039be5;
    }

.archive-centent-value img{
    border-radius: 4px;
}

.modal .modal-body{
    max-height:550px;
    overflow:auto;
}

.document-info div{
    height:auto;
}

.histo-statut-info{
    font-size:0.8em;
}

.row.partie{
    display:none;
}

.logement-partie-plus i:hover {
    color: #039be5;
    cursor: pointer;
    font-weight:bold;
}

.archive-centent-key-item-remove {
    position: absolute;
    right: 10px;
    top: calc(50% - 13px);
    padding: 5px 8px;
    background: #a0c9f59c;
}

    .archive-centent-key-item-remove:hover {
        background: #a0c9f5;
    }

.actif-centent-value-items img:hover {
    border:1px solid silver;
    box-shadow: 0px 0px 10px 1px silver;
}

.actif-centent-value-items div.send {
    bottom: 10px;
    right: 10px;
    background-color: black;
    color: white;
    cursor:default;
    padding:5px;
    border-radius: 5px;
}

.hitorique-username {
    font-size: 0.8em;
    text-decoration: underline;
    color: gray;
    padding-left: 5px;
}


.gm-style-iw-tc.dark::after {
    background-color: var(--theme-bg-color-1);
}

.btn-orange {
    background-color: orange;
    color: var(--theme-bg-color-2) !important
}

.categorie-desc, .espace-desc {
    position: relative;
    border: 1px solid var(--form-control-bg-color, silver);
    background-color: var(--form-control-bg-color, silver);
    width: 45px;
}

.rubrique.non-applicable {
    background-color: #e9ecef;
    color: var(--theme-bg-color-2)
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--form-control-bg-color, #e9ecef);
    opacity: 1;
}