#media_explorer {
    margin   : -15px -15px 0px -15px;
    overflow : hidden;
}
@keyframes leftright {
    0% {
        left : -100%;
    }

    100% {
        left : 100%;
    }
}
@-webkit-keyframes leftright {
    0% {
        left : 0;
    }
    100% {;
        left : 100%;
    }
}
@-moz-keyframes leftright {
    0% {
        left : 0;
    }

    100% {
        left : 100%;
    }
}
.floating_dialog {
    position      : fixed;
    width         : 320px;
    height        : auto;
    bottom        : 20px;
    left          : 50%;
    margin-left   : -160px;
    background    : #fff;
    border        : 1px solid #ccc;
    border-radius : 3px;
    border-left   : 6px solid #ccc;
    padding       : 0 0;
    display       : flex;
    box-shadow    : 0 0px 27px -9px #000;
    cursor        : default;
    z-index       : 9;
}
.floating_dialog.primary {
    border-color : #4d9fe4;
}
.floating_dialog.primary > div {
}
.floating_dialog.primary > div > h3 {
    color : #337ab7;
}
.floating_dialog.primary > i {
    color : #337ab7 !important;
}
.floating_dialog.primary > div > h5 {
    color : #bbb;
}
.floating_dialog > i {
    width           : 66px;
    text-align      : center;
    display         : flex !important;
    justify-content : center;
    align-items     : center;
    color           : #ccc;
    font-size       : 23px;
    padding-right   : 8px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.floating_dialog > small {
    position : absolute;
    right    : 2px;
    top      : 2px;
    color    : #000;
    padding  : 4px 4px;
    cursor   : pointer !important;
    z-index  : 99;
}
.floating_dialog > div > i {
}
.floating_dialog > div > h3 {
    margin         : 0 0;
    padding        : 9px 0 4px 0;
    font-size      : 15px;
    font-weight    : 600;
    text-transform : uppercase;
}
.floating_dialog > div > h5 {
    margin        : 0 0 10px 0;
    padding       : 0px 0px 4px 0;
    border-bottom : 1px solid #efefef;
    font-size     : 10px;
}
.floating_dialog > div > p {
    font-size     : 13px;
    font-weight   : 400;
    color         : #6b6b6b;
    padding-right : 16px;
}
.floating_dialog > div {
    flex     : 1;
    position : relative;
    overflow : hidden;
}
.floating_dialog.loading {
    /* cursor: wait; */
}
.floating_dialog.loading h5 {
    border-color : #dadada !important;
    position     : relative;
}
.floating_dialog.loading h5::after {
    content       : ' ';
    position      : absolute;
    left          : 50%;
    top           : 100%;
    height        : 1px;
    width         : 80%;
    background    : #87bc25;
    /* margin-top: -1px; */
    /* box-shadow: 0 0 5px #abd9ff; */
    border-radius : 3px;
    animation     : leftright infinite 2s 1s;
}
.floating_dialog.loading h5::before {
    content       : ' ';
    position      : absolute;
    left          : 50%;
    top           : 100%;
    height        : 1px;
    width         : 20%;
    background    : #5ab1fd;
    /* margin-top: -1px; */
    /* box-shadow: 0 0 5px #abd9ff; */
    border-radius : 3px;
    animation     : leftright infinite 2s;
    z-index       : 9;
}
.floating_dialog.danger {
    border-color : #b7000e;
}
.floating_dialog.danger > div {
}
.floating_dialog.danger > div > h3 {
    color : #b7000e;
}
.floating_dialog.danger > i {
    color : #da3b47 !important;
}
.floating_dialog.danger > div > h5 {
    color : #d01826;
}
.floating_dialog.warning {
    border-color : #4d9fe4;
}
.floating_dialog.warning > div {
}
.floating_dialog.warning > div > h3 {
    color : #337ab7;
}
.floating_dialog.warning > i {
    color : #337ab7 !important;
}
.floating_dialog.warning > div > h5 {
    color : #bbb;
}
.floating_dialog.success {
    border-color : #4d9fe4;
}
.floating_dialog.success > div {
}
.floating_dialog.success > div > h3 {
    color : #337ab7;
}
.floating_dialog.success > i {
    color : #337ab7 !important;
}
.floating_dialog.success > div > h5 {
    color : #bbb;
}
.mde_header {
    padding        : 12px;
    padding-bottom : 10px;
    position       : relative;
    z-index        : 9;
    box-shadow     : 0px 0px 23px -6px #000;
}
.mde_header > h3 {
    margin         : -12px -12px 0px -12px;
    padding        : 6px 0px;
    background     : #f7f7f7;
    text-transform : uppercase;
    font-size      : 18px;
    padding        : 12px 13px;
}
.mde_header > div {
    display   : flex;
    margin    : 7px 0 0px 0;
    flex-wrap : wrap;
}
.mde_header > input {
}
.mde_header > button {
}
.mde_header > button i {
}
.mde_inner {
    max-height : 400px;
    overflow   : hidden;
    background : #f9f9f9;
}
.mde_images_list {
    display         : flex;
    flex-wrap       : wrap;
    padding         : 4px 3px;
    justify-content : center;
}
.mde_images_list > div {
    width      : 140px;
    /* height: 141px; */
    margin     : 5px 5px;
    cursor     : pointer;
    text-align : center;
    position   : relative;
}
.mde_images_list > div > div {
    width               : 100%;
    height              : 120px;
    background-position : center;
    background-size     : contain;
    background-repeat   : no-repeat;
    border              : 2px solid #fff;
    border-radius       : 2px;
    box-shadow          : 0px 0px 6px -3px #000;
    margin-bottom       : 4px;
    background-color    : #fff !important;
}
.mde_images_list > div > span {
    display   : inline;
    font-size : 12px;
    /* white-space: nowrap; */
    overflow  : hidden;
    width     : 100%;
    padding   : 3px 2px;
    /* background: #ccc; */
    /* border-radius: 4px; */
    /* margin-top: 5px; */
}
.mde_images_list > div:hover {
}
.mde_images_list > div:hover > div {
}
.mde_images_list > div:hover > span {
}
.mde_images_list > div > i {
    opacity         : 0;
    position        : absolute;
    right           : -4px;
    top             : -8px;
    background      : #009fe3;
    color           : #fff;
    width           : 32px;
    height          : 32px;
    display         : flex !important;
    justify-content : center;
    align-items     : center;
    border-radius   : 100%;
}
.mde_images_list > div.active > i {
    opacity : 1;
}
.mde_images_list > div.active {
    /* background: #ccc; */
}
.mde_images_list > div.active > div {
    border-color : #009fe3;
}
.mde_images_list > div.active > span {
    font-weight : 600;
    color       : #ffffff;
    background  : #009fe3;
}
.mde_lmore {
    background      : #32c5d2;
    padding         : 8px 35px;
    color           : #fff;
    text-decoration : none !important;
}
.mde_lmore:hover {
    color      : #fff;
    background : #27b1bd;
}
.mde_lmore.waiting {
    opacity        : .6;
    cursor         : wait;
    background     : #ccc !important;
    pointer-events : none !important;
}
.mde_loadm {
    width         : 100% !important;
    margin-bottom : 22px !important;
    margin-top    : 22px !important;
    cursor        : default !important;
}
.mde_newup {
    flex       : 1;
    text-align : right;
    margin-top : 7px;
}
.mde_newup button {
}
.mde_search {
    display : flex;
    width   : 300px;
    border  : 1px solid #ccc;
}
.mde_search input {
    flex    : 1;
    border  : none;
    padding : 6px 8px;
}
.mde_search button {
    background : #f1f1f1;
    border     : none;
    color      : #868686;
    padding    : 0 11px;
}
.mde_search button:hover {
}
.pv-ddetail > ul {
    list-style : none;
    margin     : 0px 0;
    padding    : 2px 5px;
}
.pv-ddetail > ul > li {
    border-left : 1px solid #36c6d3;
    padding     : 0px 6px;
    margin      : 3px 0;
}
.client_view_new {
    margin : -15px -15px 0 -15px;
}
.cvn_header {
    background : #212121; /* overflow: hidden; */
    height     : 160px;
    position   : relative;
}
.cvn_formap {
    /* filter: blur(1px); */
    /* opacity: .6; */
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 160px;
    overflow : hidden;
}
.cvn_formap > div {
    min-height : 220px;
    opacity    : .8;
}
.cvn_logo {
    position      : absolute;
    z-index       : 9;
    bottom        : -52px;
    left          : 4%;
    height        : 160px;
    width         : 160px;
    background    : #fff;
    border        : 2px solid #fff;
    border-radius : 3px;
    box-shadow    : 0px 1px 12px -4px #000;
}
.cvn_name {
    position   : absolute;
    left       : 186px;
    bottom     : 5px;
    background : #ffffff;
    padding    : 5px 9px;
    /* box-shadow: 0px 0px 16px -4px #000; */
}
.cvn_name h3 {
    margin    : 0;
    padding   : 0 0;
    font-size : 20px;
    /* text-shadow: 0px 0px 6px #000; */
    color     : #4e4e4e;
}
.cvnb_name {
    /* margin-left: 196px; */
    padding-top : 10px;
    position    : relative;
    background  : #fff;
    /* margin-left: -10px; */
    /* padding-bottom: 11px; */
}
.cvnb_name h3 {
    margin         : 0;
    padding        : 0 0;
    font-size      : 20px;
    text-transform : uppercase;
    /* text-shadow: 0px 0px 2px #d8d8d8; */
    font-weight    : 600;
}
.cvnb_name span {
    font-size : 13px;
    color     : #a0a0a0;
}
.cvn_body {
    display    : flex;
    /* flex-wrap: wrap; */
    box-shadow : 0px -6px 6px -6px #000;
    position   : relative;
}
.cvnb_left {
    width        : 32%;
    min-height   : 16px; /* background: red; */
    min-width    : 260px;
    padding-top  : 66px;
    border-right : 1px solid #ccc;
}
.cvnb_right {
    flex        : 1;
    margin-left : 8px;
    position    : relative;
    width       : 68%;
}
.cvn_dets {
    /* border-right: 1px solid #ccc; */
}
.cvn_dets > div {
    display       : flex;
    padding       : 6px 0;
    border-bottom : 1px solid #f5f5f5;
    cursor        : default;
}
.cvn_dets > div:hover {
    background : #f5f5f5;
}
.cvn_dets > div i {
    width      : 32px;
    text-align : center;
    font-size  : 16px;
}
.cvn_dets > div span {
    font-size : 12px;
    flex      : 1;
}
.cnv_stats {
    display   : flex;
    flex-wrap : wrap;
    margin    : 14px 0;
}
.cnv_stats > div {
    margin     : 0 7px;
    flex       : 1;
    text-align : center;
    cursor     : default;
}
.cnv_stats > div b {
    /* display: block; */
    padding       : 2px 8px;
    font-size     : 18px;
    border-bottom : 1px solid;
}
.cnv_stats > div span {
    display : block;
    padding : 1px 3px;
}
.cnv_stats > div.a b {
    color : #03a9ea;
}
.cnv_stats > div.b b {
    color : #00dcab;
}
.cnv_stats > div.c b {
    color : #ec7c04;
}
.cnv_stats > div.d b {
    color : #a5a5a5;
}
.cnv_quote {
    position      : relative;
    margin        : 6px 6px;
    border        : 1px solid #e0e0e0;
    border-radius : 3px;
    box-shadow    : 3px 4px 7px -6px #000;
    margin-right  : 16px;
}
.cnv_quote h5 {
    margin         : 0 0;
    padding        : 6px 10px;
    font-weight    : 600;
    font-size      : 12px;
    text-transform : uppercase;
    margin-top     : -13px;
    background     : #fff;
    float          : left;
    margin-left    : 9px;
    color          : #696969;
}
.cnv_quote p {
    margin  : 0;
    padding : 18px;
}
.cnv_quote.primary h5 {
    color : #2abbe8;
}
.cnv_quote.danger h5 {
    color : #e68383;
}
.cnv_quote.success h5 {
    color : #06c706;
}
.cnv_quote.warning h5 {
    color : #fdd63f;
}
.cnv_articles {
    /* width: auto; */
    /* width: 80%; */
    border-bottom : 1px solid #ccc;
    overflow      : hidden;
}
.cnv_articles h5 {
    margin      : 0;
    padding     : 5px 8px;
    background  : #f1f1f1;
    border-left : 2px solid #828282;
}
.cnv_articles > div {
    display  : flex;
    width    : 100%;
    overflow : hidden;
    padding  : 9px 4px;
    position : relative;
}
.cnv_articles > div a {
    min-width           : 107px;
    flex                : 1;
    text-align          : center;
    background-position : center;
    background-size     : contain;
    background-repeat   : no-repeat;
    text-decoration     : none !important;
}
.cnv_articles > div a b {
    font-weight : normal;
    font-size   : 12px;
    max-height  : 30px;
    overflow    : hidden;
    display     : block;
    margin-top  : 5px;
}
.cnv_articles > div a span {
    height              : 80px;
    width               : 80px;
    display             : block;
    background-repeat   : no-repeat;
    background-size     : cover;
    background-position : center;
    margin              : 0 auto;
    border              : 2px solid #fff;
    border-radius       : 3px;
    box-shadow          : -1px 0px 12px -5px #000;
}
.cnv_articles > div > button {
    position   : absolute;
    top        : 11px;
    height     : 80px;
    width      : 32px;
    background : none;
    color      : #000;
    font-size  : 44px;
    border     : none;
    opacity    : 0;
}
.cnv_articles > div > button:hover {
    opacity : 1;
}
.cnv_articles > div > button.l {
    left : 0;
}
.cnv_articles > div > button.r {
    right : 0;
}
.phoning_new_action_notif {
    text-align : center;
    margin     : 12px 0;
    background : #f7f7f7; /* width: 80%; */
    margin     : 15px auto;
    padding    : 10px 10px;
}
.phoning_new_action {
    display    : none;
    background : #f7f7f7;
    padding    : 21px 0;
    margin     : 15px auto !important;
}
.fclients_select {
    border        : 1px dashed #c5c5c5;
    /* border-radius: 10px; */
    padding       : 12px 10px;
    margin        : 19px 0px;
    margin-bottom : 32px;
}
.fclients_select > h3 {
    margin        : -14px -11px;
    margin-bottom : 14px;
    padding       : 8px 8px;
    font-size     : 16px;
    background    : #eaeaea;
}
#offre_view {
}
.offre_preview {
    background : #fff;
    margin     : 42px 1px; /* margin-top: 42px; *//* margin-bottom: 42px; */
}
.offrep_header {
    position        : relative;
    min-height      : 320px;
    background      : #fff;
    border-radius   : 8px;
    box-shadow      : 0px 18px 16px -8px #d4d4d4;
    width           : 80%;
    margin          : 0 auto;
    top             : -40px;
    display         : flex;
    flex-direction  : column;
    justify-content : flex-end;
}
.offrep_header > div {
    position            : absolute;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 100%;
    background-position : center;
    background-size     : cover;
    text-align          : center;
}
.offrep_header > h3 {
    margin         : 0;
    position       : relative;
    z-index        : 9;
    color          : #fff;
    text-shadow    : 0px 0px 6px #000, 0px 8px 16px #000;
    text-align     : center;
    font-size      : 22px;
    text-transform : uppercase;
    font-weight    : 600;
    margin-bottom  : 2px;
    background     : rgba(0, 0, 0, 0.47);
    margin-bottom  : -2px;
    padding        : 6px 3px;
}
.offrep_header > p {
    position    : relative;
    z-index     : 9;
    color       : #fff;
    text-shadow : 0px 0px 6px #000;
    text-align  : center;
    margin      : 0;
    padding     : 7px 8px;
    padding     : 19px 20px;
    background  : rgba(0, 0, 0, 0.47);
    margin-top  : -36px;
    padding-top : 30px;
}
.offerp_inner {
    width  : 98%;
    margin : 0 auto;
}
.offerp_inner > h3 {
    text-align : center;
    font-size  : 17px;
    background : #009fe3;
    color      : #fff;
    padding    : 7px 8px;
}
.offerp_inner > iframe {
    overflow   : scroll;
    min-height : 400px;
    width      : 100%;
    border     : none;
}
.offre_details {
}
.offre_details > div {
    border-left     : 2px solid #ccc;
    margin          : 5px 1px;
    padding         : 3px 8px;
    display         : flex;
    justify-content : flex-start;
    flex-wrap       : wrap;
}
.offre_details > div span {
    flex : 1;
}
.offre_details > div b {
    flex : 1;
    /* text-align: right; */
}
.offre_details > div ul {
    flex      : 1;
    min-width : 100%;
}
.offre_details > div ul li {
    font-size   : 13px;
    font-weight : 600;
}
#client_offers_list {
    padding    : 22px 42px;
    margin-top : 32px;
    background : #fff;
    /* padding    : 16px; */
    text-align : center;
}
.client_offre_item {
    background    : #fff;
    margin        : 8px 12px;
    min-height    : 320px;
    position      : relative;
    overflow      : hidden;
    margin-bottom : 25px;
    box-shadow    : 0px 0px 8px 0px rgba(105, 105, 105, 0.48);
    border-radius : 4px;
}
.client_offre_item > div.bg {
    position            : absolute;
    left                : 0;
    top                 : 0;
    width               : 100%;
    height              : 100%;
    background-position : center;
    background-size     : cover;
}
.coi_details {
    position   : absolute;
    z-index    : 9;
    bottom     : 16%;
    left       : 4%;
    /* box-shadow: 0px 0px 26px -6px #000; */
    text-align : left;
}
.coi_details > h3 {
    margin         : 0;
    color          : #fff;
    text-shadow    : 0px 0px 6px #000, 0px 0px 16px #000;
    margin-bottom  : 22px;
    max-width      : 80%;
    /* overflow: hidden; */
    white-space    : pre-wrap;
    font-weight    : 600;
    text-transform : uppercase;
    font-size      : 20px;
    background     : rgba(0, 0, 0, 0.18);
    padding        : 8px 10px;
    line-height    : 1.5;
}
.coi_details > a {
    color              : #ffffff;
    font-weight        : 600;
    text-transform     : uppercase;
    /* text-shadow: 0px 0px 6px #000, 0px 0px 16px #000; */
    text-decoration    : none !important;
    position           : relative;
    line-height        : 15px;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
    background         : #009fe3;
    padding            : 6px 8px;
    box-shadow         : 0px 0px 16px -5px rgba(0, 0, 0, 0.4);
}
.coi_details > a:hover {
}
.coi_details > a i {
    opacity            : 0;
    position           : absolute;
    right              : -4px;
    top                : 0;
    line-height        : 28px !important;
    font-size          : 19px;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
    background         : #009fe3;
    padding            : 0px 7px;
}
{
}
.coi_details > a:hover i {
    opacity : 1;
    right   : -13px;
}
{
}
.coi_description {
    position           : absolute;
    z-index            : 9;
    opacity            : 0;
    width              : 40%;
    min-width          : 320px;
    background         : rgba(0, 0, 0, 0.63);
    padding            : 12px 12px;
    right              : -40%;
    top                : 50%;
    height             : 300px;
    margin-top         : -150px;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
    color              : #fff;
}
.client_offre_item:hover .coi_description {
    opacity : 1;
    right   : 0;
}
div#client_offre_front {
    padding-top : 29px;
}
.all {
    position   : relative;
    float      : left;
    background : #fff;
    margin     : 12px -9px;
    width      : 100%;
    margin     : 26px auto;
    padding    : 20px;
}
.client_offres_nodata {
}
.client_offres_nodata > span {
    height          : 64px;
    width           : 64px;
    border-radius   : 100%;
    background      : #009fe3;
    color           : #fff;
    display         : block;
    margin          : 0 auto;
    display         : flex;
    align-items     : center;
    justify-content : center;
    font-size       : 30px;
}
.client_offres_nodata > span i {
}
.client_offres_nodata > p {
    font-size : 16px;
    color     : #5f5f5f;
    padding   : 10px 32px;
}
@media (max-width : 834px) {
    #catalogue_view {

        flex-wrap : wrap;

    }

    .ctg_sidebar {

        width         : 100% !important;

        margin-bottom : 10px;
    }

    .ctgs_marques_filter {
        padding-bottom : 0;
    }

    .ctgs_marques_filter.open {

    }

    .ctgs_marques_filter.open > div {

        height : 300px !important;

    }

    .ctgs_marques_filter > div {
        height : 0 !important;
    }

    .ctg_inner {
        margin-left : 0;
    }
}
#catalogue_view {
    display    : flex;
    margin-top : 14px;
    flex-wrap  : wrap;
}
.ctg_sidebar {
    width         : 100%;
    background    : #fff;
    border-radius : 3px;
    padding       : 10px 14px;
    margin        : 0 0;
    box-shadow    : 0px 0px 9px -4px #000;
    margin        : 0 1px;
    margin-bottom : 17px;
}
.ctgs_header {
}
.ctgs_header > h3 {
    font-size      : 14px;
    font-weight    : 600;
    text-transform : uppercase;
    text-align     : center;
    margin-bottom  : 32px;
    padding-bottom : 10px;
    border-bottom  : 1px solid #06618c;
}
.ctgs_filter {
    padding-bottom : 11px;
    margin-bottom  : 10px;
    /* border-bottom  : 1px solid #ccc; */
    max-width      : 420px;
    margin         : 0 auto;
}
.ctgs_filter > label {
    display        : block;
    cursor         : pointer;
    font-size      : 13px;
    text-transform : uppercase;
}
.ctgs_filter > div {
}
.ctgs_filter_top {
    max-height : 300px;
    overflow   : hidden;
    padding    : 8px 0px;
}
.ctgs_filter_top > a {
}
.ctgs_filter_top > a:hover {
}
.ctgsft_item {
    padding       : 4px 8px;
    border-bottom : 1px solid #f1f1f1;
    display       : flex;
    align-items   : center;
    cursor        : pointer;
    background    : #fff;
}
.ctgsft_item i {
    color : #dbe7ec;
}
.ctgsft_item:hover i {
    color : #aac0ca;
}
.ctgsft_item.selected i {
}
.ctgsft_item:hover {
    background : #f1f1f1;
}
.ctgsft_item span {
    flex    : 1;
    padding : 0 8px;
}
.ctgsft_item b {
    color : #757575;
}
.ctgsft_item.selected {
    background : #ccc;
}
.ctg_inner {
    /* margin-left    : 12px; */
    flex           : 1;
    display        : flex;
    flex-direction : column;
    background     : rgb(255, 255, 255);
    padding        : 10px 12px;
}
.ctg_topbar {
    background    : #fff;
    padding       : 6px 8px;
    display       : flex;
    border-radius : 3px;
    width         : 100%;
    flex-wrap     : wrap;
}
.ctg_topbar > div {
    /* text-align: center; */
    margin        : 0 8px;
    flex          : 1;
    border-right  : 1px solid #efefef;
    padding-right : 6px;
    text-align    : center;
    /* white-space: nowrap; */
    margin-top    : 10px;
}
.ctg_topbar > div:last-child {
    border-right : none;
}
.ctg_topbar > div > span {
    display        : block;
    color          : #b3b3b3;
    padding-bottom : 6px;
}
.ctgtb_info {
    display     : flex;
    align-items : center;
}
.ctgtb_info h5 {
    margin : 0;
}
.ctgtb_count {
    white-space : nowrap;
}
.ctgtb_count > a {
    background      : #fff;
    padding         : 0px 8px;
    line-height     : 31px;
    display         : inline-block;
    border          : 1px solid #06618c;
    color           : #989898;
    text-decoration : none;
}
.ctgtb_count > a.selected {
    background : #06618c !important;
    color      : #fff !important;
}
.ctgtb_count > a:hover {
    background : #ecf2f5;
    color      : #06618c;
}
.ctgtb_order {
}
.ctg_list_produits {
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: wrap; */
    margin-top : 15px;
    position   : relative;
    /* min-height: 320px; */
    flex       : 1;
    /* flex-basis: auto; */
    /* flex-shrink: 1; */
    /* align-items: flex-start; */
    /* background: #fff; */
}
.ctg_product {
    background     : #fff;
    position       : relative;
    height         : auto;
    margin         : 12px 12px;
    /* flex: 1; */
    width          : 220px;
    box-shadow     : 0px 0px 6px -3px #000;
    /* max-width: 300px; */
    padding-bottom : 64px;
}
.ctg_product::after {
    display : none;
}
.ctg_product:hover {
}
.ctg_product > .bg {
    width               : 100%;
    height              : 200px;
    background-position : center;
    background-repeat   : no-repeat;
    background-size     : cover;
    margin-bottom       : 10px;
    background-color    : #f5f5f5;
}
.ctg_product > h3 {
    font-size      : 15px;
    font-weight    : 600;
    text-transform : uppercase;
    margin         : 0;
    padding        : 0px 6px;
    /* white-space: pre-wrap; */
    /* text-overflow: ellipsis; */
}
.ctg_product > h5 {
    font-size : 13px;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    margin    : 0;
    padding   : 0px 6px;
    /* white-space: pre-wrap; */
    color     : #a0a0a0;
}
.ctg_product > span:after {
    content       : '';
    position      : absolute;
    left          : 1px;
    top           : -3px;
    height        : 6px;
    width         : 6px;
    border        : 3px solid transparent;
    border-bottom : 3px solid #87bc25;
    transform     : rotate(132deg);
    /* box-shadow: 0px 0px 3px 0px #000; */
}
.ctg_product > span {
    display     : block;
    /* text-align: right; */
    padding     : 2px 13px;
    font-size   : 22px;
    font-weight : 600;
    color       : #ffffff;
    margin-top  : 5px;
    background  : #87bc25;
    position    : absolute;
    bottom      : 17px;
    left        : -5px;
    box-shadow  : 7px 4px 9px 0px #e8e8e8;
}
.ctg_product > b {
    position      : absolute;
    top           : 6px;
    right         : 6px;
    background    : #fff;
    color         : #06618c;
    border-radius : 3px;
    padding       : 2px 8px;
    box-shadow    : 0px 6px 9px -6px rgba(0, 0, 0, 0.46);
    display       : none;
}
.ctg_product > b i {
    display : none;
}
.ctg_product > ul {
    list-style    : none;
    margin        : 0;
    padding       : 0 6px;
    margin-bottom : 16px;
    margin-top    : 6px;
    display       : none;
}
.ctg_product > ul > li {
    color : #848484;
}
.ctg_product > ul > li > span {
    font-weight : 600;
    color       : #5f5f5f;
}
.ctg_loading_products {
    position   : absolute;
    z-index    : 9;
    background : rgba(0, 0, 0, 0.14);
    width      : 100%;
    height     : 100%;
    display    : none;
}
.ctg_loading_products > span {
    background    : #fff;
    width         : 320px;
    display       : block;
    text-align    : center;
    margin        : 14px auto;
    padding       : 6px 3px;
    border-radius : 3px;
    box-shadow    : 0px 0px 6px -2px #000;
}
.ctglp_produits {
    display         : flex;
    align-items     : flex-start;
    flex-wrap       : wrap;
    justify-content : center;
    align-items     : stretch;
}
.ctglp_pages {
    overflow  : hidden;
    max-width : 100%;
}
.ctglp_pages > ul {
    list-style : none;
    margin     : 0 0;
    padding    : 0 0;
    display    : flex;
    overflow   : hidden;
    max-width  : 100%;
}
.ctglp_pages > ul > li {
}
.ctglp_pages > ul > li a {
}
.ctglp_pages > ul > li a:hover {
}
.ctglp_pages > ul > li a.active {
}
.ctglp_pages > ul > li a.disabled {
}
.ctg_list_info {
    display   : flex;
    flex-wrap : wrap;
}
.ctg_list_info.floated {

    position   : fixed;

    z-index    : 99;

    background : #fff;

    right      : 5px;

    padding    : 0 9px;

    top        : 114px;

    box-shadow : 0px 0px 6px -3px #000;
}
.ctgli_text {
    flex      : 1;
    min-width : 300px;
}
.ctgli_text > span {
    color     : #6b6b6b;
    font-size : 13px;
}
.ctgli_text > span b {
}
.ctgli_text > span u {
    text-decoration : none;
    font-weight     : 600;
}
.ctgli_text > span i {
}
.ctgli_nbr {
    padding      : 0 6px;
    margin       : 0 5px;
    border-right : 1px solid #e4e4e4;
}
.ctgli_nbr li {
}
.ctgli_nbr li.selected {
    opacity        : .2;
    pointer-events : none;
}
.ctgli_nbr .btn-group {
}
.ctgli_nbr .btn-group > a {
    text-decoration : none !important;
    box-shadow      : none !important;
    color           : #484848;
}
.ctgli_nbr .btn-group > a b {
}
.ctgli_order {
    margin : 0 8px;
}
.ctgli_order li {
}
.ctgli_order li.selected {
    opacity        : .2;
    pointer-events : none;
}
.ctgli_order a {
    /* text-decoration: none !important; */
    /* box-shadow: none !important; */
    /* color: #484848; */
}
.ctgli_order .btn-group {
}
.ctgli_order .btn-group > a {
    text-decoration : none !important;
    box-shadow      : none !important;
    color           : #484848;
}
.ctgli_order .btn-group > a b {
}
.ctgli_actions {
    /* padding: 0 10px; */
    margin-left     : 5px;
    padding-left    : 5px;
    border-left     : 1px solid #e4e4e4;
    display         : flex;
    align-items     : flex-start;
    flex-wrap       : wrap;
    flex            : 1;
    justify-content : flex-end;
}
.ctgli_actions > a {
    font-size       : 16px;
    color           : #06618c;
    padding         : 6px 12px;
    margin          : 1px 1px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    text-decoration : none;
}
.ctgli_actions > a:hover {
    background : #ebeff1;
}
.ctg_nodata {
    text-align : center;
    margin-top : 22px;
    display    : none;
}
.ctg_nodata span {
    font-size : 29px;
    color     : #ccc;
}
.ctg_nodata span i {
}
.ctg_nodata p {
    margin  : 0;
    padding : 10px 10px;
    color   : #717171;
}
.ctg_nodata p a {
}
@media (max-width : 834px) {
    #catalogue_view {

        flex-wrap : wrap;

    }

    .ctg_sidebar {

        width         : 100% !important;

        margin-bottom : 10px;
    }

    .ctgs_marques_filter {
        padding-bottom : 0;
    }

    .ctgs_marques_filter.open {

    }

    .ctgs_marques_filter.open > div {

        height : 300px !important;

    }

    .ctgs_marques_filter > div {
        height : 0 !important;
    }

    .ctg_inner {
        margin-left : 0;
    }
}
.ctglp_pagination {
    margin-top : 20px;
}
.ctglp_pagination > ul {
    padding    : 0;
    list-style : none;
    margin     : 0;
    display    : flex;
}
.ctglp_pagination > ul li {
    flex       : 1;
    margin     : 0 2px;
    text-align : center;
    background : #fff;
    border     : 1px solid #ccc;
    padding    : 4px 6px;
    cursor     : pointer;
}
.ctglp_pagination > ul li a {
    text-decoration : none;
    color           : inherit !important;
}
.ctglp_pagination > ul li:hover {
    background : #ccc;
    color      : #1f1f1f;
}
.ctglp_pagination > ul li.active {
    background     : #06618c;
    color          : #fff;
    border-color   : #06618c;
    cursor         : default;
    pointer-events : none;
}
.ctglp_pagination > ul li.disabled {
    opacity        : .4;
    pointer-events : none;
}
@media (max-width : 670px) {
    .ctgli_text {
        min-width      : 100%;
        padding-bottom : 12px;
        text-align     : center;
    }

    .ctg_list_info {
        justify-content : center;
    }

    .ctgli_nbr {
        margin-bottom : 6px;
    }

    .ctg_product {

        flex      : 1;

        min-width : 220px;
    }
}
.ctgs_actions_side {
    display         : flex;
    justify-content : center;
    display         : none;
}
.ctgs_actions_side > a {
    color           : #6f6f6f;
    margin          : 0 8px;
    padding         : 12px 15px;
    /* background: #ccc; */
    text-decoration : none !important;
}
.ctgs_actions_side > a:hover {
    background : #efefef;
}
.ctg_product:hover > a {
    opacity : 1;
}
.ctg_product > a {
    position           : absolute;
    left               : 0;
    top                : 0;
    width              : 100%;
    height             : 200px;
    display            : flex;
    align-items        : center;
    justify-content    : center;
    background         : rgba(0, 0, 0, 0.21);
    color              : #fff;
    padding            : 6px 12px;
    text-decoration    : none;
    opacity            : 0;
    -webkit-transition : all 600ms;
    -moz-transition    : all 600ms;
    -ms-transition     : all 600ms;
    -o-transition      : all 600ms;
    transition         : all 600ms;
}
.ctg_product > a:hover {
}
.gcc_content_item.active {
    display : block;
}
.crm_tabs_nav {
    display       : block;
    background    : #fff;
    text-align    : center;
    /* border: 1px solid #ccc; */
    border-right  : none;
    box-shadow    : 0px 4px 2px 0px #b1b1b1;
    margin-top    : 0;
    margin-bottom : 0px;
    position      : relative;
    z-index       : 2;
    /* border-radius: 5px 5px 0 0; */
    /* overflow: hidden; */
    width         : 100%;
}
.crm_tabs_nav > ul {
    margin          : 0;
    padding         : 0;
    display         : table;
    width           : 100%;
    border-collapse : collapse;
    overflow        : hidden;
}
.crm_tabs_nav > ul > li {
    display        : table-cell;
    width          : calc(22%);
    text-align     : center;
    margin         : 0 0 0 0;
    position       : relative;
    overflow       : hidden;
    height         : 82px;
    flex-wrap      : nowrap;
    vertical-align : middle;
}
.crm_tabs_nav > ul > li:first-child {
    width      : 12%;
    text-align : center;
}
.crm_tabs_nav > ul > li:first-child i {
    position    : relative;
    left        : unset !important;
    color       : #06618c !important;
    top         : 32px !important;
    line-height : 14px !important;
}
.crm_tabs_nav > ul > li > a {
    min-height         : 70px;
    display            : block;
    height             : 100% !important;
    text-decoration    : none;
    color              : #3e3e3e;
    border-right       : 1px solid #ccc;
    border-top         : 2px solid #fff;
    text-transform     : uppercase;
    -webkit-transition : all .5s;
    -moz-transition    : all .5s;
    -ms-transition     : all .5s;
    -o-transition      : all .5s;
    transition         : all .5s;
}
.crm_tabs_nav > ul > li:last-child > a {
    border-right : none;
}
.crm_tabs_nav > ul > li > a span {
    display            : block;
    font-weight        : bold;
    position           : relative;
    z-index            : 99;
    padding            : 10px 3px;
    -webkit-transition : all .5s;
    -moz-transition    : all .5s;
    -ms-transition     : all .5s;
    -o-transition      : all .5s;
    transition         : all .5s;
}
.crm_tabs_nav > ul > li > a b {
    display            : inline-block;
    /* position: absolute; */
    background         : #f1f1f1;
    color              : #a0a0a0;
    padding            : 3px 9px 1px 9px;
    margin             : 0;
    border-radius      : 2px;
    width              : auto;

    -webkit-transition : all .5s;
    -moz-transition    : all .5s;
    -ms-transition     : all .5s;
    -o-transition      : all .5s;
    transition         : all .5s;
}
.crm_tabs_nav > ul > li > a > i {
    position           : absolute;
    left               : -40px;
    top                : 0;
    font-size          : 30px;
    z-index            : 1;
    color              : #f1f1f1;
    -webkit-transition : all .5s;
    -moz-transition    : all .5s;
    -ms-transition     : all .5s;
    -o-transition      : all .5s;
    transition         : all .5s;
    height             : 82px;
    line-height        : 82px !important;
}
.crm_tabs_nav > ul > li > a:hover {
    background : #f1f1f1;
    border-top : 2px solid #3e3e3e;
}
.crm_tabs_nav > ul > li > a:hover span {
    letter-spacing : 1px;
    /* color: #fff; */
}
.crm_tabs_nav > ul > li > a:hover b {
    background : #06618c;
    color      : #fff;
    padding    : 3px 16px 1px 16px;
}
.crm_tabs_nav > ul > li > a:hover i {
    color : #e2e2e2;
    left  : 3px;
}
.crm_tabs_nav > ul > li.active > a {
    background : #fbfbfb;
    border-top : 2px solid #06618c;
}
.crm_tabs_nav ul > li.active > a span {
    /* letter-spacing: 3px; */
    color : #06618c;
}
.crm_tabs_nav > ul > li.active > a b {
    background : #ffffff;
    color      : #4e4e4e;
    /* margin-top: 5px; */
    padding    : 3px 20px 1px 20px;
    box-shadow : 0px 0px 4px 0px #ccc;
}
.crm_tabs_nav > ul > li.active > a i {
    color : #f1f1f1;
    left  : 0px;
}
.table-checkable tr > td:first-child {
    text-align    : center;
    max-width     : unset !important;
    min-width     : unset !important;
    width         : unset !important;
    padding-left  : 0;
    padding-right : 0;
}
.crm_table_link {
    white-space : nowrap;
    max-width   : 220px;
    overflow    : hidden;
    /* text-overflow: ellipsis; */
    display     : block;
}
.clients_cards {
    display       : flex;
    flex-wrap     : wrap;
    margin-bottom : 32px;
}
.client_card {
    background : #fff;
    flex       : 1;
    position   : relative;
    text-align : center;
    /* border-right: 1px solid #ccc; */
    margin     : 5px 5px;
    /* overflow: hidden; */
    cursor     : pointer;
}
.client_card > i {
    position  : absolute;
    color     : rgba(0, 159, 227, 0.31);
    opacity   : .2;
    font-size : 38px;
    z-index   : 0;
    left      : -1px;
    bottom    : 11px;
    display   : none !important;
}
.client_card > b {
    display    : inline-block;
    color      : #009fe3;
    font-size  : 24px;
    position   : relative;
    margin-top : 16px;
    padding    : 0px 8px;
}
.client_card > label {
    display     : block;
    padding     : 8px 5px;
    color       : #949494;
    font-weight : 600;
    white-space : nowrap;
    cursor      : inherit;
}
.client_card small {
    font-size     : 14px;
    color         : #000;
    background    : #009fe3;
    border-radius : 6px 6px 6px 0px;
    color         : #fff;
    padding       : 2px 7px;
    position      : absolute;
    bottom        : 100%;
    box-shadow    : 3px 2px 10px 0px #b7b7b7;
}
.clients_lists {
    display   : flex;
    padding   : 0 5px;
    margin    : 0 -8px;
    flex-wrap : wrap;
}
.list_new_clients > h3 {
    margin         : 0;
    padding        : 0;
    font-size      : 14px;
    text-transform : uppercase;
    font-weight    : 600;
    padding        : 12px 18px;
    color          : #a2a2a2;
}
.list_new_clients {
    background    : #fff;
    box-shadow    : 7px 6px 11px -6px #ccc;
    border-radius : 5px;
    overflow      : hidden;
    flex          : 1;
    margin        : 0 8px;
    min-width     : 320px;
    margin-top    : 22px;
}
.list_new_client {
}
.list_new_client {
    display        : flex;
    align-items    : flex-start;
    margin-bottom  : 10px;
    padding-bottom : 5px;
    border-bottom  : 1px solid #e8e8e8;
}
.list_new_client > span {
    width      : 32px;
    text-align : center;
}
.list_new_client > span b {
}
.list_new_client > span b.c {
}
.list_new_client > span b.c i.fa-check-circle {
    color : #95dc16;
}
.list_new_client > span b.c i.fa-circle-o {
    display : none;
}
.list_new_client > span b.p {
}
.list_new_client > span b.p i.fa-check-circle {
    display : none;
}
.list_new_client > span b.p i.fa-circle-o {
    color : #62d0ff;
}
.list_new_client > span b i {
}
.list_new_client > div {
    display   : flex;
    flex-wrap : wrap;
    width     : calc(100% - 116px);
}
.list_new_client > div > span {
    width         : 100%;
    font-weight   : 600;
    max-width     : 100%;
    overflow      : hidden;
    white-space   : nowrap;
    text-overflow : ellipsis;
}
.list_new_client > div > small {
    padding-right : 10px;
    border-right  : 1px solid #ccc;
    padding-left  : 8px;
    color         : #ababab;
}
.list_new_client > div > small:nth-child(2) {
    padding-left : 0;
}
.list_new_client > div > small:last-child {
    border-right  : none;
    padding-right : 0;
}
.list_new_client > a {
    margin : 0 4px;
}
.list_new_client > a i {
}
.list_new_client > a:hover {
}
.lnc_inner {
    padding : 11px 14px;
}
.clsep {
    text-align    : center;
    background    : rgba(253, 253, 253, 0.82);
    margin        : 0 12px;
    margin-bottom : 12px;
    margin-top    : 16px;
    display       : block;
    padding       : 10px 3px;
    position      : relative;
}
.clsep > h3 {
    margin         : 0;
    padding        : 0 0;
    font-size      : 16px;
    text-transform : uppercase;
    font-weight    : 600;
    color          : #404040;
    display        : block;
}
.clsep > a {
    color          : #009fe3;
    font-weight    : 600;
    text-transform : uppercase;
    position       : absolute;
    right          : 32px;
    top            : 8px;
}
.clsep > a:hover {
}

@media (max-width : 640px) {
    .clsep > a {
        position : relative;
        right    : 0;
        top      : 5px;
    }
}

.dash .ctg_product {
    margin     : 12px;
    box-shadow : 0px 0px 6px -3px rgba(0, 0, 0, 0.45);
    flex       : 1;
    min-width  : 220px;
    max-width  : 400px;
}

.offrep_header > h5 {
    position      : relative;
    text-align    : center;
    margin        : 0;
    padding       : 4px 2px;
    margin-bottom : 13px;
    color         : rgba(255, 255, 255, 0.81);
    text-shadow   : 1px 2px 4px #000;
    font-weight   : 600;
    z-index       : 10;
}

.crm-document td {
    text-align   : left !important;
    padding-left : 15px !important;
}

.ctg_product > a small {
    background     : #313131;
    padding        : 6px 12px;
    font-weight    : 600;
    text-transform : uppercase;
    box-shadow     : 3px 3px 6px -2px #000;
}

.ctg_product > a i {
    display : none !important;
}

.ctg_product > button {
    float         : none;
    margin        : 0 auto;
    display       : block;
    margin-top    : 16px;
    background    : #009fe3;
    border        : none;
    color         : #fff;
    padding       : 5px 12px;
    border-radius : 2px;
    box-shadow    : 2px 2px 5px -1px rgba(5, 134, 189, 0.29);
}

.ctg_product > button:hover {
    background : #0080b7;
}

.ctg_product > button i {
    font-size      : 20px;
    padding-right  : 6px;
    vertical-align : middle !important;
}

.ctg_product > button small {
}
.addtocart_item {
    position : fixed;
}
.addtocart_hover {
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    background : #000;
    opacity    : .3;
    z-index    : 999;
}
.addtocart_popover {
    position      : absolute;
    z-index       : 1000;
    background    : #fff;
    width         : 82%;
    left          : 9%;
    top           : calc(240px - 126px);
    padding       : 8px 0px;
    /* border: 1px solid #ccc; */
    border-radius : 5px;
    box-shadow    : 0px 0px 16px 0px #000;
}
.addtocart_popover > label {
    margin      : 0;
    padding     : 0 7px;
    font-size   : 13px;
    color       : #929292;
    display     : block;
    text-align  : center;
    padding-top : 8px;
}
.addtocart_popover > .in {
    display         : flex;
    position        : relative;
    width           : 80%;
    background      : #ebf9ff;
    border          : 1px solid #009fe3;
    margin          : 7px auto;
    margin-bottom   : 16px;
    justify-content : center;
    align-items     : center;
    border-radius   : 4px;
    overflow        : hidden;
}
.addtocart_popover > .in span {
    width      : 30%;
    text-align : center;
    padding    : 6px 4px;
    cursor     : pointer;
    color      : #006f9e;
}
.addtocart_popover > .in span i {
}
.addtocart_popover > .in input {
    flex         : 1;
    max-width    : 60%;
    text-align   : center;
    background   : none;
    border       : none;
    outline      : none;
    font-size    : 17px;
    font-weight  : 600;
    border-left  : 1px solid #d9ecf5;
    border-right : 1px solid #d9ecf5;
}
.addtocart_popover > .ac {
    text-align    : center;
    margin-bottom : 0px;
}
.addtocart_popover > .ac button {
    display : block;
    margin  : 0 auto;
}
.addtocart_popover > .ac a {
    padding         : 0px 4px;
    margin-top      : 14px;
    display         : inline-block;
    color           : #676767;
    font-size       : 12px;
    /* text-transform: uppercase; */
    border-bottom   : 1px dotted #737373;
    text-decoration : none !important;
}
.addtocart_popover > .ac a:hover {
    background : #f1f1f1;
}

.addtocart_popover > .in span:hover {
    background : #009fe3;
}

.cartdrop *, .cartdrop *:after {
    -webkit-transition : all 400ms;
    -moz-transition    : all 400ms;
    -ms-transition     : all 400ms;
    -o-transition      : all 400ms;
    transition         : all 400ms;
}
.cartdrop {
    width   : 0;
    padding : 0 !important;
    margin  : 0 !important;
}
.cartdrop > a {
    padding-right : 16px !important;
    font-size     : 27px !important;
}
.cartdrop > a i {
}
.cartdrop > a:hover {
}
.cartdrop:hover {
}
.cartdropinner {
    position      : absolute;
    right         : 22px;
    background    : #fff;
    border-radius : 5px;
    cursor        : pointer;
    color         : #656565;
    z-index       : -1;
}
.cartdropinner > a {
    height          : 54px;
    width           : 54px;
    display         : flex;
    font-size       : 28px;
    align-items     : center;
    justify-content : center;
    text-decoration : none;
    color           : inherit !important;
}
.cartdropinner:hover {
    background : #e6f2f7;
}
.cartdropinner > a img {
    height : 26px;
}
.cartdropinner > a span {
    color         : #fff;
    background    : #8eda07;
    color         : #fff;
    font-size     : 15px;
    font-weight   : 600;
    position      : absolute;
    padding       : 1px 6px;
    border-radius : 3px;
    top           : 0;
    right         : 39px;
    box-shadow    : 0px 0px 6px -2px rgba(0, 0, 0, 0.37);
}
.cartdropinner:hover > a img {
}
.cdi_info {
    position      : absolute;
    right         : 49px;
    background    : #c4e6f5;
    white-space   : nowrap;
    padding       : 3px 12px;
    border-radius : 5px;
    opacity       : 0;
    width         : 32px;
    color         : transparent;
    top           : 13px;
    text-align    : center;
}
.cartdropinner:hover .cdi_info {
    opacity : 1;
    color   : #4e4e4e;
    width   : 109px;
    right   : 110%;
}

.cdi_info:after {
    content     : '';
    height      : 8px;
    width       : 8px;
    border      : 4px solid transparent;
    border-left : 4px solid #c4e6f5;
    position    : absolute;
    left        : 100%;
    top         : 50%;
    margin-top  : -4px;
}

.cartdropinner:hover > a span {
    top : -13px;
}

.page-sidebar .page-sidebar-menu > li > .bdg {
    position       : absolute;
    color          : #fff;
    background     : #009fe3;
    left           : 54%;
    top            : 9px;
    z-index        : 999;
    display        : block;
    line-height    : 1 !important;
    padding        : 4px 7px;
    border-radius  : 3px;
    box-shadow     : 0px 0px 6px -2px rgba(0, 0, 0, 0.42);
    font-weight    : 600;
    pointer-events : none;
    display        : none;
}

.page-sidebar .page-sidebar-menu > li {
    position : relative;
}
.panier_list_items {
    display       : flex;
    flex-wrap     : wrap;
    margin-bottom : 32px;
}
.panier_list_item {
    width           : 100%;
    /* min-width: 600px; */
    margin          : 1.5% .5%;
    /* flex: 1; */
    display         : flex;
    flex-wrap       : wrap;
    box-shadow      : 0px 0px 8px -2px rgba(0, 0, 0, 0.4);
    border-radius   : 3px;
    justify-content : center;
    position        : relative;
}
.panier_list_item > .ch {
    position : absolute;
    right    : 6px;
    top      : 6px;
}
.panier_list_item > .ch span {
    width              : 32px;
    height             : 32px;
    background         : #ffe7e7;
    display            : flex;
    align-items        : center;
    justify-content    : center;
    border-radius      : 100%;
    box-shadow         : 0px 5px 11px -6px rgb(239, 168, 168);
    cursor             : pointer;
    color              : #a95c5c;

    -webkit-transition : all 450ms;
    -moz-transition    : all 450ms;
    -ms-transition     : all 450ms;
    -o-transition      : all 450ms;
    transition         : all 450ms;
}
.panier_list_item > .ch span u {
}
.panier_list_item > .ch span u i {
}
.panier_list_item.checked > .ch {
}
.panier_list_item.checked > .ch span {
}
.panier_list_item.checked > .ch span u {
}
.panier_list_item.checked > .ch span u i {
}
.panier_list_item > .i {
    width         : 182px;
    min-height    : 182px;
    position      : relative;
    /* border-right: 2px solid #009fe3; */
    margin-top    : 6px;
    border-bottom : 1px solid #f1f1f1;
}
.panier_list_item > .i > div {
    height              : 100%;
    width               : 100%;
    background-position : center;
    background-size     : cover;
    /* border: 2px solid #f1f1f1; */
    /* border-radius: 4px; */
    /* box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.37); */
}
.panier_list_item > .d {
    flex          : 1;
    padding       : 10px 12px;
    min-width     : 200px;
    border-left   : 2px solid #009fe3;
    margin-top    : 6px;
    border-bottom : 1px solid #f1f1f1;
}
.panier_list_item > .d h3 {
    margin      : 0;
    padding     : 10px 0;
    font-size   : 16px;
    font-weight : 600;
}
.panier_list_item > .d h4 {
    margin    : 0;
    padding   : 0;
    color     : #616161;
    font-size : 15px;
}
.panier_list_item > .d h4 b {
    color : #009fe3;
}
.panier_list_item > .d h5 {
    color          : #888;
    margin         : 0;
    padding-bottom : 22px;
}
.panier_list_item > .d p {
    margin  : 0;
    padding : 4px 0;
    color   : #a7a7a7;
}
.panier_list_item > .q {
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-direction  : column;
    padding         : 0 12px;
    margin-top      : 6px;
    border-bottom   : 1px solid #f1f1f1;
}
.panier_list_item > .q label {
    color : #797979;
}
.panier_list_item > .q div {
    display         : flex;
    position        : relative;
    max-width       : 142px;
    background      : #f1f1f1;
    border          : 1px solid #dadada;
    margin          : 7px auto;
    margin-bottom   : 16px;
    justify-content : center;
    align-items     : center;
    border-radius   : 4px;
    overflow        : hidden;
}
.panier_list_item > .q div span {
    width      : 30%;
    text-align : center;
    padding    : 6px 4px;
    cursor     : pointer;
    color      : #9c9c9c;
}
.panier_list_item > .q div span i {
}
.panier_list_item > .q div input {
    flex         : 1;
    max-width    : 60%;
    text-align   : center;
    background   : none;
    border       : none;
    outline      : none;
    font-size    : 17px;
    font-weight  : 600;
    border-left  : 1px solid #e0e0e0;
    border-right : 1px solid #e0e0e0;
}
.panier_list_item > .t {
    width      : 100%;
    text-align : right;
    border-top : 1px solid #f1f1f1;
    padding    : 10px 14px;
    background : #f1f1f1;
}
.panier_list_item > .t div {
}
.panier_list_item > .t div span {
}
.panier_list_item > .t div span b {
}

.panier_list_item > .q div span:hover {
    background : #dadada;
}
.validate_panier {
    /* position: fixed; */
    /* bottom: 0; */
    background : #fff;
    left       : 0;
    width      : 100%;
    padding    : 12px 12px 20px 12px;
    box-shadow : 0px -5px 14px -5px rgba(0, 0, 0, 0.52);
    /* display: flex; */
    /* justify-content: flex-end; */
}
.validate_panier > div > p {
}
.validate_panier > div {
    max-width      : 452px;
    /* float: right; */
    margin         : 0 auto;
    display        : flex;
    flex-direction : column;
    align-items    : flex-end;
}
.vpanier_totals {
    width : 308px;
    flex  : 1;
}
.vpanier_totals > span.b {
    font-weight : 600;
    color       : #252525;
}
.vpanier_totals > span.b u {
}
.vpanier_totals > span.b b {
    font-size : 18px;
    color     : #000;
}
.vpanier_totals > span {
    display        : flex;
    border-bottom  : 1px dotted #ccc;
    margin-bottom  : 6px;
    padding-bottom : 2px;
    color          : #585858;
}
.vpanier_totals > span b {
    font-size : 16px;
    color     : #909090;
}
.vpanier_totals > span u {
    text-decoration : none;
    flex            : 1;
}
.vpanier_actions {
    border-top  : 1px solid #ccc;
    margin-top  : 10px;
    padding-top : 10px;
    text-align  : center;
    width       : 100%;
}
.vpanier_actions > button {
}

.panier_list_item > .ch span:hover {
    box-shadow : 0px 8px 11px -6px rgb(204, 111, 111);
    background : #ffc5c5;
}

.validate_panier.floated {
    /* position: fixed; */
    /* bottom: 0; */
}
.floating_validate_panier {
    position        : fixed;
    bottom          : 0;
    left            : 0;
    width           : 100%;
    background      : rgba(255, 255, 255, 0.95);
    padding         : 12px 12px 20px 12px;
    box-shadow      : 0px -5px 14px -5px rgba(0, 0, 0, 0.52);
    display         : flex;
    justify-content : flex-end;
}
.floating_validate_panier .i {
    border-right : 1px solid #ccc;
    padding      : 0 17px;
}
.floating_validate_panier .i p {
    margin         : 0;
    padding        : 0 0px;
    padding-bottom : 6px;
    color          : #4c4c4c;
}
.floating_validate_panier .i p b {
}
.floating_validate_panier .i span {
    display    : block;
    text-align : center;
    color      : #7b7b7b;
}
.floating_validate_panier .i span b {
    display   : block;
    font-size : 19px;
    color     : #02a0e3;
}
.floating_validate_panier .a {
    width      : 200px;
    text-align : center;
    margin     : 0 16px;
}
.floating_validate_panier .a button {
    display : block;
}
.floating_validate_panier .a a {
    padding : 6px 10px;
    display : inline-block;
}
.floating_validate_panier .a a:hover {
}
.empty_panier {
    text-align : center;
}
.empty_panier > span {
    font-size : 46px;
    color     : #06a2e4;
}
.empty_panier > span u {
}
.empty_panier > span u i {
}
.empty_panier > p {
}
.empty_panier > p a {
}
.empty_panier > p a:hover {
}

.label:not(.md-skip).label-icon {
    padding : 4px 8px !important;
}

.label-dark {
    background : #3c3c3c;
}

.stockcount.err {
    background : #fd6f6f;
    color      : #fff;
    border     : 1px solid #a90000;
}

.stockcount.warn {
    background : orange;
    color      : #fff;
    border     : 1px solid #b77600;
}
#objects_view {
}
.objt_all {
    display   : flex;
    flex-wrap : wrap; /* max-width: 840px; */
    flex      : 3;
}
.objt_user {
    padding    : 16px;
    margin     : 6px 10px;
    background : #fff;
    text-align : center;
    box-shadow : 0px 0px 6px -3px #000;
    min-width  : 280px;
    position   : relative;
    flex       : 1;
}
.objt_user > div {
    display    : none;
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 9;
    background : #fff;
    padding    : 18px 12px;
}
.objt_user > img {
    height        : 58px;
    border-radius : 100%;
    border        : 2px solid #fff;
    box-shadow    : 0px 0px 8px -3px #000;
}
.objt_user > h3 {
    margin    : 0;
    font-size : 18px;
    padding   : 7px 0 8px 0;
}
.objt_user > h5 {
    margin : 0;
    color  : #a0a0a0;
}
.objt_user > a {
    padding         : 4px 11px;
    display         : inline-block;
    color           : #ffffff;
    background      : #00aae8;
    margin-top      : 22px;
    text-decoration : none;
}
.objt_user > a:hover {
    background : #0086b7;
}
.objt_dates {
    flex           : 2;
    margin         : 6px 10px;
    background     : #fff;
    box-shadow     : 0px 0px 6px -3px #000;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    /* flex-grow: 1; */
}
.objt_dates_nav {
    display         : flex;
    justify-content : center;
    padding         : 8px 16px;
    line-height     : 27px;
    border-bottom   : 1px solid #e0e0e0;
    max-width       : 500px;
}
.objt_dates_nav > a i {
    line-height : inherit !important;
}
.objt_dates_nav > a {
    line-height     : inherit !important;
    padding         : 3px 20px;
    color           : #8e8a8a;
    text-decoration : none;
}
.objt_dates_nav > a:hover {
    background : #ececec;
    color      : #000;
}
.objt_dates_nav > input {
    padding      : 0 0;
    text-align   : center;
    font-size    : 16px;
    font-weight  : 600;
    width        : 120px;
    margin       : 0 17px;
    border       : none;
    border-left  : 1px solid #e2e2e2;
    border-right : 1px solid #e2e2e2;
}
.objt_months {
    display    : flex;
    flex-wrap  : wrap;
    flex       : 1;
    padding    : 13px 8px;
    max-width  : 500px;
    max-height : 142px;
}
.objt_months > span {
    width           : calc(25% - 4px);
    max-height      : 30px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    cursor          : pointer;
    position        : relative;
    margin          : 2px 2px;
}
.objt_months > span small {
    display         : flex;
    width           : 97%;
    height          : 96%;
    text-align      : center;
    align-items     : center;
    justify-content : center;
    border-radius   : 3px;
    min-height      : 32px;
}
.objt_months > span.filled {
}
.objt_months > span.selected {
}
.objt_months > span.selected:after {
    /* opacity: 1; */
    background : #fff;
}
.objt_months > span.selected small {
    background  : #009fe3 !important;
    color       : #fff;
    font-weight : 600;
}
.objt_months > span.filled small {
    background : #eff9fd;
}
.objt_months > span:after {
    content       : '';
    background    : #009fe3;
    height        : 8px;
    width         : 8px;
    border-radius : 100%;
    position      : absolute;
    right         : 11px;
    top           : 7px;
    opacity       : 0;
}
.objt_months > span.filled:after {
    opacity : 1;
}
.objt_months > span:hover {
}
.objt_details {
    width           : 100%;
    margin          : 6px 10px;
    background      : #fff;
    box-shadow      : 0px 0px 6px -3px #000;
    padding         : 12px 16px;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
    /* flex: 1 1; */
}
.objt_details > h3 {
    width          : 100%;
    margin         : 0 0;
    padding        : 0 0;
    font-size      : 16px;
    color          : #868686;
    border-bottom  : 1px solid #ccc;
    padding-bottom : 8px;
    margin-bottom  : 18px;
}
.objt_details > h3 b {
}
.objt_detail {
    flex       : 1;
    text-align : center;
    max-width  : 300px;
    margin     : 8px 8px;
    padding    : 8px 6px;
}
.loading .objt_detail > span {
}
.objt_detail > span {
    display     : block;
    font-size   : 12px;
    color       : #797979;
    text-align  : left;
    width       : 99%;
    margin      : 0 auto;
    padding-top : 7px;
}
.objt_detail > h3 {
    margin      : 0;
    font-size   : 14px;
    font-weight : 600;
    color       : #3e3e3e;
}
.objt_detail > input {
    margin-top    : 12px;
    border        : 1px solid #c7c7c7;
    border-radius : 3px;
    padding       : 7px 8px;
    font-weight   : 600;
    text-align    : center;
    font-size     : 16px;
    width         : 99%;
    min-width     : 170px;
}

.objt_dates_nav > a b {
    line-height : 32px;
}

.objt_months > span:hover small {
    background : #ececec;
}

.objt_users {
    max-height : 220px;
    overflow   : hidden;
    margin     : 6px 10px;
    background : #fff;
    box-shadow : 0px 0px 6px -3px #000;
    /* margin-left: -9px; */
}
.objt_users > h3 {
}
.objt_users > div {
    border-bottom : 1px solid #e2e2e2;
    padding       : 4px 0;
}
.objt_users > div b {
    display       : block;
    font-size     : 13px;
    max-width     : 200px;
    overflow      : hidden;
    text-overflow : ellipsis;
    margin-bottom : -4px;
    color         : #4e4e4e;
}
.objt_users > div small {
    display : block;
    /* margin-bottom: 7px; */
    color   : #adadad;
}
.objt_users > div:hover {
}

.loading .objt_dates {
    cursor : wait;
}

.loading .objt_dates * {
    opacity        : .6;
    pointer-events : none;
}

.loading .objt_user * {
    opacity        : .6;
    pointer-events : none;
}

.loading .objt_details input {
    background : #f7f7f7;
    color      : #f7f7f7;
    cursor     : wait;
}

.objt_details.passed input {
    border-color : #fff;
    cursor       : default;
    outline      : none;
}

.objt_details.passed input {
    border-color : #f1f1f1;
    background   : #f1f1f1;
    cursor       : default;
    outline      : none;
}

.loading .objt_user > h3 {
    color       : #fff;
    position    : relative;
    user-select : none;
}
.loading .objt_user > h3::after {
    content        : 'Chargement ..';
    position       : absolute;
    color          : #ccc;
    font-weight    : normal;
    font-size      : 14px;
    text-transform : uppercase;
    left           : 0;
    top            : 15px;
    width          : 100%;
    text-align     : center;
}

.loading .objt_user > h5 {
    color       : #fff;
    user-select : none;
}
.objt_vfooter {
    display     : none;
    width       : 100%;
    margin-top  : 12px;
    padding-top : 12px;
    border-top  : 1px solid #ccc;
    text-align  : center;
}
.objt_vfooter > p {
    margin         : 0;
    padding        : 0 0;
    padding-bottom : 9px;
    text-align     : center;
    color          : #6d6d6d;
}
.objt_vfooter > button {
}

.ochanged {
    border-bottom : 2px solid #00bfe3 !important;
}
#objectifs_view {
    display : flex;
}
.objt_stats {
    background : #fff;
    margin     : 6px 10px;
    box-shadow : 0px 0px 6px -3px #000;
    padding    : 13px 10px;
    position   : relative;
    flex       : 1;
}
.objt_stats > h3 {
    margin         : 0;
    font-size      : 16px;
    color          : #ccc;
    /* border-bottom: 1px solid #ccc; */
    /* padding-bottom: 6px; */
    /* margin-bottom: 12px; */
    text-align     : center;
    text-transform : uppercase;
}

.obj_stat {
    /* border-bottom: 1px solid #cfecf9; */
    position : relative;
}
.obj_stat > span {
    display        : block;
    text-align     : center;
    color          : #717171;
    /* font-weight: 600; */
    text-transform : uppercase;
    border-top     : 1px solid #f3f3f3;
    padding-bottom : 6px;
    padding-top    : 6px;
    margin-top     : 20px;
}
.obj_stat > b {
    display    : block;
    text-align : center;
    font-size  : 24px;
    color      : #0083bb;
}
.obj_stat > b i {
    font-size   : 12px;
    color       : #9c9c9c;
    font-style  : normal;
    font-weight : normal;
}
.obj_stat > small {
    display        : block;
    text-align     : center;
    margin-top     : -8px;
    text-transform : uppercase;
    font-size      : 10px;
    color          : #8c8c8c;
}
.obj_stat > ul {
    margin     : 0;
    padding    : 0;
    list-style : none;
    /* text-align: center; */
    margin-top : 9px;
    max-width  : 200px;
    margin     : 0 auto;
    display    : none;
}
.obj_stat > ul li {
}
.obj_stat > ul li b {
    display : inline-block;
}
.obj_stat > ul li b sup {
    font-weight    : normal;
    /* font-style: normal; */
    color          : #888686;
    text-transform : uppercase;
    vertical-align : sub;
}
.obj_stat > ul li small {
    display       : inline-block;
    margin-top    : -4px;
    margin-bottom : 9px;
    color         : #464646;
    padding-left  : 3px;
}

.loading .obj_stat b, .loading .obj_stat small, .loading .obj_stat span, .loading .obj_stat sup, .loading .obj_stat i {
    color    : #fff;
    position : relative;
}

.loading .obj_stat b::after, .loading .obj_stat small::after, .loading .obj_stat span::after, .loading .obj_stat sup::after, .loading .obj_stat i::after {
    content    : '';
    width      : 60%;
    height     : 11px;
    background : #ececec;
    position   : absolute;
    left       : 20%;
    bottom     : 0;
}

.loading .obj_stat > ul {
    opacity : 0;
}

.loading.objt_stats {
    cursor : wait;
    /* pointer-events: none; */
}

@media (max-width : 1212px) {
    .objt_stats {
        display : none;
    }
}
@media (min-width : 1212px) {
    .objt_stats {

    }

    .objt_all {
        min-width : 804px;
        /* max-width : 900px; */
    }
}

.objt_detail > span.empty {
    opacity        : 0 !important;
    pointer-events : none;
}
.cc {
    color         : #5f5f5f;
    cursor        : pointer;
    display       : block;
    line-height   : 23px;
    background    : transparent;
    border-radius : 3px;
}
.cc:hover {
    background : #d1eaf5;
}
.ncc {
    position      : absolute;
    right         : 0;
    min-width     : 220px;
    bottom        : 100%;
    background    : #fff;
    border        : 1px solid #36c6d3;
    box-shadow    : 0px 0px 16px -4px #000;
    padding       : 16px 22px;
    border-radius : 3px;
}
.ncc::after {
    content     : '';
    position    : absolute;
    top         : 100%;
    right       : 26px;
    margin-left : -8px;
    height      : 16px;
    width       : 16px;
    border      : 8px solid transparent;
    border-top  : 8px solid #36c6d3;
}
.ncc_shadow {
    position : fixed;
    left     : 0;
    top      : 0;
    height   : 100%;
    width    : 100%;
    z-index  : 9;
}
.aic {
    font-size : 16px;
    color     : #009fe3;
}

.pctable {
    background : #ffffff;
    padding    : 9px 12px;
}

.pctable thead {
    background : #ececec;
}

tr.ph {
    border-left : 4px solid #009fe3;
}
#full_stock {
    /* position   : fixed; */
    z-index    : 999999999;
    left       : 0;
    top        : 0;
    height     : 100%;
    width      : 100%;
    background : #fff;
    max-height : 100%;
    /* overflow: hidden; */
    /* overflow-y: scroll; */
}
.fs_head {
    box-shadow     : 0px 0px 12px 0px rgba(0, 0, 0, 0.23);
    padding-bottom : 12px;
    position       : relative;
    z-index        : 9999;
}
.fs_head > h3 {
    text-align     : center;
    font-size      : 22px;
    font-weight    : 600;
    text-transform : uppercase;
    margin         : 0;
    padding-top    : 22px;
    padding-bottom : 6px;
}
.fs_actions {
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-top      : 1px solid rgba(210, 210, 210, 0.5);
    padding-top     : 12px;
    margin-top      : 12px;
}
.fs_list {
    margin         : 0 16px;
    padding-bottom : 4px;
}
.fs_actions_a {
    display     : flex;
    /* flex: 1; */
    align-items : center;
    /* border-top: 1px solid #ccc; */
    flex-wrap   : wrap;
}
.fs_actions_a > a {
    padding         : 6px 10px;
    background      : rgba(239, 239, 239, 0.35);
    margin          : 0 4px;
    border-radius   : 3px;
    color           : #000;
    text-decoration : none;
    white-space     : nowrap;
    margin-bottom   : 4px;
}
.fs_actions_a > a:hover {
    background : rgb(239, 239, 239);
}
.fs_actions_a > a.active {
    background : #c9e6f7;
    cursor     : default;
}
.fs_reload {
    position       : absolute;
    left           : 0;
    top            : 0;
    width          : 100%;
    height         : 100%;
    display        : flex;
    flex-direction : column;
    /* justify-content : center; */
    align-items    : center;
    background     : #fff;
}


.fs_body {
    position    : relative;
    min-height  : 400px;
    /* overflow: scroll; */
    padding-top : 23px;
}
.fs_loading {
    display  : none;
    position : absolute;
    left     : 0;
    top      : 0;
    width    : 100%;
    height   : 100%;
    cursor   : wait;
    /* background: rebeccapurple; */
}
.fs_loading > p {
    position  : relative;
    z-index   : 1;
    max-width : 460px;
    margin    : 26px auto;
}
.fs_loading > span {
    display         : block;
    width           : 100px;
    height          : 100px;
    margin          : 0 auto;
    /* background: #fff; */
    font-size       : 40px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.fs_loading > span i {
    -webkit-animation : fa-spin 1s infinite linear;
    animation         : fa-spin 1s infinite linear;
}
.fs_loading > div {
    position   : absolute;
    left       : 0;
    top        : 0;
    width      : 100%;
    height     : 100%;
    background : rgba(255, 255, 255, 0.97);
    z-index    : 0;
    /* filter: blur(4px); */
    /* opacity: .6; */
}

.loading .fs_actions_a > a {
    pointer-events : none;
    opacity        : .8;
}

.loading .fs_list, .loading .fs_list * {
    pointer-events : none;
    opacity        : .8;
}

.fs_head.loading {
    cursor : wait;
}

.fs_reload > p {
    max-width : 420px;
    margin    : 26px auto;
}

.fs_table .s {
    font-weight : 600;
    padding     : 3px 6px;
    display     : block;
    text-align  : center;
    max-width   : 80px;
}
.fs_table .max {
    background : #d7ffe5;
}
.fs_table .min {
    background : #fff1f1;
}
.fs_table .normal {
    background : #eaf2fb;
}
.fs_table .error {
    color      : #ffecec;
    background : #ffecec;
}

table.fs_table.table.table-hover.table-striped {
    max-width : 21cm;
    margin    : 0 auto;
}

@media print {
    .fs_actions, .fs_action {
        display : none;
    }


}

.fs_head > h5 {
    text-align    : center;
    font-size     : 14px;
    color         : #8c8c8c;
    font-weight   : normal;
    margin-top    : 0px;
    margin-bottom : 19px;
}
.fs_action {
    position    : fixed;
    z-index     : 99;
    height      : 64px;
    width       : 64px;
    right       : 32px;
    bottom      : 44px;
    background  : #278ad2;
    color       : #fff;
    line-height : 62px;
    text-align  : center;
    /* border-radius: 100%; */
    box-shadow  : 1px 5px 16px 0px rgba(0, 0, 0, 0.19);
    overflow    : hidden;
}
.fs_action > a {
    color       : inherit;
    font-size   : 28px;
    line-height : inherit;
    display     : block;
}
.fs_action > a:hover {
}

.fs_action:hover {
    background : #1873b5;
}
.fs_action_back {
    position      : fixed;
    bottom        : 114px;
    right         : 32px;
    background    : #464646;
    z-index       : 9999;
    padding       : 5px 0px;
    border-radius : 3px;
    width         : 64px;
    text-align    : center;
    color         : #fff;
}
.fs_action_back > a {
    color           : inherit;
    text-decoration : none;
}
.fs_action_back:hover {
    background : #080808;
}
.emails_script {
    padding : 16px 12px;
}

.colc {
    padding : 0 8px;
}

.rowc {
    margin-left  : -6px;
    margin-right : -6px;
}
.esc_list {
}
.esc_list > div:nth-child(odd) {
    background : #fbfbfb;
}
.esc_list > div:nth-child(even) {
    /* background: #ccc; */
}
.esc_list > div {
    display         : flex;
    flex-wrap       : wrap;
    align-items     : center;
    justify-content : center;
    position        : relative;
    z-index         : 1;
}
.esc_list > div:hover {
    box-shadow : 0px 0px 0px 3px rgba(0, 159, 227, 0.03);
    z-index    : 2;
}
.esc_list > div > span {
    padding : 8px 4px;
}
.esc_list > div > span.l {
    flex : 1;
    /* padding: 6px 4px; */
}
.esc_list > div > span.d {
    min-width : 120px;
    position: relative;
}
.esc_list > div > span b {
    font-size : 15px;
}
.emails_list {
}
.bel_item {
    position       : relative;
    margin-bottom  : 8px;
    padding-bottom : 6px;
    border-bottom  : 1px solid #e0e0e0;
}
.bel_item:hover {
    background : rgba(224, 224, 224, 0.28);
}
.bel_item > b {
    display : block;
    padding : 3px 0px;
}
.bel_item > small {
    position : absolute;
    right    : 0;
    top      : 0;
    padding  : 4px 4px;
}
.bel_item > p {
    margin    : 0;
    padding   : 0 !important;
    font-size : 13px;
}
.bel_item > p a {
}
.bel_item > p a:hover {
}

.loading .esc_list > div > span.d * {
    opacity : 0;
}
.loading .esc_list > div > span.d::after {
    content : 'Chargement ..';
    opacity: 1;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 10px;
    color: #737373;
}
.remote_error {
    position: fixed;
    left: 12px;
    top: 12px;
    z-index: 9999999;
}
.remote_error > span {
    height: 32px;
    width: 32px;
    background: orange;
    color: #fff;
    border-radius: 100%;
    display: block;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    border: 2px solid #ffa500;
    box-shadow: 0px 0px 12px 0px #d2d2d2;
}
.remote_error > p {
    display: none;
    position: absolute;
    left: 100%;
    top: -18px;
    background: #fff;
    padding: 10px 10px;
    width: 160px;
    margin-left: 7px;
    border: 1px solid #ffa500;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
}
.remote_error:hover p {
    display: block;
}
.docv2 {
    /* max-width: 21cm; */
    margin: 0 auto;
    min-height: 800px;
    display: flex;
    flex-direction: column;
}
.docv2_header {
}
.dv2_logo {
    padding-bottom: 6px;
}
.dv2_logo > img {
    height: 2.3cm;
}
.dv2_title {
    padding: 0px 0;
}
.dv2_title > b {
    display: block;
    font-size: 25px;
    text-transform: uppercase;
    padding: 0px 6px;
}
.dv2_info {display: flex;flex-wrap: wrap;}
.dv2_adr {
    width: 50%;
    padding: 0px 6px;
    min-height: 140px;
}
.dv2_adr > b {
    display: block;
    background: #ececec;
    padding: 3px 8px;
    font-size: 15px;
}
.dv2_adr > span {
    display: block;
    padding: 4px 6px;
}
.dv2_adr > span:nth-child(2) {
    font-weight: 600;
    margin-bottom: 12px;
}
.dv2_dets {
    width: 100%;
    padding: 8px 6px;
    display: flex;
    flex-wrap: wrap;
}
.dv2_dets > div {
    width: 25%;
    padding: 6px 6px;
}
.dv2_dets > div span {
    display: block;
    background: #ececec;
    font-weight: 600;
    padding: 2px 4px;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.dv2_dets > div b {
    font-weight: normal;
    padding: 4px 6px;
    display: block;
    font-size: 13px;
}
.docv2_tbl {
    width: 100%;
    border-collapse: collapse;
}
.docv2_tbl > thead tr {}
.docv2_tbl > thead tr th {
    background: #ececec;
    padding: 3px 4px;
    border-right: 5px solid #fff;
    text-align: center;
    white-space: nowrap;
}
.docv2_tbl > tbody tr {
    border-bottom: 1px solid #ececec;
}
.docv2_tbl > tbody tr td {
    padding: 3px 4px;
    font-size: 13px;
    /* font-weight: 600; */
}
.docv2_tbl > tbody tr td .ptext {}
.docv2_tbl > tbody tr td .pnum {
    font-weight: 600;
}

.docv2_body {
    padding: 8px 6px;
    flex: 1;
    padding-bottom: 24px;
    /* min-height: 14cm; */
}
.docv2_footer_info {
    text-align: center;
    border-top: 3px solid #000;
    margin-top: 9px;
    padding-top: 4px;
}
.docv2_footer_info > b {
    display: block;
}
.docv2_footer_info > p {
    margin: 0;
    font-size: 12px;
}
.docv2_footer {}
.docv2_footer > table {
    font-weight: 600;
    font-size: 14px;
}

@media print {
    @page {
        margin: 6px 10px;
    }
    .docv2_body {

        /* min-height: 11cm; */
    }
    .docv2_footer {
        /*position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;*/
    }

    .docv2 {
        padding: 18px 14px;
        min-height: 100vh;
        padding-bottom: 22px;
    }
    .ptext a {
        display: none;
    }

}
.dov2_prefoot {
    margin-top: 18px;
}
.dov2_prefoot > p {
    margin: 0;
    padding: 6px 6px;
    font-weight: 600;
    margin-bottom: 12px;
}

.docv2_back ol {
    padding: 0;
    margin: 0;
}

.action_mail {
    /* background: #f1f13b !important; */
    /* border-color: #c1c108 !important; */
}

#tbl_products_wrapper div#tbl_products_processing {
    /* position: absolute; */
    /* left: 0; */
    /* top: 41px; */
    /* width: 100%; */
    /* height: 100%; */
    /* margin: 0; */
    /* margin-top: 0; */
    /* background: #fff; */
    /* z-index: 99; */
}