a {
    color: #3e3e3e;
}

a,
a:visited,
a:hover,
a:active {
    text-decoration: none;
}

/*
a:hover, a:active {
    color: #97b90d;
}

a:focus {
    color: #accf15;
}
*/

.skin-blue .main-header .navbar {
    background-color: #a3c614;
}

.skin-blue .main-header .logo {
    background-color: #97b90d;
}

.text-primary {
    color: #a2cb00;
}

.text-gray{
    color : rgb(128, 128, 128);
}

.pull-right {
    float : right;
}

.btn-primary {
    background-color: #a3c614;
    border-color: #97b90d;
}

.btn-primary:hover {
    background-color: #97b90d;
    border-color: #97b90d;
}

.btn-primary:focus, .btn-primary:active, .btn-primary:active:hover {
    background-color: #7c9c0d;
    border-color: #7c9c0d;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #68840d;
    border-color: #405309;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus {
    background-color: #68840d;
    border-color: #405309;
}

.label-primary, .label-envoye {
    background-color: #a3c614 !important;
    border-color: #97b90d;
}

.label-brouillon {
    background-color: #C1C0B8 !important;
    border-color: #C1C0B8;
}

.label-planifie {
    background-color: #ffc300 !important;
    border-color: #ffc300;
}

.label-majeur {
    background-color: #D1400D !important;
    border-color: #D1400D;
}

.skin-blue .main-header .logo:hover {
    background-color: #97b90e;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #97b90e;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #1e282c;
    border-left-color: #97b90e;
}

/*.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {*/
/*    background-color: #a3c613 !important;*/
/*}*/

.alert-success {
    border-color: #a3c613;
}

/*.callout.callout-success {
    border-color: #8cab12;
}*/

.main-header .navbar .nav > li > a > .label {
    font-size: 12px;
}

.info-box-station {
    min-height: 100px;
}

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

.info-box-icon-station {
    line-height: inherit;
}

.img-circle {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(230, 230, 230, 1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(230, 230, 230, 1);
    box-shadow: 1px 1px 5px 0px rgb(230, 230, 230);
    overflow: hidden;
}

.info-box-icon > img {
    line-height: 13px;
}

.list-group-item-admin {
    background: #a3c615;
    color: white !important;
}

.small-box-station {
    background-color: #a3c615 !important;
    color: white;
    cursor: pointer;
}

.small-box-station h3 {
    font-weight: normal;
}

.small-box-station > .small-box-footer {
    font-size: 15px;
}

.small-box-crm {
    background-color: #a3c615 !important;
    color: white;
    cursor: pointer;
}

.small-box-crm .icon {
    position: relative;
    top: unset;
    right: unset;
    text-align: center;
}

.btn-app-illiwap {
    border-radius: 3px;
    position: relative;
    padding: 15px 15px;
    margin: 0 0 10px 10px;
    min-width: 100px;
    text-align: center;
    color: #fff;
    border: 1px solid #ddd;
}

.btn-app-illiwap:hover {
    color: #fff;
}

.btn-type-message {
    background: #a3c615;
    width: 150px;
    height: 120px;
    padding-top: 30px;
}

.btn-type-message:hover {
    background: #7c9914;
}

.btn-cible-message {
    background: #a3c615;
    width: 240px;
    height: 120px;
    padding-top: 23px;
    font-size:16px;
}

.btn-cible-message:hover {
    background: #7c9914;
}

.btn-cible-message-warning {
    background: #f39c12;
    width: 240px;
    height: 120px;
    padding-top: 23px;
    font-size:16px;
}

.btn-cible-message-warning:hover {
    background: #e08e0b;
}

.btn-cible-info {
    position: absolute !important;
    right: 0px;
    top: 0px;
    z-index: 1000;
    border-radius: 0px 0px 0px 20px !important;
    width: 32px;
}

.btn-cible-info i {
    color: #7d7d7d;
}

.btn-incitation {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-light-hover:hover{
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.03) !important;
}

.info-box-number-incitation {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 24px;
}

.info-box-number-ecowatt {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    line-height: 17px;
}

.card-body-alert-new {
    text-align: center;
}

.card-body-alert-new .btn-group {
    margin: 10px;
}

.btn_edit_alerte {
    margin-right: 10px;
}

.help-block {
    color: #dd4b39;
}

.skin-blue .main-header li.user-header,
.dropdown-menu .card-header
{
    background-color: #a3c615;
}

.clear {
    clear: both;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.widget-user-username a {
    /*color: white;*/
    color: #343434;
}

.widget-user-desc {
    margin-bottom: 0;
    min-height: 34px;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
}

.widget-commercial-header .widget-user-desc {
    margin-bottom: 30px;
}

.widget-user-desc a {
    /*color: white;*/
    color: #343434;
}

.widget-user-2 .widget-user-image {
    background: white;
    border-radius: 50%;
}

.widget-user-2 .widget-user-image img, .widget-user-image span {
    float: left;
}

.widget-user-image span {
    border-radius: 50%;
}

.widget-user-type {
    margin-top: 5px;
}

.widget-commercial-header {
    height: unset !important;
}

.widget-commercial-image {
    position: unset !important;
    margin-left: unset !important;
}

.widget-commercial-image img {
    width: 90px;
    height: auto;
    border: 3px solid #fff;
}

.small-box-footer-station {
    font-size: 21px;
}

.description-block a {
    color: black;
}

.btn-container-rayon {
    text-align: center;
}

.btn-rayon {
    background-color: #4ca936;
    color: #fff;
    border-color: #ddd;
}

.btn-rayon:hover {
    color: white !important;
}

.btn-rayon.active {
    background-color: #a3c615;
    color: white;
}

/*.callout .fa-map-marker {*/
/*    color: #e5433e;*/
/*    font-size: 20px;*/
/*}*/

.station-header {
    /*background: #6cbc3c;*/
    background: #fff;
}

.station-header .widget-user-username {
    font-weight: bold;
}

.station-header .widget-user-type {
    /*color: white;*/
    color: #343434;
}

.station-header-qrcode {
    font-size: 25px;
}

.station-header .bouton-actions {
    text-align: right;
    margin-bottom: 5px;
}

.modal-qrcode .modal-body {
    text-align: center;
}

.modal-qrcode img {
    width: 300px;
}

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.colonne-communication {
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    background-color: rgb(163 198 20);
    color: white;
    position: relative;
    min-height: 270px;
    padding: 50px 30px 60px !important;
}

.colonne-communication-titre {
    font-size: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 20px;
}

.colonne-communication-logo {
    height: 100px;
    margin-bottom: 40px;
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}

.colonne-communication-logo i {
    /* vertical-align: middle; */
    height: 110px;
    /* margin: auto; */
    width: 110px;
    font-size: 5em;
    margin-top: 0px;
    background: white;
    color: #a3c614;
    border-radius: 50%;
    padding-top: 20px;
}

.colonne-communication .btn {
    bottom: 10px;
    position: absolute;
    left: 10px;
    right: 10px;
}

.alerte-type-icon {
    width: 10px;
}

/*.label-alerte-type, label-alerte-rayon {
    font-size: 13px;
    line-height: 32px;
}

.label-alerte-auteur {
    font-size: 12px;
    font-style: italic;
    margin-top: 14px;
}*/

#map_canvas {
    height: 420px !important;
}

.card-body-alerte {
    background: #dbdfe3;
}


/*.icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type=hidden] + label::before,
.icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before {
    border-color: #91b111;
}

.icheck-success > input:first-child:checked + input[type=hidden] + label::before,
.icheck-success > input:first-child:checked + label::before {
    background-color: #a3c615;
    border-color: #91b111;
}*/


.f1 {
    padding: 25px;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.f1 h3 {
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.f1-steps {
    overflow: hidden;
    position: relative;
    margin-top: 30px;
    text-align: center; /*margin-bottom: 30px;*/
}

.f1-progress {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
}

.f1-progress-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: #a3c614;
}

.f1-step {
    position: relative;
    float: left;
    padding: 0 5px;
    top: 5px;
}

.f1-step-2 {
    width: 50%;
}

.f1-step-3 {
    width: 33.33%;
}

.f1-step-5 {
    width: 20%;
}

.f1-step-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-top: 4px;
    background: #ddd;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.f1-step.activated .f1-step-icon {
    background: #fff;
    border: 1px solid #a3c614;
    color: #a3c614;
    line-height: 38px;
}

.f1-step.active .f1-step-icon {
    width: 60px;
    height: 60px;
    margin-top: -5px;
    background: #a3c614;
    font-size: 22px;
    line-height: 60px;
}

.f1-step p {
    color: #ccc;
}

.f1-step.activated p {
    color: #a3c614;
}

.f1-step.active p {
    color: #a3c614;
    font-weight: bold;
}

.f1-step.activated a {
    color: #a3c614;
    /*font-weight: bold;*/
}

.f1 fieldset {
    display: none;
    text-align: left;
}

.f1-buttons {
    text-align: right;
}

.f1 .input-error {
    border-color: #f35b3f;
}


#cke_Link_127, #cke_Upload_134, #cke_advanced_159, #cke_114_uiElement, #cke_111_uiElement {
    display: none;
}

.cke_dialog_ui_input_text {
    width: 100% !important;
}

/*.callout-illiwap {*/
/*    background: #a3c614 !important;*/
/*    border-color: #97b90d;*/
/*!important;*/
/*    color: white;*/
/*}*/

/*.callout-illiwap-gray {*/
/*    background: #dedede;*/
/*}*/

.label-signalement {
    font-size: 16px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #a3c615;
    border-color: #a3c615;
}

.recherche {
    margin: 20px;
    max-width: 200px;
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}

/*.pagination*/
/*{*/
/*    margin: 0 !important;*/
/*}*/

/*.navigation*/
/*{*/
/*    height: 50px;*/
/*}*/

.coche-droit {
    color: #a3c615;
}

.swal-button {
    background-color: #a3c615;
}

.error-page-body {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
}

.error-page {
    margin: auto;
    max-width: 50%;
}

.error-page>.headline {
    float: left;
    font-size: 100px;
    font-weight: 300;
    height: 60px;
}

@media (max-width: 991px) {
    .error-page>.headline {
        float:none;
        text-align: center
    }
}

.error-page>.error-content {
    margin-left: 190px;
    display: block
}

@media (max-width: 991px) {
    .error-page>.error-content {
        margin-left:0
    }
}

.error-page>.error-content>h3 {
    font-weight: 300;
    font-size: 25px
}

@media (max-width: 991px) {
    .error-page>.error-content>h3 {
        text-align:center
    }
}

.under {
    text-decoration: underline red;
}

.over {
    text-decoration: wavy overline lime;
}

.line {
    text-decoration: line-through;
}

.plain {
    text-decoration: none;
}

.underover {
    text-decoration: dashed underline overline;
}

.blink {
    text-decoration: blink;
}

.picto-certification {
    width: 20px;
}

.libelle-certification {
    margin-top: 7px;
    color: #a2cb00;
    font-weight: bold;
}

.action-item {
    border: 1px solid #d4d7df;
    margin: 5px;
    border-radius: 10px;
    padding: 5px;
}

.action_field {
    height: 70px;
}

/*.thumbnail {
    border: none;
    background-color: unset !important;
}

.document .thumbnail .caption {
    text-align: center;
}

.document .thumbnail .caption .title {
    height: 40px;
    overflow: hidden;
}

.document .thumbnail {
    height: 200px;
}

.document .thumbnail img {
    max-height: 110px;
}

.btn-delete-file {
    text-align: right;
}*/

.qq-gallery .qq-upload-button {
    background: #a2cb00 !important;
    border: 1px solid #b8e100 !important;
}

.qq-placeholder {
    position: absolute;
    font-size: 200%;
    left: 0;
    width: 100%;
    text-align: center;
    top: 52%;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.calendrier-legende {
    padding: 5px 10px;
    font-weight: bold;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.bg-messages-envoyes {
    background-color: #97b90d;
    color: white;
}

.bg-messages-planifies {
    background-color: #ffc300;
    color: white;
}

.bg-messages-recurrents {
    background-color: #e89306;
    color: white;
}

.bg-feries {
    background-color: #175166;
    color: white;
}

.navigation-barre-reponse {
    display: flex;
    align-items: center;
}

.label-navigation-reponse {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    margin-left: .5rem;
}

.centring-order-question {
    display: flex;
    align-items: center;
}

.asterisk-require {
    color: #E74C3C;
    font-size: 1rem;
    margin-left: .2rem;
}

tr.bg-green {
    background: #a2cb00;
    color: white;
}

.badge-success {
    background-color: #a2cb00;
}

.badge-very-hot {
    background-color: #d70808;
}

.badge-danger {
    background-color: #dd4b39;
}

.badge-warning {
    background-color: #f39c12;
}

.badge-info {
    background-color: #3c8dbc;
}

.badge-compteur {
    margin-top:8px;
    transition-property: margin-top, font-size;
    transition-duration: .4s;
    transition-timing-function : ease-in;
    font-size: x-small;
    padding: 3px;
}

.item-menu-sidebar {
    display:inline-block;
    max-width:72%;
    text-overflow: ellipsis;
    overflow-x: clip;
}

.note-very-cold {
    color: #3c3ebc;
}

.note-very-hot {
    color: #d70808;
}

.note-danger {
    color: #dd4b39;
}

.note-warning {
    color: #f39c12;
}

.note-info {
    color: #3c8dbc;
}

.note-very-cold {
    color: #3c3ebc;
}

.box.box-success {
    border-top-color: #a3c613;
}

.box.box-solid.box-primary > .card-header {
    color: #fff;
    background: #a3c614;
    background-color: #a3c614;
}

.box.box-solid.box-primary {
    border: 1px solid #a3c614;
}

.bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer {
    background-color: #a3c614 !important;
}

.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #f9f9f9 !important;
    color: #333 !important;
}

.modal-primary .modal-header, .modal-primary .modal-footer {
    border-color: #9ec017;
    border-top-color: rgb(159, 193, 19);
    border-right-color: rgb(167, 196, 46);
    border-bottom-color: rgb(194, 222, 75);
    border-left-color: rgb(199, 224, 96);
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #a2cb00;
}

form #navbar-search-input::-webkit-input-placeholder {
    color: white !important;
}

form #navbar-search-input::-moz-placeholder {
    color: white !important;
}

form #navbar-search-input:-ms-input-placeholder {
    color: white !important;
}

form #navbar-search-input::placeholder {
    color: white !important;
}

/* bleu #3AAED1 : planifié */
/* corail #D1400D : majeure */
/* orange #fda30e : récurrence */
/* bleu marine #175166 : férié */
/* gris #C1C0B8 : brouillon
 */

.nav-tabs-search > .tab-content {
    background: #e6e6e6;
}

.blockquote-success {
    border-left: 5px solid #a3c613;
}

.blockquote-warning {
    border-left: 5px solid #f39c12;
}

.widget-prospect {
    border: 1px solid lightgray;
}

.widget-prospect .widget-user-username {
    font-size: 16px;
    font-weight: bold;
}

.widget-prospect .prospect-note {
    font-size: 20px;
}

.widget-prospect .widget-user-image {
    /*position: absolute;*/
    top: 65px;
    right: 20px;
    width: 105px;
    height: 50px;
    left: unset;
}

.widget-prospect .widget-user-image img {
    width: 50px;
    height: 50px;
    text-indent: -9999px;
}

.widget-prospect .box-footer {
    padding-top: 0;
}

.modal-prospect-avatar img {
    width: 50px;
    height: 50px;
}

.station-client .tab-pane {
    background: lightgrey;
}

.small-box-crm:hover .icon {
    font-size: 90px;
}

.user-menu img {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.crm-logo-distributeur img, .crm-logo-commercial img {
    width: 30px;
    height: 30px;
}

 {
    width: 30px;
    height: 30px;
}

.h-menu {
    min-height:3.5rem;
}

.localPicker {
    border-color:#97b90d !important;
}

.border-color-droit {
    border-bottom-color: #dd4b39 !important;
    border-top-color: #dd4b39 !important;
}

.border-bottom-filter-report {
    border-bottom: #999999 solid 1px;
}

.border-side-filter-report {
    /*border-right: #999999 solid 1px;*/
    border-left: #999999 solid 1px;
}

.text-color-filter-report {
    color: #222D32;
}

.bg-color-filter-report {
    background: #ffffff;
}

.width-search-filter-report {
    width: 275px;
}

.font-size-title-report {
    font-size: 16px;
}

.border-top-0 {
    border-top: 0;
}

@media (max-width: 991px) {
    .border-side-filter-report {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;

        /*border-bottom: #999999 solid 1px;*/
        /*border-top: #999999 solid 1px;*/
        border-right: 0;
        border-left: 0;
    }
}

@media (max-width: 364px) {
    .width-search-filter-report {
        width: 175px;
    }
}

@media (max-width: 767px) {
    .padding-top-main-sidebar {
        padding-top: 125px;
    }
}

.bg-green-popover a {
    color: white;
}

input:focus.input-text-illiwap, select:focus.input-text-illiwap, textarea:focus.input-text-illiwap {
    border: 1px solid #a3c613 !important;
    box-shadow: 0 0 2px #a3c613 !important;
    -moz-box-shadow: 0 0 2px #a3c613 !important;
    -webkit-box-shadow: 0 0 2px #a3c613 !important;
    outline-offset: 0 !important;
    outline: none !important;
}

.size-order-box {
    width: 35px;
    height: 35px;
}

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

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ml-50 {
    padding-left: 50px;
}

.t-10 {
    top: 10px;
}

img.preview-image {
    width: 266px;
    height: 200px;
    object-fit: cover;
}

/*input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}*/

.commande-total {
    height: 70px;
}

.commande-total td {
    vertical-align: bottom !important;
}

.searchclear {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

.input-reseaux-sociaux {
    min-width: 200px;
    width: 75%;
}

.twoColumns {
    column-count: 2;
}

.twoColumns .checkbox {
    margin-top: unset;
}

.iconclasses {
    text-align: center;
}

#GererBoiteIdee .iconclasses {
    font-size: 1.1em;
}

.bg-gray-illiwap {
    background-color: #ecf0f5 !important;
}

.select2-selection-illiwap {
    border-radius: 0 !important;
    box-shadow: none !important;
    border-color: #d2d6de !important;
}

.select2-selection-illiwap li {
    background-color: #a3c614 !important;
}

.select2-selection-illiwap button {
    color: #fff !important;
}


.select2-selection-illiwap button:hover {
    background-color: #6d840d !important;
}

.select2-copie-station .select2-results li:hover {
    background-color: #a3c614 !important;
}

.select2-copie-station .select2-results__option--highlighted {
    background-color: #a3c614 !important;
}

.select2-information-station .select2-results__option--group .select2-results li:hover {
    background-color: #a3c614 !important;
}

.select2-information-station .select2-results__option--group .select2-results__option--highlighted {
    background-color: #a3c614 !important;
}

.select2-selection-illiwap button.select2-selection__clear {
    color: darkgrey !important;
}

#application_station ~ .select2-container .select2-selection-illiwap li {
    padding: 1px 10px 1px 20px !important;
    border-color: #aaa;
}

.table-borderless td {
    border: none !important;
}

.table-responsive .search-input {
    z-index: 0;
}

@media (min-width: 768px) {
    .text-sm-small {
        font-size: 13px;
    }

    .text-sm-large {
        font-size: 19px;
    }
}

@media (max-width: 576px) {
    .mt-sm-12 {
        margin-top: 8rem !important;
    }
}

@media (min-width : 577px) and (max-width: 865px) {
    .mt-md-10 {
        margin-top: 6rem !important;
    }
}

.detailInformation a {
    color:#7c9914;
}
.detailInformation a:hover {
    color:#a3c614;
}


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

.bg-primary-emphasis {
    background-color: #91b213 !important;
    color: white;
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #868e96 !important;
    color: white;
}

a.bg-secondary:focus, a.bg-secondary:hover {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #28a745 !important;
    color: white;
}


a.bg-success:focus, a.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important;
    color: white;
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #117a8b !important
}

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

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #d39e00 !important
}

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

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #bd2130 !important
}

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

a.bg-light:focus, a.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important;
    color: white;
}

a.bg-dark:focus, a.bg-dark:hover {
    background-color: #1d2124 !important
}

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

.bg-transparent {
    background-color: transparent !important
}

.loaderOptions {
    font-size: small;
    margin-left: -20px;
    margin-right:7px;
}
.notif-menu {
    border-top-left-radius: .8rem !important;
    border-top-right-radius: .8rem !important;
    border-bottom-left-radius: .8rem;
    border-bottom-right-radius : .8rem;
}
.notif-menu-li-bottom {
    border-bottom-left-radius: .8rem !important;
    border-bottom-right-radius : .8rem !important;
}

.bg-unread {
    background-color: #dae0e5 !important
}

.navigation.report ul {
    margin:0 auto;
}

tH.reportReadAndSeen {
    width:11rem;
}

section.sidebar ul.sidebar-menu > li > small.label {
    position: relative;
    font-size: small;
    z-index: 10;
    margin-top:11px;
}


li.messages-menu h4 {
    max-height: 3.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

#hideSelection {
    display: none;
}

#alerteActions {
    gap: 1rem;
    margin-bottom: 1rem;
}

.container-message {
    display: grid;
    grid-template-columns: 1fr;
    margin-left: initial;
    margin-right: initial;
    transition: margin-left .8s ease-out, margin-right .8s ease-out;
}

.container-message .checkbox-message {
    display: none;
    margin: auto;
}

.highlight-border {
    border-color: #ffc107 !important;
}
.checkboxContratInfos {
    margin-top: 0;
    margin-bottom:0;
    margin-right:1rem;
}

.checkbox+.checkboxContratInfos {
    margin-top: 0;
}

.highlight-border-red {
    border-color: darkred !important;
}

#editCouverture .vich-image img {
    max-width: 100%;
    max-height: 10rem;
}

section.content button[data-copie] {
    min-width: 7rem;
}

hr.illiwapGrey {
    border-color: #888787;
    width: 33%;
    margin: 1rem 1rem
}

i.toogleService {
    cursor: pointer;
}

#editApplication .vich-image {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 3rem;
}

.small-avatar i {
    font-size: 15px;
}

.box-prospect {
    cursor: pointer;
    :hover {
        color: #97b90d;
    }
}

.contacts-collection span {
    display: flex;
    margin-left: 5px!important;
    margin-bottom: 1rem;
}

input[name="search-input"] {
    background: hsla(0, 0%, 100%, .2);
    border-color: transparent;
    color: white;
}

input[name="search-input"]::placeholder {
    color: white;
    opacity: 1; /* sinon certains navigateurs l’affichent en gris clair */
}

.products-list .product-title {
    font-weight: 700;
}

.products-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.products-list>.item {
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    background: #fff;
    padding: 10px 0;
}

.product-list-in-box>.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #f4f4f4;
}

.products-list .product-img {
    float: left;
}

.products-list .product-img img {
    width: 50px;
    height: 50px;
}

.products-list .product-info {
    height: 50px;
}


.products-list .product-description {
    padding-left: 5px;
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-footer-white {
    background-color: white !important;
}