.logo-lg, .logo-mini {
    color: lightgrey;
}

section.content {
    min-height: 1000px;
}


span.label-tag {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 3px;
    color: black;
}

.logo-lg b, .logo-mini b {
    color: white
}

.text-muted {
    color: lightgray;
}

section.content {
    margin-top: 20px;
}

section.article img {
    max-width: 100%;
}

.content-header > .breadcrumb > li > a.btn {
    color: white;
    text-decoration: none;
    display: inline-block;
}

.content-header > .breadcrumb > li > a.btn.btn-default {
    color: #00a6d9;
}

section.article {
    padding: 20px;
}

pre {
    background-color: #fafafa;
}

.content-header > .breadcrumb > li > a {
    color: #72afd2;
    /* display: inline-block; */
}

.label-default {
    color: white;
}

.info-box-icon {
    font-size: 40px;
}


input.form-control.active {
    background-color: white !important;
}



.select2-selection {
    border-color: var(--tblr-border-color) !important;
}

.select2-container--default .select2-selection--single {
    height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}


.info-box {
    position: relative;
}


th.sorting {
    position: relative;
    cursor: pointer;
    color: #3f9ce8;
}

th.sorting:after {
    content: "";
    position: relative;
    left: 3px;

    bottom: -3px;
    font-weight: 900;
    font-size: 12px;
    opacity: .6;
}

th.sorting.descending:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-sm text-dark icon-thick' width='15' height='15' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpolyline points='6 15 12 9 18 15'%3E%3C/polyline%3E%3C/svg%3E");
}

th.sorting.ascending:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='15' height='15' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.layout-top-nav .wrapper .main-header .brand-image {
    height: 45px;
}

#logo {
    height: 80px;
}

.py-100 {
    padding: 100px 0;
}


.clickable-row {
    cursor: pointer;
}

.clickable-row td a {
    padding: 5px;
}

.unitinput {
    max-width: 250px;
}

.unitinput input[type=number]::-webkit-inner-spin-button,
.unitinput input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.notification {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1100;
    min-width: 200px;
}

span.highlight {
    background-color: #fdeccc;
}

#hijack-notification {
    position: fixed;
    text-align: center;
    bottom: 0;
    width: 100vw;
    z-index: 4000;
    background: #ffe761;
    padding: 20px 30px;
    font-size: 1.2em;
}

.has-error input {
    border: 1px solid #d63939;
}


th.sorting:after {
    content: "";
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml,<svg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 16 16' width= '16' height= '16' fill= 'none' stroke= 'currentColor' stroke-linecap= 'round' stroke-linejoin= 'round' stroke-width= '1' ><path d= 'M5 7l3 -3l3 3' /><path d= 'M5 10l3 3l3 -3' /></svg>") no-repeat center;
    opacity: .3;
}


th.sorting.sorting_asc:after {
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>") no-repeat center;
    opacity: 1;
}


th.sorting.sorting_desc:after {
    background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>") no-repeat center;
    opacity: 1;
}

.dataTables_info {
    padding: 10px;
}

#sidebar-menu .nav-main-heading {
    color: #7186a3;
    padding: 1.375rem 1rem 0.375rem;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .0625rem;
}

.input[type=range].form-control {
    width: 100%;

}


/* DEBUG */

body.debug header#page-header::after {
    content: "Version test";
    font-size: 14px;
    position: absolute;
    bottom: -25px;
    left: 5px;
    font-weight: 600;
    color: #b98819;
}

body.debug header#page-header {
    border-bottom: 4px solid #ffb22b;
}

.datepicker {
    z-index: 0 !important;
}


.form-header {
    color: #206bc4;
    padding: 10px 0;
    border-bottom: 1px solid #206bc4;
    font-size: 1.4em;
}


/* Actions */


.dr-card {
    border-radius: 10px !important;
    cursor: pointer;
    color: rgba(37, 67, 121, 0.96);
    background: rgba(233, 236, 239, 1);

}

.dr-card:hover {
    border: 1px solid #377bb6;
}

.sublist > .dr-card {
    border-radius: 7px !important;
    border: 1px solid #6c757d;
    background: rgba(248, 249, 250, 1);
}

.sublist > .dr-card:hover {
    background: rgb(220, 222, 224);
}

.dr-card.sortable-ghost {
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.dr-card.sortable-ghost:after {
    content: "";
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    visibility: visible;
    display: block;
    border: 1px dashed rgba(37, 67, 121, 0.96);
    border-radius: 7px;
}


.groupement-move, /* apply transition to moving elements */
.groupement-enter-active,
.groupement-leave-active {
    transition: all 1s ease;
}

.groupement-enter-from,
.groupement-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.groupement-leave-active {
    position: absolute;
}


.action-move, /* apply transition to moving elements */
.action-enter-active,
.action-leave-active {
    transition: all 0.5s ease;
}

.action-enter-from,
.action-leave-to {
    opacity: 0;
    transform: translateX(30px);
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.action-leave-active {
    position: absolute;
}


.border-hover:hover {
    border: 1px solid #6c757d !important;
}

.preconisation {
    border: 1px solid #e4e7ed;
    padding: 15px;
    margin-bottom: 8px;
    position: relative;
    border-radius: 3px;
    opacity: 1;
    height: 100%
}

.preconisation.selected {
    border: 1px solid rgba(37, 67, 121, 0.93);
    color: rgba(37, 67, 121, 0.93);
    background: rgba(37, 67, 121, 0.03);

}


.preconisation.selected:after {
    content: "\f00c";
    background: rgba(37, 67, 121, 0.93);
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    font-family: FontAwesome, "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 0 0 0 5px;
}



.table-numbered {
    counter-reset: rowNumber;
}

.table-numbered tr:not(.skipcount) {
    counter-increment: rowNumber;
}

.table-numbered tr td:first-child::before {
    content: counter(rowNumber) "";
}



.opacity-75 {
    opacity: 0.75;
}

.bien_actif {
    box-shadow: 0 0 0 0 rgba(89, 154, 226, 1);
    transform: scale(1);
    animation: pulse 1.5s infinite;

}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(89, 154, 226, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 7px rgba(89, 154, 226, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(89, 154, 226, 0);
    }

}


#suggestions {
    border: 1px solid gray;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.search-bar {
    max-height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    margin-bottom: 30px;

}

.search-bar > li:hover {
    background: #e7e7e7;
}

em {
    font-style: normal;
    background-color: rgba(119, 203, 239, 0.51);
}


#page-container.main-content-boxed>#main-container .content, #page-container.main-content-boxed>#page-footer .content, #page-container.main-content-boxed>#page-header .content, #page-container.main-content-boxed>#page-header .content-header {
    max-width: 1500px;
}


/* style.css */
.block-click {
    cursor: not-allowed; /* busy cursor feedback */
}

.block-click * {
    /* disable all mouse events on children elements */
    pointer-events: none;
}

.btn-circle {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.color-i, .color-n,.color-fa, .color-f img  {
    color:red !important;
}