@font-face {
    font-family: 'pass';
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}

.form-pass {
    -webkit-text-security: disc;
}

body {
    background-color: #fff;
    color: black;
    font-family: 'Poppins400', sans-serif;
}

h1,
h2 {
    font-family: 'Poppins400', sans-serif;
}

h1 {
    font-family: 'Poppins600';
    font-size: 22px;
    color: #eb8b76!important;
    text-align: left;
    font-weight: bold;
}

h2 {
    font-size: 20px;
    color: #18427a;
    font-weight: bold;
    margin-top: 30px;
    font-style: italic;
}

h3 {
    font-size: 18px;
    color: #18427a;
    font-weight: bold;
    margin-top: 30px;
    font-style: italic;
}

h4,
h5,
h6 {
    font-family: 'Poppins400', sans-serif;
}

h5 {
    font-size: 1.2rem;
}

label {
    font-family: 'Poppins400', sans-serif;
}

.noHeight {
    -webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    -ms-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s;
    max-height: 0px!important;
    overflow: hidden!important;
    background: #f4f7f7!important;
}

.withHeight {
    -webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    -ms-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s;
    max-height: unset!important;
    background: #f4f7f7!important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.09) !important;
}

#mainLogo:after {
    content: url('../img/LogoBlue100.png');
    width: 100px;
    height: 60px;
    padding: 0px;
}

#mainLogo.Metrologie:after {
    content: url('../img/LogoRed100.png');
    width: 100px;
    height: 60px;
    padding: 0px;
}

.accordion-body {
    border: 0px solid #fff!important;
    padding: 0px;
}

.container-fluid {
    padding: 0px 10px 0px 10px!important;
}

.titleTable {
    font-weight: 600 !important;
    letter-spacing: normal;
    font-size: 20px;
    font-family: Poppins600;
    color: #282624;
    margin: 10px 0px 10px 0px;
}

.bandeauVisite {
    border: 1px solid #e2e5e9;
    background-color: #f2f5f9;
    color: #000000;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem;
    border-radius: .4rem;
    background: #f2f5f9;
    min-height: 60px;
}

.infoVisite {
    position: sticky;
    top: 70px;
    z-index: 10;
}

#infoLogo {
    margin-bottom: 0;
    color: #01408d;
    font-size: 18px;
    font-family: 'PoppinsExtraBold';
}

#titleLogo {
    margin-bottom: 0;
    color: #01408d;
    font-size: 18px;
    font-family: 'PoppinsExtraBold';
}

#infoVille {
    font-size: 14px;
}


/* .custom-bootstrapTable { */


/* transition: height 1s ease; */


/* } */


/* Zone de recherche */

.bs-searchbox .form-control:focus {
    border: none!important;
    border-bottom: 1px solid gray!important;
    outline: none!important;
    box-shadow: none!important;
}

.bs-searchbox .form-control {
    border: none!important;
}

.dropdown-menu {
    z-index: 9999!important;
}

.alert-dismissible .btn-close {
    padding: 0.5rem 0.5rem;
}


/* input[type="search"] { */


/* margin-top:10px; */


/* } */

.filterText {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: DarkSlateGrey;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid;
    padding-right: 30px;
}

.btn-floating .material-icons {
    width: 2.3125rem;
    height: 2.3125rem;
    background-color: transparent;
    border: none;
    border-radius: 2.3125rem;
    line-height: 2.3125rem;
    text-align: center;
    margin: 0.25rem;
}

.btn-floating .material-icons:hover {
    background-color: #00000005;
}

.btn-floating {
    color: #34495e;
}

.icon-default {
    color: #34495e;
}

.icon-green {
    color: #2ecc71;
}

.icon-red {
    color: #d64e31;
}

.icon-orange {
    color: #faa120;
}

.icon-dkblue {
    color: #1b4f72;
}

.icon-yellow {
    color: #f4d03f;
}

.icon-none {
    color: transparent;
}

.btn-floating .material-icons:hover {
    background-color: #9aafd1!important;
    /* color:white!important; */
    /* opacity: 1 !important; */
    transition: background-color 1s;
}

.btnSearch {
    line-height: 2.2rem!important;
    width: 2.2rem;
    border-radius: 3px;
}

.filterRoles {
    color: blue;
    background-color: #fff;
    border-color: blue;
    padding: 0.25rem 2.5rem 0.25rem 0.25rem;
}

.filterClients {
    color: blue;
    background-color: #fff;
    border-color: blue;
    padding: 0.25rem 2.5rem 0.25rem 0.25rem;
}

.filterCriticites {
    color: blue;
    background-color: #fff;
    border-color: blue;
    padding: 0.25rem 2.5rem 0.25rem 0.25rem;
}

.filterActivites {
    color: green;
    background-color: #fff;
    border-color: green;
    padding: 0.25rem 2.5rem 0.25rem 0.25rem;
}


/* BootstrapTable */

table {
    font-size: 0.9rem!important;
}

thead th:first-child {
    border-radius: 6px 0 0 0;
    background-color: var(--theme-info) !important;
}

thead th:last-child {
    border-radius: 0 6px 0 0;
    background-color: var(--theme-info) !important;
}

.headRapport th:first-child {
    border-radius: 6px 0 0 0;
    background-color: var(--theme-info) !important;
    padding-left: 10px;
}

.headRapport th:last-child {
    border-radius: 0 6px 0 0;
    background-color: var(--theme-info) !important;
}

.with_small_fixed_10 {
    width: 50px;
}

.with_small_fixed_50 {
    width: 120px;
}

.with_small_fixed_120 {
    max-width: 120px!important;
    overflow: hidden!important;
}

.with_small_fixed_200 {
    width: 200px!important;
}

.whitesmoke {
    background-color: #f2f5f9;
    color: #000000;
    opacity: 0.6;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}

.whitesmoke:focus {
    background-color: #d1d1d1;
    opacity: 0.9;
    border: none;
}

.whitesmoke:hover {
    background-color: #d1d1d1;
    opacity: 0.9;
    border: none;
}

.whitesmoke:not(:focus-within) {
    border: none;
}

.filterDropdown .dropdown:hover {
    background-color: #d1d1d1;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 8px;
    background-color: #f2f5f9;
}

th {
    font-family: Poppins400;
    font-weight: bold!important;
    font-size: 14px!important;
    background-color: var(--theme-info) !important;
    color: white!important;
    border: 0px solid transparent;
    border-right: 1px solid #cecee7!important;
    text-align: center;
    border-radius: 0px;
    border-bottom: 1px solid #cecee7;
    word-wrap: break-word;
}

th .th-inner {
    padding: 0.1rem 0.1rem 0.1rem 0.75rem !important;
}

td {
    border: 0px solid transparent;
    border-bottom: 1px solid gray;
    padding: 0.3rem 0.1rem;
}

.rapportTable td {
    border: 0px solid transparent;
    border-top: 1px solid #cecee7;
    padding: 0.3rem 0.1rem;
}

.rapportObservation td {
    border: 0px solid transparent!important;
    padding: 0.3rem 0.1rem;
}

.rapportFile td {
    border: 0px solid transparent!important;
    border-bottom: unset;
    padding: 0rem 0rem;
}

.file_link {
    cursor: pointer;
    color: blue;
}

.is-success {
    filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(120deg) brightness(164%) contrast(115%);
    height: 25px;
}

.is-uncolored {
    height: 25px;
}

.is-info {
    filter: invert(12%) sepia(63%) saturate(6234%) hue-rotate(180deg) brightness(187%) contrast(136%);
    height: 25px;
}

.is-warning {
    filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(35deg) brightness(294%) contrast(155%);
    height: 25px;
}

.is-danger {
    filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(145%);
    height: 25px;
}

.fixed-table-pagination {
    font-size: 0.8rem!important;
}

.mat-icon.mat-primary {
    color: #01408d;
}

.btn-mat-primary {
    background-color: #01408d;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.btn-mat-primary:hover {
    background-color: #014099;
    color: #fff;
}

.btn-primary {
    background-color: #01408d!important;
    border-color: #01408d!important;
}

span.titleBootstrapTable {
    font-size: 1.5rem;
    color: #01408d!important;
    margin-right: 1rem;
}

h1,
h2,
h3,
h4 {
    /* color:#c0392b !important; */
    color: black;
}

h4 {
    font-weight: 600 !important;
    letter-spacing: normal;
    font-size: 24px;
    font-family: Poppins600;
    color: #282624;
}

h3 {
    font-size: 1.5rem;
    color: #c0392b !important;
}

.btn-primary {
    background-color: #01408d;
}

.titleStandard {
    color: #01408d;
    font-size: 1.2rem;
}

.headerStandard {
    background-color: #eeeeee;
    color: #01408d;
    font-size: 1.2rem;
    border: 1px solid #01408d;
}

.loginImg {
    min-height: 100vh;
    min-width: 63%;
    background: linear-gradient( rgba(10, 60, 130, 0.35), rgba(10, 60, 130, 0.35)), url('../img/LoginImg.jpg') no-repeat;
    background-size: cover;
    background-position: 0px -170px;
}

div.login_content {
    width: 440px;
    margin-left: 3.5rem;
}

.login_content h1 {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 300;
    color: white!important;
    margin-bottom: 2rem;
}

.login_content a {
    color: white!important;
}

.login_content p {
    font-size: 1.2rem;
    line-height: 2.0rem;
    margin-bottom: 3.4rem!important;
    color: white!important;
}

.display-none {
    display: none;
}

input.required-border {
    border-color: 1px solid red;
    ;
    min-height: calc(2em + 1rem + calc(2 * 2));
    padding: .5rem 1rem;
    font-size: 1.2rem;
    border-radius: 3px;
    background-color: #eeeeee;
}

div.waitArea {
    min-height: 100vh;
    min-width: 100%;
    background-color: transparent;
    opacity: 0.9;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 0;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

div.waitArea img {
    border-radius: 4px;
    background-color: #000;
    opacity: 0.7;
    padding: 5px;
    height: 50px;
    width: 50px;
}

div.waitArea.visible {
    display: flex;
}

#status-area {
    position: fixed;
    margin-top: 0px;
    margin-left: 0px;
    z-index: 9999;
}

#status-area {
    position: fixed;
    margin: 0 auto;
    width: 300px;
    line-height: 2rem;
    min-height: 2rem;
    background: transparent;
    color: transparent;
    z-index: 10000;
    top: 30vh;
    left: -300px;
    opacity: 0;
    text-align: center;
    transition: opacity 0.6s, left 0.6s;
    font-size: 1.3rem;
}

#status-area.shown {
    background: #edf1f9;
    border: 1px solid black;
    color: black;
    left: 0;
    opacity: 1;
}

#status-area.shown.alertInfo {
    background: #a0e1e7;
    color: black;
    left: 0;
    opacity: 1;
}

#status-area.shown.alertSuccess {
    background: #c5e7a0;
    color: black;
    left: 0;
    opacity: 1;
}

#status-area.shown.alertDanger {
    background: #f5d0ac;
    color: black;
    left: 0;
    opacity: 1;
}


/* Boutons circulaires pour les actions dans les listes */

a.btn-circle,
button.btn-circle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.9rem;
    line-height: 1 !important;
    flex-shrink: 0;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

a.btn-circle i,
button.btn-circle i {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

a.btn-circle:hover,
a.btn-circle:focus,
a.btn-circle:active,
button.btn-circle:hover,
button.btn-circle:focus,
button.btn-circle:active {
    transform: scale(1.1);
    text-decoration: none !important;
}


/* Animation pour les boutons circulaires */

.table-hover td a.btn-circle,
.table-hover td button.btn-circle {
    transition: all 0.2s ease-in-out;
}

.table-hover td a.btn-circle:hover,
.table-hover td button.btn-circle:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}


/* Styles pour les champs primaires */

.primary-label {
    color: var(--theme-primary, #2563eb);
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    display: block;
}

.primary-input {
    background-color: rgb(var(--theme-primary-rgb, 37 99 235) / 0.2) !important;
    border-color: var(--theme-primary, #2563eb) !important;
    border-width: 1.5px;
    transition: all 0.2s ease;
}

.primary-input:focus {
    background-color: rgb(var(--theme-primary-rgb, 37 99 235) / 0.25) !important;
    border-color: var(--theme-primary, #2563eb) !important;
    box-shadow: 0 0 0 0.2rem rgb(var(--theme-primary-rgb, 37 99 235) / 0.15) !important;
}

.primary-card-bg {
    background-color: rgb(var(--theme-primary-rgb, 37 99 235) / 0.2) !important;
}


/* Styles pour les options sélectionnées */

select option:checked {
    background: linear-gradient(rgb(var(--theme-primary-rgb, 37 99 235) / 0.2), rgb(var(--theme-primary-rgb, 37 99 235) / 0.2)) !important;
    color: inherit !important;
}


/* Appliquer les contreplaqué pour chaque thème */

:root[data-theme="theme-corporate"] .primary-input,
.theme-corporate .primary-input {
    background-color: rgb(var(--theme-primary-rgb, 0 61 130) / 0.2) !important;
    border-color: var(--theme-primary, #003d82) !important;
}

:root[data-theme="theme-corporate"] .primary-input:focus,
.theme-corporate .primary-input:focus {
    box-shadow: 0 0 0 0.2rem rgb(var(--theme-primary-rgb, 0 61 130) / 0.15) !important;
}


/* Force Poppins font on select elements */

select {
    font-family: 'Poppins400', sans-serif !important;
}

input,
.form-control {
    font-family: 'Poppins400', sans-serif !important;
}

.card-header {
    font-family: 'Poppins400', sans-serif !important;
}

small {
    font-family: 'Poppins400', sans-serif !important;
}


/* Nominatim Address Autocomplete Styling */

.nominatim-suggestions {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    background-color: #fff;
}

.nominatim-suggestions.show {
    display: block !important;
}

.nominatim-suggestions .dropdown-item {
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #f1f3f5;
    font-family: 'Poppins400', sans-serif;
}

.nominatim-suggestions .dropdown-item:last-child {
    border-bottom: none;
}

.nominatim-suggestions .dropdown-item:hover,
.nominatim-suggestions .dropdown-item.active {
    background-color: #e9ecef;
}

.nominatim-suggestions .suggestion-item {
    white-space: normal;
    line-height: 1.4;
}

.nominatim-suggestions .suggestion-main {
    font-weight: 500;
    color: #212529;
}

.nominatim-suggestions .suggestion-detail {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 3px;
}

.nominatim-suggestions .badge {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}