.select-custom {
    background-color: #fff;
    color: #8c8c8c!important;
    font-size: 16px;
    height: 54.8px;
    font-weight: 300;
    border: 2px solid #262837!important;
    border-radius: 0!important
}

.border-gray {
    border-color: #8c8c8c!important
}

.bg-lighGray2 {
    background-color: #0000000d
}

.bg-blueClair {
    background-color: #0dcaf0
}

.input-group .btn {
    z-index: 0!important;
    width: 100%;
    text-align: left;
    background-color: transparent!important;
    color: #000!important;
    border: 0!important;
    padding: 0;
    margin-bottom: 6px
}

.In_cheque {
    position: absolute;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cheque_div {
    border: 1px solid #858585;
    position: relative;
    top: 30px;
    margin: auto;
    overflow: hidden
}

.btn-first {
    color: #fff!important;
    margin-bottom: 0;
    background-color: #0dcaf0!important;
    border-color: #0dcaf0!important
}

#mr-8.jpeg {
    color: #930909
}

.In_cheque {
    font-weight: 400;
}

@media print {
    body * {
        visibility: hidden
    }

    #cheque_div,#cheque_div * {
        visibility: visible
    }

    @page {
        size: landscape;
        margin: 0
    }

    body {
        margin: 0;
        line-height: 1
    }

    .all_web {
        min-height: 0
    }

    .cheque_div {
        display: block;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        border: none
    }

    #cheque_img {
        display: none!important
    }

    .bar1,.mainbar,.adv1,.advs,.navbar .prn_btn,.chq_table,#all_web img,.prnt_count,.jor_title,.adv4,nav.navbar.navbar-expand-lg.navbar-light.bg-light,.p-2.light-300.bg-primary.rounded-3.shadow-sm,#numerocheque,#lettrecheque {
        display: none!important
    }

    .datepicker,.datepicker-dropdown,.dropdown-menu,.datepicker-orient-right,.datepicker-orient-bottom,.adsbygoogle.adsbygoogle-noablate,.row.px-lg-1,section.bg-white.pt-4.pb-4,aside.right-side {
        display: none!important
    }

    .In_cheque {
        font-weight: 600
    }
}

.center-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

input.form-control {
    color: #8c8c8c!important
}

.form-control {
    font-weight: 400;
    font-size: 16px!important;
    background: #f8f8f8;
    border: 2px solid #262837!important;
    border-radius: 0!important;
    color: #000
}

.form-control-lg {
    min-height: calc(2.3em + 1rem + 2px)!important
}

button#prn_button {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    color: #fff;
    border-radius: 4px
}

.bg-facetime {
    background-color: #e9eaf4!important
}

.bg-commentair {
    background-color: #f0f2f5!important
}

.bg-published {
    background-color: #78ce95!important
}

.bg-lightred {
    background-color: #e14b6f!important
}

.bg-lightbleu {
    background-color: #5d45fb!important
}

.bg-verlightred {
    background-color: #ff2360!important
}

.bg-lightgreen {
    background-color: #00bc8b!important
}

.bg-lightyellow {
    background-color: #ffbf3a!important
}

.bg-verylightyellow {
    background-color: #fbf2dc!important
}

.bg-verylightgreen {
    background-color: #f0fffb!important
}

.bg-verylightred {
    background-color: #fdecf0!important
}

.bg-verylightblue {
    background-color: #e9f2fb!important
}

.bg-lightblack {
    background-color: #262837!important
}

.bg-lightgray {
    background-color: #615c54!important
}

.rounded-6 {
    border-radius: .8rem!important
}

.nav2 {
    color: #cfc7d6;
    background-color: #262837;
    border-color: #262837
}

.nav2:hover {
    color: #1e8ed8;
    background-color: #1e1e2c;
    border-color: #1e1e2c
}

.list-unstylednav {
    padding-left: 0;
    padding-right: 0;
    list-style: none
}

.floating {
    position: fixed;
    background: #f7f8f5;
    box-shadow: 0 0 500px rgba(0,0,0,.7);
    left: 5%;
    right: 5%;
    margin: 0 auto;
    top: 5%
}

.floating-ad {
    transition: all .4s ease 0s
}

.sc-gauge {
    width: 200px;
    height: 110px;
    margin: 0 auto
}

.sc-background {
    position: relative;
    height: 100px;
    margin-bottom: 10px;
    background-color: #f0f4fe;
    border-radius: 150px 150px 0 0;
    overflow: hidden;
    text-align: center
}

.sc-mask {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    height: 80px;
    background-color: #fff;
    border-radius: 150px 150px 0 0
}

.sc-min {
    float: left
}

.sc-max {
    float: right
}

.bg-calblue {
    background-color: #bedae3!important
}

.bg-calgreen {
    background-color: #c4e9da!important
}

.bg-calred {
    background-color: #fed5cf!important
}

.bg-calorange {
    background-color: #f1b598!important
}

.bg-calpink {
    background-color: #d3c7e6!important
}

.bg-calblack {
    background-color: #676565!important
}

.bg-calgrey {
    background-color: #cdcbcb!important
}

nav#main_nav {
    padding: 0;
    margin-bottom: 33px
}

.btn-outline-primary {
    border-bottom: 3px solid #42a1f9!important
}

.btn-outline-primary:hover {
    background-color: #393c53!important;
    border-color: #393c53!important;
    border-bottom: 3px solid #0dcaf0!important
}

div#cke_accuse_reception {
    width: 100%
}

.rounded-3.floating table.container-fluid.table-responsive.table.table-bordered {
    box-shadow: none;
    margin-bottom: 0
}

.rounded-3.floating table.container-fluid.table-responsive.table.table-bordered tr {
    border-color: transparent
}

.rounded-3.floating table.container-fluid.table-responsive.table.table-bordered tr td {
    background: 0 0
}

table.container-fluid.table-responsive.table-bordered {
    border-color: transparent
}

.bg-facetime {
    width: 100%;
    float: left
}

.chosen-container-single .chosen-single {
    border: 1px solid #ced4da;
    color: #8c8c8c!important;
    font-size: 15px;
    height: calc(1.4em + 1.4rem + 4px);
    padding: .75rem 1.25rem;
    border-radius: 0;
    background: #fff
}

.chosen-container {
    width: 100%!important
}

.chosen-container-single .chosen-single div b {
    background-position: 0 12px
}

#defaultAccordionOne .chosen-container.chosen-container-single {
    width: 100%!important
}

div#lieu_chosen,div#lieuUpdate_chosen {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.bg-primary {
    background-color: #3ebc9c!important
}

.main-footer {
    width: 100%;
    float: left
}

@keyframes flash {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.flashit {
    animation: flash 1s linear infinite
}

.bg-color-1 {
    background: rgba(255,188,3,.1)
}

.bg-icon-1 {
    background: #fb0;
    background: -moz-linear-gradient(top,#FFBB00 0%,#FFF574 100%);
    background: -webkit-linear-gradient(top,#FFBB00 0%,#FFF574 100%);
    background: linear-gradient(to bottom,#FFBB00 0%,#FFF574 100%)
}

.color-1 {
    color: #ffbb01
}

.bg-color-2 {
    background: #e5f8eb
}

.bg-icon-2 {
    background: #00843e;
    background: -moz-linear-gradient(top,#00843E 0%,#59F187 100%);
    background: -webkit-linear-gradient(top,#00843E 0%,#59F187 100%);
    background: linear-gradient(to bottom,#00843E 0%,#59F187 100%)
}

.color-2 {
    color: #00bc39
}

.bg-color-3 {
    background: rgba(60,33,247,.1)
}

.bg-icon-3 {
    background: #ff2360;
    background: -moz-linear-gradient(top,#FF2360 0%,#9B8DFF 100%);
    background: -webkit-linear-gradient(top,#FF2360 0%,#9B8DFF 100%);
    background: linear-gradient(to bottom,#FF2360 0%,#9B8DFF 100%)
}

.color-3 {
    color: #9687fe
}

.bg-color-4 {
    background: #ff2360
}

.color-4 {
    color: #26c9e5
}

.bg-color-5 {
    background: #e6ffff
}

.bg-icon-5 {
    background: #21f7f7;
    background: -moz-linear-gradient(top,#21F7F7 0%,#9B8DFF 100%);
    background: -webkit-linear-gradient(top,#21F7F7 0%,#9B8DFF 100%);
    background: linear-gradient(to bottom,#21F7F7 0%,#9B8DFF 100%)
}

.bg-color-6 {
    background: #eaefff
}

.color-6 {
    color: #496ee8
}

.bg-color-7 {
    background: #fff2e5
}

.color-7 {
    color: #fea246
}

.bg-color-8 {
    background: #e6faf4
}

.color-8 {
    color: #35cf96
}

.bg-color-9 {
    background: #fee9ed
}

.color-9 {
    color: #f7284a
}

.bg-color-10 {
    background: #eaefff
}

.bg-icon-10 {
    background: #456ce9;
    background: -moz-linear-gradient(top,#456CE9 0%,#94A5DC 100%);
    background: -webkit-linear-gradient(top,#456CE9 0%,#94A5DC 100%);
    background: linear-gradient(to bottom,#456CE9 0%,#94A5DC 100%)
}

.color-10 {
    color: #496ee8
}

.bg-color-11 {
    background: #fff2e5
}

.bg-icon-11 {
    background: #ffa143;
    background: -moz-linear-gradient(top,#FFA143 0%,#F3D5B7 100%);
    background: -webkit-linear-gradient(top,#FFA143 0%,#F3D5B7 100%);
    background: linear-gradient(to bottom,#FFA143 0%,#F3D5B7 100%)
}

.color-11 {
    color: #ffa143
}

.bg-color-12 {
    background: #e6faf4
}

.bg-icon-12 {
    background: #4debbc;
    background: -moz-linear-gradient(top,#4DEBBC 0%,#B4F1DF 100%);
    background: -webkit-linear-gradient(top,#4DEBBC 0%,#B4F1DF 100%);
    background: linear-gradient(to bottom,#4DEBBC 0%,#B4F1DF 100%)
}

.color-12 {
    color: #35cf96
}

.bg-color-13 {
    background: #fee9ed
}

.bg-icon-13 {
    background: #f7284a;
    background: -moz-linear-gradient(top,#F7284A 0%,#F9BAC6 100%);
    background: -webkit-linear-gradient(top,#F7284A 0%,#F9BAC6 100%);
    background: linear-gradient(to bottom,#F7284A 0%,#F9BAC6 100%)
}

.dark .bg-color-1,.dark .bg-color-2,.dark .bg-color-3,.dark .bg-color-4,.dark .bg-color-5,.dark .bg-color-6,.dark .bg-color-7,.dark .bg-color-8,.dark .bg-color-9,.dark .bg-color-10,.dark .bg-color-11,.dark .bg-color-12,.dark .bg-color-13 {
    background: #1e1d2b
}

.main-footer {
    background-color: #f8f9fa;
    color: #495057;
    padding: 20px;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #e9ecef
}

.main-footer a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500
}

.main-footer a:hover {
    color: #0056b3
}

.pull-right {
    float: right
}

.hidden-xs {
    display: none
}

@media(min-width: 576px) {
    .hidden-xs {
        display:block
    }
}

.active .row {
    justify-items: center;
    display: flex;
    justify-content: center;
    height: 100vh;
    align-content: center
}

.active img {
    margin: auto;
    display: flex
}

.active h2 {
    text-align: center;
    color: #262837;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #e4e4e4;
    margin-left: 0;
    margin-bottom: 13px
}

.active input.btn.btn-lg.btn-primary {
    border-radius: 4px!important;
    color: #fff!important;
    text-align: center!important;
    font-size: 22px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px!important;
    padding: 10px!important;
    background: #0dcaf0;
    border: none;
    box-shadow: none!important;
    margin: auto;
    width: 100%;
    justify-content: center
}

section.login {
    overflow: hidden
}

.left {
    background-image: url(../images/login.jpg);
    height: 100vh;
    justify-items: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.left p {
    margin: auto;
    max-width: 460px;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}

div#login-box {
    width: 61%;
    border: 1px solid #e9e9e9;
    padding: 20px
}

.col-md-6.right {
    height: 100vh;
    justify-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0!important
}

button.btn.btn-block.mx-auto.col-12 {
    color: #fff
}

.alert.alert-danger.d-flex.align-items-center {
    width: 97%;
    justify-content: center;
    display: flex;
    justify-items: center;
    padding: 8px 14px;
    margin-left: 7px
}

p.oublie {
    float: right;
    margin-right: 10px
}

p.oublie a {
    color: #0dcaf0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none
}

.login-page {
    height: 100vh!important
}

p.telephone a {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none;
    background-color: #0dcaf0;
    padding: 15px 20px;
    border-radius: 4px
}

p.telephone {
    width: 100%;
    justify-content: center;
    display: flex
}

b.btn.btn-danger.text-white.btn-lg.light-300.rounded-start:after,.label-required:after {
    content: " *";
    color: red;
    position: relative;
    bottom: 0;
    top: 5px
}

.modal-custom {
    max-width: 90%;
    margin: auto;
    z-index: 999999
}

@media(min-width: 600px) {
    .modal-custom {
        max-width:70%
    }
}

@media(min-width: 1024px) {
    .modal-custom {
        max-width:60%
    }
}