@font-face {
    font-family: 'InterCustom'; /*a name to be used later*/
    src: url("fonts/Inter/Inter-VariableFont_opsz,wght-83aecb7f3f7480ba626d188e25edf01c.ttf"); /*URL to font*/
}
@font-face {
    font-family: 'BwGradual'; /*a name to be used later*/
    src: url("fonts/BwGradual-Medium-bf1d500b9501695fab3c17997087f6d8.otf"); /*URL to font*/
}
@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoon-dc3a56de43b152c6527810d6cca5c497.eot");
    src: url("fonts/icomoon-dc3a56de43b152c6527810d6cca5c497.eot") format('embedded-opentype'),
    url("fonts/icomoon-d406b648d1d9e0c6c28b2c5c53416b77.ttf") format('truetype'),
    url("fonts/icomoon-dd30bd2e780e8a2fbafecd64b4323066.woff") format('woff'),
    url("fonts/icomoon-3a7c8bca4b5673625df9ec11afb18b70.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}

th, td {
    white-space: nowrap !important;
}

body {
    background-color: #F5F5F5;
    font-family: 'InterCustom';
}

:is(h1, h2, h3, h4, h5, h6) {
    font-family: 'BwGradual';
}

button {
    font-family: 'BwGradual';
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
    cursor: pointer;
}

main{
    background-color: #001B37;
    /*border: solid 7px #001B37;*/
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    height: 100%;
    min-height: 100vh;
}

main>.row{
    background-color: #F5F5F5;
    margin:5px !important;
    flex-grow: 1;
    display: flex;
    align-content: flex-start;
}

.bg-white{
    background-color: #FFFFFF !important;
}

@media (min-width: 991.98px) {
    main {
        padding-left: 240px;
    }
}

.hide{
    display: none;
}

.show{
    display: block;
}

.bg-bdmr{
    background-color: #001B37 !important;
}
.bg-bdmr-light{
    background-color: #1B3971;
}

.color-bdmr{
    color: #001B37 !important;
}

.color-white{
    color: #FFFFFF !important;
}

.color-bdmr-light{
    color: #1B3971 !important;
}

.color-bdmr-grey{
    color: #858A93 !important;
}

#sidebarMenu div .list-group .list-group-item{
    color: #FFFFFF;
    border: none;
    box-shadow: none;
    border-radius: none;
}

#sidebarMenu div .list-group .list-group-item:hover{
    color: #FFFFFF;
    border: none;
    background-color: #001B37;
}

#sidebarMenu div .list-group .list-group-item.active{
    color: #C6F3B2;
    background-color: #001B37;
    border: none;
}

/* Sidebar */
.sidebar {
    position: fixed;
    overflow: auto;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 20px 0 0;
    /* Height of navbar */
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    width: 240px;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .sidebar {
        width: 100%;
    }
}

.mini{
    display: none;
}

.sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
}

.saleref{
    color: white !important;
}

.bg-gradient-menu{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(24,49,90,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(24,49,90,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(24,49,90,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#18315a",GradientType=1);
}

.bg-gradient-menu h5{
    color: white;
    font-size: 19px;
    font-weight: bold;
}

.bg-gradient-menu span{
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;

}

.bg-gradient-menu p{
    background: var(--Vert, #C6F3B2);
    font-size: 12px;
}

.bg-gradient-menu p span{
    background: var(--Vert, #C6F3B2);
    font-size: 12px;
    color: black;
}

.hasSpecialBg{
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='851' height='488' viewBox='0 0 851 488' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M806.01 86.5481H496.487V86.4939C495.54 86.521 494.594 86.5481 493.675 86.5481C463.853 86.5481 440.303 57.8975 436.302 31.1443L435.842 30.9275C430.813 9.10747 410.292 0 384.525 0H53.8584C24.1173 0 0 24.1782 0 53.9943V433.033C0 462.849 24.1173 487.027 53.8584 487.027H796.169C825.91 487.027 850.027 462.849 850.027 433.033V130.676C850.027 106.308 830.317 86.5752 806.037 86.5752L806.01 86.5481Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-size: contain;   
}

.img-dashboard img{
    width: 90%;
}

.tooltip{
    font-size: x-small;
    /*background-color: #FFFFFF;*/
}
.tooltip > .tooltip-inner{
    background-color: #FFFFFF;
    opacity: 1;
    color: #1B3971;
    border-radius: 50rem;

}
.tooltip > .tooltip-arrow {
    display: none;
}
.tooltip.show {
    opacity: 1;
}

.list-group-item > p {
    margin-top : 16px;
}
.list-group-item > p > i {
    margin-right : 16px;
    font-size: 1.5rem;
}

.my-list-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    padding-left: 0;
}

.my-list-item {
    border-radius: 5px;
    border: 1px solid #1B3971;
    cursor: pointer;
}

.my-list-group .my-list-item.active {
    background-color: #1B3971;
    color: white;
}

.my-list-group .my-list-item:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

.my-list-group .my-list-item:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.btoc{
    background: var(--Vert, #C6F3B2);
}

.requests h4{
    color: var(--Bleu-nuit, #001B37);
}

.div1{
    width: 100%;
    background-color:transparent;
    height: 100%;
    max-height: 100%;
}
.div2{
    width: 50%;
    background-color:white;
    height: 100%;
    float:left;
    border-radius: 43px;
    border-bottom-right-radius: 0;
}

.div3{
    width: 50%;
    background-color:white;
    height: 100%;
    float:right;
    border-radius: 43px;
    border-bottom-left-radius: 0;
}
.div4{
    width: 100%;
    background-color:#F5F5F5;
    height: 19% !important;
    border-radius: 0;
    border-bottom-left-radius: 27px;
}
.div5{
    width: 100%;
    background-color:white;
    height: 100%;
    border-radius: 0;
    border-top-right-radius: 43px;
    border-bottom-right-radius: 43px;
}
.div6{
    width: 100%;
    background-color:#F5F5F5;
    height: 81%;
    border-radius: 0;
}

.btn-secondary{
    font-size: 14px;
    width: 65%;
    background: var(--Bleu-cobalt, #1B3971);
    color: white;
}

.w-15{
    width: 15% !important;
}

.w-10{
    width: 10% !important;
}

.h-15{
    height: 15% !important;
}

.w-20p{
    width: 20% !important;
}

.w-30{
    width: 30% !important;
}


.w-20{
    max-width: 50px;
}

.w-85{
    width: 85% !important;
}

.color-black{
    color: black;
}

.button-shadow{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
}

#sidebarMenu div .list-group .list-group-item{
    border-left: 4px solid #001B37;
}
#sidebarMenu div .list-group .list-group-item:hover{
    border-left: 8px solid #001B37;
}
#sidebarMenu div .list-group .list-group-item.active{
    border-left: 4px solid #C7F0B5;
    border-radius: 0;
}
#sidebarMenu div .list-group .list-group-item img{
    width: 20px;
    height: auto;
    margin-left: 0.9em !important;
}

.bottom-contact{
    width: 87%;
    float: left;
    background-color: #F5F5F5;
}

.bottom-contact-inner{
    width: 100%;
    float: left;
    background-color: white;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.bottom-contact-side{
    width: 13%;
    float: right;
    background-color: #F5F5F5;
    border-top-left-radius: 20px;
}

.bottom-contact-side-inner{
    width: 100%;
    float: left;
    background-color: transparent;
}

.panel-size{
    max-height: 600px;
}

.rounded-panels{
    border-radius: 20px;
}

.rounded-panels .row .col-md-8 h4{
    font-size: 28px;
}

.rounded-panels.bg-bdmr p{
    color:white;
    font-size: 18px;
}

.rounded-panels.bg-bdmr span{
    width:auto;
    margin: 0 auto;
}

.rounded-panels span img:not(.invert){
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(36deg) brightness(113%) contrast(115%);
}

.rounded-panels span img{
    margin-right:.5em !important;
}

.rounded-panels span:has(.invert){
    background-color:  #1B3971 !important;
    margin-right:.5em !important;
    width:auto;
}

.rounded-panels span:has(.invert){
    color:white !important;
}

.rounded-panels.bg-white h4{
    font-size: 1.1rem !important;
}

.rounded-panels.bg-bdmr h4{
    color:white;
    font-size: 1rem;
}
.rounded-panels.bg-bdmr span{
    font-size: 0.8rem;
}
.rounded-panels.bg-bdmr p{
    color:white;
    font-size: .8rem;
}

.requests .rounded-panels.radius-bottom-0{
    flex-grow: 26;
}

.panel-buttons{
    background-color: transparent;
    border: 1px solid #1B3971;
    color: var(--Bleu-cobalt, #1B3971);
    border-radius: 8px;
    margin-top: 0.5rem !important;
    padding:0.2rem 0.6rem;
    outline: none;
}

.requests .row .col-md-12>button{
    color:white;
    font-size: 1rem;
}

.requests-list{
    max-height: 14rem;
    min-height: 14rem;
    overflow: auto;
    font-family: 'BwGradual';
}

button.rounded-5.bg-bdmr {
    border:none;
}

.radius-bottom-0{
    border-bottom-left-radius: 0px !important;
}

.radius-bottom-left-1{
    border-bottom-left-radius: 20px !important;
}

#list-tabs ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0 3.5em !important;
}

#list-tabs ul li{
    padding-bottom: 1em !important;
    width: 30%;
}

#list-tabs ul li img{
    width: 60%;
    display: block;
    margin: 0 auto;
    filter: brightness(0) saturate(100%) invert(61%) sepia(15%) saturate(192%) hue-rotate(180deg) brightness(87%) contrast(85%);
}

#list-tabs ul{
    margin-bottom: 0px;
    margin-block-end: 0px;
}

#list-tabs ul li.active{
    border-bottom: 3px solid #1B3971;
}

#list-tabs ul li.active img{
    filter: brightness(0) saturate(100%) invert(19%) sepia(69%) saturate(864%) hue-rotate(188deg) brightness(94%) contrast(100%) !important;
}

.top-div{
    background-color: #F5F5F5;
}

.h-100vh{
    height: 100vh;
}

.w-100vh{
    width: 100vh;
}

.form-check-input:checked{
    background-color: #858A93;
    border-color: #858A93;
}
.form-check-input:not(.default):checked{
    background-color: #1B3971;
    border-color: #1B3971;
}
.form-check-input.full:checked{
    background-color: #1B3971;
    border-color: #1B3971;
}
.form-check-input:focus{
    border-color: #1B3971;
    box-shadow: none;
}
.form-switch .form-check-input:focus{
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231B3971'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus{
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231B3971'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked{
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.criteres{
    background-color: white;
    position: absolute;
    z-index: 1;
    top: 0;
    margin-top: 9em;
    margin-left: 2em;
    padding: 1em;
    border-radius: 20px;
    max-width: 300px;
}
#criteresDragHeader {
    padding: 10px;
    cursor: move;
    z-index: 10;
}
.criteres>.details{
    min-height: 80px;
    max-height: 450px;
    overflow-y: auto;
}
.criteres>.details>p{
    font-weight: 600;
}

.results{
    background-color: white;
    position: absolute;
    z-index: 1;
    top:0;
    right: 5px;
    margin-top: 3em;
    margin-left: 2em;
    border-radius: 20px;
    min-width: 300px;
}
.results-inner{
    padding: 1em;
}

.criteres span, #criteres span{
    border:1px solid black;
}

.criteres_span, #criteres span{
    border:1px solid rgb(163, 163, 163);
}
#criteres span img{
    display: none;
}

.criteres button{
    background-color: #F5F5F5;
    border-radius: 10px;
    outline: 0;
    border:none;
    width: 100%;
    margin-top:1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.results .blue{
    background-color: #1A3870;
}

.results .blue-top h3{
    background-color: white;
    width: 54%;
    padding: .2em;
    margin-bottom: 0;
}

.results div label span{
    background-color: white;
    color:#1A3870;
    padding: .2em .5em;
    float: right;
}

.results div label{
    width: 100%;
    margin: 3px 0px;
    padding: .4em;
    color:white;
}

.blue{
    border-radius:15px;
    border-top-right-radius: 0px;
}
.blue-top{
    background-color: #1A3870;
    border-radius:15px;
    border-bottom-right-radius: 0px;
    display: flex;
    align-items: stretch;
}
.blue-top .triangle{
    width: 40px;
    background-color: white;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.item-side .row div .form-switch label{
    color:black;
    margin:0;
    padding:0;
}
#item-side2 .form-check-label {
    font-size : small;
}

.results button:not(.button_special){
    background-color: #C6F3B2;
}

.border-filters{
    border: 1px solid #1A3870;
}

.not-selectable{
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.requests>div>span.invert{
    max-height: 13%;
}

.compte-dates{
    flex-direction: row;
}

#compte-footer{
    display: flex;
    flex-direction: row;
}

#btoc_form > div.row.bottom-div.position-fixed.hide.bg-white.ms-0{
    max-width: 411px !important;
    width: 100%;
    font-size : 13px;
    color : #858A93;
}

@media only screen and (min-width: 350px) and (max-width: 425px){
    /*Small smartphones [425px -> 425px]*/
    .div2{
        height: 100%;
    }
    .div4{
        height: 19% !important;
    }
    .div6{
        height: 81%;
    }
    .div5 .row h5{
        font-size: 22px !important;
        padding-left: 1.5em !important;
        padding-top: 1.5em !important;
    }
    .div5 .row p{
        font-size: 18px !important;
        padding-left: 1.5em !important;
    }
    .div5 .row button{
        padding-left: 1.5em !important;
        padding-right: 1.5em !important;
        margin-left: 1em !important;
        width: 80%;
        text-align: center;
    }
    .div1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media only screen and (min-width: 425px) and (max-width: 600px){
    /*Small smartphones [425px -> 425px]*/
    .div2{
        height: 100%;
    }
    .div2 img{
        height: 95%;
        object-fit: cover;
        border-radius: 30px;
    }
    .div4{
        height: 19% !important;
    }
    .div6{
        height: 81%;
    }
    .div5 .row h5{
        font-size: 22px !important;
        padding-left: 1.5em !important;
        padding-top: 1.5em !important;
    }
    .div5 .row p{
        font-size: 18px !important;
        padding-left: 1.5em !important;
    }
    .div5 .row button{
        padding-left: 1.5em !important;
        padding-right: 1.5em !important;
        margin-left: 1em !important;
        width: 80%;
        text-align: center;
    }
    .div1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1024px){
    /*Big smartphones [600px -> 1024px]*/
    .div2{
        height: 100%;
    }
    .div2 img{
        height: 95%;
    }
    .div4{
        height: 19% !important;
    }
    .div6{
        height: 81%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
    /*large screens [1024px -> 1200px]*/
    .div2{
        height: 100%;
    }
    .div2 img{
        height: 95%;
    }
    .div4{
        height: 19% !important;
    }
    .div6{
        height: 81%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1685px) and (max-height: 769px){
    /*4k Screens [1200px -> ...]*/
    .div1{
        height: 100%;
        max-height: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .div2{
        height: 100%;
    }
    .div2 img{
        height: 95%;
        object-fit: cover;
        border-radius: 30px;
    }
    .div4{
        height: 23% !important;
    }
    .div5 .row h5{
        font-size: 28px !important;
        padding-left: 0em !important;
        margin-bottom: 0px !important;
    }
    .div5 .row p{
        font-size: 15px !important;
        padding-left: 2em !important;
        margin: 1rem 0rem !important;
    }
    .div5 .row button{
        padding-left: 1.5em !important;
        padding-right: 1.5em !important;
        padding-top: .7em !important;
        padding-bottom: .7em !important;
        margin-left: 3.5em !important;
        width: 90%;
        text-align: center;
    }
    .div6{
        height: 77%;
    }
    .bg-gradient-menu{
        margin-top: 1em !important;
    }
    .btoc{
        padding:.7rem 1.3rem !important;
    }
    #bottomMenu{
        margin-top: .5em !important;
    }
    .bottom-contact{
        width: 75% !important;
    }
    .bottom-contact-side{
        width: 25% !important;
    }
    .bottom-contact-side-inner div{
        margin-top: .5em !important;
        margin-left: .5em !important;
        padding: 1em !important;
    }
    .rounded-panels.bg-bdmr h4 {
        font-size: 1.15rem;
    }
    .rounded-panels.bg-bdmr p {
        font-size: 0.9rem;
    }
    .rounded-panels.bg-bdmr span {
        font-size: .9rem;
    }
    .rounded-panels.bg-white h4 {
        font-size: 1rem !important;
    }
    .requests-list{
        min-height: 14rem;
        max-height: 14rem;
    }
    #compte-footer{
        flex-direction: column;
    }
    .compte-dates{
        flex-direction: row !important;
        margin-bottom: 2rem;
    }
    #btoc_form > div.row.bottom-div.position-fixed.hide.bg-white.ms-0{
        max-width: 298px;
        width: inherit;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1685px) and (min-height: 769px) and (max-height: 1025px){
    .rounded-panels.bg-bdmr h4 {
        font-size: 1.15rem;
    }
    .rounded-panels.bg-bdmr p {
        font-size: 0.9rem;
    }
    .rounded-panels.bg-bdmr span {
        font-size: .9rem;
    }
    .rounded-panels.bg-white h4 {
        font-size: 1rem !important;
    }
    .div1{
        height: 100%;
        max-height: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .div2{
        height: 100%;
    }
    .div2 img{
        height: 95%;
        object-fit: cover;
        border-radius: 30px;
    }
    .btoc{
        padding:.7rem 1.3rem !important;
    }
    .div4{
        height: 13% !important;
    }
    .div5 .row h5{
        font-size: 34px !important;
        padding-left: 0em !important;
    }
    .div5 .row p{
        font-size: 26px !important;
        padding-left: 2em !important;
    }
    .div5 .row button{
        padding-left: 1.5em !important;
        padding-right: 1.5em !important;
        padding-top: .7em !important;
        padding-bottom: .7em !important;
        margin-left: 3.5em !important;
        width: 90%;
        text-align: center;
    }
    .div6{
        height: 87%;
    }
    .bg-gradient-menu{
        margin-top: 1em !important;
    }
    #bottomMenu{
        margin-top: .5em !important;
    }
    .bottom-contact{
        width: 83% !important;
    }
    .bottom-contact-side{
        width: 17% !important;
    }
    .bottom-contact-side-inner div{
        margin-top: .5em !important;
        margin-left: .5em !important;
        padding: 1em !important;
    }
    #compte-footer{
        flex-direction: column;
    }
    
    .compte-dates{
        flex-direction: row !important;
        margin-bottom: 2rem;
    }
    #btoc_form > div.row.bottom-div.position-fixed.hide.bg-white.ms-0{
        max-width: 298px;
        width: inherit;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px){

    .bottom-contact{
        width: 75% !important;
    }
    .bottom-contact-side{
        width: 25% !important;
    }
    .bottom-contact-side-inner div{
        margin-top: .5em !important;
        margin-left: .5em !important;
        padding: 1em !important;
    }

    .top-div div{
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .top-div div.row div{
        width: 90% !important;
    }
    .results{
        min-width: 250px;
    }
    .criteres{
        min-width: 230px;
        max-width: 230px;
    }
    .criteres button{
        width: 100%;
    }
    #item-filter24 span{
        font-size: 13px !important;
    }
}
@media only screen and (min-width: 1685px) and (max-width: 1920px){
    /*4k Screens [1200px -> ...]*/
    .div1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .div2{
        height: 100%;
    }
    .div2 img{
        height: 95%;
    }
    .div4{
        height: 15% !important;
    }
    .div5 .row h5{
        font-size: 2rem !important;
        padding-left: 0px !important;
    }
    .div5 .row p{
        font-size: 24px !important;
    }
    .div5 .row button{
        width: 60%;
        padding: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        text-align: center;
        margin-left: 4em !important;
    }
    .div6{
        height: 85%;
    }
    .div4 .rounded-pill{
        padding-top: .7rem !important;
        padding-bottom: .7rem !important;
    }
    .bottom-contact{
        width: 83% !important;
    }
    .bottom-contact-side{
        width: 17% !important;
    }
    .bottom-contact-side-inner div{
        margin-top: .5em !important;
        margin-left: .5em !important;
        padding: 1em !important;
    }
    #leftSide{
        max-width: 48% !important;
    }
    .top-div div button.rounded-circle:not(.w-20){
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    
    .rounded-panels.bg-bdmr h4{
        font-size: 1.5rem;
    }
    .rounded-panels.bg-bdmr span{
        font-size: 1.1rem;
    }
    .rounded-panels.bg-bdmr p{
        font-size: 0.9rem;
    }
    .rounded-panels.bg-white h4{
        font-size: 1.5rem !important;
    }
    .panel-buttons {
        padding: 0.5rem 0.8rem;
    }
    .requests-list{
        min-height: 14rem;
        max-height: 14rem;
    }
}
@media only screen and (min-width: 1921px){
    .div5 .row h5{
        font-size: 3rem !important;
        padding-left: 0px !important;
    }
    .div5 .row p{
        font-size: 2rem !important;
    }
    .div5 .row button{
        font-size: 1.2rem !important;
    }
    .btoc{
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    /*4k Screens [1200px -> ...]*/
    .div1{
        width: 80% !important;
        margin: 0 auto;
    }
    .div2 img{
        height: 90%;
        margin-top: .7em !important;
        margin-left: .5em !important;
        object-fit: contain;
    }
    .div4{
        height: 15% !important;
    }
    .div6{
        height: 85%;
    }
    #leftSide>div{
        max-width: 91% !important;
    }
    .top-div div button.rounded-circle{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        font-size: 14px;
    }
    
    .bottom-contact{
        width: 83%;
    }

    .bottom-contact-side{
        width: 17%;
    }

    .requests>div>span.invert{
        max-height: 14%;
    }

    .requests .rounded-panels.radius-bottom-0{
        flex-grow: 17;
    }

    .rounded-panels.bg-bdmr h4{
        font-size: 2rem;
    }
    .rounded-panels.bg-bdmr span{
        font-size: 1.5rem;
    }
    .rounded-panels.bg-bdmr p{
        font-size: 1.1rem;
    }
    .rounded-panels.bg-white h4{
        font-size: 1.5rem !important;
    }
    .panel-buttons {
        padding: 0.5rem 0.8rem;
    }
}

@media only screen and (max-width: 991px){
    .mini{
        display: block;
    }
    .normal{
        display: none;
    }
    .collapse, .isLoggedIn{
        min-width: 90px;
        max-width: 90px;
    }
    main{
        width: 90% !important;
        float: right;
    }
    .saleref h4{
        display: none;
    }
    #sidebarMenu div .list-group .list-group-item span{
        display: none;
    }
    .bg-gradient-menu{
        background: transparent !important;
        margin-left: 0px !important;
    }
    .bg-gradient-menu h5, .bg-gradient-menu span{
        display: none;
    }
    .bg-gradient-menu p{
        margin-top: 11.3em !important;
        width: 100% !important;
    }
    .rounded-end-5{
        display: flex;
    }
    .arrow{
        margin-left:.5em !important;
    }
    .rounded-end-5 .mini{
        margin-left: 0.5em !important;
    }
    .rounded-end-5{
        padding: 0.35em !important;
    }
    .btoc{
        padding: .6em 1.5em !important;
    }
}
@media only screen and (max-width: 600px){
    main{
        width: 85% !important;
        float: right;
    }
}


@media only screen and (max-width: 1368px){
    .mini{
        display: block;
    }
    .normal{
        display: none;
    }
    .collapse, .isLoggedIn{
        min-width: 90px;
        max-width: 90px;
        overflow-x: hidden;
    }
    header:has(nav.isLoggedIn) + main {
        width: 93.5% !important;
        float: right;
        padding-left: 0;
    }
    .results h3{
        font-size: 1.45rem !important;
    }
    .saleref h4{
        display: none;
    }
    #sidebarMenu div .list-group .list-group-item span{
        display: none;
    }
    .bg-gradient-menu{
        background: transparent;
        margin-left: 0px !important;
    }
    .bg-gradient-menu h5, .bg-gradient-menu span{
        display: none;
    }
    .bg-gradient-menu p{
        margin-top: 11.3em;
        width: 100% !important;
    }
    .rounded-end-5{
        display: flex;
    }
    .arrow{
        margin-left:.5em !important;
    }
    .rounded-end-5 .mini{
        margin-left: 0.5em !important;
    }
    .rounded-end-5{
        padding: 0.35em !important;
    }
    .btoc{
        padding: .6em 1.5em !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }
    .results{
        min-width: 260px;
    }
    .criteres{
        min-width: 230px;
        max-width: 230px;
    }
    .criteres button{
        width: 100%;
    }
    .top-div .row .btn-secondary.w-75{
        font-size: 11px !important;
    }
    .max-w-input-numbers{
        max-width: 60px !important;
    }
    #item-filter24 span{
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 1200px){
    .top-div .row.justify-content-center {
        padding-right: 1.5em !important;
        padding-left: 1.5em !important;
    }
}

@media only screen and (max-width: 1100px){
    .top-div .row.justify-content-center {
        padding-right: 1em !important;
        padding-left: 2.2em !important;
    }
}
@media only screen and (max-width: 1100px){
    .top-div .row.justify-content-center button.w-20{
        padding-top: 1em !important;
        padding-bottom: 1.2em !important;
    }
}

#sidebarMenu > div > div.list-group.list-group-flush.mt-3.pb-4.pt-4 > a > img, nav > div > #bottomMenu > a > img{
    margin-right: 3rem !important;
}
@media only screen and (max-width: 1400px) and (min-width: 1300px){
    .sidebar {
        min-width: 240px;
        max-width: 240px;
    }
    .sidebar.isLoggedIn {
        min-width: 90px;
        max-width: 90px;
    }
    nav .mini {
        display: none !important;
    }
    nav .normal {
        display: block !important;
    }
    nav.isLoggedIn .mini {
        display: block !important;
    }
    nav.isLoggedIn .normal {
        display: none !important;
    }
    nav.isLoggedIn:hover .mini {
        display: none !important;
    }
    nav.isLoggedIn:hover .normal {
        display: block !important;
    }
    header:has(nav.isLoggedIn) + main {
        width: 93.5% !important;
        float: right;
        padding-left: 0;
    }
    .saleref h4 {
        display: block !important;
    }
    #sidebarMenu div .list-group .list-group-item span {
        display: inline !important;
    }
    #sidebarMenu.isLoggedIn div .list-group .list-group-item span{
        display: none !important;
    }
    #sidebarMenu.isLoggedIn:hover div .list-group .list-group-item span {
        display: inline !important;
    }
    #sidebarMenu > div > div.d-flex.justify-content-start.align-items-center.mt-2.ms-3.saleref > h4{
        display: none !important;
    }
    #sidebarMenu.isLoggedIn:hover > div > div.d-flex.justify-content-start.align-items-center.mt-2.ms-3.saleref > h4{
        display: inline !important;
    }
    .bg-gradient-menu h5,
    .bg-gradient-menu span {
        display: inline !important;
    }
    nav.isLoggedIn + main {
        width: initial;
    }
    #sidebarMenu:not(.isLoggedIn) > div > div.list-group.list-group-flush.mt-3.pb-4.pt-4 > a > img, 
    nav:not(.isLoggedIn) > div > #bottomMenu > a > img{
        margin-right: 3rem !important;
    }
    #sidebarMenu.isLoggedIn > div > div.list-group.list-group-flush.mt-3.pb-4.pt-4 > a > img, nav.isLoggedIn > div > #bottomMenu > a > img{
        margin-right: none !important;
    }
    #sidebarMenu.isLoggedIn:hover > div > div.list-group.list-group-flush.mt-3.pb-4.pt-4 > a > img, 
    nav.isLoggedIn:hover > div > #bottomMenu > a > img{
        margin-right: 3rem !important;
    }
}

@media only screen and (min-width: 1400px){
    .sidebar.isLoggedIn {
        min-width: 240px !important;
        max-width: 240px !important;
    }
}
@media only screen and (max-width: 1745px) and (min-width: 1400px){
    .btn-secondary:not(.w-20){
        font-size: 10px !important;
    }
    .compte-button button {
        width: 50px;
        height: 50px;
    }
}

.bg-gradient-menu-force{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(24,49,90,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(24,49,90,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(24,49,90,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#18315a",GradientType=1);
}

@media only screen and (min-width: 1200px) and (max-width: 1685px) {
    .bg-gradient-menu {
        margin-top: 4.5em !important;
    }
}

#list-tabs ul li img{
    max-width: 28px;
    max-height: 28px;
}

#consommation .item .item-top div .title img{
    max-width: 33px;
    max-height: 35px;
    margin-right: .75rem !important;
}

.btn-active{
    background-color: #1B3971 !important;
    color: #fff !important;
}

button.btn-active img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(103%) contrast(101%) !important;
}

::-webkit-scrollbar {
    width: 5px;
}
  
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
   
/* Handle */
::-webkit-scrollbar-thumb {
    background: #a8a8a8; 
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #635f5f; 
}

.criteres span.rounded-5{
    border-color: #858A93;
}

#criteres span.rounded-5{
    border-color: #858A93;
}

#list-tabs ul li{
    height: 44px;
}

.item .item-bottom .row .d-flex button,
.item .item-bottom .row .d-flex .rounded span,
.item .item-bottom .row .d-flex{
    font-size: 13px;
}
.list-group-item-action:focus, .list-group-item-action:hover{
    background-color: initial !important;
}

.active-svg-img{
    filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(1385%) hue-rotate(48deg) brightness(98%) contrast(95%);
}

.button_special {
    color: black;
    display: inline-block; /* Inline elements with width and height. TL;DR they make the icon buttons stack from left-to-right instead of top-to-bottom */
    position: relative; /* All 'absolute'ly positioned elements are relative to this one */
    padding: 2px 5px; /* Add some padding so it looks nice */
    max-width: 20pxr;
    background-color: white;
}

/* Make the badge float in the top right corner of the button */
.button__badge {
    background-color: #1B3971;
    border-radius: 50%;
    color: white;
    padding: 2px 6px;
    font-size: 10px;
    position: absolute; /* Position the badge within the relatively positioned button */
    top: -10px;
    right: -10px;
}

table.dataTable thead tr th{
    text-transform: uppercase;
    font-size: 12px;
}

table.dataTable thead tr th:is(:first-child) {
    text-align: center;
}
table.dataTable tbody tr td:not(:first-child) {
    text-align: center;
}

table.dataTable tbody tr td:is(:first-child) {
    padding: 0.5rem 0rem 0.5rem 1.5rem;
}

table tbody tr.fixedFee td:is(:first-child){
    padding: 0.25rem 0rem 0.25rem 1.5rem;
    font-size: 11px;
}

table tbody td:is(:first-child):not(.month-picker-previous){
    font-size: 13px;
    padding-right: 1.5rem;
}

table.dataTable tbody tr:is(:last-child) td:nth-child(1) {
    padding: 1.25rem 0rem;
    border-left:none;
    border-bottom:none;
}


table.dataTable tbody tr td {
    border:1px solid #1B3971;
}

.no-dots{
    list-style: none;
}

ul.d-flex li a{
    text-decoration: none;
    color: #1B3971;
    padding: .40rem .75rem;
}

ul.d-flex li.active a{
    text-decoration: none;
    background-color: #1B3971;
    border-radius: 7px;
    color: #fff;
}

#teste_figure {
    position: relative;
}

#teste_figure img {
    border-radius: 20px;
}
.ui-datepicker-calendar {
    display: none;
}

div.ui-widget-header.month-picker-header.ui-corner-all > table > tbody > tr > td.month-picker-next > a > span.ui-button-icon.ui-icon.ui-icon-circle-triangle-e{
    background-image: url('/assets/img/ui-icons_222222_256x240-418312c1bda14c6763a8be2a59aa08ff.png') !important;
}

div.ui-widget-header.month-picker-header.ui-corner-all > table > tbody > tr > td.month-picker-previous > a > span.ui-button-icon.ui-icon.ui-icon-circle-triangle-w{
    background-image: url('/assets/img/ui-icons_222222_256x240-418312c1bda14c6763a8be2a59aa08ff.png') !important;
}

.ui-button.ui-corner-all.ui-widget{
    padding: 0.2em 0.4em;
    margin-top: -1px;
}

#teste_figure img:last-child {
    border: 5px solid white;
    background-color: #001B37;
    padding: 10px;
    display: block;
    height: 75px;
    width: 75px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    bottom: calc(25px * (-1.5));
    left: calc(50% - 37.5px);
}

.half-banner{
    background: url("../img/mac-743cb0194f15349a93101f4307bb6b6e.png");
    min-height: 470px;
}

.border-color-bdmr{
    border-color: #1A3870 !important;
}

.filter-bdmr{
    filter: brightness(0) saturate(100%) invert(18%) sepia(72%) saturate(1061%) hue-rotate(193deg) brightness(94%) contrast(97%);
}

.custom-input{
    background-color:white;
    width:max-content;
    padding:7px 20px;
    border:2px solid #E4E1E1;
    border-radius:10px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.custom-input img{
    filter: brightness(0) saturate(100%) invert(17%) sepia(85%) saturate(1045%) hue-rotate(196deg) brightness(95%) contrast(95%);
    width: fit-content;
}

.custom-input input, .custom-input select{
    margin-left:10px;
}

.custom-input input, .custom-input select{
    width:max-content;
    border:none;
    flex: 1;
}

.custom-input input:focus, .custom-input input:focus-visible,
.custom-input select:focus, .custom-input select:focus-visible{
    border:none !important;
    outline: none !important;
}

.custom-input:focus-within {
    border-color: #1A3870;
}

.custom-input:focus-within img {
    filter: brightness(0) saturate(100%) invert(18%) sepia(72%) saturate(1061%) hue-rotate(193deg) brightness(94%) contrast(97%);
}

input:-internal-autofill-selected{
    background-color: #fff;
}

.button-group{
    background-color: #F5F5F5;
    padding: 10px;
    border-radius: 10px;
}
.button-group button{
    padding:5px 20px;
    border:none;
    outline: none;
    background-color: transparent;
    border-radius: 10px;
}
.button-group button.active{
    background-color: #FFFFFF;
}
.left-side{
    flex:1 0 50%;
}
.left-side h4{
    margin-right:2rem;
}
.right-side{
    flex:1 0 50%;
}

.table .commandes-table{
    margin-top: 2.5rem;
    width: 100%;
}
.table .commandes-table tbody tr td,.table .commandes-table thead tr th{
    text-align: center;
    border: none;
}
.table .commandes-table thead tr th{
    text-transform: uppercase;
    color: rgba(133, 138, 147, 1);
}
.table .commandes-table tbody tr td{
    font-size: 14px !important;
    padding: 5px 0px !important;
}
.table .commandes-table tbody tr{
    border-bottom: 1px solid #E4E1E1 !important;
}
.table .commandes-table thead tr{
    border-bottom: 1px solid #E4E1E1 !important;
}
.table .commandes-table tbody tr:first-child td{
    padding: 15px 0px !important;
}
.tag{
    width: min-content;
    border-radius: 10px;
    margin: 0 auto;
}
.tag-success{
    background-color: rgba(226, 244, 218, 0.85);
    color:rgba(86, 165, 50, 1);
}
.tag-success img{
    filter: brightness(0) saturate(100%) invert(60%) sepia(22%) saturate(1314%) hue-rotate(57deg) brightness(88%) contrast(87%);
}
.tag-danger{
    background-color: rgba(255, 191, 177, 0.22);
    color:rgba(215, 122, 101, 1);
}
.tag-danger img{
    filter: brightness(0) saturate(100%) invert(81%) sepia(38%) saturate(4870%) hue-rotate(315deg) brightness(90%) contrast(85%);
}
.tag-warning{
    background-color: rgba(251, 239, 220, 0.85);
    color:rgba(210, 128, 53, 1);
}
.tag-warning img{
    filter: brightness(0) saturate(100%) invert(78%) sepia(42%) saturate(5669%) hue-rotate(342deg) brightness(91%) contrast(79%);
}
.tag-primary{
    background-color: rgba(229, 248, 253, 1);
    color:rgba(64, 162, 217, 1);
}
.tag-primary img{
    filter: brightness(0) saturate(100%) invert(54%) sepia(97%) saturate(594%) hue-rotate(172deg) brightness(92%) contrast(83%);
}
.tag-secondary{
    background-color: rgba(236, 237, 254, 0.85);
    color:rgba(139, 121, 210, 1);
}
.tag-secondary img{
    filter: brightness(0) saturate(100%) invert(59%) sepia(34%) saturate(2678%) hue-rotate(213deg) brightness(87%) contrast(87%);
}
.tag-terciary{
    background-color: rgba(248, 249, 227, 1);
    color:rgba(193, 179, 54, 1);
}
.tag-terciary img{
    filter: brightness(0) saturate(100%) invert(76%) sepia(85%) saturate(394%) hue-rotate(4deg) brightness(85%) contrast(83%);
}
#commandes-filter{
    height: fit-content;
}

.media-group .media{
    background-color: rgba(245, 245, 245, 1);
}

.compte-button button{
    width:50px;
    height:50px;
}
@media only screen and (max-width: 1850px){
    .custom-input input, .custom-input select{
        background-color: transparent;
        max-width: 90%;
    }
}
@media only screen and (max-width: 1366px){
    .compte-button>img{
        margin-right: 20px;
    }
    .compte-button button{
        margin-left: 10px;
        width:50px;
        height:50px;
    }
}

.administration-item{
    border:1px solid #1B3971;
    text-align: center;
    flex:1 0 21%;
    position: relative;
}
.administration-item span{
    background-color: #FFBFB1;
    color: #1B3971;
    position: absolute;
    top:10px;
    right:10px;
    width: 30px;
    height: 30px;
}
.administration-item img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(203deg) brightness(102%) contrast(103%);
}
.administration-item:hover{
    background-color: white;
    border:1px solid #1B3971;
    color: #1B3971 !important;
    cursor: pointer;
}
.administration-item:hover img{
    filter: brightness(0) saturate(100%) invert(15%) sepia(48%) saturate(2593%) hue-rotate(205deg) brightness(93%) contrast(90%);
}

a.boxhead {
    color: #FFFFFF;
    text-decoration: none;
}
a.boxhead:hover {
    color : #1B3971 !important;
}
.administration-item:hover a.boxhead{
    color : #1B3971 !important;
}
.choice-buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items:center;
    width:100% !important;
    flex-wrap: wrap;
}

.choice-buttons:not(#t102_geo_pays, #t107_geo_pays){
     font-size: 12px;
 }

.choice-buttons input{
    display: none;
}

.choice-buttons label{
    flex-grow: 1;
    flex-basis: 45%;
    outline:none;
    padding-top:.5rem !important;
    padding-bottom:.5rem !important;
    margin-left:.25rem !important;
    text-transform: capitalize;
    margin-bottom:.5rem !important;
    border: 1px solid #1A3870;
    border-radius:0.25rem;
    text-align: center;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.buttons-30 label{
    flex-basis: 30% !important;
}

.buttons-10 label{
    flex-basis: 10% !important;
    flex-grow: 0;
}
.choice-buttons label:hover{
    cursor: pointer;
}

.max-w-input-numbers{
    max-width: 70px;
}

#item-filter1 label{
    display: none;
}

.filter-choices label img{
    filter: invert(54%) sepia(9%) saturate(332%) hue-rotate(180deg) brightness(99%) contrast(85%);
}

.child-buttons label{
    max-width: 45px;
    max-height: 45px;
}

.filter-choices.choice-buttons label.btn-active img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(29deg) brightness(104%) contrast(103%);
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.dt-search { display: none; }

.blurTable {
    filter: blur(10px);
}

#devisTable{
    width: 100%;
}

.ball{
    max-width: 15px;
}
._map_ {
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    width: 100% !important;
    left: 0px !important;
}
#alert-modal{
    background-color: transparent;
    height: min-content;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}
#alert-modal>a.close-modal{
    display: none;
}
.modal a.close-modal{
    top: 12.5px !important;
    right: 12.5px !important;
}

.modal-header{
    border-bottom: 0px;
}
#limitAmount{
    outline:none;
    border: 1px solid #E4E1E1;
    border-radius: 5px;
}
.loading-state {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}
main>.loading-state {
    width: calc(100% - 240px);
}
@media only screen and (max-width: 1365px){
    main>.loading-state {
        width: 93.5%;
    }
}
.results.loading-state *{
    z-index: 1;
}
.loading {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: loading 1s linear infinite;
}
@keyframes loading {
    to {
      transform: rotate(360deg);
    }
}

.modal{
    max-width: none;
    width: none;
}

.bg-grey{
    background-color: #F5F5F5 !important;
}

#dropzone {
    position: relative;
    border: 5px dotted #000;
    border-radius: 20px;
    color: #000;
    font: bold 24px/140px arial;
    height: 150px;
    margin: 30px auto;
    text-align: center;
    width: 40%;
}
  
#dropzone.hover {
    border: 10px solid #FE5;
    color: #FE5;
}
  
#dropzone.dropped {
    background: #222;
    border: 10px solid #444;
}
  
#dropzone div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
  
#dropzone img {
    border-radius: 10px;
    vertical-align: middle;
    max-width: 95%;
    max-height: 95%;
}
  
#dropzone [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check:not(:checked)+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #fff !important;
    background-color: #a3a3ab !important;
    border-color: #a3a3ab !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: #fff !important;
    background-color: #1B3971 !important;
    border-color: #1B3971 !important;
}

.tableModal {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden;
}

.tableModal thead tr th, .tableModal tbody tr td {
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.tableModal tbody tr:last-child {
    border-bottom: none;
    text-align: center;
}

#ads div:not(#ball_points){
    display: none;
}

#ads div:not(#ball_points).active{
    display: flex;  
}

input.custom[type='checkbox'] {
    --active: #001B37;
    --active-inner: #fff;
    --input-border: #cdd9ed;
    --input-border-hover: #fff;
    --background: #fff;
    --disabled: #f5f9ff;
    --disabled-inner: #e4ecfa;
    --shadow-inner: rgba(18, 22, 33, .1);
    height: 21px !important;
    width: 21px !important;
    outline: none;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
    border: 1px solid var(--input-border);
    background: var(--background);
    transition: background 0.3s ease, border-color 0.3s ease;
}
input.custom[type='checkbox']:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform 0.3s ease, opacity 0.2s ease, filter 0.3s ease;
}
input.custom[type='checkbox']:checked {
    background: var(--active);
    border-color: var(--active);
}
input.custom[type='checkbox']:checked:after {
    filter: drop-shadow(0 1px 2px var(--shadow-inner));
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);
}
input.custom[type='checkbox']:disabled {
    cursor: not-allowed;
    opacity: 0.9;
    background: var(--disabled);
}
input.custom[type='checkbox']:disabled:checked {
    background: var(--disabled-inner);
    border-color: var(--input-border);
}
input.custom[type='checkbox']:not(.switch) {
    width: 21px;
}
input.custom[type='checkbox']:not(.switch):after {
    opacity: 0;
}
input.custom[type='checkbox']:not(.switch):checked:after {
    opacity: 1;
}
input.custom[type='checkbox']:not(.switch) {
    border-radius: 6px;
}
input.custom[type='checkbox']:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(20deg);
}
input.custom[type='checkbox']:not(.switch):checked:after {
    transform: rotate(43deg);
}

#devisTable thead tr th{
    text-transform: uppercase;
    font-size: 12px;
}

#devisTable thead tr th:is(:first-child) {
    text-align: center;
}
#devisTable tbody tr td:not(:first-child) {
    text-align: center;
}

#devisTable tbody tr td:is(:first-child) {
    padding: 0.5rem 0rem 0.5rem 1.5rem;
}


#devisTable tbody tr:nth-child(2) td,
#devisTable tbody tr:nth-child(3) td,
#devisTable tbody tr:nth-child(5) td,
#devisTable tbody tr:nth-child(6) td,
#devisTable tbody tr:nth-child(8) td,
#devisTable tbody tr:nth-child(10) td{
    border-bottom:1px solid #1b397160;
}
#devisTable tbody tr:is(:last-child) td:nth-child(1) {
    padding: 1.25rem 0rem;
    border-left:none;
    border-bottom:none;
}

#devisTable thead tr th:not(:last-child) {
    border-right:1px solid white;
}
#devisTable thead tr th:is(:first-child),
#devisTable thead tr th:nth-child(6),
#devisTable tbody tr td:nth-child(6){
    border-left:1px solid #1B3971;
}
#devisTable thead tr th:is(:last-child),
#devisTable thead tr th:nth-child(4),
#devisTable thead tr th:nth-child(5),
#devisTable tbody tr td:nth-child(4){
    border-right:1px solid #1B3971;
}
#devisTable tbody tr:not(:last-child) td:nth-child(5),
#devisTable tbody tr:is(:last-child) td:nth-child(4){
    border-top:0px solid #1B3971;
    border-bottom:0px solid #1B3971;
}

#devisTable tbody tr td {
    border:1px solid #1B3971;
}

.hover-bg:hover{
    background-color: #bbbbbb;
    cursor: pointer;
}

#publiciteMenu{
    display: flex;
}
@media only screen and (max-width: 1368px){
    #publiciteMenu{
        display: none;
    }
    #cibleArrow{
        display: none;
    }
}

.requests-list .list-group.list-group-flush li:hover{
    background-color: lightgray !important;
}
.requests-list .list-group.list-group-flush li:nth-child(1){
    background-color: transparent !important;
}

#targetSwitch .row .text-center span {
    font-size: x-small;
}
.select2-selection--single{
    min-height: 32px;
}
.select2-selection__placeholder{
    color:#000 !important;
}

.max-w-50 {
    max-width: 50% !important;
}

#cibleModal .modal-body {
    height: 85vh;
    overflow-y: auto;
}

.eye-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eye-icon--inactive::after {
    content: '';
    position: absolute;
    width: 110%;
    height: 2px;
    background: #dc3545;
    transform: rotate(-20deg);
}