#smallchatbox{
    position: fixed;
    /*bottom: -20px;*/
    bottom: 0px;
    left : calc(50% - 115px);
    z-index: 1000;
}

.min_width_300
{
    min-width: 300px;
}
.qty_and_mandatory
{
    width: 100px;
}

.quantity_available
{
    width: 190px;
}

.pading5
{
    padding: 5px 5px 5px 5px !important;

}

.margin_5_15
{
    margin: 5px 15px;
}

.margin_bottom5
{
    margin-bottom: 5px;
}

.margin_top_10
{
    margin-top: 10px;
}

.margin_right_10
{
    margin-right: 10px;
}

.margin_left_10
{
    margin-left: 10px;
}


.margin_left_5
{
    margin-left: 5px;
}

.error_background_color
{
    background-color: lavenderblush !important;
}

.old_replaced_background_color
{
    background-color: #9edaac !important;
}

.title_brand_date
{
    font-weight: 600;
    font-size: 22px;
    /*margin: 0px;*/
}

.user_picture{
    width: 96px;
    height: 96px;
}

.img_sm_user{
    width: 54px !important;
    height: 35px !important;
}
.img_po{
    width: 84px;
    height: 64px;
}

.sub_title_timeline
{
    font-weight: 600;
    font-size: 18px;
}

.text-white
{
    color: white !important;
}
.text-white_7
{
    color: #e7eaec;
    font-size: 16px;
}
.eye_pv
{
    padding-left: 10px;
    vertical-align: middle;
}

.text-mediumblue
{
    color: mediumblue;
}

.text-info_cra
{
    font-weight: 600;
    color: #676a6c;
}
.text-info_aa
{
    font-weight: 600;
    color: #676a6c;
}
.text-info_i
{
    color: #17a2b8;
}
.text-aqua
{
     color: aqua;
}
.text-cadetblue
{
     color: cadetblue;
}
.text-lime
{
    color: #00c836 !important;
}
.text-green
{
    color: green;
}
.text-gold
{
    color: gold;
}
.text-aqua
{
    color: aqua;
}
.text-red
{
    color: crimson;
}
.text_bold_red
{
    color: crimson !important;
    font-weight: bold;
}
.text_black
{
    color: black !important;
}
.text-yellow
{
    color: yellow;
}
.text-orange
{
    color: orange;
}

.text-forestgreen
{
    color: forestgreen !important;
}
.text_forestgreen
{
    color: forestgreen;
    font-weight: 700;
}

.text-gris
{
    color: #6c757d !important;
}
.text-darkgray
{
    color: darkgray;
}
.text-darkblue
{
    color: darkblue !important;
}
.text-black
{
    color: black;
    font-weight: 700;
}
.text-blue
{
    color: blue;
    font-weight: 700;
}
.bd_cell
{
    text-align: center;
    width: 80px;
    font-weight: 700;
}
.bd_cell_cra
{
    text-align: center;
    width: 80px;
    font-weight: 700;
    background-color: #f7f7f7 !important;
    color: #495057;
}

.padding-radius-badge
{
    padding: 2px 4px;
    border-radius: 10px;
}


.navbar-brand {
    padding: 8px 10px !important;
}

.margin_top_admin {
    margin-top: 20px;
}
.margin_top {
    margin-top: 25px;
}

.margin_top_2 {
    margin-top: 2px !important;
}
.no_margin_right_left {
    margin-right: 0px; margin-left: 0px;
}

.lang_ul {
    min-width: 6rem !important;
}

.top-navigation .navbar-brand {
    background-color: white!important;
}


.panel-primary {
    border-color: #1ab394;
}

.label-success, .badge-success {
    background-color: #28a745;
    color: #FFFFFF;
}
.label-info2 {
    background-color: #1c84c6;
    color: #FFFFFF;
}
.label-info3 {
    border: 1px solid #343a40;
    background-color: #1c84c6;
    color: #FFFFFF;
}
.label-info4 {
    border: 1px solid #343a40;
    background-color: #6c757d;
    color: #FFFFFF;
}

.panel-primary > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
}

.fweight {
    font-weight: 600;
    /*font-size: 24px;*/
}
.fontsize16 {
    font-size: 16px !important;
}
.font_size_responsive {
    font-size: 13px !important;
}
.fontsize_status {
    font-size: 12px !important;
}
.fontsize13 {
    font-size: 13px !important;
}
.fontsize12 {
    font-size: 12px !important;
}
.padding_right_10 {
    padding-right: 10px !important;
}
.padding_timeline-row3 {
    padding-right: 10px;
}
.padding_timeline-fluid {
    padding-right: 10px !important;
    padding-left: 0px !important;
}
.padding_timeline {
    padding-right: 10px !important;
    padding-left: 0px !important;
}
.padding_timeline_left {
    padding-right: 5px !important;
    padding-left: 15px !important;
}
.padding_timeline_right {
    padding-right: 15px !important;
    padding-left: 0px !important;
}

.padding_left_15 {
    padding-left: 15px;
}

.padding_left_20 {
    padding-left: 20px;
}

.padding_left_0 {
    padding-left: 0px !important;
}

.steep_active_border{
    border-color: #afa6a7;
}
.steep_default{
    cursor: pointer;
}
.steep_disab {
    background-color: #dee2e6 !important;
    color: #676a6c !important;
    cursor: not-allowed;
}

.steep_active {
    background-color: #b7c4d2 !important;
    border-color: #dc3545 !important;
    cursor: pointer;
}


.step-app > .step-content {
    background-color: white;
}

.hiddden {
    display: none!important;
    /* visibility: hidden!important; */
}


.hidden_ni {
    display: none;
}
.hidden {
    display: none!important;
}

.image_w
{
    width: 55px;
}
.back_green
{
    background-color: green;
    color: white;
}
.back_support_contacts
{
    background: #f7fafc;
}
.back_royalblue
{
    background-color: royalblue;
    color: white;
}

.back_orange
{
    background-color: orange;
    color: white;
}
.back_dark
{
    background-color: #617284 !important;
}
.back_ddark
{
    background-color: #343a40 !important;
}
.back_disab
{
    background-color: #c7c7c7 !important
}

.cli_input_text
{
    background-color: black;
    color: lime;
}

.cli_input_text:focus {
    background-color: black !important;
    color: lime!important;

}

.mysql_input_text
{
    background-color: black;
    color: #62b2ff;
}

.mysql_input_text:focus {
    background-color: black !important;
    color: #62b2ff!important;
}

.typeahead{
    background-color: #0f253c;
    color: lime;
    min-width: 250px;
}

.typeahead li{
    padding: 5px;
}

.typeahead li.active{
    background-color: #0b2e13;
}

.vertical_align_middle
{
    vertical-align: middle!important;
}


/*.panel-default > .panel-heading {*/
/*    background-color:white;*/
/*    border-color: white;*/
/*}*/

.wizard > .content > .body {
    padding: 0 !important;
    width: 100% !important;
}


.ibox-tools a.btn-danger, .ibox-tools a.btn-success{
    color: #fff !important;
}


table#timeline_monthly_req {
    border-collapse: collapse;
}

/*#timeline_monthly_req0 td:hover {*/
/*    cursor: pointer;*/
/*}*/
/*#timeline_monthly_req1 td:hover {*/
/*    cursor: pointer;*/
/*}*/
#timeline_monthly_req2 td:hover {
    cursor: not-allowed;
}


table#timeline_sales_stock1 {
    border-collapse: collapse;
}

#timeline_sales_stock0 td:hover {
    cursor: not-allowed;
}
/*#timeline_sales_stock1 td:hover {*/
/*    cursor: pointer;*/
/*}*/

#importSEMTable td {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text_nowrap_hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table#colorsTable {
    border-collapse: collapse;
}
table#ordersentTable {
    border-collapse: collapse;
}


.tohover td:hover {
    cursor: pointer;
}

.label-tab {
    color: #212529;
}
.label-purple {
    color: #fff;
    background-color: #6610f2;
}
.label-orange {
    color: #fff;
    background-color: #f8ac59;
}

.label-gray {
    color: #fff;
    background-color: gray;
}

.label-red {
    color: #fff;
    background-color: #dc3545;
}
label-being_validated {
    color: #17a2b8 !important;
    background-color: #1A3972;
}
.widget_traking_back {
    color: #fff;
    background-color: #495057;
}

.label-gray_dark, .badge_black {
    color: #fff;
    background-color: #212121;
}
.label-gold, .badge_gold {
    color: #212529;
    background-color: #ffc107;
}
.blue_dark {
    color: #fff;
    background-color: #1b3b5f;
}
.blue_dark:hover {
    color: #FFAB05 !important;
}
.blue_light {
    color: #fff;
    background-color: #0093ab;
}
.green_light {
    color: #fff;
    background-color: #28a745;
}
.badge-dark:hover {
    color: #FFAB05 !important;
}

.badge_dark {
    color: #fff;
    background-color: #0055f3;
}
.badge_dark_r {
    color: #fff;
    background-color: #187d84;
}
.badge_darkgoldenrod {
    color: #fff;
    background-color: #d07a1b;
}
.badge_blue {
    color: #fff;
    background-color: #007bff;
}
.badge_blueviolet {
    color: #fff;
    background-color: blueviolet;
}

.badge_green {
    color: #fff;
    background-color: green;
}
.cra_chro_validation {
    text-shadow: 1px 1px 2px #212529;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 6px;
    font-size: medium;
    color: #fff;
    background-color: #e52d27;
}

.btn_dark:hover {
    color: #FFAB05 !important;
    background-color: #1A3972;
    border-color: #152245;
}

.btn_dark {
    color: #fff;
    background-color: #1A3972;
    border-color: #716F71;
}
.btn_gray {
    background-color: #495057;
    color: white;
}

.btn_blue {
    color: #fff;
    background-color: #1c84c6;
    border-color: #1c84c6;
}

.salesandstock_form_cell {
    background-color: #f2f2f2 !important;
    border: 0px solid #e5e6e7;
}
#portfoliotable td {
    height: 30px;
}
#importSEMTable tbody
{
    background-color: #f3f3f4;
}
.background_color_cra_header {
    background-color: #cad0d6 !important;
}
.btn_sm {
    padding: .25rem .1rem !important;
}

.col_align_right
{
    text-align: end !important;
}

.img_brandcenterBA
{
    width: 120px !important;
}

/* brands choice*/
.colonne {
    margin: 15px 25px 0 25px;
    padding: 0;
}

.colonne::after {
    content: '';
    clear: both;
    display: block;
}
.colonne div {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 0 0 35px;
    padding: 0;
}
.colonne div:first-child {
    margin-left: 0;
}
.zoom div img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.zoom div:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/*.morph div img {*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    -webkit-filter: grayscale(0) blur(0px);*/
/*    filter: grayscale(0) blur(0px);*/
/*    -webkit-transition: all 0.5s ease;*/
/*    transition: all 0.5s ease;*/
/*}*/

/*.morph div:hover img {*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    border-radius: 50%;  !* on arrondit l'image *!*/
/*    -webkit-transform: rotate(360deg); !* rotation de l'image *!*/
/*    transform: rotate(360deg);*/
/*}*/
/* end brands choice*/


.item_color_recep {
    color: #dc3545 !important;
    background-color: transparent;
    /*background-color: #17548a;;*/
}
table#portfoliotable.dataTable tbody tr:hover {
    color: white !important;
    background-color: #17396d;;
    cursor: pointer;
}
.iboxcontent {
     padding: 15px 0px !important;
 }
.notifs_content {
    padding: 15px 20px 20px 20px;
}
.modalheader {
    padding: 15px !important;
}
.modalcontent {
    padding: 2px 2px;
}
.modalfooter {
    padding: 0.5rem !important;
}
#l_details_wrapper {
    padding-right: 2px!important;
    padding-left: 2px!important;
}

#float {
    position: fixed;
    top: 5em;
    right: 5em;
    z-index: 100;
}

.container-no-padding
{
    padding-right: 0px;
    padding-left: 0px;
}

.no-padding
{
    padding: 0px;
}
.padding_4
{
    padding: 4px;
}
.padding_top_8
{
    padding-top: 8px;
}
.padding_top_20
{
    padding-top: 20px;
}
.padding_top_40
{
    padding-top: 40px;
}
.padding_4_imp
{
    padding: 4px!important;
}
.font_size_16
{
    font-size: 16px;
}
.font_size_20
{
    font-size: 20px;
}

.menu_panel_heading {
    background-color: transparent !important;
    border-color: transparent !important;
}


.ibox-content_menu {
    background-color: transparent;
    border-width: 0px;
}

.timeline_menu_box
{
    margin-bottom: 0px;
}
.timeline_menu_panel
{
    margin-bottom: 10px;
}
.timeline_menu
{
    box-shadow: 0px 0px 4px 1px #aeadb1;
    background-color: #f3f3f4;
}

.timeline_menu_active
{
    box-shadow: 0px 3px 6px 1px #b1b3ec;
    background-color: #fff;
}


.timeline_menu_active_period
{
    background-color: #43bf5f;
    color: #ffffff;
}

.form-control-error:focus {
    border-color: red;
}

.form_control-error {
    border-color: red;
}

.config_date
{
    background-color: gold;
    padding: 3px;
}

.pp-md {
    padding: 10px;
}

.grid-fr > .panel{
    margin-bottom: 50px !important;
}
.alert_ss
{
    border-radius: 0;
}

.btn-disabled {
    color: #fff !important;
    background-color: #adadad;
    border-color: #a8a9b3;
    pointer-events: none;
}

.isDisabled {
    color: #fff;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.isDisabled_text {
    color: #fff;
    cursor: not-allowed;
    text-decoration: none;
}

.btn-approved {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
}
.btn-excel {
    color: #fff !important;
    background-color: #4CAF50 !important;
    border-color: #4CAF50 !important;
}
.btn-pending {
    color: #fff !important;
    background-color: #f8ae49 !important;
    border-color: #f8ae49 !important;
}

.btn-black {
    color: #fff;
    background-color: #2f4050;
    border-color: #343a40;
}
.btn-black:hover {
    color: red !important;
}
.btn_cra_v_d:hover {
    color: steelblue !important;
}
.btn_detail_v_d:hover {
    color: #28a745 !important;
}

.btn-approved:hover {
    color: #fff!important;
}

.btn_disab_rm {
    color: #e9ecef;
    background-color: #6c757d;
    border-color: #676a6c;
}
.textarea_background
{
    background-color: #e9ecef;
}

.btn_cra {
    color: #fff;
    background-color: #007bff;
    border-color: #6c757d;
}

/*.btn_cra {*/
/*    color: #fff;*/
/*    background-color: #ca7920;*/
/*    border-color: #a25806;*/
/*}*/

.btn_cra:hover {
    color: #fff!important;
    /*background-color: #a25806;*/
    /*border-color: #000000;*/
}


.btn_cra_v {
    color: #fff;
    background-color: #e52d27;
    border-color: #dc3545;
}
.btn_cra_v:hover {
    color: #fff!important;
    background-color: #f8ac59;
    border-color: #f8ac59;
}
.background_color_lightgreen {
    background-color: lightgreen;
}
.background_color_lightred {
    background-color: #dc3545;
    color: white;
}
.background_color_dark_gray {
    background-color: #8b99a5 !important;
}

.background_color_lightyellow {
    background-color: #ffe492 !important;
}

.background_color_dark_yellow {
    background-color: #ffc107;
}

.background_color_dl {
    background-color: #e8e8e8 !important;
}

.menu_width {
    width: 190px;
}

.menu_width_x {
    width: 230px;
}



.diapo_home_main
{
    float: left !important;
    width: 40% !important;
}

.diapo_home_thumb
{
    float: right !important;
    width: 60% !important;
}

.tzgallery .lightbox2 img {
    width: 100%;
    border-radius: 0;
}


.hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
}

.hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
}



.hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

.text_blod {
    font-weight: bold;
}

.dataTables_empty {
    background-color: #607D8B;
    color: white;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(245 245 245 / 98%)

}

.cadre_login
{

    width: 320px;
    padding: 10px;
    margin-top: 50px;
    border: 1px solid #bdc0d4;
    border-radius: 7px;
}

.cadre_login_name
{
    margin-top: 10px !important;
}
.f_cadre_timeline
{
    height: 88px;
}
.font_size_4
{
    font-size: 4px;
}
.font_size_8
{
    font-size: 8px;
}
.padding_r_5
{
    padding-right: 5px;
}
.padding_0_0
{
    padding-right: 0;
    padding-left: 0;
}
.padding_10_10
{
    padding-right: 10px;
    padding-left: 10px;
}
.padding_9_12
{
    padding: 9px 12px;
}


.portfolio_back_trans {
    background-color: transparent !important;
}

.admin_menu_disable
{
    cursor: not-allowed;
}
.block_disable
{
    cursor: not-allowed;
}

.select2__selection {
     box-shadow: 0 0 0 0.2rem #c52536 !important;
}


.hide_distributeurs,.hide_cra {
     display: none;
}
.show_distributeurs {
     display: block;
}

.btn-w-w {
    min-width: 150px;
}

@media screen and (min-width: 100px) and (max-width: 991px) {

    .padding_timeline_left, .padding_timeline,.padding_timeline_right, .padding_timeline-row3 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}

@media screen and (min-width: 100px) and (max-width: 580px) {

    .diapo_home_main
    {
        float: none !important;
        width: 100% !important;
    }

    .diapo_home_thumb
    {
        float: none !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 1225px) and (max-width: 1362px) {
    .fontsize16 {
        font-size: 14px !important;
    }
    .font_size_responsive {
        font-size: 12px !important;
    }
    .f_cadre_timeline
    {
        height: 85px;
    }
}

@media screen and (min-width: 990px) and (max-width: 1224px) {
    .fontsize16 {
        font-size: 10px !important;
    }
    .font_size_responsive {
        font-size: 10px !important;
    }
    .f_cadre_timeline
    {
        height: 80px;
    }
}

@media screen and (min-width: 100px) and (max-width: 990px) {

    .f_cadre_timeline
    {
        height: 50px;
    }
}

.background_color_slideshow{
    background-color: #d2d2d2
}


.margin_left_user {
    margin-left: -170px;
    width: 260px;
}

.w_48
{
    width: 48px;
}
.max_w_48
{
    max-width: 48px;
}
.min_w_50
{
    min-width: 50px;
}
.min_w_60
{
    min-width: 60px;
}
.min_w_70
{
    min-width: 70px;
}
.min_w_80
{
    min-width: 80px;
}
.min_w_106
{
    min-width: 106px;
}
.min_w_110
{
    min-width: 110px;
    width: 110px;
}
.min_w_117
{
    min-width: 117px;
    width: 117px;
}
.min_w_120
{
    min-width: 120px;
    width: 120px;
}
.min_w_130
{
    min-width: 130px;
    max-width: 130px;
    width: 130px;
}
.min_w_134
{
    min-width: 134px;
    width: 134px;
}
.min_w_160
{
    min-width: 160px;
}
.min_w_150
{
    min-width: 150px;
}
.min_w_140
{
    min-width: 140px;
}
.min_w_180
{
    min-width: 180px;
}
.min_w_200
{
    min-width: 200px;
}
.min_w_220
{
    min-width: 220px;
}
.max_w_200
{
    max-width: 200px;
}
.max_w_220
{
    max-width: 220px;
}
.max_w_180
{
    max-width: 180px;
}
.max_w_190
{
    max-width: 190px;
}
.max_w_125
{
    max-width: 125px;
}
.max_w_110
{
    max-width: 110px;
}
.max_w_146
{
    max-width: 146px;
}
.max_w_156
{
    max-width: 156px;
}
.max_w_70
{
    max-width: 70px;
}
.max_w_60
{
    max-width: 60px;
}
.max_w_50
{
    max-width: 50px;
}
.max_w_40
{
    max-width: 40px;
}
.max_w_8
{
    width: 8px;
    max-width: 8px !important;
}
.max_w_10
{
    width: 10px;
    max-width: 10px !important;
}
.max_w_12
{
    width: 12px;
    max-width: 12px !important;
}

.max_w_220
{
    max-width: 220px;
}
.max_w_250
{
    max-width: 250px;
}
.w_220
{
    width: 220px;
}

.w_190
{
    width: 190px;
}
.w_180
{
    width: 180px;
}
.w_86
{
    width: 86px;
}
.w_60
{
    width: 60px;
}

.w_70
{
    width: 70px;
}

.w_100
{
    width: 100px !important;
}
.w_50
{
    width: 50px !important;
}
.w_40
{
    width: 40px !important;
}

.thead_bc
{
    background-color: #f5f5f6;
}

.tooltip {
    z-index: 1000000000;
}

.label_success_gray {
    color: #212529;
    background-color: #dee2e6;
}

.btn_gold {
    color: #000;
    background-color: #ffc107;
}

.btn_grey_white {
    color: #000;
    background-color: #f3f3f4;
}

.btn_flag_not_sent {
    color: #6c757d !important;
    background-color: #ffc107;
}

.btn_success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.ot_d_btn_success {
    color: #fff;
    background-color: #64c97b;
    border-color: #f5f5f5;
}

.btn_download {
    color: #fff;
    background-color: #2f4050;
    border-color: #f8ac59;
}

.btn_download:hover {
    background-color: #28a745;
    color: #fff;
}


.btn_disabled_pointer {
    pointer-events: none;
}
.btn_help_pointer {
    cursor: help !important;
}

.bage_total
{
    background-color: #d1dade;
    color: #495057;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: smaller;
    font-weight: 600;
}
.bage_txt_wh
{
    color: #FFFFFF;
}
.bage_b_light_blue
{
    background-color: #17a2b8;
    color: #FFFFFF;
}
.bage_font_weight_600
{
    font-weight: 600;
}

.light_grey
{
    color: #495057;
}

.middlebox {
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}
.text_carre {
    padding: 9.5px;
    font-size: 15px;
    background-color: #eff2f3;
    border: 1px solid #d1dade;
    border-radius: 2px;
}
.border_tab {
    border: 1px solid #ced4da;
}
.border_tab_th {
    border-bottom: 1px solid #ced4da !important;
}

.border_btn_details_end_c {
    border: 1px solid #6c757d;
}

.border_btn_details_end_c:hover {
    background-color: #a1a1a1 !important;
    border-color: #676a6c;
}
.border_btn_details_end_c:active {
    background-color: #495057 !important;
    border-color: #6c757d !important;
}

.border_btn_details {
    border: 1px solid #8abeff;
}
.border_btn_details_z {
    border: 1px solid #97cba3;
}
.border_btn_details_inf {
    border: 1px solid #99a0a7;
    cursor: copy;
}


.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover
{
    color: #fff;
    text-decoration: none;
    background-color: #1c84c6;
    outline: 0;
}

.table_dataTable > thead th, .table_dataTable > thead td {
    padding: 10px 10px !important;
}

.min_height_66 {
    min-height: 66px;
}

.alert-available-central-stock {
    color: white;
    background-color: #2f4050;
    border-color: #343a40;
}

.w_120_h_80
{
    width: 120px;
    height: 80px;
}

.img-48 {
    width: 48px;
    height: 48px;
}

.htmx-indicator_1{
    display:none;
}

.htmx-request.htmx-indicator_1{
    display:inline;
}

.htmx-indicator_2{
    display:none;
}
.display_none{
    display:none;
}

.htmx-request.htmx-indicator_2{
    display:inline;
}

.popover{
    max-width: 408px;
    font-size: .79rem;
    background-color: #fff;
}
table.padding_4_6 thead th, table.padding_4_6 tbody td{
    padding: 4px 6px !important;
}
table.padding_4_6 thead tr th{
    border-bottom: 1px solid #DDDDDD;
}
.popover-body {
    padding: 0;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-events {
    pointer-events: none;
}
.cursor_events_zom {
    cursor: zoom-in;
}

.background_color_whitegray, tbody.background_color_whitegray tr{
    background-color: #f8f9fa !important;
}
tbody.background_color_whitegray tr:hover
 {
    background-color: #e7e7e7 !important;
}

.customer_select{
    display: inline;
    width: 170px;
    margin-right: 2px;
    margin-left: 8px;
}

.brand_select{
    display: inline;
    width: 140px;
    margin-right: 8px;
}

.ot_brand_select{
    display: inline;
    width: 100px;
    margin-left: 2px;
    margin-right: 5px;
}

.height_33{
    height: 33px;
}

.ot_system_select{
    display: inline;
    width: 100px;
    margin-left: 2px;
    margin-right: 5px;
}

.ot_flux_select{
    display: inline;
    width: 90px;
    margin-left: 2px;
    margin-right: 5px;
}

.ot_cmds_select{
    display: inline;
    width: 100px;
    margin-left: 2px;
    margin-right: 5px;
}

.accent_color {
    accent-color: green;
}

.border_ridge {
    border: ridge;
}

.btn_danger {
    color: #fff !important;
    background-color: #ed5565 !important;
    border-color: #ed5565 !important;
}

#l_details td,th {
    padding: 10px 6px !important;
}
.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
.blink_alert {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    color: crimson;
}



@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.ibox-tools a.btn-outline-dark,a.btn-contacts
{
    color: #607D8B !important;
}

.text-limegreen
{
    color: limegreen;
}
.ibox-tools i.text-limegreen
{
    color: limegreen !important;
}

.text_blueviolet
{
    color: #667eea;
}

.border_color_blueviolet
{
    border-color: #667eea;
}

.border_realod
{
    border-color: #17a2b8;
}
.border_doc
{
    border-color: #6c757d;
}

.border_color_limegreen
{
    border-color: limegreen;
}

.btn-contacts
{
    color: black;
    background-color: #ffffff;
}

.btn-contacts:hover, .btn-pending:hover, .btn_danger:hover {
    color: #4a5568 !important;
    background-color: #edf2f7 !important;
}

.btn-warning
{
    background-color: #FFC107;
}

.sweet-alert p
{
    font-weight: 600 !important;
    color: crimson !important;
}

.a_url {
    color: #007bff;
    text-decoration: underline;
}

.title_x
{
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

.text_pre_wrap
{
    white-space: pre-wrap;      /* Permet le retour à la ligne */
    word-wrap: break-word;      /* Coupe les mots longs */
    word-break: break-word;     /* Force la coupure des mots si nécessaire */
    overflow-wrap: break-word;  /* Version moderne de word-wrap */
}

.white-bg, .breadcrumb {
    background-color: #f9f9f9;
}

.gray-bg {
    background-color: #ffffff;
}