.navbar-brand {
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.728rem;
    line-height: inherit;
    white-space: nowrap;
}
.bg-dark { background-color: #232e3c !important; }
.sticky_div {position: fixed; top: 52px; z-index:1;}
.majuscule {text-transform:uppercase;}
.indication {
    font-style: italic; 
    font-size: 11px;
}
.indication-details {
    font-style: italic; 
    font-size: 12px;
    margin-top: 10px;
}
.indication2 {font-size: 13px;}
.color_orange {color:#444242;}
.bg_orange {background-color:#444242;}
.border_orange {border-color:#444242;}
.details-control {
    background: url('http://www.datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown .details-control {
    background: url('http://www.datatables.net/examples/resources/details_close.png') no-repeat center center;
}
.bg-card-gradient-orange:not(.progress-bar) {
    /* background-image: linear-gradient( 116deg, #e7e7e7, #483511); */
    background-color: #bd9d59;
}
.mpdx_alert .icon_alert {float: right !important;}
.navbar .dropdown-menu:after {
    left: 8.8rem;
}
.vert-geode {color:#89c448};
.navbar-vertical .navbar-nav .nav-item .navbar-vertical-label {
    color: #89c448;
}

.vicopo-answer {cursor: pointer !important;}
.vicopo-answer:hover {background-color: #e2e2ff !important;}

.circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-color: #bdbdbd;
    background-color: #bdbdbd;
    border-style: solid;
    border-width: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.number-circle {
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.card-enlevement:hover {
   border: 2px solid #949494;
   box-shadow: 0 7px 14px 16px rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
}

.navbar-glass, .navbar-vertical .navbar-collapse {
    background-color: rgb(242 243 248);
}
.navbar-vertical .navbar-vertical-label {
    font-size: .75rem;
}

fieldset {
    border: 1px solid #b4935675;
    padding: 10px; 
}

fieldset legend {
    color: #b49356;
    font-weight: bold;
    width: auto;
}

.me-3 {
    margin-right: 1rem !important;
}

.cercle-poids-info {
    background: #bdbdbd;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 2px solid #2f2d2d;
    text-align: left;
    vertical-align: central;
    color: white;
    font-size: 24px;
    font-weight: bold;
    /* padding-top: 7px; */
}

.ps-0 {
    padding-left: 0 !important;
}

.navbar-vertical .navbar-vertical-divider {
    color: var(--falcon-navbar-vertical-hr-color);
}
.navbar-vertical .navbar-vertical-divider {
    margin-top: 0.5625rem;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    border: 1px solid #d8e2ef !important;
}
.bg-yellow {background-color: #ffdb04; color:black;}
.bg-holder {min-height: 154%; border-radius: 0.375rem;}

.btn-blanc {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-bleu {
    color: #ffffff;
    background-color: #2c7be5;
    border-color: #2c7be5;
}

.windows.chrome .scrollbar {
    overflow: auto;
    display: flex;
    flex-direction: column !important;
}

.btn a {text-decoration: none;}

.btn-outline-primary a { color: #2c7be5 !important;}
.btn-outline-danger a { color: #e63757 !important;}
.btn-outline-warning a { color: #f5803e !important;}
.btn-outline-info a { color: #27bcfd !important;}
.btn-outline-success a { color: #00d27a !important;}
.btn-outline-secondary a { color: #748194 !important;}
.btn-outline-dark a { color: #0b1727 !important;}

.bg-grey {background-color: #d7d7d7;}
.bg-soft-grey {background-color: #616161;}

#purchases-actions {margin-top: 10px;}

button.dt-button, div.dt-button, a.dt-button, input.dt-button {
    color: white !important;
    /* background-color: rgba(255, 255, 255, 0.1); */
    /* background: linear-gradient(to bottom, rgb(255 255 255 / 10%) 0%, rgb(255 255 255 / 10%) 100%) !important; */
    /* background: linear-gradient(to bottom, rgb(41 46 210 / 10%) 0%, rgb(27 113 229) 100%) !important; */
    margin-left:5px;
    background-color: #2c7be5 !important;
    border-color: #2c7be5;
    border: none !important;
}

/* emoji */
.emojionearea .emojionearea-button {
    right: 60px !important;
    display: none;
}
/* emoji detect input */
.textcomplete-dropdown {display: none !important;}

.avatar.status-offline:before {
    background-color: #fb2222 !important;
}

.conversation-info {display:none;}

.emojionearea-filter-flags {display: none !important;}
.emojionearea-category[name="flags"] {
    display: none !important;
}
.dataTables_info {padding: 15px;margin-top: 10px;}

fieldset.scheduler-border {
    /* border: 1px groove #ddd !important; */
    padding: 0 1.4em 0.1em 1.4em !important;
    /* margin: 0 0 1.5em 0 !important; */
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}
legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}
#formulaire-intervention input, #formulaire-intervention textarea, #formulaire-intervention select {font-size: 13px;}
div.dataTables_wrapper div.dataTables_filter input {margin-right: 20px !important;}
/* div.dt-buttons {margin-left: 15px !important; margin-bottom: 10px !important;} */
.dt-buttons {margin-left: 0px;}
.dt-button.buttons-excel.buttons-html5 {margin-left: 0px;}
.form-control {
    height: auto !important;
}

.dropdown-menu {
    z-index: 10000;
}

#menu-etape {border-bottom: 1px solid black !important;}

.bootstrap-select.btn-group .dropdown-menu.inner{display: block;}

.clair .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #5e6e82;
    white-space: nowrap;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2c73d2;
    border-color: #2c73d2;
}

.pointer-hover:hover {cursor: pointer;}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

table { height: 1px; } /* Will be ignored, don't worry. */

@media (max-width: 991px) 
{ 
    .card h4 {font-size:1.10rem;}
    .card button.float-right{margin-bottom: 10px;}
}
@media only screen and (max-width: 479px){
    .vertical-tab{
        padding: 0;
        margin: 0;
    }
    .vertical-tab .nav-tabs{
        width: 100%;
        display: block;
        margin: 0 0 4px;
    }
    .vertical-tab .nav-tabs li a{ margin: 0 0 1px; }
    .vertical-tab .nav-tabs li a:after{
        width: 100%;
        height: 4px;
        transform: scaleY(1) scaleX(0);
    }
    .vertical-tab .nav-tabs li a:hover:before,
    .vertical-tab .nav-tabs li.active a:before{
        transform: scaleX(0);
    }
    .vertical-tab .nav-tabs li a:hover:after,
    .vertical-tab .nav-tabs li.active a:after{
        transform: scaleX(1);
    }
    .vertical-tab .tab-content{
        font-size: 14px;
        margin-top: 0;
        display: block;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}


.badge-compteur { 
    background-color: #b1b1b1;
    padding: 10px;
    color: white;
    font-weight: bold;
    border-radius: 3px;
 }

.hover-blue:hover {color:#2c7be5;}
.hover-red:hover {color:red;}

@media (max-width: 767px) 
{ 
    .list-section-titre{font-size:12px !important;}
    h5 {font-size: 16px !important;}
    .ss-titre-gras {font-size: 25px !important;}
    h2 {font-size: 25px !important;}
    h3 {font-size: 20px !important;}
    .table-sm th, .table-sm td {
        padding: 0.05rem !important;
    }
}

@media (max-width: 991px)
{
    table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) {
       font-size: 10px !important;
    }
    table.dataTable td, table.dataTable th {
        font-size: 12px !important;
    }
}

@media (max-width: 1400px)
{
    .badge-info-ope {display:none;}
}

@media screen and (min-width: 1092px) and (max-width: 1400px)
{ 
    .col-xl-5-mpdx {flex:0 0 17.66667%}
    .col-xl-7-mpdx {flex:0 0 100%; max-width: 80% !important;}
}

@media (max-width: 993px)
{ 
    #legende-saisie {display:none;}
}

@media screen and (min-width: 0px) and (max-width: 991px)
{ 
    .col-xl-5-mpdx {flex:0 0 17.66667%}
    .col-xl-7-mpdx {flex:0 0 100%; max-width: 80% !important;}
    #intitule-row {display:none;}
    .badge {font-size: 9px !important;}
    /* .form-control {font-size: 0.80rem !important;padding:0;} */
    .label-yellow {
        font-size:9px;
    }
    .card-ges .text-dark {font-size:12px;}
}

@media screen and (min-width: 991px) and (max-width: 1400px)
{ 
    #intitule-row .text-intitule {font-size: 9px !important;}
}

.titre-navbar{
    font-size: 10px;
    font-weight: bold;
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 25px;
}

.titre-navbar-sel {
    font-size: 10px;
    font-weight: bold;
    color: #bd9d59 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 25px;
}

.titre-navbar-date{
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-top: 2px;
}

.badge-secondary-client {
    color: #000000;
    background-color: #bd9d59;
}

.badge-primary-logement {
    color: #fff;
    background-color: #2c7be5;
    font-size: 15px;
    font-weight: bold;    
}

th {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
 
td {
  border-right: 1px solid #dddddd;
  border-bottom : 1px solid #646262;
}

.form-control-kit {
    display: block;
    width: 75%;
    height: calc(1.5em + 0.625rem + 2px);
    padding: 0.2125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #344050;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8e2ef;
    border-radius: 0.25rem;
}

.form-control-kit-proprietaire {
    display: block;
    width: 40%;
    height: calc(1.5em + 0.625rem + 2px);
    padding: 0.2125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #344050;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8e2ef;
    border-radius: 0.25rem;
}

.form-control-occupant {
    display: block;
    width: 32%;
    /* height: calc(1.5em + 0.625rem + 2px); */
    /* padding: 0.2125rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #344050;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8e2ef;
    border-radius: 0.25rem;
    margin-left: 5px;
}

.fw-600 {
    font-weight: 600;
}

.fw-400 {
    font-weight: 400;
}

.ls-1{
    letter-spacing: 1px;
}

.ls-5{
    letter-spacing: 5px;
}

.dataTable-arrivee-depart {
    padding-left: 5rem;
    padding-right: 5rem;
}

.text-uppercase {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.text-danger-eca{
    color: #d91515;
}

.badge-eca {
    display: inline-block;
    padding: 0.35556em 0.71111em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    /* -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; */
    /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; */
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.badge-sap {
    color: #fff;
    background-color: #e63757;
}

.badge-pro{
    color: #fff;
    background-color: #f12eb0;
}

.badge-menage{
    color: #fff;
    background-color: #30890c;
}

.badge-proprietaire{
    color: #fff;
    background-color: #752b83;
}

.td-center {
    vertical-align: middle !important;
}

.text-encadre-depart {
    padding: 0.5rem 1rem;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    background-color: #fbab00;
    color: #0b1727 ;
}

.btn-depart {
    background-color: #fbab00;
    color: #0b1727;
    border-color: #fbab00;
}

.btn-depart:hover {
    background-color: #fbab00;
    color: #0b1727;
    border-color: #fbab00;
}

.text-encadre-arrivee {
    padding: 0.5rem 1rem;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    background-color: #f1e11f;
    color: #0b1727 ;
}

.text-encadre-proprietaire {
    padding: 0.5rem 1rem;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    background-color: #752b83;
    color: #ffffff ;
}

.text-encadre-menage {
    padding: 0.5rem 1rem;
    border: 1px solid #000000;
    border-radius: 0.25rem;
    background-color: #30890c;
    color: #ffffff ;
}

.btn-arrivee {
    background-color: #f1e11f;
    color: #0b1727;
    border-color: #f1e11f;
}

.btn-arrivee:hover {
    background-color: #f1e11f;
    color: #0b1727;
    border-color: #f1e11f;
}

.btn-toutes{
    background-color: #0b1727;
    color: #ffffff;
    border-color: #0b1727;
}

.btn-sap{
    background-color: #e63757;
    color: #ffffff;
    border-color: #e63757;
}

.btn-sap:hover{
    background-color: #e63757;
    color: #ffffff;
    border-color: #e63757;
}

.btn-pro {
    background-color: #f12eb0;
    color: #ffffff;
    border-color: #f12eb0;
}

.btn-pro:hover {
    background-color: #f12eb0;
    color: #ffffff;
    border-color: #f12eb0;
}

.btn-sap-perso{
    background : linear-gradient(to right, #e63757 50%, #0b1727 50%);
    color: #ffffff;
    border-color: #e63757;
}

.btn-sap-perso-pro{
    background : linear-gradient(to right, #e63757 33%, #0b1727 33%, #0b1727 66%, #f12eb0 66%);
    color: #ffffff;
    border-color: #e63757;
}

/* .btn-sap-perso-pro:hover{
    background : linear-gradient(to right, #e63757 33%, #0b1727 33%, #0b1727 66%, #f12eb0 66%);
    color: #ffffff;
    border-color: #e63757;
} */

.btn-tous{
    background-color: #2c7be5;
    color: #ffffff;
    border-color: #2c7be5;
}

.btn-tous:hover{
    background-color: #2c7be5;
    color: #ffffff;
    border-color: #2c7be5;
}

.btn-menage{
    background-color: #30890c;
    color: #ffffff;
    border-color: #30890c;
}

.btn-menage:hover{
    background-color: #30890c;
    color: #ffffff;
    border-color: #30890c;
}

.btn-toutes:hover{
    background-color: #0b1727;
    color: #ffffff;
    border-color: #0b1727;
}

.btn-proprietaire{
    background-color: #752b83;
    color: #ffffff;
    border-color: #752b83;
}

.btn-proprietaire:hover{
    background-color: #752b83;
    color: #ffffff;
    border-color: #752b83;
}
  
.card-hover:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
transform: scale(1.08);
}

.card-accueil-body{
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-accueil-title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
}
  
.chiffre-accueil {
    font-size: 120px;
}

.card-accueil-header h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-accueil-body .number {
    font-size: 3rem;
    background-color: #a4d9ff;
    border-radius: 50%;
    padding: 1rem;
    width: 9rem;
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.href-accueil a {
    color: #333;
    text-decoration: none;
}

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

.input-taille{
    width: 400px;
}

.badge-warning {
    color: #000000;
    background-color: #fbab00;
}

.bg-arrivee {
    background-color: #f1e11f;
}

@media (min-width: 992px){
    .modal-lg-planning, .modal-xl {
        max-width: 1500px;
    }
}

@media (max-width: 991px){
    .modal-lg-planning, .modal-xl {
        max-width: 1500px;
    }
}

@media (max-width: 578px) {
    .card-hover:hover {
        transform: none;
    }
}

@media (max-width: 575.98px){
    .navbar-top {
        position: initial !important;
        width: 200%;
        max-width: 100vw !important;
    }
}

#modal-planning .modal-content .modal-header {
    border-bottom: none;
}

.fs-date{
    font-size: 0.85rem;
}

.color-black {
    color: #000000;
}

.display-inline-box {
    display: -webkit-inline-box;
}

body.modal-open {
    overflow: hidden;
}

.cursor-pointer {
    cursor: pointer !important;
}