/* Global */



body {
    background: url(../images/stripes_10_clear.png) top left repeat;
}
html, body {
  height: 100%;
}
body, input, select, textarea {
    font-family: 'Source Sans Pro', Arial,Verdana,sans-serif;
}

.align_right, .align_right {
    text-align: right;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

.float_right {
    float: right;
}

.float_left {
    float: left;
}

.float_none {
    float: none;
}

.display_none {
    display: none;
}

input.unactive, textarea.unactive {
    font-style: italic !important;
    color: #939292 !important;
}

#page_wrapper table.tableForm>tbody>tr>td.label {
    vertical-align: middle;
}
#page_wrapper table.tableForm>tbody>tr.flex>td.label {
    width:auto;
}

.block_admin .liste_form.mode_view {
    display: inline-block;
    vertical-align: middle;
}

.block_admin .liste_form.mode_view .liste_documents {
    padding: 0;
}

.scan_lite.scan_form.mode_view, .scan_full.scan_form.mode_view {
    margin-top: 0px;
    margin-left: 10px;
    height: 27px;
    background-position: center;
}

.block_admin .liste_form .liste_documents {
    padding: 7px 0 0 0;
}

table.tableForm>tbody>tr>td .file_form {
    clear: both;
    padding-top: 7px;
}

table.tableForm>tbody>tr>td .file_form a {
    font-weight: bold;
    margin: 0 7px 0 0;
    float: none;
    line-height: 16px;
}

table.tableForm>tbody>tr>td .file_form a.inline.button.delete_file span.icon-btn {
    margin: 0 5px 0 0;
}

#page_wrapper table.tableForm>tbody>tr.lightgrey {
    background: #F0F0F0;
}

#page_wrapper table.tableForm>tbody>tr.lightorange {
    background: #FFEBD4;
}


table.tableForm td span {
    position: static;
}

table.tableForm td span.txt_label {
    margin: 0 0 0 5px;
    color: #404040;
    font-weight: bold;
}

table.tableForm td span.ui-helper-hidden-accessible {
    display: none;
}

.item_bold {
    font-weight: bold;
    color: #FF8A00;
}

#wrap-top-buttons {
    position: relative;
    top: 0px;
    left: 0px;
}

#top-buttons {
    position: absolute;
    right: 6px;
    top: -2px;
    z-index: 10;
}

h2.subtitle_page {
    height: 28px;
    line-height: 24px;
    border-bottom: solid 1px #edecea;
    font-size: 16px;
    color: #4f4f4f;
    padding: 5px 14px;
    font-weight: bold;
}

.block_admin .title_liste {
    padding: 5px 20px 30px 135px;
    font-size: 14px;
    font-weight: bold;
    color: #3B3B3B;
}

.block_admin .liste_documents {
    padding: 15px 20px 10px 135px;
}

.block_admin .liste_documents li {
    padding: 5px 0;
    list-style: disc;
    line-height: 16px;
    margin: 0;
}

.block_admin .liste_form .liste_documents{
    padding: 0 0 2px 0;
}

.block_admin .liste_form .liste_documents li {
    padding: 2px 0;
}

.block_admin .liste_documents li a {
    font-size: 13px;
    font-weight: bold;
    color: #225e78;
}

.block_admin .liste_documents li a:hover {
    color: #3B3B3B;
}

.liste_documents li a.icon-btn-trash {
    margin: 0 5px 0 0;
}

/*	Header	*/

#page_wrapper #page-header {
    background: #1c1c1c;
    /*position:fixed;*/
    width:100%;
}

#page_wrapper #page-header #page-header-wrapper {
    padding:0;
    min-height: 50px;
    border-bottom: 6px solid #ee1b2d;
    display: flex;
    justify-content: space-between;
}

#page_wrapper #page-header #page-header-wrapper #top {
    height: 56px;
    width: auto;
    float: left;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
#page_wrapper #page-header #page-header-wrapper #top a.logo:hover{
    background: #111;
}
#page_wrapper #page-header #page-header-wrapper #top a.logo {
       vertical-align: middle;
    overflow: hidden;
    height: 54px;
    width: 142px;
    margin-top: 0px;
    margin-left: 0px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 31px;
    background: #444;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#page_wrapper #page-header #page-header-wrapper #top .version{
    font-size:30px;
    line-height:31px;
    color:#ddd;
    font-weight:normal;
    text-transform: uppercase;
}

#page_wrapper #page-header #page-header-wrapper #top .sep_title {
    display:inline-block;
    vertical-align: middle;
    background:url('../images/sep_title.png') center left no-repeat;
    height: 24px;
    width: 28px;
    margin: 0 10px;
    position: relative;
    top: 2px;
    left: 0px;
}

#page_wrapper #page-header #page-header-wrapper #top .raison_soc_societe {
    display:inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #e3e1e0;
    position: relative;
    top: 2px;
    left: 0px;
}

/* Menu */


#page_wrapper #page-header #page-header-wrapper ul#menu {
        height: 56px;
    float: left;
    margin-left: 0px;
    display: flex;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li {
    height: 50px;
    margin-right: 20px;
    text-align: center;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li:last-child {
    margin-right: 0;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li a {
       display: block;
    height: 50px;
    font-size: 15px;
    color: white;
    text-decoration: none;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li a .icon {
    height:33px;
    width:40px;
    margin: 0 auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-size: contain;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li a.active,
#page_wrapper #page-header #page-header-wrapper ul#menu li a:hover {
    color: #ee1b2d;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li a.active {
    font-weight: bold;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li a.active .icon ,
#page_wrapper #page-header #page-header-wrapper ul#menu li a:hover .icon {
    background-color: #ee1b2d;
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_commandes a .icon {
    background-image: url(../images/icons/icon_commandes.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_facturation a .icon {
    background-image: url(../images/icons/icon_facturation.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_stock a .icon {
    background-image: url(../images/icons/icon_stock.png);
}
#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_cmr a .icon {
    background-image: url(../images/icons/icon_factures.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_tournee a .icon {
    background-image: url(../images/icons/icon_tournees.png);
}
#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_formulaire a .icon {
    background-image: url(../images/icons/icon_planning.png);
}


#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_articles a .icon {
    background-image: url(../images/icons/icon_articles.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_entites a .icon {
    background-image: url(../images/icons/icon_entites.png);
}


#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_stock a .icon {
    background-image: url(../images/icons/icon_stock.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_import a .icon {
    background-image: url(../images/icons/icon_import.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_config a .icon,
#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_parametrage a .icon {
    background-image: url(../images/icons/icon_administration.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_distributeurs a .icon {
    background-image: url(../images/icons/icon_distributeurs.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_test a .icon {
    background-image: url(../images/icons/icon_distributeurs.png);
}

#page_wrapper #page-header #page-header-wrapper ul#menu li.nav_transporteurs a .icon {
    background-image: url(../images/icons/icon_transporteurs.png);
}
#page_wrapper #page-header #page-header-wrapper ul#menu li a i.fa {
    height: 30px;
    padding-top: 2px;
}

#page_wrapper #page-header #page-header-wrapper li a[data-nb]:not(.active){
    position:relative;
    padding-right: 10px;
}
#page_wrapper #page-header #page-header-wrapper a[data-nb]:not(.active):after{
        content: attr(data-nb);
        font-size: 13px;
        position: absolute;
        width: 18px; 
        height: 18px;
        border-radius: 4px;
        background-color: #ee1b2d;
        color: #e8e7e5;
        line-height: 18px;
        top: 0px;
        right: 0px;
        text-align: center;
}

/* Fin menu */

#page_wrapper #page-header #page-header-wrapper #user_change {
    background-color: black;
    color: white !important;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user {
    float:right;
    padding: 6px 11px 0 0;
    /*width: 300px;*/
    height:50px;
    font-size: 12px;
    text-align: right;
    color: white;
    display:flex;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user p,
#page_wrapper #page-header #page-header-wrapper .welcome_user a {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-size: 12px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user p.text_welcome {
    font-size: 16px;
    font-weight: bold;
    margin-right: 3px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user p.text_user {
    font-size: 14px;
    margin-bottom: 4px;
    margin-right: 3px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome,
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout {
    color: white;
    display: block;
    float: right;
    background:url(../images/icons/btnaccount_left.png) top left no-repeat;
    padding: 0 0 0 20px;
    /* filter: hue-rotate(-119deg); */
    background: #ee1b2d;
    border-radius: 10px;
}
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome{
    padding:0;
    margin-left: 8px;
    width: 97px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout {
    background:url(../images/icons/btndeco_left.png) top left no-repeat;
    margin-left: 8px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome:hover,
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout:hover {
    background-position: 0 -19px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome .link_right,
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout .link_right {
    /* background:url(../images/icons/btnaccount_right.png) top right no-repeat; */
    padding: 0 10px 0 0;
    /* margin-left: -10px; */
}
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome .link_right{
    padding: 0 10px;
}
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout .link_right {
    background:url(../images/icons/btndeco_right.png) top right no-repeat;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome:hover .link_right,
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout:hover .link_right {
    background-position: right -19px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome .link_right .link_center,
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout .link_right .link_center {
    /* background:url(../images/icons/btnaccount_center.png) top left repeat-x; */
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    padding: 0 0 0 5px;
}
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome .link_right .link_center{
    padding: 0 5px 0 5px;    
}
#page_wrapper #page-header #page-header-wrapper  .bloc_groupe{
    display: flex;
    flex-direction: column;
    position: absolute;
    
}
#page_wrapper #page-header #page-header-wrapper  .bloc_groupe:hover .groupe{
    display:flex;
}
#page_wrapper #page-header #page-header-wrapper a.groupe{
    color: #fff;
    background: #333;
    padding: 4px 0px;
    margin: 1px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 150px;
    /*order: 10;*/
    height: 46px;
    font-weight: bold;
    display:none;
}
#page_wrapper #page-header #page-header-wrapper  a.groupe.on{
    display:flex;
    order:1;
}
#page_wrapper #page-header #page-header-wrapper  a.groupe.on,
#page_wrapper #page-header #page-header-wrapper a.groupe:hover{
   /* background:#ee1b2d;*/
}
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout .link_right .link_center {
    padding: 0 0 0 3px;
    background:url(../images/icons/btndeco_center.png) top left repeat-x;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_welcome:hover .link_right .link_center,
#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout:hover .link_right .link_center {
    background-position: 0 -19px;
}

#page_wrapper #page-header #page-header-wrapper .welcome {
    float:right;
    padding: 11px 0 0 0;
    width: 112px;
    border-left: solid 6px #464649;
    height: 67px;
}

#page_wrapper #page-header #page-header-wrapper .welcome a.link_welcome {
    font-weight:normal;
    font-size: 11px;
    color: white;
    display: block;
    line-height: 25px;
    height: 27px;
    text-align: left;
    margin-bottom: 2px;
}

#page_wrapper #page-header #page-header-wrapper .welcome a.link_welcome span.btn_icon {
    width: 27px;
    height: 27px;
    display: block;
    float: left;
    margin: 0 9px;
}

#page_wrapper #page-header #page-header-wrapper .welcome a.link_welcome span.icon_parametrage {
    background: url(../images/icons/parametrage.png) no-repeat;
}

#page_wrapper #page-header #page-header-wrapper .welcome a.link_welcome span.icon_account {
    background: url(../images/icons/account.png) no-repeat;
}

#page_wrapper #page-header #wrap_breadcrumb {
    position: relative;
    top: 0px;
    left: 0px;

    background: #e4e4e4;
    clear: both;
    z-index: 1;
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb {
    background: #e4e4e4;
    border-bottom: solid 1px #A0A0A0;
    height: 29px;
    padding-right: 176px;
    overflow: hidden; 
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li {
    float: left;
    position: relative;
    top: 0px;
    left: 0px; 
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li a {
    min-width: 109px;
    padding: 0 15px 0 34px;
    text-align: center;
    height: 29px;
    color: #fff;
    font-size: 14px;
    line-height: 29px;
    display: block;
    background: #225e78;
    background: linear-gradient(to bottom, rgba(34,94,120,0.6) 0%,rgba(34,94,120,1) 20%,rgba(34,94,120,1) 80%,rgba(34,94,120,0.6) 100%);; 
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li a:hover {
        color: #fff;
    background: #3ac0c9;
    background: linear-gradient(to bottom, rgba(58,192,201,0.6) 0%,rgba(58,192,201,1) 20%,rgba(58,192,201,1) 80%,rgba(58,192,201,0.6) 100%); 
}
#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li a:hover ~ span.arrow {
       
    background: #3ac0c9;
}
#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li:first-child a {
    min-width: 124px;
    padding: 0 10px;
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li .arrow {
    display: block;
    position: absolute;
    top: 2px;
    right: -12px;
    width: 19px;
    height: 19px;
    /* background: url(../images/item_breadcrumb_right.png) top left no-repeat; */
    background: #225e78;
    transform: rotate(45deg);
    border: 3px solid#fff;
    clip-path: polygon(0px 0px,  32px 31px, 30px 0px);
}

/* Gestion des alertes */

#page_wrapper #page-header #wrap_breadcrumb #wrap_alertes {
    position: absolute;
    top: 0px;
    right: 0px;

    width: 135px;
    padding: 0 5px 0 28px;

    height: 29px;
    line-height: 29px;

    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: white;
    border-left: solid 1px #999;

    background: url(../images/icons/icon_alert.png) center left 8px no-repeat #888;
    cursor: pointer;
}

#page_wrapper #page-header #wrap_breadcrumb #wrap_alertes.with_alert {
    background-color: #ff4431;
}

#wrap_form_modif #popup_alertes.form_modif_ajax {
    width: 650px;
    padding: 30px 50px;
}

#popup_alertes .title_alerts {
    font-size: 23px;
    font-weight: bold;
    color: #3b3b3b;

    text-align: center;
    margin-bottom: 30px;
}

#popup_alertes .title_alerts button {
    font-size: 13px;
    color: white;
    background: #BBB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: none;
    margin: 0 0 0 5px;
    padding: 3px 6px 4px 6px;
    vertical-align: middle;

    cursor: pointer;
}

#popup_alertes .title_alerts button.btn_unread.active {
    background-color: #2990f9;
}

#popup_alertes .title_alerts button.btn_histo.active {
    background-color: #ffa200;
}

#popup_alertes .list_alerts {
    margin-bottom: 15px;
}

#popup_alertes .list_alerts li {
    margin-bottom: 5px;
    background: #e9e9e9 center left no-repeat;
    color: #333;

    border: solid 1px #aeaeae;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    list-style: none;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px 4px 0px;
    position:relative;
}
#popup_alertes .list_alerts li .btn_fermer {
    position:absolute;
    right : 5px;
    top : 5px;
    cursor:pointer;
    
}

#popup_alertes .list_alerts li>ab {
    display: flex;
}
#popup_alertes .list_alerts li>ab>.icon{
    margin-right:10px;
}

.liste_popup{
    margin: 0 0 0 20px;
}
.liste_popup>li{
    border: none ! important;
    margin: 0 0 0 18px;
    padding: 0 !important;
    line-height: 10px !important;
    list-style: circle !important;
}

#popup_alertes .list_alerts li .icon {
       width: 52px;
    margin-left: 2px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;

}


#popup_alertes .response-msg.inf {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 30px 60px 10px 60px;
}

#popup_alertes .pager .pager_btn.pager_next,
#popup_alertes .pager .pager_btn.pager_prev {
    border: none;
}

#popup_alertes .wrap_buttons {
    text-align: center;
    padding-top: 20px;
}

/* Fin de gestion des alertes */

/* Tableaux */

.hastable.with_borderb {
    border-bottom: solid 1px #ADADAD;
}

.hastable .wrap_table {
    overflow-x: auto;
    border-top: solid 1px #c5c5c5;
    padding-bottom: 1px;
        flex:1;
        position:relative;
}
.hastable .wrap_table.nooverflow{
    overflow: initial;
}
.block_content>.hastable>.wrap_table{
   /*height: calc( 100vh - 339px ); */
}

#sub-wrapper>.block_admin{
    display:flex;
    flex-direction:column;
    flex:1;
    max-height:100%;
    height:100%;
    position:relative;
}
#sub-wrapper>.block_admin>.block_wrap_content:not(.has_menu){
    display:flex;
    flex-direction:column;
    flex:1;
    max-height:100%;
    height:100%;
}
#sub-wrapper>.block_admin>.block_wrap_content>.block_content {
    display:flex;
    flex-direction:column;
    flex:1;
    max-height:100%;
    height:100%;
    overflow:auto;
    /*max-width:calc( 100% - 155px );*/
}
#sub-wrapper>.block_admin>.block_wrap_content>.block_content .sub_content:not(.not_autosize)  {
    display:flex;
    flex-direction:column;
   
    max-height:100%;
    height:100%;
    min-height:0px;
}
#sub-wrapper>.block_admin>.block_wrap_content>.block_content>.hastable {
    display:flex;
    flex-direction:column;
    flex:1;
    max-height:100%;
    height:100%;
    justify-content: stretch;
    
}
.hastable .wrap_table.no_head {
    
    border-top: none;
    
}

.fancybox-inner .hastable {
    border-bottom: solid 1px #ADADAD;
}

.fancybox-inner .hastable.without_border_bottom {
    border-bottom: none;
}

.hastable thead td, .hastable thead th, .hastable tr td.head {
    background: url(../images/table/bg_thead.png) bottom left;
    background-size: 1px 100%;
    height: 20px;
    line-height: 20px;
    /*padding: 0 7px;*/
    border-bottom: solid 1px #ADADAD;
    border-right: solid 1px #ADADAD;
    text-align: center;
    font-size: 13px;
    color: #444444;
    font-weight: bold;
    vertical-align: top !important;
    padding: 4px 3px 4px 3px !important;
    box-sizing: content-box;
}
.yellow{
    background:#ffffee;
}
.red{
    background:#ffeeee;
}
.green{
    background:#eeffee;
}
.italic{
    font-style: italic;
}
/* Recherche par colonne */

.hastable .searchcol_ajax {
    background: url(../images/table/search_col.png) no-repeat;
    cursor: pointer;
    min-height: 14px;
    padding-left: 20px;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    white-space:nowrap;
    background-position-y: 3px;
   
}
.hastable .wrap_searchcol>*:first-child
{
      overflow :  hidden;
    flex:1;
    text-overflow : ellipsis;
}
.hastable .wrap_searchcol{
    display:flex;
    justify-content:center;
    height: 100%;
    align-items: center;
}
.hastable .wrap_searchcol.searchcol_on {
    min-width: 270px;
}

.hastable .wrap_searchcol.searchcol_on .searchcol_ajax {
    background: none;
    padding-left: 0px;
}

.hastable td .wrap_searchcol.searchcol_on .searchcol_ajax .searchcol_input {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}

.hastable td .wrap_searchcol.searchcol_on .searchcol_ajax .searchcol_input .searchcol_cancel {
    display: block;
    position: absolute;
    top: 0px;
    right: 2px;
    height: 20px;
    width: 20px;
    background: url(../images/icons/icon_cancel_red.png) center no-repeat;
    border: none;
    cursor: pointer;
}

.hastable td .wrap_searchcol.searchcol_on .searchcol_ajax .searchcol_input input.text {
    background: url(../images/table/search_col.png) 5px 5px no-repeat #FFF;
    padding: 0px 22px;
    text-indent: 0px;
    margin: 0;
    width: auto;
}

.hastable td .wrap_searchcol.searchcol_on .searchcol_ajax .searchcol_input .searchcol_exact {
    padding: 1px 0;
    margin-right: 2px;
}
.hastable .table_filters.hide_filters{
    display:none;
}
.hastable .table_filters .row_searchcol,
#search .filter_search .row_searchcol {
    border: solid 1px #FF8A00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    min-height: 16px;
    line-height: 16px;
    background: url(../images/icons/icon_cancel_red.png) 5px center no-repeat #FFDFBA;
    cursor: pointer;

    padding: 3px 10px 3px 27px;
    margin: 0 10px 5px 0;
    display: inline-block;
}

.hastable .table_filters .row_searchcol span.type {
    margin: 0 5px;
    font-weight: bold;
}

.hastable .table_filters .filter_left select.select.type_searchcol, 
#search .filter_search select.select.type_searchcol {
    width: auto;
    min-width: auto;
    height: auto;
    padding: 0;

    vertical-align: top;
    margin: 2px 10px 0 0;
    border: 1px solid #bebebe;
    font-weight: bold;
    background: #FFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.hastable .table_filters .filter_left span.type_searchcol_txt ,
#search .filter_search  span.type_searchcol_txt {
    vertical-align: top;
    margin: 2px 10px 0 0;
    font-weight: bold;
}

/* Fin recherche par colonne */

.hastable .order_ajax {
    background: url(../images/table/sort_bottom.png) top left no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    cursor: pointer;
    margin-left: 8px;
    position: relative;
    top: 1px;
    left: 0px;
}

.hastable .order_ajax.inline {
    top: -2px;
    margin-left: 0px;
}

.hastable .order_ajax.DESC {
    background: url(../images/table/sort_top.png) top left no-repeat;
}

.hastable .order_ajax.active.DESC {
    background: url(../images/table/sort_active_top.png) top left no-repeat;
}

.hastable .order_ajax.active.ASC {
    background: url(../images/table/sort_active_bottom.png) top left no-repeat;
}

.hastable thead td.actions{
    width: 1px;
}

.hastable thead td.last_item {
    border-right: none;
}

.hastable thead td a{
    color: #3b3b3b;
}

.hastable thead tr td .checkbox_cell.checkbox_all {
    margin-top: 0px !important;
	background-color: white;
	margin-right: 3px;
	height: 20px;
	background-position: 5px -3px;
}
.hastable tr.italic td{
    font-style:italic;
}
.hastable tr td .checkbox_cell {
   border: 1px solid #D1CFCD;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    display: block;
    height: 24px;
    width: 24px;
	margin-left: 3px;
	margin-top: 2px;
	cursor: pointer;
}

.hastable tr:hover td .checkbox_cell.checkbox_fancy,
.hastable tr td .checkbox_cell.checkbox_on  {
    border: 1px solid #a7a6a5;
    background: url(../images/table/checkbox_cell.png) 3px -1px no-repeat;
}

.hastable tr td .checkbox_cell.blue {
    border: 1px solid #72e6ff;
    background-color: #daf8ff;
}

.hastable tr:hover td .checkbox_cell.checkbox_fancy.blue,
.hastable tr td .checkbox_cell.checkbox_on.blue  {
    border: 1px solid #31aeee;
}
.hastable tr.affected td .wrap_td{
    background:#ddddff;
}
.hastable tr.affected.error td .wrap_td{
    background:#ffdddd;
}
.hastable tr td .wrap_td {
    /*word-break: break-all;*/
	margin-top: 2px;
	border-top: solid 1px #d1cfcd;
	border-bottom: solid 1px #d1cfcd;
	border-right: solid 1px #d1cfcd;
	
	height: 24px;
	color: black;
	font-size: 11px;
	text-align: center;
	line-height: 25px;
	overflow: hidden;
	/*padding: 0 5px;*/
    padding: 0px;
    /*position:relative;*/
}
#table_TableHistoCommande.hastable tr td.first_item  .wrap_td{
    text-align:left;
}
#table_TableHistoCommande.hastable tr td .wrap_td ,
.hastable tr.multiline td .wrap_td{
    height:100%;
    line-height:15px;
    min-height:20px;
    
}
.hastable tr.multiline td{
    white-space: nowrap;
    border:solid 1px #d1cfcd;
    
}
.hastable tr.multiline td .wrap_td{ 
    border:none !important;
}
.hastable tr td.align_left .wrap_td {
    text-align:left;
    padding-left:5px;
    
}

.hastable tr td.with_rowspan:before {
    content : attr(rowspan)+'px';
}
.hastable tr td.with_rowspan {
   height:calc( attr('rowspan') * 27px); 
}
.hastable tr td.with_rowspan .wrap_td {
    display:flex;
    height:100%;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}
.hastable tr td.with_rowspan .wrap_td textarea{
    place-self: end;
    width:100%;
}

.fa-1-5x{
   font-size:1.5em; 
}
.hastable tr.with_input td.wrap_td {
    padding-top: 2px;
    padding-bottom: 2px;
}


.hastable thead tr td div.entete_flottant{
   position:absolute;
   z-index:99;
   background:url(../images/table/bg_thead.png) bottom left repeat;
   border-right:1px solid rgb(228, 228, 228);
}
.hastable thead tr td div.entete_flottant .checkbox_cell{
    margin-top: 2px !important;
}
.hastable table.first_col_locked td.flottant{
    background:#ffffff;
    vertical-align:top;
}
.hastable table.first_col_locked td.flottant:after{
    content:'';
    width:100%;
    height:100%;
    display:block;
}
.hastable table.first_col_locked td.flottant>div{
    position:absolute;
    z-index:998;
    background-color:#ffffff;
    margin-top:2px;   
}
.hastable table.first_col_locked td.flottant>div:not(.conteneur_checkbox_cell){
  margin-left:-1px;  
}
.hastable table.first_col_locked td.flottant>div>div.checkbox_cell{
    margin-top:0px;
}
.hastable table.first_col_locked tr:hover td.flottant>div{
    background-color:#ffffff; 
}


.hastable tr td.wrap_td.no_padding {
    padding: 0;
}
.hastable tr td.loading{
    position:relative;
}
tr.missions:hover td,tr.details:hover td{
    background:#fefefe !important;
}
.hastable tr.missions td.wrap_td ,
.hastable tr.details td.wrap_td {
    padding: 0px 10px;
}
.hastable tr.loading{
    position:relative;
}
.hastable tr.loading:after{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(100,100,100,0.5) url(../images/ajax-loader_small.gif) center center no-repeat;
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
}
.hastable tr td.loading:before{
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/ajax-loader_small.gif) center center no-repeat;
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;

}
.loading_site{
    width:100%;
}
.loading_site:before{
    content: '';
    width: 100%;
    height: 100px;
    background: url(../images/ajax-loader.gif) center center no-repeat;
    display: block;
    

}
.hastable tr td.has_edit.wrap_td {
    padding-right: 20px;
    background: url("../images/icons/arrowedit.png") no-repeat center right 5px;
    cursor: pointer;
}

.hastable tr td.has_edit.hide_edit.wrap_td {
    padding-right: 10px;
    background: none;
    cursor: default;
}

.hastable tr td.align_right.wrap_td {
    text-align: right;
}

.hastable tr td.align_left.wrap_td {
    text-align: left;
}
.hastable tr.first>td{
    padding-top:10px;
}
.hastable tr.border_green td.wrap_td,
.hastable tr.border_green td.first_item.wrap_td,
.hastable tr.border_green:hover td.wrap_td,
.hastable tr.border_green:hover td.first_item.wrap_td {
    border-color: green;
}

.hastable tr.border_orange td.wrap_td,
.hastable tr.border_orange td.first_item.wrap_td,
.hastable tr.border_orange:hover td.wrap_td,
.hastable tr.border_orange:hover td.first_item.wrap_td {
    border-color: orange;
}
.hastable tr.border_red td.wrap_td,
.hastable tr.border_red td.first_item.wrap_td,
.hastable tr.border_red:hover td.wrap_td,
.hastable tr.border_red:hover td.first_item.wrap_td {
    border-color: red;
}
.hastable tr.missions td.wrap_td.first_item  {
    font-weight:bold;
}
.hastable tr.details td.wrap_td.first_item  {
    text-align: right;
}
.hastable tr td.bold.wrap_td {
    font-weight: bold;
    color: #3B3B3B;
}
.hastable tr td.first_item .wrap_td{
	border-left: solid 1px #d1cfcd;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	margin-left: 3px;
}
.hastable tr:hover td .wrap_td{
	border-color: #555555;
	
}
.hastable tr td.wrap_td .checkbox {
    padding: 0;
    margin: 9px 0 0 0;
    display: inline-block;
}

.hastable td input.text {
    padding: 4px 0;
    width: 90%;
}

.hastable td input.input_date {
    width: 105px;
}

.hastable td input.input_date.datetimepicker {
    width: 140px;
}

.hastable td input.text.input_auto {
    width: auto;
}

.hastable td .wrap_fancy input.text {
    width: 100%;
}

.wrap_fancy_inline {
    left: 0;
    position: relative;
    top: 0;
}

input.error,
input.text.error {
    background-color: #F9E5E6;
    border-color: #B50007;
}

input.warning,
input.text.warning , select.select.warning{
    background: none repeat scroll 0 0 #f9e77c;
    border-color: #b58e00;
}

/* Actions */

.hastable tr td.actions .wrap_td,
.hastable tr:hover td.actions .wrap_td,
.hastable tr.row_wbr td.actions .wrap_td,
.hastable tr.row_wbr:hover td.actions .wrap_td {
	border: none;
	height: 26px;
	background-color: transparent;
}

.hastable tr td.actions {
    text-align: center;
}
.hastable tr td.actions.first_action .wrap_td {
	margin-right: 0;
	margin-left: 0px;
}
.hastable tr td.actions.first_action li a {
	margin-right: 0;
	margin-left: 2px;
}
.hastable tr td.actions.first_action li:first-child a {
	margin-left: 0;
}
.hastable tr td.actions .select_fancy {
    display: none;
}

.hastable tr td.actions.wrap_td {
    padding: 0;
}

.hastable tr td.actions .actions_2 {
    width: 62px;
}

.hastable tr td.actions .actions_3 {
    width: 92px;
}

.hastable tr td.actions .actions_4 {
    width: 120px;
}

.hastable tr td.actions .actions_5 {
    width: 152px;
}

.hastable tr td.actions.first_action li a.fas{
    color:#4F4F4E;
    text-decoration:none;
}
.hastable tr td.actions li {
    display: block;
    float: left;
    clear: none;
}

.hastable tr td.actions li:first-child {
    margin-left: 2px;
}

.hastable tr td.actions li:last-child {
    margin-right: 2px;
}

.hastable tr td.actions li a {
    display: block;
    height: 24px;
    line-height: 24px;
    width: 26px;
    border: solid 1px #D1CFCD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 2px;
    background-position: -2px -2px;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-color: #f6f4f2;
}

.hastable tr td.actions li a:hover {
    border: solid 1px #A7A6A5;
}

.hastable tr td.actions li a.success_ajax,
.hastable tr td.actions li a.success_ajax:hover {
    background-color: #E9F9E5;
    border: solid 1px #B4E8AA;
}

.hastable tr td.actions li a.fail_ajax,
.hastable tr td.actions li a.fail_ajax:hover {
    background-color: #F9E5E6;
    border: solid 1px #E8AAAD;
}

.hastable tr td.actions li a.addor_link {
    background-image: url(../images/icons/addor.png);
}

.hastable tr td.actions li a.edit_link {
    background-image: url(../images/icons/edit.png);
}

.hastable tr td.actions li a.car_link {
    background-image: url(../images/icons/car.png);
}

.hastable tr td.actions li a.copy_link {
    background-image: url(../images/icons/copy.png);
}

.hastable tr td.actions li a.view_link {
    background-image: url(../images/icons/view.png);
}

.hastable tr td.actions li a.save_link {
    background-image: url(../images/icons/bg_valid_green.png);
}

.hastable tr td.actions li a.cancel_link {
    background-image: url(../images/icons/bg_cancel_red.png);
}

.hastable tr td.actions li a.return_link{
    /*background-image: url(../images/icons/return.png);*/
}
.hastable tr td.actions li a.return_link_create,
.hastable tr td.actions li a.return_link_view{
    position:relative;
    color:#555;
}
.hastable tr td.actions li a.return_link_view:after {
    content: "\f06e";
        position: absolute;
    bottom: 1px;
    right: 1px;
    font-size: 8px;
}
.hastable tr td.actions li a.return_link_create:after {    
    content: "\f055";
        position: absolute;
    bottom: 1px;
    right: 1px;
    font-size: 8px;

}
.hastable tr td.actions li a.return_link_create:before {
    content: "\f2ea";
        font-size: 15px;
    top: 5px;
    position: absolute;
    left: 3px;
}
.hastable tr td.actions li a.return_link_view:before {
    content: "\f2ea";
        font-size: 15px;
    top: 5px;
    position: absolute;
    left: 3px;
}
.hastable tr td.actions li a.trash_link{
    background-image: url(../images/icons/trash.png);
}
.hastable tr td.actions li a.affect_link{
    background-image: url(../images/icons/truck.png);
}
.trash_link.undelete::after {
    content: '/';
    color: red;
    font-size: 20px;
    padding-top: 6px;
    display: block;
    font-weight: bold;
}
.trash_link.total::after {
    content: '-';
    color: red;
    font-size: 20px;
    padding-top: 6px;
    display: block;
    font-weight: bold;
}

td.center a.trash_link{
    background-image: url(../images/icons/trash.png);
    display: block;
    height: 26px;
    width: 26px;
    background-color: transparent;
}

.hastable tr td.actions li a.add_link {
    background-image: url(../images/icons/add_icon.png);
}
.hastable tr td.actions li a.remove_link {
    background-image: url(../images/icons/remove_icon.png);
}

.hastable tr td.actions li a.print_link {
    background-image: url(../images/icons/print.png);
}

.hastable tr td.actions li a.send_link {
    background-image: url(../images/icons/send.png);
}

.hastable tr td.actions li:last-child a {
    margin-right: 0;
}
ul.actions{
    display:flex;
    justify-content : flex-start;
}

/* Tables Filtres */

.hastable .table_filters {
    border-top: solid 1px #FFF;
    background: #dcdddf;
    padding: 6px 12px 1px 12px;
    color: #444;
    font-size: 12px;
    line-height: 24px;
    min-height: 29px;
}

.hastable .table_filters .filter {
    float: left;
    margin-right: 30px;
}

.hastable .table_filters .filter.filter_aff {
    float: right;
    margin-right: 7px;
    width: 260px;
    position: relative;
    top: 0px;
    left: 0px;
}

.hastable .table_filters .filter.filter_aff.no_filter_visible {
    width: 80px;
}

.hastable .table_filters .filter.filter_aff a.button .icon-btn {
    margin-top: 4px;
}

.recherche_avancee  .filter_mul,
.hastable .table_filters .filter.filter_aff .filter_mul,
.recherche_avancee  .selectmul ,
.hastable .table_filters .filter.filter_left .selectmul {
    float: right;
    border: 1px solid #BEBEBE;
    height: 22px;
    line-height: 22px;
    width: 156px;
    padding: 0 1px 0 8px;
    color: #454545;
    background: url(../images/table/bg_filter_aff.png) top right no-repeat white;
}

.recherche_avancee  .filter_mul ,
.hastable .table_filters .filter.filter_aff .filter_mul {
    float: left;
    width: 168px;
}

.recherche_avancee  .wrap_mul ,
.hastable .table_filters .filter.filter_left .wrap_mul {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
    vertical-align: middle;
}

.recherche_avancee  .selectmul ,
.hastable .table_filters .filter.filter_left .selectmul {
    float: left;
    font-size: 13px;
    margin-bottom: 5px;
    margin-right: 30px;
    width: 150px;
}

.recherche_avancee  .list_columns,
.hastable .table_filters .filter.filter_aff .list_columns,
.recherche_avancee  .list_columns ,
.hastable .table_filters .filter.filter_left .list_columns {
    display: none;
    color: #414149;
    border: 1px solid #BEBEBE;
    width: 165px;
    padding: 3px 14px 8px 6px;
    -moz-box-shadow: 0 0 12px #dbdbdb inset;
    -webkit-box-shadow: 0 0 12px #dbdbdb inset;
    box-shadow: 0 0 12px #dbdbdb inset;
    position: absolute;
    top: 23px;
    left: 0px;
    background-color: white;
    z-index: 2000;
    text-align: right;
}

.recherche_avancee .list_columns,
.hastable .table_filters .filter.filter_aff .list_columns {
    padding: 3px 6px;
}

.recherche_avancee .list_columns,
.hastable .table_filters .filter.filter_left .list_columns {
    width: 139px;
}

.recherche_avancee .with_scroll .list_columns ,
.hastable .table_filters .filter.filter_left .with_scroll .list_columns {
    max-height: 500px;
    overflow-x: auto;
}

.recherche_avancee .list_columns li,
.hastable .table_filters .filter.filter_aff .list_columns li,
.hastable .table_filters .filter.filter_left .list_columns li {
    padding-top: 6px;
    height: 14px;
    line-height: 14px;
    cursor: pointer;
}

.checkbox_visible {
    float: right;
    height: 14px;
    width: 16px;
    background: url(../images/table/checkbox.png) 0 -14px no-repeat;
    margin-left: 13px;
    margin-right: 3px;
}

.checkbox_visible.off {
    background-position: 0 0;
}

.checkbox_visible.checkbox_all {
    background-image: url(../images/table/checkbox_all.png);
}

.wrap_checkbox_all {
    font-size: 10px;
    font-weight: bold;
    color: #a86200;
    font-style: italic;
}

.hastable .table_filters .select {
    padding: 0px 1px 0px 8px;
    height: 24px;
    border: solid 1px #bebebe;
    min-width: 165px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.select.small.full{
    width:80px !important;
}
.hastable .table_filters .select.small {
    min-width: 0;
    margin-right: 10px;
    position: relative;
    top: 0px;
    left: -20px;
}

.hastable .table_filters .checkbox {
    display: inline;
    position: relative;
    top: 2px;
    left: 0px;
    margin: 0 5px 0 0;
    padding: 0;
}

.hastable .table_filters .text {
    height: 22px;
    padding: 0;
    margin: 0;
    border: solid 1px #bebebe;
}

.hastable .table_filters .text:focus {
    border: solid 1px #bebebe;
}

.hastable .table_filters .search_ajax.unactive {
    font-style: italic;
    color: #939292;
}

.hastable .table_filters label {
    font-weight: bold;
}

.hastable .table_filters .wrap_arrow_filter {
    display: inline-block;
    vertical-align: middle;
}

.hastable .table_filters a.arrow_filter {
    display: block;
    background: url(../images/pagination/prev.png) no-repeat top center;

    width: 20px;
    height: 14px;

    position: relative;
    top: -1px;
    left: 0px;
}

.hastable .table_filters .arrow_right a.arrow_filter {
    background-image: url(../images/pagination/next.png);
}

.hastable .table_filters a.arrow_filter:hover {
    background-position: center -14px;
}

/* Tables Boutons */

.hastable .title_table {
    text-align: right;
    padding-right: 7px;
}

.hastable .title_table h3 {
    display: inline;
    float: left;
}
.hastable .wrap_table_buttons {
    min-height: 31px;
    padding: 4px 10px 0 10px;
    background-color: #dcdddf;
}
.hastable .title_table .wrap_table_buttons {
    padding: 6px 0 0 10px;
    text-align: right;
    text-shadow: none;
}

.hastable .title_table .wrap_table_buttons .button_form,
#page-content #top-buttons .button_form {
    margin: 0 0 4px 17px;
    height: 22px;
    line-height: 22px;
    padding: 0 12px 0 5px;
    color: #404040;
    background: #f4cccc;

    font-weight: normal;
    min-width: auto;
}
#page-content #top-buttons .button_form:hover .btn_text{
    display:none;
}
#page-content #top-buttons .button_form:not(.en_cours):hover:after {
    content:attr(hover);
    
}
#page-content #top-buttons .button_form.en_cours {    
    cursor:wait;  

}
#page-content #top-buttons .button_form.en_cours:before {        
    content:attr(en_cours);
}
#page-content #top-buttons .button_form.en_cours .btn_text {    
    display:none;
}

.hastable .title_table .wrap_table_buttons .button_form:hover,
#page-content #top-buttons .button_form:hover {
    background-color: #dae462;
    /*opacity: 0.85;*/
    background-position: 0 0;
}

.hastable .title_table .wrap_table_buttons .button_form:first-child,
#page-content #top-buttons .button_form:first-child {
    margin-left: 0px;
}

.hastable .title_table .wrap_table_buttons .button_form .icon-btn,
#page-content #top-buttons .button_form .icon-btn {
    margin: 3px 7px 0 1px;
    position: static;
    left: 0px;
    right: 0px;
    background-position: 0 0;
}
    
/* Tables Pagination */

.wrap_pager {
    margin-top: 0px;
    background-color: #eae6df;
    height: 32px;
    position: relative;
    top: 0px;
    left: 0px;
}

.wrap_pager .total_items {
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 12px;
    line-height: 32px;
    color: #333;
}

.pager {
    position: static!important;
    width:239px;
    margin:auto;
    text-align: center;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager>* {
    margin:0 5px 0 5px;
}

.pager-form {
    position:static!important;
}

.pager-form table {
    margin:0 0 0 0;
}

.pager input, .pager .pagesize {
    color:#333;
    padding:2px;
    margin:5px 0px;
    border-color:#7C7C7C #C3C3C3 #ddd;
    border-style:solid;
    border-width:1px;
    position: relative;
    
}

.pager .pager_btn {
    padding: 9px 7px;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    height: 14px;
}

.pager .pager_btn .pager_icon {
    display: block;
    width: 17px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.pager .pager_btn:hover .pager_icon {
    background-position: 0px -14px;
}

.pager .pager_btn.inactive {
    cursor: normal;
}

.pager .pager_btn.inactive .pager_icon,
.pager .pager_btn.inactive:hover .pager_icon {
    background-position: 0px -28px;
}

.pager .pager_btn.pager_first .pager_icon {
    background-image: url(../images/pagination/min.png);
}

.pager .pager_btn.pager_prev {
    border-left: solid 1px #c7c0b5;
}

.pager .pager_btn.pager_prev .pager_icon {
    background-image: url(../images/pagination/prev.png);
}

.pager .pager_btn.pager_next {
    border-right: solid 1px #c7c0b5;
}

.pager .pager_btn.pager_next .pager_icon {
    background-image: url(../images/pagination/next.png);
}

.pager .pager_btn.pager_max .pager_icon {
    background-image: url(../images/pagination/max.png);
}

/* Planning */

.hastable .table_filters {
    position: relative;
    top: 0px;
    left: 0px;
}
.hastable .table_filters {
	position: relative;
	top: 0px;
	left: 0px;
    display:flex;
    justify-content:space-between;
}

.hastable .table_filters .filter_left {
    margin-right: 0;
    flex:1;
	float: none;
}

.hastable .table_filters .filter_left.no_filter_visible {
    padding-right: 90px;
}

.hastable .table_filters .filter_left .filter_row {
    display: inline-block;
}

.hastable.planning .table_filters .filter_left {
    padding-right: 30px;
}

.hastable.planning .table_filters .filter_aff select.select.small {
    width: 117px;
    left: 0px;
}

.hastable .table_filters .filter_left label {
    margin-right: 30px;
}

.hastable.planning .table_filters .filter_left label {
    font-size: 13px;
    margin-right: 5px;
}

.hastable .table_filters .filter_left select,
.hastable .table_filters .filter_left input,
.hastable .table_filters .filter_left button ,
#search .filter_search  input {
    margin-right: 30px;
    margin-bottom: 5px;
}

.hastable .table_filters .filter_left input.checkbox {
    margin-right: 5px;
}

.hastable .table_filters .filter.filter_aff {
    /*float: none;
    position: absolute;
    top: 6px;
    right: 0px;
    left: auto;*/
}

/*Planning header*/

.hastable.planning table {
    overflow: hidden;
}

.hastable.planning .sep_planning {
    height: 4px;
}

.hastable.planning .sep_planning td {
    border-top: 1px solid #ADADAD;
}

.hastable.planning thead td.th_date,
.hastable.planning thead td.th_tri {
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
}

.hastable.planning thead td.th_tri {
    background: url(../images/planning/th_tri.png) bottom left repeat-x #FFF;
    border-right: 1px solid #ADADAD;
}
#div_head .div_head_top_column,
#div_head_left .div_head_top_column,
#div_head .div_head_bottom_column,
#div_head_left .div_head_bottom_column {
    background: url(../images/planning/th_tri.png) bottom left repeat-x #FFF;
    border-right: 1px solid #ADADAD;
    border-top: 1px solid #c5c5c5;
    border-bottom: solid 1px #adadad;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align:center;
    color:#3B3B3B;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.hastable.planning thead td.th_tri.last {
    border-right: none;
}

.hastable.planning thead td.th_date {
    background: #e9e9e9;
    border-left: 1px solid #ADADAD;
    border-right: none;
    min-width: 70px;
    font-size: 12px;
}

#div_head .div_head_bottom_td ,
#div_head_left .div_head_bottom_td {
    background: #e9e9e9;
    border-left: 1px solid #ADADAD;
    border-right: none;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align:center;
    color:#3B3B3B;
    font-size: 12px;
    font-weight: bold;
}
#div_head .div_head_date,
#div_head_left .div_head_date {
    background: #e9e9e9;
    border-left: 1px solid #ADADAD;
    border-right: none;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    text-align:center;
    color:#3B3B3B;
    font-size: 12px;
    font-weight: bold;
}

#div_head .div_head_date.first,
#div_head_left .div_head_date.first {
    border-left: none;
}

.hastable.planning thead td.th_date.th_shadow {
    background: #D2D2D2;
}
#div_head .div_shadow,
#div_head_left .div_shadow {
    background: #D2D2D2;
}

.hastable.planning tbody tr.tr_content td.td_content {
    vertical-align: top;
    background: #e6e6e6;
}

.hastable.planning tbody tr.first td div.case:first-child,
.hastable.planning tbody tr.first.tr_content td.td_tri {
    background-image: url(../images/planning/td_shadow.png);
    background-position: 0px -3px;
    background-repeat: repeat-x;
    border-top: none;
}

.hastable.planning tbody td.td_tri,
.hastable.planning tbody tr.tr_content td.td_tri,
.hastable.planning .row_tri div {
    padding: 5px 5px;
    height: 21px;
    line-height: 14px;
    border-top: 1px solid #ADADAD;
    border-right: 1px solid #999;
    border-left: none;
    background-color: #ececec;
    color: #3B3B3B;
    font-size: 12px;
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
    min-width: 100px;
}

.hastable.planning tbody td.td_tri a,
.hastable.planning .row_tri div a {
    color: #3B3B3B;
}

.hastable.planning tbody tr.tr_content td {
    border-left: 1px solid #999;
}

.hastable.planning tbody tr.tr_content td div.case,
#drag_item.case {
    height: 72px;
    line-height: 73px;
    vertical-align: middle;
    border-top: 1px solid #ADADAD;

    position: relative;
    top: 0px;
    left: 0px;

    min-width: 140px;
}

.hastable.planning tbody tr.tr_content td div.case.commande.on_update {
    cursor: pointer;
    text-align: center;
    background-color: #ffc68f;
}

.hastable.planning tbody tr.tr_content td div.case.commande.on_update:hover {
    background-color: #F7D0A9;
}

.hastable.planning tbody tr.tr_content td div.case.empty {
    background-color: #c5c5c5;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.hastable.planning tbody tr.tr_content td div.case.available,
.hastable.planning tbody tr.tr_content td div.case.selected {
    background-color: #84e255;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.hastable.planning tbody tr.tr_content td div.case.available input.input_nb_pal {
    display: none;
    text-align: center;
    width: 35px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.hastable.planning tbody tr.tr_content td div.case.available input.input_nb_pal.error {
    color: red;
}

.hastable.planning tbody tr.tr_content td div.case.available.edit input.input_nb_pal {
    display: inline-block;
}

.hastable.planning tbody tr.tr_content td div.case.available span.span_nb_pal {
    cursor: pointer;
}

.hastable.planning tbody tr.tr_content td div.case.available.edit span.span_nb_pal {
    display: none;
}

.hastable.planning tbody tr.tr_content td div.case.available.no_booking {
    background-color: #F76868;
}

.hastable.planning tbody tr.tr_content td div.case.selected,
.hastable.planning tbody tr.tr_content td div.case.available.available_hover {
    background-color: #68C2DE;
}

.hastable.planning tbody tr.tr_content td div.case.available.available_hover {
    cursor: pointer;
}

.hastable.planning tbody tr.tr_content td div.case.commande,
#drag_item.case.commande {
    background-color: #ffc68f;
    color: #3b3b3b;
    line-height: 14px;
    text-align: left;
    font-weight: normal;

    padding: 8px 10px;
    min-width: 120px;
    height: 56px;
}

.hastable.planning tbody tr.tr_content td div.case.commande strong,
#drag_item.case.commande strong {
    font-size: 12px;
}

#drag_item.case {
    position: absolute;
    top: 0px;
    left: 0px;

    width: auto;
    min-width: auto;
    border: solid 1px #e1ad46;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    z-index: 100000;
}

#drag_item.case .toolbox_td {
    display: none;
}

/* Planning - Toolbox */

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td {
    position: absolute;
    top: 0px;
    right: 1px;
    cursor: pointer;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td div.toolbox_top {
    width: 32px;
    height: 16px;

    position: relative;
    top: 0px;
    left: 0px;

    z-index: 2;

    background-color: #b0b0b0;
    border: solid 1px #969696;
    border-top: none;

    -webkit-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-radius-bottomright: 1px;
    -moz-border-radius-bottomleft: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open div.toolbox_top {
    background-color: #FFF;
    border-bottom: solid 1px #FFF;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td div.toolbox_top div.wrench {
    background: url(../images/planning/wrench.png) top left no-repeat;
    width: 10px;
    height: 10px;

    position: absolute;
    top: 3px;
    right: 18px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open div.toolbox_top div.wrench {
    background-position: 0 -10px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td div.toolbox_top div.arrow {
    background: url(../images/planning/arrow.png) top left no-repeat;
    width: 12px;
    height: 5px;

    position: absolute;
    top: 6px;
    right: 2px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open div.toolbox_top div.arrow {
    background-position: 0 -5px;
}

.hastable.planning tbody tr.tr_content.first td div.case:first-child div.toolbox_td div.toolbox_top {
    background-image: url(../images/planning/td_shadow.png);
    background-position: 0 -3px;
    background-repeat: repeat-x;
}

/* Disponible */
.hastable.planning tbody tr.tr_content td div.case.available div.toolbox_td div.toolbox_top {
    background-color: #68b73f;
    border-color: #579936;
}
.hastable.planning tbody tr.tr_content td div.case.available div.toolbox_td.open div.toolbox_top {
    background-color: #FFF;
    border-bottom: solid 1px #FFF;
}
.hastable.planning tbody tr.tr_content td div.case.available div.toolbox_td.open div.toolbox_top div.arrow {
    background-position: 0 -10px;
}
.hastable.planning tbody tr.tr_content td div.case.available div.toolbox_td.open .toolbox_content {
    border-color: #579936;
}

/* Réservation impossible */
.hastable.planning tbody tr.tr_content td div.case.available.no_booking div.toolbox_td div.toolbox_top {
    background-color: #D95050;
    border-color: #B34646;
}
.hastable.planning tbody tr.tr_content td div.case.available.no_booking div.toolbox_td.open div.toolbox_top {
    background-color: #FFF;
    border-bottom: solid 1px #FFF;
}
.hastable.planning tbody tr.tr_content td div.case.available.no_booking div.toolbox_td.open div.toolbox_top div.arrow {
    background-position: 0 -20px;
}
.hastable.planning tbody tr.tr_content td div.case.available.no_booking div.toolbox_td.open .toolbox_content {
    border-color: #B34646;
}

/* Commande */
.hastable.planning tbody tr.tr_content td div.case.commande div.toolbox_td div.toolbox_top {
    background-color: #e1ad46;
    border-color: #bc8f35;
}
.hastable.planning tbody tr.tr_content td div.case.commande div.toolbox_td.open div.toolbox_top {
    background-color: #FFF;
    border-bottom: solid 1px #FFF;
}
.hastable.planning tbody tr.tr_content td div.case.commande div.toolbox_td.open div.toolbox_top div.arrow {
    background-position: 0 -15px;
}
.hastable.planning tbody tr.tr_content td div.case.commande div.toolbox_td.open .toolbox_content {
    border-color: #bc8f35;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td .toolbox_content {
    position: absolute;
    top: 16px;
    right: 0px;

    z-index: 1;
    display: none;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content {
    display: block;
    background-color: #FFF;
    border: solid 1px #969696;

    width: 150px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li {
    list-style: none;
    font-size: 11px;
    color: #3b3b3b;

    line-height: 23px;
    height: 22px;
    text-align: left;
    padding-left: 27px;

    background-position: 6px 3px;
    background-repeat: no-repeat;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li:hover {
    background-color: #ffd17c;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.edit {
    background-image: url(../images/icons/icon_pen.png);
    background-position: 6px 4px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.close,
.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.close_creneau {
    background-image: url(../images/icons/icon_cancel_red.png);
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.open {
    background-image: url(../images/icons/add_color.png);
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.booking {
    background-image: url(../images/icons/booking.png);
    background-position: 6px 2px;
}

.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.prebooking,
.hastable.planning tbody tr.tr_content td div.case div.toolbox_td.open .toolbox_content li.edit_creneau {
    background-image: url(../images/icons/prebooking.png);
    background-position: 5px 3px;
}

/* Fin planning - Toolbox */

.hastable.planning tbody tr.tr_content td.over_drag {
    background-color: #EEE;
}

.hastable.planning tbody tr .dbl_click {
    cursor: pointer;
}

.hastable.planning tbody tr.tr_content td .link_td {
    display: none;
}

.hastable.planning tbody td.td_tri.last,
.hastable.planning tbody tr.tr_content td.td_tri.last {
    border-right: none;
}

.hastable.planning .wrap_table {
    padding-bottom: 0px;
}
#infos_histo .wrap_table{
    max-height:400px;
   /* zoom:0.8;   */
}
.button_charger_suite{
    float:right;
    text-align:center;
}
.block_hover {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    border: solid 1px #FFA02D;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FDBB45;
    opacity: 0.80;
    z-index: 10000;
}

.hastable.planning .wrap_pager {
    margin-top: 0px;
    height: 38px;
    border: none;
    background: url(../images/planning/wrap_pager.png) top left repeat-x transparent;
}
.hastable .table_filters .filter_saved {
   
   margin-right:0px;
   
   display:flex;
   position:relative;
   
   
   order:3;
}
.hastable .table_filters .filter_saved .burger{
   /*display:flex;
   justify-content:center;
   align-items : flex-end;*/
   
}
.hastable .table_filters .filter_saved .burger .fa{
    margin: -3px 0 0 0;
    font-size: 1.6em;
    
    padding: 5px;
    background:white;
    background:none;
}


.hastable .table_filters .filter_saved .selectmul.close +  .list_columns_vue{
    display:none;
}
.hastable .table_filters .filter_saved .selectmul {
	float: right;
	border: 1px solid #BEBEBE;
    height: 22px;
	line-height: 22px;
	width: 156px;
    padding: 0 1px 0 8px;
	color: #454545;
	background:white;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
}
.hastable .table_filters .filter_saved .selectmul:after{
    content:'';
    background: url(../images/table/bg_filter_aff.png) top right no-repeat white;
    display: block;
    width:23px;
    height:22px;
   position:absolute;
   right:0;
   top:0;
    
}
.hastable .table_filters .filter_saved .list_columns_vue {
	display: block;
	color: #414149;
	border: 1px solid #BEBEBE;
    width: 165px;
    padding: 3px 0px 8px 0px;
	-moz-box-shadow: 0 0 12px #dbdbdb inset;
	-webkit-box-shadow: 0 0 12px #dbdbdb inset;
	box-shadow: 0 0 12px #dbdbdb inset;
	position: absolute;
	top: 23px;
	left: 0px;
	background-color: white;
	z-index: 100;
	text-align: right;
}
.hastable .table_filters .filter_saved .list_columns_vue>li{
    cursor:pointer;
    white-space: nowrap;
    padding:0 10px;
    width: 145px;
    overflow:hidden;
}
.hastable .table_filters .filter_saved .list_columns_vue>li:hover{     background:#ffa02d;}
.blue .hastable .table_filters .filter_saved .list_columns_vue>li:hover{     background: #37a9f1;}
.green .hastable .table_filters .filter_saved .list_columns_vue>li:hover{    background: #48d554; }
.purple .hastable .table_filters .filter_saved .list_columns_vue>li:hover{   background: #d6a2e7;}


.hastable .table_filters .filter_saved .block_info{
    position:absolute;
    top:0%;
    z-index:1005;
    display:none;
    padding:10px;
     right:0;
    line-height: 1.8em;
    

}
.hastable .table_filters .filter_saved:hover .block_info{
    display:block;       
    background:#97c6c9;
    right:0;

}
.hastable .table_filters .filter_saved .block_info{     border:2px solid  #225e78;}
.blue .hastable .table_filters .filter_saved .block_info{     border: 2px solid  #37a9f1;}
.green .hastable .table_filters .filter_saved .block_info{    border: 21px solid  #48d554; }
.purple .hastable .table_filters .filter_saved .block_info{   border: 2px solid  #d6a2e7;}
.hastable .table_filters .filter_saved .wrap_mul{
    position:relative;
}

.hastable .table_filters .filter_saved .block_info strong{
       white-space: nowrap;
}


.hastable .table_filters .filter_saved .fa{
    margin:5px 2px 2px 5px;
    font-size: 1.6em;
    background:#97c6c9;
    cursor:pointer;
 
}
.hastable.planning .table_filters .filter.filter_aff {
    /*width: 310px;*/
    width: 40px;
}

.hastable .table_filters .filter .label_date{ 
    margin-right: 7px;
}

.hastable .table_filters .filter .input_date{
    background-color: white;
    color: #333333;
    border: 1px solid #BEBEBE;
}

.hastable.planning .table_filters .filter.filter_aff .input_date{
    margin-right: 20px;
}

.block_admin.has_planning {
    border-bottom: none;
}

/* Mise en forme bloc */

.block_admin {
    clear: both;
    /*position:relative;*/
}
.sub_content .block_admin {
    clear: none;
}

.block_admin .bold {
    font-weight: bold;
}

.block_admin .legend {
    padding: 5px 20px;
    font-size: 13px
}

.block_admin .desc_fields li {
    padding: 5px 20px;
    font-size: 12px;
}

.block_admin h1,
.hastable .title_table {
    color: #FFF;
    font-size: 18px;
    height: 35px;
    background: #ee1b2d;
    line-height: 33px;
    padding: 0 15px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    font-weight:normal;
}
.sub_content{
    /*max-width: calc( 100% - 155px );*/
    max-width:  100% ;
    min-width: 0px;
    display: flex;
    flex-direction: column;
}
.sub_content .hastable .title_table {
    background:#888888;
}

.block_wrap_content.has_menu {
    background: url(../images/bg_menu_left.png) top left repeat-y;
    display:flex;
    height:100%;
    min-height:0px;
}

.block_wrap_content.has_menu .menu_left {
    width: 155px;
    float: left;
}

.block_wrap_content.has_menu .menu_left li a {
    color: #43434a;
    text-align: center;
    font-size: 14px;
    height: 36px;
    width: 155px;
    display: block;
    line-height: 35px;
    
    background: url(../images/item_menu_left_lite.png) top left no-repeat;
    overflow: hidden;
}

.block_wrap_content.has_menu .menu_left li a.two_line {
    height: 30px;
    padding: 3px 0;
    font-size: 12px;
    line-height: normal;
}

.block_wrap_content.has_menu .menu_left li a.active {
    color: white;
    background: linear-gradient(to bottom, rgba(34,94,120,0.6) 0%,rgba(34,94,120,1) 20%,rgba(34,94,120,1) 80%,rgba(34,94,120,0.6) 100%);; 
    /*background: url(../images/item_menu_left_lite_active.png) top left no-repeat;*/
    

    
}
.block_wrap_content.has_menu .menu_left li a:not(.active):hover{
     color: white;
    background: linear-gradient(to bottom, rgba(58,192,201,0.6) 0%,rgba(58,192,201,1) 20%,rgba(58,192,201,1) 80%,rgba(58,192,201,0.6) 100%); 
}

.block_wrap_content.has_menu .block_content {
    /*padding-left: 155px;*/
        height: calc( 100vh - 238px );
        flex: 1;
      /* overflow:auto;*/
}
.wrap_menu_admin~#sub-wrapper .block_wrap_content.has_menu .block_content {
   /* height: calc( 100vh - 277px ); */
}

/* Forms */

table.tableForm {
    width:100%;
}

td.label label.alignleft {
    float:left !important;
}
table.tableForm>tbody>tr.title_form td.label label {
    font-size: 14px;
    /* padding: 10px 0;*/
    float: none;
    text-align: left;
    margin-left: 20px;
}

table.tableForm>tbody>tr>td.label.has_legend
{
    padding-right: 10px;
}

table.tableForm>tbody>tr>td.label.has_legend .legend_td ,
 ligne block  .legend_td {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../images/icons/icon_help.png) center no-repeat;
    vertical-align: top;
    position: relative;
    top: -1px;
    left: 0px;
    margin-left: 4px;
}

table.tableForm>tbody>tr>td .row_checkboxmul {
    margin: 0;
    padding: 0;
    float: left;
}

table.tableForm>tbody>tr>td .row_checkboxmul input {
    margin: 0 6px 0 0;
    padding: 0;
    position: relative;
    top: 2px;
    left: 0px;
}

table.tableForm>tbody>tr>td .row_checkboxmul label {
    font-size: 12px;
    margin: 0 17px 0 0;
    padding: 0;
}

table.tableForm>tbody>tr>td.no_padding {
    padding: 0px;
}

table.tableForm>tbody>tr>td.no_padding_right {
    padding-right: 0px;
}

table.tableForm>tbody>tr>td.width_30 {
    width: 30%;
}

table.tableForm>tbody>tr>td {
    padding: 5px 10px 5px 5px;
    /*background: #F6F6F6;*/
    vertical-align:middle;
}
div.has_unit{
    display:flex;
}
div.has_unit>input{
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
}
div.has_unit:after {
    content: attr(data-unit);
    border:1px solid #bfbfbf;
    background: #dedede;
    width: auto;
    padding:0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 5px 5px 0px;
    border-left: none;
    
}
    

table.tableForm>tbody>tr>td.has_unit input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}
table.tableForm .no_label {
    padding-left: 20px;
}

table.tableForm .button .submit_left {
    margin-left: 20px;
}

.uppercase .content_impression input.text,
.uppercase .content_impression textarea.textarea,
.uppercase .content_impression_confliv input.text,
.uppercase .content_impression_confliv textarea.textarea,
.uppercase .content_impression_charge input.text,
.uppercase .content_impression_charge textarea.textarea,
.uppercase .no_uppercase input.text,
.uppercase .no_uppercase textarea.textarea {
    text-transform: none;
}

.uppercase input.text {
    text-transform: uppercase;
}

.uppercase textarea.textarea {
    text-transform: uppercase;
}
.uppercase input.text.no_upper,
.uppercase textarea.textarea.no_upper {
    text-transform: none;
}

textarea.textarea {
    /*text-transform: uppercase;*/
    height: 100px;
    resize:none;
}

input.text {
    border:1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    padding: 5px 0px;
    text-indent: 10px;
}

input.text.full {
    width: 100%;
}

input.file.full {
    width: auto;
    float: left;
}

input.text.input_hour {
    width: 24px;
    height: 12px;
    text-align: center;
    text-indent: 0;
}

input.text.input_loader {
    background: url(../images/ajax-loader_small.gif) center right 5px no-repeat;
}

input.text.input_valid {
    background: url(../images/icons/checkh.png) center right 5px no-repeat;
}

input.text.input_invalid {
    background: url(../images/icons/cancel_red.png) center right 5px no-repeat;
}

#page-content span.colorpicker_span {
    display: inline-block;
    height: 24px;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

span.colorpicker_span,
input.text.colorpicker {
    border:1px solid #999;
    text-indent: -9999px;
    width: 25px;
    margin-right: 5px;
    cursor: pointer;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.text.colorpicker:focus {
    border-color: #666;
}



.wrap_td select.select {
    padding-top: 0;
    padding-bottom: 0;
}

select.select.full.small {
    width: 25%;
}
select.select.limited {
    max-width: 200px;
}
select.select.select_period {
    margin-left: 10px;
}

input.select_date,
input.input_date {
    width: 105px;
    background: url(../images/form/calendrier.png) 93% center no-repeat #FFF;
}

input.select_date {
    margin-left: 10px;
}

input.select_date.datetimepicker,
input.input_date.datetimepicker {
    width: 140px;
}

ul.selectlist {
    width: 95%;
    border: 1px solid #e6e5e2;
    font-size: 11px;
    height: 100px;
    overflow-y: scroll;
    background: #FFF;
}

ul.selectlist.height_7 {
    height: 126px;
}

ul.selectlist li {
    line-height: 18px;
    padding-left: 20px;
    margin: 0;
    cursor: pointer;
}

ul.selectlist li:hover {
    background-color: #E3E1DE;
}
ul.selectlist li.disabled {
    background-color: #E3E1DE;
    font-style:italic;
    cursor : default;
}
ul.selectlist li.selected {
    background: #fbcd7e url(../images/icons/tick.png) 5px center no-repeat; /* f6f4f2 */
}

ul.selectlist.list_cancel li.selected {
    background-image: url(../images/icons/cancel_base.png);
}

.blue ul.selectlist li.selected {
    background-color: #79c2f1;
}

.green ul.selectlist li.selected {
    background-color: #65dd70;
}

.purple ul.selectlist li.selected {
    background-color: #d6a2e7;
}

ul.selectlist.red li.selected {
    background-color: #FFBABA;
}

ul.selectlist.error {
    border: 1px solid red;
}

ul.selectlist_view li {
    margin-bottom: 7px;
}

ul.selectlist_view li:last-child {
    margin-bottom: 0;
}

.tableForm img.thumbnail {
    float: left;
    margin-left: 10px;
}

.tableForm {
    padding: 13px 10px;
}

.tableForm td {
    /*border-bottom: solid 1px #e6e5e2;*/
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}

.tableForm td.wrap_buttons {
    padding-top: 10px !important;
}

select.select, textarea.textarea {
    border: 1px solid #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

textarea.textarea.min_height {
    height: 17px;
}

select.select.error {
    border: 1px solid red;
}

input.text:focus, input.file:focus, textarea.textarea:focus, select.select:focus {
    border:1px solid #C7BEAD;
}

.tableForm span.textdate_texte {
    display: inline-block;
    width: 125px;
    text-align: left;
}

.tableForm span.textdate_date {
    display: inline-block;
    width: 100px;
    text-align: right;
}

/* Fieldset */

.blockfieldset{
   border : 1px solid #9d9d9d;
   border-radius: 10px ;
   padding:0px 5px 5px 5px;
   margin: 5px;
   background-color: #FBFBFB;
   box-sizing: content-box;
   position:relative;
   
}
#table_TableArticlesAttendus{
 margin-top:20px;   
}
.blockfieldset .hastable .title_table{
    background:transparent;
    position: absolute;
    top: -30px;
    left: 11px;
     z-index: 10;
}
.blockfieldset .hastable .title_table h3{
       
    text-shadow: none;
    display: inline-block;
    
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 30px;
    background: #FBFBFB;
    border: solid 1px #9d9d9d;
    text-align: left;
    margin:0;
    line-height:13px;
}
table.tableForm>tbody>tr.start_fieldset>td.no_label,
table.tableForm>tbody>tr.end_fieldset>td.no_label,
.formz ligne.start_fieldset block.no_label,
.formz ligne.end_fieldset block.no_label {
    padding: 0 !important;
}


.formz [id*=field_sites_] block label{
    margin:0;
    line-height:25px;
    white-space:nowrap;
}
.formz [id*=field_sites_] block .select.full{
    margin:0 !important;
    width:auto !important;
}
.formz [id*=field_sites_] block .checkbox_img{
    top:3px;
}
.formz [id*=field_sites_] block .checkbox_choice{
    top:2px;
}
.formz [id*=field_sites_] block:nth-child(1){
    width:40% !important;
    padding-left:10px;  
    padding-right:10px;
    overflow:hidden;
}
.formz [id*=field_sites_] block:nth-child(1) label{
    text-align:left;
}
.formz [id*=field_sites_] block:nth-child(2){
    width:10% !important;     
}
.formz [id*=field_sites_] block:nth-child(3){
    width:5% !important;
}
.formz [id*=field_sites_] block:nth-child(4){
    width:35% !important;
}
.formz #field_fld_type_delai block{
    width:auto !important;    
}

.formz label[id*=delai_nb]{
    width:auto;
}
table.tableForm>tbody>tr.start_fieldset td.no_label div.top_fieldset.left {
    padding-left: 10px;
    background: url(../images/form/topleft_fieldset.png) left 0px bottom -8px no-repeat;
       
}

table.tableForm>tbody>tr.start_fieldset td.no_label div.top_fieldset.left .right {
    padding-right: 10px;
    background: url(../images/form/topright_fieldset.png) right 0px bottom -8px no-repeat;
}

table.tableForm>tbody>tr.start_fieldset td.no_label div.top_fieldset.left .right .center {
    background: url(../images/form/top_fieldset.png) left 0px bottom -8px repeat-x;
    height: 35px;
}

table.tableForm>tbody>tr.start_fieldset td.no_label div.top_fieldset span.label_fieldset {
    display: inline-block;
    position: relative;
    top: 6px;
    left: 11px;
    color: #404040;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 30px;
    background: #dcdddf;
    border: solid 1px #9d9d9d;
    font-family: 'Fjalla-Oneo';
    border-radius: 4px 4px 4px 4px;
}

table.tableForm>tbody>tr.in_fieldset{
    background: #FBFBFB;
    width:100%;
}


table.tableForm>tbody>tr.in_fieldset>td:first-child {
    border-left: solid 1px #9d9d9d;
}

table.tableForm>tbody>tr.in_fieldset>td:last-child {
    border-right: solid 1px #9d9d9d;
}

table.tableForm>tbody>tr.end_fieldset>td.no_label div.bottom_fieldset.left {
    padding-left: 10px;
    background: url(../images/form/bottomleft_fieldset.png) left bottom 10px no-repeat;
}


table.tableForm>tbody>tr.end_fieldset>td{
    padding-right: 10px;
    padding-top: 10px;
    border:1px solid #9d9d9d;
    border-top:none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;    
}

table.tableForm>tbody>tr.end_fieldset>td.no_label div.bottom_fieldset.left .right .center{
    background: url(../images/form/bottom_fieldset.png) left bottom 10px repeat-x;
    height: 25px;
}
table.tableForm>tbody>tr.flex{
    display:flex;
    align-items:center;
}
table.tableForm>tbody>tr.flex>td{
    flex:1;
}

.formz :not(#infosarticles) ligne.start_fieldset{
    display: block;
    background: #FBFBFB;
    border: 1px solid #9d9d9d;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    width:100%;
    position:relative;
    font-family: 'Fjalla-Oneo';
} 
.formz ligne.end_fieldset  {
     border: 1px solid #9d9d9d;
     border-top:none;
     border-bottom-right-radius: 10px !important;
     border-bottom-left-radius: 10px !important;
     width: 100%;
     display: block;
     height:10px;
     background-color:#FBFBFB;
}
.formz  :not(#infosarticles) ligne.in_fieldset {
    background: #FBFBFB;
    width:100%;
    display:block;
    border-left: solid 1px #9d9d9d;
    border-right: solid 1px #9d9d9d;
}
ligne.middle_fieldset, tr.middle_fieldset{
       padding: 10px 0; 
}
ligne.middle_fieldset>block,  tr.middle_fieldset>td{
        border-bottom: 1px solid #9d9d9d;
    width: 100% !important;
    text-align: center;
}
ligne.middle_fieldset>block>div,  tr.middle_fieldset>td>div{
    display: inline-block;
    padding: 5px;
    background: #FBFBFB;
    margin-bottom: -10px;
    margin-top: -5px;
}
.formz  :not(#infosarticles) ligne.in_fieldset block{
    width:40%;
    vertical-align:middle;
}
.formz #infos_options ligne.in_fieldset block{
    width:25%;
    
}

.formz #infos_options span.hidden{
    display:none;
}
.formz  :not(#infosarticles)  ligne.in_fieldset block:last-child{
    display:inline-block;
    font-size:13px;
}
.formz  :not(#infosarticles)  ligne.in_fieldset block.label_title{
    width:100%;
}
.formz  :not(#infosarticles)  ligne.in_fieldset block.label_title label.label_title{
    width: 90%;
    text-align: left; 
}
.label_title.center{
    text-align:center !important;
}
.formz :not(#infosarticles) ligne.in_fieldset block.last_td:first-child {
  margin: 0 10px;
    width: 100%;
    box-sizing: content-box;
    display: block;
}
.formz :not(#infosarticles) ligne.in_fieldset[id*=field_sites_] {
    display:flex;
}
#field_limite_ret1 ligne[id*=field_sites_]{
    display:flex;
}
#limite_ret>div>table>tbody>tr>td:nth-child(2){
    width:50px;
}
#field_limite_ret1 ligne>block{
    vertical-align: middle;
}
#field_limite_ret1 ligne>block:nth-child(2){
    white-space:nowrap;
}
#field_limite_ret1 block .checkbox_img{
    margin-top:3px;
}
#field_limite_ret1 block .checkbox_choice{
    margin-top:2px;
}
#field_limite_ret1 block:nth-child(3) {
    width: 10% !important;
    text-align: center;
}
#field_limite_ret1 ligne[id*=field_sites_] block .select.full{
    width:100% !important;
}
ligne.block{
    display:block;
}
ligne.delai_entite>block{
     width:20%;
    display:inline-block;
}
ligne.delai_entite>block:first-child{
    width:50%;
    
}
ligne.delai_entite>block:nth-child(3).label{
    width:5%;
}
.formz :not(#infosarticles) ligne.in_fieldset[id^="field_site_"] block:first-child,
.formz :not(#infosarticles) ligne.in_fieldset[id^="field_info_"] block:first-child
{
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin:0;
    text-align:left;
}
.formz :not(#infosarticles)[id*="limite_"] ligne.in_fieldset block.last_td,
.formz :not(#infosarticles)[id*="field_form_params_"] ligne.in_fieldset block.last_td{
    display:inline;
     /*white-space:nowrap;*/
}
.formz :not(#infosarticles)[id*="limite_"] .in_fieldset .no_label ,
.formz :not(#infosarticles)[id*="field_form_params_"] .in_fieldset  .no_label{

    padding-left:0;
}
.formz ligne.hidden{
    display:none !important;
}
.formz block.hidden{
    display:none !important;
}
.unvisible{
    visibility:hidden;
}
label.nowrap{
    white-space:nowrap;
}
ligne.title_form>block:not(first-child){
    display:none !important;
}
ligne.title_form>block:first-child{
    display:block !important;
    text-align:center;
    width:100% !important;
}
ligne.title_form>block:first-child>label{
    margin: 5px auto 10px auto;
    text-align: center;
    font-size: 14px;
}
/* Fin fieldset */

/* Nouveaux styles de boutons */

.wrap_buttons {
    text-align: right;
}

.div_wrap_buttons {
    padding: 5px 20px 20px 5px;
}

.wrap_buttons.buttons_left {
    text-align: left;
}

.wrap_buttons.buttons_left .button_form {
    /*float: left;*/
    display: inline-block;
}

.wrap_buttons.buttons_left .button_form,
.wrap_buttons .buttons_left .button_form {
    margin: 0 17px 4px 0;
}

.button_form {
    cursor: pointer;
    height: 30px;
    margin: 0 0 0 17px;
    padding: 0 25px 1px 25px;
    /* min-width: 150px; */
    font-size: 14px;
    font-weight: normal;
    background: #636366;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
}
.button_form.small{
    min-width:0px;
}

a.button_form {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding-bottom: 0px;
}

.button_form:hover {
    background: #C9C2C2;
}

.button_form.blue {
	background: #225e78;
	border-color: #225e78;
    color:#fff;
    border:1px solid #225e78;
}

.button_form.blue:hover {
	background: #225e78;
	
    border:1px solid #fff;
}

.button_form.green {
	background: #3ac0c9;
	border-color: #3ac0c9;
    color:#fff;
}

.button_form.green:hover {
	background: #3ac0c9;
	border:1px solid #fff;
}

.button_form.darkorange {
	background: #FFBD66;
	border-color: #FFBD66;
}

.button_form.darkorange:hover {
	background: #F5A558;
	border-color: #F5A558;
}

.button_form.orange {
	background: #FFC48B;
	border-color: #FFC48B;
}

.button_form.orange:hover {
	background: #F5A558;
	border-color: #F5A558;
}

.button_form.red {
	background: #FFA3A3;
	border-color: #FFA3A3;
}

.button_form.red:hover {
	background: #FF9191;
	border-color: #FF9191;
}

.button_form .icon-btn,
.button_form.unactive:hover .icon-btn {
    display: block;
    height: 16px;
    width: 16px;
    margin: 6px 2px 0 0;
    background-position: 0px -16px;
    background-repeat: no-repeat;
    float: left;

    position: relative;
    top: 0px;
    left: -5px;
}

.button_form:hover .icon-btn {
    background-position: 0px 0px;
}

.button_form.unactive,
.button_form.unactive:hover {
    cursor: default;
    background: #EDEAE3;
    border: solid 1px #D9D9D9;
    color: #999;
}

.button_form.button_lite {
    height: 26px;
    margin: 0;
    font-size: 13px;
}

/* Fin nouveaux styles de boutons */

a.button,
a.button.unactive:hover {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0;

    font-size: 14px;
    color: #646462;
    font-weight: normal;
}

a.button .icon-btn,
a.button.unactive:hover .icon-btn {
    display: block;
    height: 16px;
    width: 16px;
    margin-right: 8px;
    background-position: 0px -16px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 8px;
}

a.inline.button {
    display: inline;
}

a.inline.button .icon-btn {
    margin: 0 10px 0 0;
}

a.inline.button.view_file .icon-btn {
    margin-left: 17px;
    margin-right: 7px;
    margin-top: 6px;
}

a.inline.button.delete_file .icon-btn {
    margin-top: 4px;
    margin-left: 10px;
}

a.button:hover {
    color: #3c3c3c;
}

a.button:hover .icon-btn {
    background-position: 0px 0px;
}
a.icon-add-to-select{
   height: 20px;
    width: 20px;
    display:inline-block;
    vertical-align:middle;
    background-color:#3B73AF;
    border-radius:10px;
    cursor: pointer; 
    text-align:center;
    font-size:20px !important;
    line-height:20px;
    margin-left:5px;
}
a.icon-add-to-select:hover{
    opacity:0.9;
}
a.icon-add-to-select:before{
    content:'+';
    font-weight:bold;
    color:#fff;
}
a.icon-add{
   
    display: inline-block;
    vertical-align: middle;
    
    cursor: pointer;
    text-align: center;
    font-size: 15px !important;
    line-height: 20px;
    margin-left: 5px; 
}
a.icon-add:before {
    display: inline-block;
    content: '+';
    height: 20px;
    width: 20px;
    background-color: #3B73AF;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
  
    margin-right: 3px;
}
.icon-btn {
    height: 16px;
    width: 16px;
    background-position: 0px -16px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.icon-btn.icon-btn-plus {
    background-image: url(../images/icons/add_only.png);
}
.icon-btn.icon-btn-suppr {
    background-image: url(../images/icons/suppr_only.png);
}

.icon-btn.icon-btn-return {
    background-image: url(../images/icons/return.png);
}

.icon-btn.icon-btn-update {
    background-image: url(../images/icons/update.png);
}

.icon-btn.icon-btn-select {
    background-image: url(../images/icons/select_only.png);
}

.icon-btn.icon-btn-refresh {
    background-image: url(../images/icons/refresh_only.png);
}

.icon-btn.icon-btn-mail {
    background-image: url(../images/icons/mail_only.png);
}

.icon-btn.icon-btn-pdf {
    background-image: url(../images/icons/pdf.png);
}


.icon-btn.icon-btn-flux {
    background-image: url(../images/icons/arrowflux.png);
    
}

.icon-btn.icon-btn-tracking {
    background-image: url(../images/icons/marker_lgrey.png);
}

.icon-btn.icon-btn-flux.flux-down {
    background-position: 0px -16px;
}

.icon-btn.icon-btn-plus:hover {
    background-position: 0px 0px;
}

.icon-btn.icon-btn-print {
    background-image: url(../images/icons/print_only.png);
}

.icon-btn.icon-btn-csv {
    background-image: url(../images/icons/csv_only.png);
}

.icon-btn.icon-btn-file {
    background-image: url(../images/icons/file_only.png);
}

.icon-btn.icon-btn-view {
    background-image: url(../images/icons/view_only.png);
}

.icon-btn.icon-btn-trash {
    background-image: url(../images/icons/trash_only.png);
}
.icon-btn.icon-btn-truck {
    background-image: url(../images/icons/icon_truck_aff.png);
}

.icon-btn.icon-btn-edit {
    background-image: url(../images/icons/edit_simple.png);
}

/* Icônes "tableau" */

.hastable .wrap_td .icon_alert_little,
#tableForm.tableForm .icon_alert_little {
    display: inline-block;
    height: 14px;
    width: 14px;

    position: relative;
    top: 2px;
    left: 0px;

    background: url(../images/icons/alerte_error_14.png) center no-repeat;
}

#tableForm.tableForm .icon_alert_little {
    top: 1px;
}

/* Fin icônes "tableau" */

.hastable {
    position: relative;
    top: 0px;
    left: 0px;
}

.hastable.table_only {
    border-top: solid 1px #DDD;
    margin-top: 10px;
}

.hastable .ajax_loader {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 1001;
    background: url(../images/ajax-loader.gif) center no-repeat;
}

.hastable .ajax_loader.bg_loader {
    background: white;
    z-index: 1000;
    opacity: 0.5;
}

.hastable .ajax_loader.active {
    display: block;
}
#ajax_loader_temp{
    position: absolute;
    top: 0px;
    left: 0px;
    
    z-index: 1001;
    background: rgba(255,255,255,0.5) url(../images/ajax-loader.gif) center no-repeat;
    
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
}

/* Mise en forme sous-menu */
.wrap_menu_admin {
    padding: 6px 10px 3px;
    background: #eee;
    border-bottom: 1px solid #999;
}

.wrap_menu_admin .menu_admin li {
    float: left;
    margin: 0 8px 3px 0;
}

.wrap_menu_admin .menu_admin li a {
    display: block;
    height: 24px;
    border: solid 1px #AAA;
    background: #FFF;
    color: #7b7b7b;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wrap_menu_admin .menu_admin li a:hover {
    color: #5b5b5b;
    border-color: #888;
}

.wrap_menu_admin .menu_admin li a.active,
.wrap_menu_admin .menu_admin li a.active:hover {
    background-color: #ee1b2d;
    border-color: #ee1b2d;
    color: white;
}

/* Formulaire */

table.tableForm>tbody>tr>td.label.with_lang label {
    margin-top: 55px;
}

table.tableForm .wrap_fancy {
    position: relative;
    top: 0px;
    left: 0px;
}

a.ajax_fancy,
a.link_op {
    display: block;
    height: 16px;
    width: 16px;
    background-position: 0px -16px;
    background-repeat: no-repeat;
    background-image: url(../images/icons/select_only.png);
    cursor: pointer;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    right: 0px;
}

a.ajax_fancy:hover,
a.link_op:hover {
    background-position: 0px 0px;
}

a.link_op {
    background-image: url(../images/icons/view_only.png);
    right: 17px;
    display: none;
}

a.link_op.link_on {
    display: block;
}

.wrap_fancy.select_creneau input.text,
.wrap_fancy.select_creneau input.text.full {
    background-image: url(../images/form/creneau.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    width: 125px;
}

.wrap_fancy.select_creneau a.ajax_fancy,
.wrap_fancy.select_creneau a.link_op {
    display: none;
}

/* Footer */
.footer {
    padding-left: 9px;

    border-top: solid 2px #ee1b2d;
    font-size: 10px;
    height: 29px;
    line-height: 29px;
    color: #cccccc;

    background: #1c1c1c;
    min-width: 1135px;
    display:flex;
    justify-content:space-between;
}
.footer>div:first-child{
    text-align:left;
}
.footer>div:last-child{
    text-align:right;
}

.footer a {
    color: #cccccc;
    text-decoration: none;
}

.footer a:hover {
    color: #cccccc;
    text-decoration: underline;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.ui-datepicker td span, .ui-datepicker td a {
    padding: 3px !important;
    text-align: center;
}

#page-header, #page-header #page-header-wrapper, #page-header #page-header-wrapper #navigation {
    z-index: 10 !important;
}

.alert_bloc {
    border: solid 1px #D7CFC3;
    border-bottom: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 15px;
}
.alert_bloc .alerte_title {
    font-weight: bold;
    color: #B50007;
    font-size: 13px;
    background-color: #F9E5E6;
    padding: 7px 15px 9px 15px;
    border-bottom: solid 1px #D7CFC3;
    cursor: pointer;
}

.alert_bloc .alerte_show {
    display: none;
}

.alert_bloc .alerte_liste {
    padding: 0 7px;
}

.alert_bloc .alerte {
    padding-left: 56px;
    padding: 0px;
    position: relative;
}

.alert_bloc .alerte .response-msg-in {
    position: relative;
    padding: 9px 10px 7px 56px;
    z-index: 1;
}

.alert_bloc .alerte .response-msg-in.has_link,
.alert_bloc .alerte.has_link {
    cursor: pointer;
}

.alert_bloc .alerte .cancel{
    cursor: pointer;
    background: url("../images/uploadify/cancel.png") no-repeat center;
    width: 16px;
    height: 26px;
    position: absolute;
    top: 0px;
    right: 5px;
    display: block;
    z-index: 2;
}

.alert_bloc .alerte.notice {
    background-image: url("../images/icons/alerte_caution.png");
}

.alert_bloc .alerte.error {
    background-image: url("../images/icons/alerte_error.png");
}

.alert_bloc .wrap_pager {
    line-height: 32px;
    border-bottom: solid 1px #D7CFC3;
}

.alert_bloc .wrap_pager .alerte_loading {
    display: none;
    height: 24px;
    margin-left: 10px;
    position: relative;
    top: -4px;
    width: 24px;
}

.alert_bloc .wrap_pager a.float-right {
    margin-right: 10px;
}

.alert_bloc .pager {
    height: 32px;
    margin: auto;
    position: static !important;
    text-align: left;
    width: auto;
    display: inline-block;
    border-right: 1px solid #D7CFC3;
}

.alert_bloc .pager .pager_btn.pager_next,
.alert_bloc .pager .pager_btn.pager_prev {
    border: 0px;
}

.checkbox_img {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url("../images/icons/checkbox.png") bottom left no-repeat;
}

.checkbox_img.checkbox_on {
    background: url("../images/icons/checkbox.png") top left no-repeat;
}
.checkbox_choice_classic{
    cursor:pointer;
}
.checkbox_choice_classic.checkbox_on{
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
    background-image:none;
    font-weight:bold;

}
.checkbox_choice {
    cursor: pointer;
    position: relative;
    /*left: 3px;
    top: -4px;*/
    
    margin-right:3px;
}
.width_30~.checkbox_choice{
    min-width:30px;
}

/* Pop-up modif */
.bg_form_modif {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: black;
	z-index: 100001;
	opacity: 0.8;
	display: none;
}

.wrap_form_modif {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100001;
	display: none;
}

#bg_form_modif_under.bg_form_modif {
	z-index: 4000;
}

#wrap_form_modif_under.wrap_form_modif {
	z-index: 4001;
}

.wrap_form_modif .form_modif_ajax {
	width: 900px;
	margin: auto;
	background: white;
	border: solid 2px #222;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 20px;
	
	position: relative;
	top: 0px;
	left: 0px;
}

.wrap_form_modif .form_modif_ajax#mini_form_modif_ajax,
.wrap_form_modif .form_modif_ajax.mini_form_modif_ajax{
	width: 40%;
}
.wrap_form_modif .form_modif_ajax#medium_form_modif_ajax,
.wrap_form_modif .form_modif_ajax.medium_form_modif_ajax{
	width: 40%;
}
.wrap_form_modif .form_modif_ajax#mini_form_modif_ajax tr td:first-child,
.wrap_form_modif .form_modif_ajax.mini_form_modif_ajax tr td:first-child{
    width:50%;
}

.wrap_form_modif .form_modif_ajax#large_form_modif_ajax,
.wrap_form_modif .form_modif_ajax.large_form_modif_ajax {
	width: 80%;
}

.wrap_form_modif .form_modif_ajax#very_large_form_modif_ajax,
.wrap_form_modif .form_modif_ajax.very_large_form_modif_ajax {
    min-width: 1470px;
}

.wrap_form_modif .form_modif_ajax#medium_form_modif_ajax tr td,
.wrap_form_modif .form_modif_ajax.medium_form_modif_ajax tr td{
    width:25%
}
.wrap_form_modif .form_modif_ajax .title,
#form_planning_ajax .title {
	font-size: 15px;
	font-weight: bold;
}

.wrap_form_modif .form_modif_ajax .title_center,
#form_planning_ajax .title_center {
	font-size: 15px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: center;
	padding-top: 10px;
}

.wrap_form_modif #form_modif_semaine {
	width: 1020px;
}

#form_planning_ajax table.tableForm.tableFancy {
	min-width: 970px;
}

.wrap_form_modif #form_modif_semaine td.td_day,
#form_planning_ajax td.td_day {
	border: solid 1px #CCC;
	border-bottom: none;
	width: 85px;
	padding-right: 10px;
	background-color: #FAFAFA;
}

.wrap_form_modif #form_modif_semaine tr td.td_form,
#form_planning_ajax tr td.td_form {
	border: solid 1px #CCC;
	border-left: none;
	border-bottom: none;
	padding: 0 0 0 10px !important;
}

.wrap_form_modif #form_modif_semaine table.aff_week tr td.td_form,
#form_planning_ajax table.aff_week tr td.td_form {
	border-top: none;
}

.wrap_form_modif #form_modif_semaine table.aff_week tr.first td.td_form,
#form_planning_ajax table.aff_week tr.first td.td_form {
	border-top: solid 1px #CCC;
}

.wrap_form_modif #form_modif_semaine table.aff_day tr td.td_form.day_empty,
#form_planning_ajax table.aff_day tr td.td_form.day_empty {
	background: #ebf0f5;
}

.wrap_form_modif #form_modif_semaine table.aff_day tr td.td_form.day_empty .aff_edit,
#form_planning_ajax table.aff_day tr td.td_form.day_empty .aff_edit {
	display: none;
}

.wrap_form_modif #form_modif_semaine tr.last td.td_day,
.wrap_form_modif #form_modif_semaine tr.last td.td_form,
#form_planning_ajax tr.last td.td_day,
#form_planning_ajax tr.last td.td_form {
	border-bottom: solid 1px #CCC;
}

.wrap_form_modif #form_modif_semaine .aff_cancel,
#form_planning_ajax .aff_cancel {
	padding: 6px 0;
}

.wrap_form_modif #form_modif_semaine td,
.wrap_form_modif #form_modif_semaine td input, 
.wrap_form_modif #form_modif_semaine td label,
#form_planning_ajax td,
#form_planning_ajax td input, 
#form_planning_ajax td label {
	vertical-align: middle;
}

.wrap_form_modif #form_modif_semaine td label,
#form_planning_ajax td label {
	font-weight: bold;
}

.wrap_form_modif #form_modif_semaine td .row_fancy label,
#form_planning_ajax td .row_fancy label {
	/*width: 70px;*/
	display: inline-block;
	font-weight: normal;
}

.wrap_form_modif #form_modif_semaine td .row_fancy label,
#form_planning_ajax td .row_fancy label {
	display: block;
	margin-bottom: 2px;
}

.wrap_form_modif #form_modif_semaine td .row_fancy .wrap_fancy,
#form_planning_ajax td .row_fancy .wrap_fancy {
	display: inline-block;
	margin-bottom: 2px;
}

.wrap_form_modif #form_modif_semaine td .row_fancy input,
#form_planning_ajax td .row_fancy input {
	margin-bottom: 2px;
	text-transform: uppercase;
}

.wrap_form_modif #form_modif_semaine td .row_fancy input.small,
#form_planning_ajax td .row_fancy input.small {
	width: 34px;
}

.wrap_form_modif #form_modif_semaine td .ajax_input,
#form_planning_ajax td .ajax_input {
	width: 170px;
}

.wrap_form_modif  #form_modif_semaine td .aff_cancel label,
#form_planning_ajax td .aff_cancel label {
	font-weight: normal;
}

.wrap_form_modif  #form_modif_semaine td .aff_cancel input,
#form_planning_ajax td .aff_cancel input {
	margin-left: 10px;
    width: 80%;
}

.wrap_form_modif #form_modif_semaine #type_modif {
	margin-bottom: 10px;
}

.wrap_form_modif #form_modif_semaine table.aff_edit {
	width: 100%;
	padding-right: 10px;
}

.wrap_form_modif #form_modif_semaine table.aff_edit tr td {
	padding-right: 8px;
}

.wrap_form_modif #form_modif_semaine table.aff_edit tr td:last-child {
	padding-right: 0px;
}

.wrap_form_modif #form_modif_semaine .wrap_buttons {
	padding: 10px 0 0 0 !important;
}

/* Bloc scan */

.form_file {
    padding: 10px 20px;
}

.form_file table {
    border: 2px dotted #CCC;
}

.scan_block {
    position: relative;
    top: 10px;
    left: 0px;
    background-color: #F0F0F0;
    padding: 10px 0;
    margin: 0px 20px 20px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.scan_block  table tr td{
    padding: 0 !important;
    margin: 0 !important;
}

.scan_block button {
    color: #1D7500;
    margin-left: 10px;
}

.scan_block button.scan_full {
    color: #FE8E14;
}

.scan_block .td_input {
    min-width: 270px;
}

.scan_block .td_label {
    width: 230px;
}

.scan_block label {
    width: 230px;
    color: #3B3B3B;
    font-weight: bold;
    text-align: right;
    padding: 0;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

.scan_block input {
    vertical-align: middle;
    width: 240px;
    margin: 5px 10px 5px 20px;
}

#wrap_scan .ds-dwt-container-box {
    display: none;
}

#plugin_scan_alert,
#plugin_scan_ie {
    font-size: 14px;
    line-height: 17px;
}

#plugin_scan_alert a {
    font-weight: bold;
    color: #225e78;
}

#plugin_scan_alert a:hover {
    text-decoration: underline;
}

.scan_lite.scan_form,
.scan_full.scan_form {
    text-indent: -9999px;
    width: 32px;
    height: 16px;
    background: url('../images/icons/scanner.png') top left no-repeat transparent;
    border: none;
    margin: 7px 0 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.scan_full.scan_form {
    background: url('../images/icons/scanner_more.png') top left no-repeat transparent;
}

/* Fin bloc scan */

/* ContextMenu */

.context-menu-list {
    width: 120px;
    min-width: 120px;
}

#jqContextMenu li,
#jqContextMenu li div,
#jqContextMenu li img {
    vertical-align: middle;
}

#jqContextMenu .view_iconCM {
    background: url(../images/icons/view_only.png) top left no-repeat;
    display:inline-block;
    width: 16px;
    height: 16px;
}

#jqContextMenu .view_genCom {
    background: url(../images/icons/gen_com.png) top left no-repeat;
    display:inline-block;
    width: 16px;
    height: 16px;
}

/* Fin ContextMenu */

/* Filtre range */

.hastable .table_filters .has_slider {
    width: 100px;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    top: 1px;
    left: 2px;
}

.hastable .table_filters .has_slider.ui-slider-horizontal .ui-slider-range  {
    height: auto;
    margin: 0;
}

.hastable .table_filters .has_slider.ui-slider-horizontal .ui-widget-header {
    padding: 5px 0px;
    background: orange;
}

.hastable .table_filters .has_slider.ui-slider-horizontal,
.hastable .table_filters .has_slider.ui-slider-horizontal .ui-state-default {
    border: solid 1px #CCC;
}

.hastable .table_filters .range_txt {
    margin: 0 30px 0 5px;
    font-weight: bold;
    display: inline-block;
}

/* Fin filtre range */

/* Fixer table colonnes */

.planning.hastable .table_filters {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 61;
}

#wrap_div_left {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 39;
}

#wrap_div_left .row_tri {
    padding-bottom: 4px;
}

#wrap_div_left .row_tri:first-child div {
    background-image: url(../images/planning/td_shadow.png);
    background-position: 0 -3px;
    background-repeat: repeat-x;
}

#wrap_div_left .row_tri:last-child {
    padding: 0px;
    border: none;
}

#wrap_div_left .row_tri div a {
    vertical-align: middle;
}

#wrap_div_left .row_tri div {
    display: table-cell;
    text-align: center;
    height: auto;
    vertical-align: middle;
    border-top: 1px solid #ADADAD;
}

#wrap_div_left .row_tri div span.sub_div {
    display: block;
    padding-bottom: 5px;
}

#wrap_div_left .row_tri div span.sub_div:last-child {
    padding-top: 5px;
    padding-bottom: 0px;
}

#wrap_div_left .row_tri div.last {
    border-right: none;
}

#wrap_div_head {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    overflow: hidden;
    z-index: 40;

    border-top: solid 1px #c5c5c5;
    border-bottom: solid 1px #adadad;
}

#wrap_div_head_left {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 41;
}

#div_head {
    position:absolute;
    top:0;
}
#div_head .div_head_top_td,
#div_head .div_head_bottom_td,
#div_head .div_head_bottom_column {
    float:left;
    text-shadow:0 1px 0 #ffffff;
}
#div_head #div_head_bottom {
    clear:both;
}
.hastable{
    max-height: 100%;
    display: flex;
    flex-direction: column;
}
.hastable thead td.td_month,
#div_head #div_head_top .td_month {
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #CCCCCC;
}

.hastable thead td.month_empty,
#div_head_left #div_head_left_top div.month_empty {
    border: none;
    border-bottom: 1px solid #AAAAAA;
}

#div_head #div_head_top .td_month,
#div_head_left #div_head_left_top div.month_empty {
    text-shadow: 0 1px 0 #FFFFFF;
    border-right: 1px solid #E4E4E4;
    color: #3B3B3B;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    background: url("../images/table/bg_thead.png") repeat-x bottom left;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
}

/* Fin table colonnes */

/* Formulaire selection pages impression */

#wrap_form_modif #form_imprim_page {
    width: 400px;
    padding: 20px 25px;
    font-size: 13px;
    text-align: center;
}

#wrap_form_modif #form_imprim_page input {
    width: 40px;
    margin: 0 5px;
    text-align: center;
    text-indent: 0;
}

#wrap_form_modif #form_imprim_page button {
    height: 26px;
    vertical-align: top;
    width: 40px;
    line-height: 10px;
    margin-left: 5px;
    color: green;
}

#wrap_form_modif #form_imprim_page button.unactive {
    opacity: 0.6;
    color: grey;
    cursor: default;
}

#wrap_form_modif #form_imprim_page button.unactive.ui-state-hover {
    background: none;
    border: 1px solid #DDDDDD;
}

#wrap_form_modif #form_imprim_page .response-msg {
    margin: 15px 0 0 0;
}

/* Fin formulaire selection pages impression */

/* Champs tableau lite */
.wrap_table .field_table_lite {
    display: inline-block;
    padding: 2px;
    margin: 4px 0 0 0;
    height: 16px;
    vertical-align: top;
    width: 50px;
    text-align: center;
    background: transparent;
    border: 1px solid #AAA;
}
.wrap_table select{
    font-size:10px;
}
.wrap_table .field_table_lite.small {
    width: 20px;
}

.wrap_table .field_table_lite.large {
    width: 90%;
}

.wrap_table .field_table_lite.success_field {
    background: none repeat scroll 0 0 rgb(203, 242, 199);
    border: solid 1px rgb(74, 247, 54);
}

.wrap_table .field_table_lite.error {
    background: none repeat scroll 0 0 rgb(249, 229, 230);
    border: solid 1px rgb(181, 0, 7);
}

.wrap_table span.error {
    color: red;
    font-weight: bold;
}
/* Fin champs tableau lite */

/* Infobulle */

.has_infobulle {
    display: inline-block;
    /*position: relative;*/
    top: 0px;
    left: 0px;
}
tr.error_import .wrap_td{
    border-color:#885555;
}
tr.error_import .has_infobulle{
    width:100%;
    height:100%;
    background:#ffeeee;
    border-color:red !important;
    
}
td.has_infobulle {
    display: table-cell;
}

.infobulle {
    display: none;

    position: absolute;
    top: 0px;
    left: 0px;

    z-index: 999999;

    width: 220px;
    border: solid 1px #FFA72E;
    background: #FFE2BA;
    color: #111;
    font-size: 12px;

    padding: 9px 10px 10px 10px;
    border: 2px solid #ccc;
    opacity: 0.9;

    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;

    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.infobulle:before,
.infobulle:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}

.infobulle.td_infobulle:before,
.infobulle.td_infobulle:after {
    left: auto;
    right: 19px;
}

.infobulle:before {
    border-top-color: #ccc;
    bottom: -8px;
}

.infobulle.orange {
    border-color: #FFA72E;
    background-color: #FFE2BA;
}

.infobulle.orange:before {
    border-top-color: #FFA72E;
}

.infobulle.orange:after {
    border-top-color: #FFE2BA;
}

.infobulle.green {
    border-color: #30D130;
    background-color: #BDFFBD;
}

.infobulle.green:before {
    border-top-color: #30D130;
}

.infobulle.green:after {
    border-top-color: #BDFFBD;
}

.infobulle.red {
    border-color: #D13030;
    background-color: #FFBDBD;
}

.infobulle.red:before {
    border-top-color: #D13030;
}

.infobulle.red:after {
    border-top-color: #FFBDBD;
}

.infobulle.blue {
    border-color: #458CFF;
    background-color: #ADCDFF;
}
.has_infobulle.blue {
    color:#458CFF;
}
.infobulle.blue:before {
    border-top-color: #458CFF;
}

.infobulle.blue:after {
    border-top-color: #ADCDFF;
}

.infobulle .title {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    margin: 0 0 2px 0;
    padding: 0;
}

.infobulle .label {
    display: inline-block;
    width: 120px;
}

/* Fin infobulle */

/* Liens style "bouton" */

.btn_link, .btn_link:link, .btn_link:visited {
    background-color: #8ac007;
    border: 1px solid #8ac007;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.btn_link:hover {
    cursor: pointer;
}
.btn_link:hover, .btn_link:active {
    background-color: #ffffff;
    color: #8ac007;
}

.btn_link.blue, .btn_link.blue:link, .btn_link.blue:visited {
    background-color: #0C68C4;
    border: 1px solid #0C68C4;
}
.btn_link.blue:hover, .btn_link.blue:active {
    background-color: #ffffff;
    color: #0C68C4;
}

.btn_link.purple, .btn_link.purple:link, .btn_link.purple:visited {
    background-color: #D400AD;
    border: 1px solid #D400AD;
}
.btn_link.purple:hover, .btn_link.purple:active {
    background-color: #ffffff;
    color: #D400AD;
}

.btn_link.orange, .btn_link.orange:link, .btn_link.orange:visited {
    background-color: #ee1b2d;
    border: 1px solid #ee1b2d;
}
.btn_link.orange:hover, .btn_link.orange:active {
    background-color: #ffffff;
    color: #ee1b2d;
}

/* Fin liens style "bouton" */

/* Correction span chrome */

form td span.checkbox_img {
    position: static;
    vertical-align: top;
}


form td span.checkbox_choice {
    vertical-align: top;

    position: static;
    top: 0px;
    left: 0px;

    display: inline-block;
    padding-top: 4px;
    padding-left: 3px;
}

/* Fin correction span chrome */

/* Renvoi de SMS */
a.sms_resend {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/repeat.png) center center no-repeat;
    vertical-align: middle;
    margin: 0 5px;
}
/* /Renvoi de SMS */

/* Scan load */

.backdrop {
    position: fixed;
    background: rgba(0,0,0,0.1);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -99999999;
}

.ds-dialog-wrap{
    position : fixed;
    left : 19px;
    top : 45%;
    width : 100%;
}

/* Fin scan load */

/* GMap */

.wrap_gmap .no_content {
    text-align: center;
    color: #3B3B3B;
    font-size: 20px;
}

/* Fin GMap */

/* Périodes horaires / Références supplémentaires */

.row_hour_day {
    color: #404040;
    font-weight: bold;
    margin: 5px 0;
}

.wrap_ref_sup .row_ref_sup {
    margin-top: 5px;
}

.wrap_ref_sup .row_ref_sup:first-child {
    margin-top: 0px;
}

.row_hour_day input {
    width: 30px;
    text-align: center;
    margin: 0 4px;
    text-indent: 0px;
}

.row_ref_sup input {
    margin: 0 10px 0 0;
    width: 170px;
}

.row_hour_day span.center {
    margin: 0 2px;
}

.row_hour_day input.first {
    margin-left: 0;
}

.row_hour_day input.last {
    margin-right: 10px;
}

.row_hour_day button,
.row_ref_sup button {
    border: none;
    padding: 0;
    margin: 6px 0 0 1px;

    height: 16px;
    width: 16px;
    cursor: pointer;

    vertical-align: top;
}

.row_hour_day button.btn_add,
.row_ref_sup button.btn_add {
    background: url(../images/icons/add_color.png) center no-repeat;
}
.create_tracking{
    border: none;
    display:inline-block;
    padding: 0;
    margin: 0px 0 0 5px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    vertical-align: middle;
    background: url(../images/icons/add_color.png) center no-repeat;
}

.row_hour_day button.btn_remove,
.row_ref_sup button.btn_remove {
    background: url(../images/icons/remove_color.png) center no-repeat;
}

/* Fin périodes horaires / Références supplémentaires */

/* Affichage du suivi commande */

span.marker,
table.tableForm td span.marker {
    display: inline-block;
    background: url(../images/icons/marker_grey.png) no-repeat center;
    width: 12px;
    height: 15px;

    position: relative;
    top: 3px;
    left: 0px;
}

span.marker.marker_green,
table.tableForm td span.marker.marker_green {
    background-image: url(../images/icons/marker_green.png);
}

span.show_tracking {
    cursor: pointer;
}

#wrap_form_modif #popup_tracking.form_modif_ajax {
    width: 835px;
    padding: 27px 50px 25px 60px;
    color: #3b3b3b;
}

#wrap_form_modif #popup_tracking.form_modif_ajax.without_com {
    width: 575px;
}

#popup_tracking .title_tracking {
    font-size: 29px;
    font-weight: bold;
    margin: 0 0 7px 0;
    padding: 0;
    line-height: normal;
}

#popup_tracking .subtitle_tracking {
    font-size: 22px;
    margin: 0;
    padding: 0;
    line-height: normal;
}

#popup_tracking .subtitle_tracking .subtitle_arrow {
    display: inline-block;
    width: 26px;
    height: 18px;
    margin: 0 11px 0 13px;

    background: url(../images/tracking/arrow.png) center no-repeat;
}

#popup_tracking .wrap_items_tracking .item_tracking {
    height: 120px;
}

#popup_tracking .wrap_items_tracking .item_tracking .icon_item {
    vertical-align: top;

    display: inline-block;
    width: 130px;
    height: 35px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 85px;

    background-position: top 35px center;
    background-repeat: no-repeat;
}

#popup_tracking .wrap_items_tracking .item_tracking.item_arrexpe .icon_item {
    background-image: url(../images/tracking/icon_arrexpe.png);
}

#popup_tracking .wrap_items_tracking .item_tracking.item_depexpe .icon_item {
    background-image: url(../images/tracking/icon_depexpe.png);
}

#popup_tracking .wrap_items_tracking .item_tracking.item_arrdest .icon_item {
    background-image: url(../images/tracking/icon_arrdest.png);
}

#popup_tracking .wrap_items_tracking .item_tracking.item_depdest .icon_item {
    background-image: url(../images/tracking/icon_depdest.png);
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_icon_check {
    margin: 0 21px 0 15px;
    vertical-align: top;

    display: inline-block;
    width: 55px;
    height: 120px;
    background: url(../images/tracking/barr_grey.png) top center no-repeat;
}


#popup_tracking .wrap_items_tracking .item_tracking .wrap_icon_check.check_valid {
    background-image: url(../images/tracking/barr_green.png);
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_icon_check.check_alert {
    background-image: url(../images/tracking/barr_orange.png);
}

#popup_tracking .wrap_items_tracking .item_tracking:first-child .wrap_icon_check {
    background-position: top 60px center;
}

#popup_tracking .wrap_items_tracking .item_tracking:last-child .wrap_icon_check {
    background-position: bottom 60px center;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_icon_check .icon_check {
    background: url(../images/tracking/icon_check_no.png) center no-repeat;
    width: 55px;
    height: 54px;
    margin-top: 33px;
}

#popup_tracking .wrap_items_tracking.mode_edit .item_tracking .wrap_icon_check .icon_check {
    cursor: pointer;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_icon_check.check_valid .icon_check {
    background-image: url(../images/tracking/icon_check_valid.png);
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_icon_check.check_alert .icon_check {
    background-image: url(../images/tracking/icon_check_alert.png);
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos {
    vertical-align: top;
    display: inline-block;

    padding-top: 36px;
    height: 84px;
    width: 340px;

    font-size: 14px;
    line-height: 24px;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .label {
    width: 115px;
    display: inline-block;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info {
    font-weight: bold;
    display: inline;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info.info_ok {
    color: #41a435;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info.info_alert {
    color: #ea8313;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info .div_creneau_txt,
#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info .div_creneau_input {
    display: inline;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info .div_creneau_input {
    color: #3b3b3b;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info .div_creneau_txt .edit_item_btn {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;

    margin: 0 0 0 5px;
    position: relative;
    top: 2px;
    left: 0px;

    background: url(../images/tracking/icon_pencil.png) center no-repeat;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info .select {
    height: 24px;
    padding: 0;
    margin: 0;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_infos .item_info .info .input_date {
    height: 12px;
}

#popup_tracking .wrap_buttons {
    text-align: center;
    margin: 5px 0 0 0;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_item_commentaire {
    vertical-align: top;
    display: inline-block;

    padding-top: 21px;
    height: 99px;
    width: 260px;

    margin-left: 10px;

    font-size: 14px;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_item_commentaire textarea.textarea {
    padding: 3px 7px;

    width: 250px;
    max-width: 250px;
    min-width: 250px;

    height: 74px;
    max-height: 74px;
    min-height: 74px;

    font-size: 14px;
}

#popup_tracking .wrap_items_tracking .item_tracking .wrap_item_commentaire div.item_commentaire {
    padding: 5px 7px;

    width: 250px;
    height: 70px;
    overflow: auto;

    background: #ffe9d1;
    border: solid 1px #ff921c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    font-size: 14px;
}

/* Fin affichage du suivi commande */

/* Gestion des champs importés (Import) */

.wrap_import_fields {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.wrap_import_fields .wrap_fields_in,
.wrap_import_fields .wrap_fields_out {
    display: inline-block;
    vertical-align: top;
}

.wrap_import_fields .wrap_fields_in {
    margin-right: 20px;
}

.wrap_import_fields .wrap_fields_in p.title_fields,
.wrap_import_fields .wrap_fields_out p.title_fields {
    margin: 0 0 2px 0;
    padding: 0;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    color: #404040;
}

.wrap_import_fields .wrap_fields_in p.title_fields {
    color: #1D8396;
}

.wrap_import_fields .wrap_fields_in .fields_in,
.wrap_import_fields .wrap_fields_out .fields_out {
    width: 270px;

    border: solid 2px #999;
    background: #EEE;

    min-height: 240px;
    overflow: auto;
}

.wrap_import_fields .wrap_fields_in .fields_in {
    background: #EBF5F7;
    border-color: #399AAD;
}

.wrap_import_fields .wrap_fields_in .fields_in.is_droppable,
.wrap_import_fields .wrap_fields_out .fields_out.is_droppable {
    background: #FFF;
    padding: 0px;
    border-style: dashed;
    border-width: 2px;
}

.wrap_import_fields li.import_field {
    padding: 5px 10px;
    margin: 6px;
    border: solid 1px #AAA;
    background: #FFF;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    list-style: none;
}

.wrap_import_fields.with_edit li.import_field {
    cursor: pointer;
}

.wrap_import_fields li.import_field.error {
    border-color: red;
}

.wrap_import_fields li.import_field .nb_item {
    font-weight: bold;
}

.wrap_import_fields ul li.import_field.import_field_temp {
    background: #53d454;
    border-color: #53d454;
}

.wrap_import_fields li.import_field.is_drag {
    z-index: 10;
}

.wrap_import_fields li.import_field.grey {
    background: #BBB;
    color: white;
    font-weight: bold;
}

.wrap_import_fields li.import_field.purple {
    background: #D7BFFF;
}

.wrap_import_fields li.import_field.orange {
    background: #FFE3B3;
}

.wrap_import_fields li.import_field.blue {
    background: #B3E4FF;
}

.wrap_import_fields li.import_field.yellow {
    background: #FFFC9C;
}

.wrap_import_fields li.import_field .required,
.wrap_import_fields li.import_field .nb_next_item {
    float: none;
    margin: 0;
    color: #000;
}

.wrap_import_fields li.is_drag:hover {
    border-color: #666;
}

/* Fin gestion des champs importés (Import) */

/* Dashboard */

#dashboard {
    width: 800px;
    margin: 45px auto 30px auto;
}

#dashboard  #zone_Entites {
    width: 100%;
    height: 115px;
}

#dashboard  #zone_Entites .wrap_logo {
    float: left;
    height: 103px;
    background: #FFF;

    padding: 5px 10px;
    border: solid 1px #999;
}

#dashboard  #zone_Entites .wrap_infos {
    position: relative;
    top: 0px;
    left: 0px;

    float: right;
    height: 95px;
    width: 500px;
    padding: 11px 27px 9px 27px;

    background: #d92f3b;
    color: white;
    font-size: 16px;
    line-height: 20px;
}

#dashboard  #zone_Entites.without_logo .wrap_infos {
    width: 746px;
}

#dashboard  #zone_Entites .wrap_infos .btn_edit {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;

    width: 36px;
    height: 34px;
    background: url(../images/dashboard/icon_edit.png) top right no-repeat;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
}

#dashboard  #zone_Entites .wrap_infos .btn_edit:hover {
    background-position: top -34px right;
}

#dashboard  #zone_Entites .wrap_infos .raisonsoc {
    padding: 0;
    margin: 0 0 5px 0;

    font-size: 22px;
    line-height: normal;
}

#dashboard #zone_btn {
    padding: 24px 0 28px 0;
    height: 215px;
}

#dashboard #zone_btn .wrap_item {
    float: left;
    height: 215px;
    width: 236px;
    padding: 0 9px;
    margin-right: 19px;
    background: #EEE;
}

#dashboard #zone_btn .wrap_item:last-child {
    margin-right: 0;
}

#dashboard #zone_btn .wrap_item.wrap_commandes {
    background: #ee1b2d;
}

#dashboard #zone_btn .wrap_item.wrap_planning,
#dashboard #zone_btn .wrap_item.wrap_parametrage {
    background: #eda128;
}

#dashboard #zone_btn .wrap_item.wrap_Entites {
    background: #2fa4d8;
}

#dashboard #zone_btn .wrap_item h2 {
    color: #FFF;
    text-indent: 8px;
    font-size: 25px;
    height: 48px;
    line-height: 48px;
    padding: 9px 0 11px 0;
}

#dashboard #zone_btn .wrap_item.wrap_commandes h2 {
    background: url(../images/dashboard/icon_commandes.png) top 10px right 1px no-repeat;
}

#dashboard #zone_btn .wrap_item.wrap_planning h2 {
    background: url(../images/dashboard/icon_planning.png) top 13px right 5px no-repeat;
}

#dashboard #zone_btn .wrap_item.wrap_parametrage h2 {
    background: url(../images/dashboard/icon_parametrage.png) center right 3px no-repeat;
}

#dashboard #zone_btn .wrap_item.wrap_Entites h2 {
    background: url(../images/dashboard/icon_Entites.png) center right no-repeat;
}

#dashboard #zone_btn .wrap_item li {
    list-style: none;
}

#dashboard #zone_btn .wrap_item li a {
    color: #444444;
    font-size: 17px;
    text-indent: 11px;

    background: url(../images/dashboard/btn_li.png) top right no-repeat #FFF;
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin-bottom: 10px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#dashboard #zone_btn .wrap_item li a.no_link {
    background-image: none;
    cursor: default;
}

#dashboard #zone_btn .wrap_item li a.link_active {
    color: #d40000;
}

#dashboard #zone_btn .wrap_item.wrap_commandes li a {
    background-position: top -76px right;
}

#dashboard #zone_btn .wrap_item.wrap_planning li a,
#dashboard #zone_btn .wrap_item.wrap_parametrage li a {
    background-position: top -114px right;
}

#dashboard #zone_btn .wrap_item.wrap_Entites li a {
    background-position: top -152px right;
}

#dashboard #zone_btn .wrap_item.wrap_commandes li a.link_inactive,
#dashboard #zone_btn .wrap_item.wrap_planning li a.link_inactive,
#dashboard #zone_btn .wrap_item.wrap_parametrage li a.link_inactive,
#dashboard #zone_btn .wrap_item.wrap_Entites li a.link_inactive {
    background-position: top right;
}

#dashboard #zone_btn .wrap_item.wrap_commandes li a:hover,
#dashboard #zone_btn .wrap_item.wrap_planning li a:hover,
#dashboard #zone_btn .wrap_item.wrap_parametrage li a:hover,
#dashboard #zone_btn .wrap_item.wrap_Entites li a:hover {
    background-position: top -38px right;
}

#dashboard #zone_graph {
    height: 240px;
}

#dashboard #zone_graph #chart_nb_com {
    float: left;

    width: 410px;
    height: 240px;
    margin-left: 10px;
}

#dashboard #zone_graph #wrap_chart_planning {
    float: left;

    position: relative; 
    top: 0px;
    left: 0px;

    margin-left: 10px;
    margin-top: 24px;

    width: 365px;
    height: 230px;
}

#dashboard #zone_graph #wrap_chart_planning #chart_planning {
    width: 230px;
    height: 230px;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend {
    position: absolute;
    top: 14px;
    right: 2px;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend.wrap_chart_tps {
    top: 4px;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend {
    background: #e0f4b1;
    border: solid 1px #999;
    padding: 8px 12px;

    font-size: 12px;
    color: #4b4b4b;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend h3 {
    font-weight: bold;
    margin: 0 0 7px 0;
    padding: 0;
    line-height: normal;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p {
    margin: 5px 0 0 0;
    padding: 0;
    line-height: normal;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color {
    display: inline-block;
    margin-right: 5px;
    width: 17px;
    height: 10px;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_a_valider {
    background: #D92F3B;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_booking,
#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_a_expedier {
    background: #206f92;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_prebooking,
#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_en_cours {
    background: #eda128;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_available,
#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .chart_legend p span.color.color_termine {
    background: #ee1b2d;
}

#dashboard #zone_graph #wrap_chart_planning .wrap_chart_legend .select_input {
    text-align: right;
    margin-top: 13px;
}

/* Fin dashboard */

/* Champ picture cut */

#wrap_form_modif #form_picture_cut.form_modif_ajax {
    width: 450px;
    text-align: center;
}

#wrap_form_modif #form_picture_cut.form_modif_ajax .title {
    border-bottom: solid 1px #CCC;
    padding: 10px 0;
    color: #333;
}

#wrap_form_modif #form_picture_cut.form_modif_ajax .has_picture_cut {
    margin: 50px auto 60px auto;
    cursor: pointer;
}

#wrap_form_modif #form_picture_cut.form_modif_ajax .has_picture_cut input {
    cursor: pointer;
}

.tableForm .wrap_img {
    display: block;
    border: 3px dashed #888;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    background: #EDEDED center no-repeat;
    overflow: hidden;

    font-size: 25px;
    color: #cbcbcb;
    cursor: pointer;
    text-align: center;
    /*padding: 3px;*/
}
/* Fin champ picture cut */

/* Page commande */
#ajax_success_commande{
    position: fixed !important;
    top: 10px !important;
    left: 0 !important;
    width: 500px;
    box-sizing: border-box;
    display:none;
    z-index: 1000;
}
#ajax_success_commande .liste_message{
    display:block;
    position:relative;
    margin: 2px 0px 5px 10px;
    
}
#ajax_success_commande .liste_message.new{
    animation: aff_message_commande 1s;
}
@keyframes aff_message_commande {
    0% {opacity: 0;transform:translateX(10px);}
    25% {opacity: 1;color:red;transform:translateX(5px);}
    100% {opacity: 1;color:green;transform:translateX(0px);}
}
#ajax_success_commande .liste_message:before{
    content: '';
    position: absolute;
    top: 3px;
    left: -7px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: green;
}
.formz{
    width: 100%;
    margin: 0;
    padding: 13px 10px;
    box-sizing: border-box;
    
    
    /*overflow: auto;*/
    
}
.formz.formcommande{
    /*height: calc( 100vh - 238px );*/
}


.formz label .labelgreen, .labelgreen{
    color: #ee1b2d;
}
.fagreen{
    color: #ee1b2d !important;
}
.formz block label{
    width: 50%;
    display: inline-block;
    margin: 0 15px 0 5px;
    color: #404040;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
    vertical-align: middle;
    
}
.formz .pourcent100 .tableForm,
.formz .pourcent41 .tableForm,
.formz .pourcent30 .tableForm{
    padding:0;

}
.formz span, .forme span{
    display: inline-block;
    vertical-align: middle;
}

.formz span.nochange {
    font-size: 13px;
    /*margin-bottom: 10px !important;*/
    padding: 5px 0px;
    word-break: break-all;
    
}
.formz span.nochange:after{
    content:'\00a0';
}
.formz #infosarticles:not(.hidden){
    display:flex;
    flex-wrap:wrap;
}
.formz #infosarticles ligne:first-child{
    flex-basis:100%;
}
.formz #infosarticles ligne {
    display:flex;
    flex-basis:25%;
}
.formz #infosarticles ligne.hidden {
    display:none;
}
.formz #infosarticles ligne block{
    white-space:nowrap;
}

.formz #infosarticles block.label{
    text-align:right;
    flex:1;
}
.formz #infosarticles block{
    flex-basis:25%;
}

.div_commande {
    /*border-radius: 5px;
    border: 1px solid #9d9d9d;
    margin: 10px 0 20px 0;
    background-color: #FBFBFB;
    width: auto;
    padding-bottom: 10px;*/
}
#bloc_itineraire:not(.hidden){
    display:flex;
    justify-content:center;
    position:relative;
}
#bloc_go_special,
#bloc_go_special2{
    height:122px;
    /* padding: 8px;*/
}
#bloc_go_special,
#bloc_go_special2,
#bloc_site_special{
   
    position: absolute;
    bottom: 0;
   
}
#bloc_itineraire.for_distributeur>div{
    display:none;
}
#bloc_itineraire.for_distributeur>div#bloc_point_livraison{
    display:block;
}
#bloc_info_nav_detail {
    background:#FBFBFB ;
    padding: 15px;
    margin: 10px;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
}
#bloc_info_nav_detail table tr .detail_nav_site{
    background:#FBFBFB ;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
}

#bloc_info_nav_detail table tr td{
    padding: 15px;
    margin: 10px;
}
ligne.flex{
    display:flex;
}
.flex1{
    flex:1;
    max-width:250px;
}
.flex2{
    flex:2;
    max-width:500px;
}
.flex3{
    flex:3;
    max-width:500px;
}
.pourcent10,
.pourcent45,
.pourcent50,
.pourcent30,
.pourcent33,
.pourcent37,
.pourcent100{
    box-sizing:border-box;
    padding:13px 10px;
}


.pourcent50{
    width: 50%;
    float: left;
}
.pourcent45{
    width: 45%;
    margin: 0%;
    float: left;
}
.pourcent37{
    width: 37.5%;
    float: left;
}
.pourcent10{
    box-sizing:border-box;
    width:100px;
    float: left;
}
.pourcent10 label{
    text-align:center;
    display:block;
}

.pourcent30{
    width: 33.3%;
    margin: 0;
    float: left;    
}.pourcent30_{
    width: 30%;
    margin: 0;
    float: left;    
}
.pourcent33{
    width: 33.3%;
    float: left;
    
}
.pourcent25{
    width: 25%;
    float: left;


}
.pourcent66{
    width: 66.6%;
    float: left;

    
}
.pourcent75{
    width: 75%;
    float: left;

    
}
.pourcent25 label{
    width: 40%;
}

.pourcent25 input{
    width: 55%;
}

.pourcent100{
    width: 100%;
    margin: 0;
    float: left;    
}

.pourcent10 img{
    display: block;
    width: 80px;
    margin: -20px auto 0 auto;
        filter: hue-rotate(-96deg);
}
.tab.div_label{
   margin-top:0;
   margin-bottom:0;
   transform:translateY(-23px);
   border-bottom-left-radius : 0;
   border-bottom-right-radius : 0;
 
}
.div_label.tab{
    cursor:pointer
}
.tab.div_label.on{
      border-bottom-color:transparent;
}
.div_label{
    display: inline-block;
    margin-top: -10px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #404040;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 30px;
    background: #FBFBFB;
    border: solid 1px #636366;
    text-align: center;
    max-width: 100%;
    margin-right: 10px;
    border-radius: 4px;
    font-family: 'Fjalla-Oneo';
}
.in_fieldset h3{font-weight:bold;}
.formz .wrap_fancy {
    position: relative;
    display: inline-block;
    top: 0px;
    left: 0px;
}

block.width_auto{
    width:auto !important;
}

.formz block input.text.full ,
.formz block select.select.full
{
    /*width: inherit;*/
   /* margin-bottom:10px !important;*/
}
.formz block input.text.full.small{
    width:50px;
}
.formz .selectlist 
{
    width: inherit;
    margin-bottom:10px !important;
        display: inline-block;
}
.formz .selectlist.full{
    width:95%;
}
.formz .selectlist.full.autosize{
    height:unset;
}
.selecteur_site{
    margin-left:10px !important;
}
.formz input.input_date {
    width: inherit;
    margin-bottom:10px !important;
}
.formz input.input_date.full {
    width: 100%;    
}
.formz input.input_date.small {
    width: 150px;    
}
.formz textarea.textarea.full {
    
    margin-bottom:10px !important;
}

/*.selectPays{
    display: inline-block;
    width: inherit !important;
    margin-bottom:10px !important;
}*/

.formz .wrap_buttons input{
    /*margin-right: 60px;*/
}

.formz #tableFormArticle, 
.formz #table_messages table,
#tabComposants {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: auto;
    min-width: 30%;
    text-align: left;
    border-collapse: collapse;
}

.formz #tableFormArticle th, 
.formz #table_messages table thead tr td,
#tabComposants th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #ee1b2d repeat-x;
    border-top: 2px solid #ee1b2d;
    border-bottom: 1px solid #fff;
    color: white;
    text-align: center;
    border: 1px solid darkgray;
    text-shadow: none;
    line-height: 13px;
    height: auto;
}

.formz #tableFormArticle td.td_red{
    background-color: red;
     color: white;
}
.formz #tableFormArticle td.td_green{
    background-color: #ee1b2d;
     color: white;
}
tr.annule>td:first-child .wrap_td {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size:1.5em;
    color:red;
    text-decoration:none;
    font-style:normal !important;
}
tr.annule>td:first-child .wrap_td:before{
    content: "\f057";

}
tr.annule td:not(.pas_barre){
    /*text-decoration: line-through;*/
    font-style:italic;
}

 tr.entete_nomenclature td .wrap_td{
    background-color:#eeeeee;
}
 tr.entete_nomenclature.affected td .wrap_td{
    background-color: #bbbbdd;
}
 tr.entete_nomenclature td.first_item .wrap_td{
    position:relative;
}
 tr.entete_nomenclature td{
    font-weight: bold;
}
tr.entete_nomenclature td.first_item .wrap_td{
    padding-left:15px;
    padding-right:5px;
}
tr.entete_nomenclature td.first_item .wrap_td:before {
    content: "\f063";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left:5px;
    top:50%;
    margin-top:-5px;
    position:absolute;
}
 tr.liste_nomenclature td.first_item .wrap_td{
    position:relative;
}
tr.liste_nomenclature td.first_item .wrap_td{
    padding-left:15px;
    padding-right:5px;
}
tr.liste_nomenclature td.first_item .wrap_td:before {
    content: "\f061";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left:5px;
    top:50%;
    margin-top:-5px;
    position:absolute;
}
tr.stock_entete_nomenclature td .wrap_td{
    background-color:#eeeeee;
}
 tr.stock_liste_nomenclature td.first_item .wrap_td{
    position:relative;
    border:none;
}
 tr.stock_liste_nomenclature td.first_item .wrap_td:before {
    content: "\f061";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    right:5px;
    top:50%;
    margin-top:-5px;
    position:absolute;
}
tr.error td, tr.error td>.wrap_td{
    color : red;
}
.formz #tableFormArticle td, 
.formz #table_messages table td,
#tabComposants td {
    padding: 2px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: lightgray repeat-x;
    text-align: center;
    border: 1px solid darkgray;
  
}
.formz #table_messages table tr td .wrap_td{
    height:100%;
    display:block;
    line-height:15px;
    
}
.formz #table_messages table  tr:hover td .wrap_td {
    border-color: transparent;
}
.formz #tableFormArticle tfoot tr td, 
.formz #table_messages table tfoot tr td,
#tabComposants tfoot tr td {
    background: lightgray;
    font-size: 16px;
    color: #99c;
    text-align:center;
}
.formz #tableFormArticle tbody tr:hover td, 
.formz #table_messages table  tbody tr:hover td,
#tabComposants tbody tr:hover td {
    background: lightgreen repeat-x;
    color: #339;
}
.formz #tableFormArticle a:hover, 
.formz #table_messages table  a:hover, 
#tabComposants a:hover {
    text-decoration:underline;
}

.formz #tableFormArticle{
    margin: 10px auto;
    
}
.formz #table_messages .title_table{
    background:#FBFBFB;
}
.formz #table_messages {
    margin:  0 15px;
    margin-bottom: 0;
}
.formz #table_messages .wrap_pager{
    /*display:none;*/
}
.in2column{
    width: 50%; 
    display: inline-block;
}

.box_agenda{
    width: 1.5%; 
    display: inline-block;
    text-align: center;
}

.center{
    width: 100%;
    text-align: center;
    display: inline-block;
}

.center_trash{
    width: 100%;
    text-align: center;
}

td.center_trash a.trash_link{
    background-image: url(../images/icons/trash.png);
    display: block;
    height: 26px;
    width: 26px;
    background-color: transparent;
}

#map {
    position: relative;
}

.bouton_entree {
    color: green;
    font-size: 20px;
    margin-top: 6px;
    display: inline-block;
}

.bouton_sortie {
    color: red;
    font-size: 20px;
    margin-top: 4px;
    display: inline-block;
}

#semi_choice_id div {    
    display: none;  
    border: solid;
    border-color: black;
}

#semi_choice_id:hover  div { 
    z-index: 20;
    display: block;
    position : absolute;
    top: 50%;
    left: 50%;
}

#infos_complémentaires {
   /* display : none;*/
}

.infoYes {
font-size: 18px;
   font-weight: bold;
    color: #00aa00;
    line-height: 24px !important;

         
}
.infoNo {
font-size: 18px;
   font-weight: bold;
    color: #ff0000;
    line-height: 24px !important;
 
         
}

.infoInfo{
     font-size: 18px;
    color: #5898ff;
    line-height: 24px !important;
}
.infoColis{
        display: flex;
    align-items: center;
    justify-content: center;
    font-size:14px;
}
.infoColis:after{
    content: '';
    background-image: url(../images/icons/icon_help.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 3px;
    background-size: contain;
    cursor:pointer;
}   
.infoColis.litige:after{
    filter: sepia(30) hue-rotate(-45deg) saturate(5.5);
}
.infoClock{
   font-size: 18px;
   font-weight: bold;
    color: #5898ff;
    line-height: 24px !important;

    
}
.infoNoPhone{
    border-radius: 50%;
    border: 1px solid red;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px !important;
    color: red;
    transform: translateY(-2px);
}
.infoClock.orange{
    color:orange;
}

.infos:after{
        content: '';
    background-image: url(../images/icons/icon_help.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    margin-left: 3px;
    background-size: contain;
    cursor:pointer;
    display : inline-block;
}
.infoRefused{
    font-size: 18px;
    color: #ff0000;
    line-height: 24px !important;

     
}
/*.infoRefused:before{
    content:'';
    background-image:url('../images/icons/bg_cancel_red_18.png');
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    display:block;
    margin:auto;
}*/
#field_zones_dispo .add_zone{
    cursor:copy;
}
.breakword{
    word-break: break-word;
}
.blink{
    animation-name: blink;
    animation-duration: 1s;
}
@keyframes blink {
    0% {background-color: #55ff55;}
    30% {background-color: #ffffff;}
    50% {background-color: #55ff55;}
    
    100% {background-color: #ffffff;}
}
.multiple_fields td ,
.multiple_fields block {
	padding-top: 4px;
	padding-bottom: 4px;
}

.multiple_fields block.label ,
.multiple_fields td.label {
    vertical-align: middle;
}


.multiple_fields .row_field {
	display: inline-block;
	margin: 2px 20px 2px 0;
	vertical-align: middle;
}

.multiple_fields  .row_field label.label_in_td {
	margin-right: 10px;
}

.multiple_fields .row_field .zone_button {
	display: inline-block;
	margin-left: 13px;
	vertical-align: top;
}

.multiple_fields .row_field button {
	margin-left: 7px;
	margin-top: 6px;
	vertical-align: top;
}

.multiple_fields row_field button.btn_link {
	margin: 0;
	vertical-align: middle;
}

.multiple_fields .row_field input.field_small_input,
.multiple_fields .row_field select.field_small_input {
	width: 60px;
}

.multiple_fields .row_field input.field_input_160,
.multiple_fields .row_field select.field_input_160 {
	width: 160px;
}

.multiple_fields.row_libelle .row_field {
	vertical-align: baseline;
}
table.tableForm tr.multiple_fields td.tableau{
    padding: 0 !important;
}
div.tableau>.hastable{
    width:100%;
}
table.tableForm tr.multiple_fields td div.conteneur_multiple {
    display:flex;
    min-height:27px;
}
table.tableForm tr.multiple_fields td div.conteneur_multiple>div.row_field {
    flex: 12;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px;
}
table.tableForm tr.multiple_fields td div.conteneur_multiple>div.row_field>span{
    width:100%;
}
.flex_1{flex:1 !important;}
.flex_2{flex:2 !important;}
.flex_3{flex:3 !important;}
.flex_4{flex:4 !important;}
.flex_5{flex:5 !important;}
.flex_6{flex:6 !important;}

table.tableForm tr.multiple_fields td div.row_field {
	display: inline-block;
	margin: 2px 20px 2px 0;
	vertical-align: middle;
    /*border:1px solid red;*/
}

table.tableForm tr.multiple_fields td div.row_field label.label_in_td {
	margin-right: 10px;
}

table.tableForm tr.multiple_fields td div.row_field .zone_button {
	display: inline-block;
	margin-left: 13px;
	vertical-align: top;
}

table.tableForm tr.multiple_fields td div.row_field button {
	margin-left: 7px;
	margin-top: 6px;
	vertical-align: top;
}

table.tableForm tr.multiple_fields td div.row_field button.btn_link {
	margin: 0;
	vertical-align: middle;
}

table.tableForm tr.multiple_fields td div.row_field input.field_small_input,
table.tableForm tr.multiple_fields td div.row_field select.field_small_input {
	width: 70px;
}

table.tableForm tr.multiple_fields td div.row_field input.field_input_160,
table.tableForm tr.multiple_fields td div.row_field select.field_input_160 {
	width: 160px;
}

table.tableForm tr.multiple_fields.row_libelle td div.row_field {
	vertical-align: baseline;
}
thead .actions{
    margin:0 -7px;
}
.hover.planifie_link,
.hover.en_chargement_link,
.hover.charge_link,
.hover.en_livraison_link,
.hover.livre_link
{
    border-color:green !important;
}
.planifie_link:before,
.en_chargement_link:before,
.charge_link:before,
.en_livraison_link:before,
.livre_link:before
{
    content: '';
    display:block;
    width:40px;
    height:32px;
    background-image : url('../images/icons/icon_operations.png');
    transform-origin:0 0;
    zoom:50%;
    margin:7px 2px;
}
.planifie_link:before{
    background-position-y:-128px;
}

.en_chargement_link:before{
    background-position-y:0px;
}

.charge_link:before{
    background-position-y:-32px;
}
.en_livraison_link:before{
    background-position-y:-64px;
}

.livre_link:before{
    background-position-y:-96px;
}
.planifie_link:before,
.en_chargement_link:before,
.charge_link:before,
.en_livraison_link:before,
.livre_link:before
{
    background-position-x:-40px;
}
.planifie_link.on:before,
.en_chargement_link.on:before,
.charge_link.on:before,
.en_livraison_link.on:before,
.livre_link.on:before
{
    background-position-x:0px;
}
.planifie_link.partial:before,
.en_chargement_link.partial:before,
.charge_link.partial:before,
.en_livraison_link.partial:before,
.livre_link.partial:before
{
    background-position-x:-80px;
}

tr.lightgreen td .wrap_td{
    background: #97c6c9 !important;
}


.position_relative{
    position:relative;
}
.action_box{
    position:absolute;
    margin-top:-22px;
    margin-left:0;
    display:flex;
    flex-direction:column;
    z-index:10;

}
.action_box button{
    border-radius:4px;
    padding:3px;
    border:1px solid #fff;
    background:#225e78;
    color:#ffffff;
    /*margin-right:5px;*/
    animation-name: intro;
    animation-duration: 0.25s;
    text-align:left;
    /*display:flex;
    justify-content: space-between;*/
}
.action_box button:hover{
    
    background:#225e78;
    cursor:pointer;
    
}
.action_box button:after{
    content:'';
    width:20px;
    float:right;
    padding-left:5px;
    padding-right:3px;
}
.action_box button:hover:after{
    content:' >';
    width:20px;
    padding-left:5px;
    float:right;
    text-align:right;
    padding-right:3px;    
}
.action_box button.loading:hover:after,
.action_box button.loading:after{
    content:'';
    display:block;
    width:10px;
    height:10px;
    border-radius:100%;
    border:2px solid #fff;
    border-top:none;
    animation-name: the_rotate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 0.5s;
}
@keyframes the_rotate {
  from {transform:rotate(0deg);}
  to {transform:rotate(259deg);}
}
@keyframes intro {
  from {opacity:0;margin-left: -50px;}
  to {opacity:1;margin-left: 0px;}
}
.fa-2_5x {
    font-size:1.5em !important;
}
.fa-1_5x {
    font-size:1.5em !important;
}
.fa-1_7x {
    font-size:1.7em !important;
    line-height:22px !important;
}

.wrap_table_buttons .caption{
    font-size:15px;
    font-weight:bold;
    margin:5px 0 10px 0;
}
.fa-warehouse.bloc_affecter_du_stock:after{
   content: '\f063';
    font-size: 0.75em;
    display:block;
    margin-left: 1px;
    margin-top:-2px;
    
}
.fa-warehouse.bloc_remise_en_stock:after{   
    content: '\f062';
    font-size: 0.75em;
    display:block;
    margin-left: 1px;
    
}
/*.fa-warehouse.deplacer_dans_stock:after{   
    content: '\f337';
    font-size: 0.75em;
    display:block;
    margin-left: 1px;
    
}*/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 0px;
}
.treeview .hitarea {
	background: url(images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 0px 0pt 0px 18px;
    float:none !important;
    text-align:left;
    font-size:14px;
    font-weight:normal;
    margin-left:0 !important;
        line-height: 20px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }
.deplacer_dans_stock  .treeview ul{
    background:#225e78;
    color:#fff;
}
.deplacer_dans_stock  .treeview ul li span{
    padding:3px;
    display:inline-block;
}
.deplacer_dans_stock  .treeview ul li span:hover{
    background:#fff;
    color:#225e78;
}


.treeview .hover { color: red; cursor: pointer; }

/*td.treeview  { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; padding-left:20px;}
td.treeview.first { background-position: 0 -1754px }
td.treeview.last { background-position: 0 -1886px }
*/
.treeview li { background:transparent url(../images/treeview-default-line.png) 0 0 no-repeat; width:100%;position:relative;}
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview>li.selected>span{
    border:1px solid #225e78;
}
.treeview ul{
    background:transparent;
}
.treeview span.emplacement{
    padding-left: 10px;
    border-top: 1px solid#fff;
    display: block;
}
.treeview span.emplacement>i{
        margin-left:-8px;
    margin-right: 5px;
    color: #ee1b2d;
}

.treeview li.first { background-position: 0 -1753px }
.treeview li.firsti-after { background-position: 0 -13px }
.treeview .prof li.firsti-after>ul>li { background-color: #97c6c9;width:100%; }
.treeview li.last { background-position: 0 -2386px }
.treeview li.last-after {     background-position: 0 -2400px;}

.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../images/treeview-red.gif); } 

.treeview-black li { background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	    background: url(../images/ajax-loader.gif) 0 0 no-repeat;
    height: 15px;
    width: 15px;
    background-size: 100%;
    border: none;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }


.for_tree>.wrap_td{
    height: auto !important;
    text-align: left !important;
    border: none !important;
    padding: 0 !important;
    border-top: 1px solid #fff !important;
    margin: 0 !important;
}
.for_tree_head{
    vertical-align:top !important;
    position:relative;
}

.for_tree_site{
    vertical-align:top !important;
    position:relative;
    
}
.for_tree_site .wrap_td{
    border:none !important;
    min-width:150px;    
    text-align:right !important;
}
.for_tree_head{
    /*min-width:150px;*/
    height: 23px;
}
.for_tree_head .wrap_td{
    height:100% !important;
    border:none !important;
    
    text-align:right !important;
    margin:0 !important;
    padding : 0 5px 0 0 !important;
    font-weight:bold;
    width:100%;
    position:absolute;
    top:0;
    left:0;
}
#table_TableStock .for_tree_head .wrap_td{        
    text-align:left !important;    
    padding : 0 0px 0 0 !important;    
}
#table_table_emplacements .for_tree_head .wrap_td{
    text-align:left !important;
    
}
.for_tree_head .wrap_td ul{
    height:100%;
    display:flex;
}
.deplacement_article>ul.treeview>li>span{
    display:none;
    
}
.for_tree table{
    background:transparent !important;
}
.deplacement_article ul.treeview li>span{
    cursor:pointer;
    display:inline-block;
    padding:3px;
     line-height: 13px;
}
.deplacement_article ul.treeview li>span:hover{
    background:#225e78;
    color:#fff;
}
table.no_head {
    margin-top:-33px;
}

#detailStock:not(.empty):before {
   content: '';
    position: absolute;
    width: 50px;
    height: 26px;
    background: #97c6c9;
    display: block;
    margin-left: -50px;
}
tr.prof{
    background:#ffefef;
    
}
tr.prof>td{
    
}
.no_emplacement tr.prof{
    display:none;
}
tr.prof_0.prof{
    background-color:#f0f0f0;
}
tr.prof_1.prof{
    background-color:#e8e8e8;
}
tr.prof_2.prof{
    background-color:#e0e0e0 ;
}
tr.prof_3.prof{
    background-color:#d8d8d8 ;
}
select.emplacement_commande_article{
    font-size:15px;
    max-width:150px;
}
.block_livraison .fa{
    position:relative;
    
 
}
.block_livraison .fas{
       font-size:1.5em;
}
.block_livraison .fa-thumbs-up.active{
    color:green;
}
.block_livraison .fa-thumbs-down.active{
    color:red;
}
.block_livraison .fa-exclamation-triangle.active{
    color:orange;
}
.block_livraison:hover .fas{
   /* color:#ddd;*/
}
.block_livraison:not(.inactive):hover .fas.fa-thumbs-up:hover{
    color:green;
    cursor:pointer;
} 
.block_livraison:not(.inactive):hover .fas.fa-exclamation-triangle:hover{
    color:orange;
    cursor:pointer;
} 
.block_livraison:not(.inactive):hover .fas.fa-thumbs-down:hover{
    color:red;
    cursor:pointer;
} 
.block_chargement .fa{
    position:relative;
    
 
}
.block_chargement .fas{
       font-size:1.5em;
}
.block_chargement .fa-thumbs-up.active{
    color:green;
}
.block_chargement .fa-thumbs-down.active{
    color:red;
}
.block_chargement .fa-exclamation-triangle.active{
    color:orange;
}
.block_chargement:hover .fas{
   /* color:#ddd;*/
}
.block_chargement:not(.inactive):hover .fas.fa-thumbs-up:hover{
    color:green;
    cursor:pointer;
} 
.block_chargement:not(.inactive):hover .fas.fa-exclamation-triangle:hover{
    color:orange;
    cursor:pointer;
} 
.block_chargement:not(.inactive):hover .fas.fa-thumbs-down:hover{
    color:red;
    cursor:pointer;
} 
.block_chargement.inactive .fas:not(.active){
       filter: contrast(0.1);
}
.block_chargement:not(.empty).inactive .fas:not(.active ){
       display:none;
}
.block_livraison.inactive .fas:not(.active){
       filter: contrast(0.1);
}
.block_livraison:not(.empty).inactive .fas:not(.active ){
       display:none;
}
tr.orange .wrap_td{
    background:#fc5;
}

.block_livraison_colis{
    
       position: absolute;
    display: block;
    width: 139px;
    background: #fff;
    margin-left: -90px;
    
    
}
.far.ouverture{
        left: 2px;
    top: 6px;
    position: absolute;
    background: #fff;
    cursor:zoom-in;
}
.far.ouverture.fa-plus-square{
    cursor:zoom-in;
}
.far.ouverture.fa-minus-square{
    cursor:zoom-out;
}
.entete_head{
    position:absolute;
    top:0;
    left:0;
    /*background:#ccc;*/
    border-bottom:solid 1px #ADADAD;
    z-index:100;
    background:url(../images/table/bg_thead.png) bottom left;
}
td.has_entetehead{
    line-height:18px !important;
    
    position:relative;
}
tr.has_entetehead td{
   /* line-height:40px;
    height:40px;*/
}
thead.with_rowspan tr td{
    /*line-height:40px;*/
    
}
select.clone_filter{
       height: 20px;
       padding:0 !important;
       width:100%;
}
.autosize{
    /*overflow:auto;*/
}
.autosize , .autosize>div, .autosize div.block_admin, .autosize div.block_admin form,
 .autosize div.formz>form, .autosize{
    display:flex;
    flex-direction:column;
    height:100%;
    padding:0;
    min-height:0px;
}
.autosize div.block_admin h1~form{
    height : calc( 100% - 35px );
}
.autosize .auto_size_conteneur{
    overflow:auto;
    flex:1;
}
.autosize div:not(.no_autosize) .wrap_buttons.button{
    width: 100%;
    background: #eee;
    border-top: 5px solid #ccc;
    padding: 3px 0;
    text-align:center;
    border-bottom: 5px solid #ccc;
    margin-bottom: -5px;
}
#sub-wrapper{
        display: flex;
    flex-direction: column;
    max-height: 100%;
    height : 100%;
    flex:1;
    min-height:1px;
}
#errors_php{
    position:fixed;
    z-index:1000;
    max-width:20vw;
    max-height:50vh;
    overflow: auto;
    background:orange;
}
#locker , #progress{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    z-index: 10000;
    background: rgba(0,0,0,0.8);
    color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#locker:before{
    content: '';
    background: url(../images/icons/alerte_error.png) center center no-repeat;
    width: 50px;
    height: 50px;
}
#progress:before {
    content: '';
    width: 100%;
    height: 100px;
    background: url(../images/ajax-loader.gif) center center no-repeat;
    display: block;
}
.no_ordorable>td{
    line-height:12px !important;
    height:12px !important;
}
.hastable thead>tr.no_ordorable>td{
    border:none;
}
.entete_tableau{
    height: 20px;
    background: url(../images/table/bg_thead.png) bottom left;
    background-size: 1px 100%;
    display: block;
    line-height: 20px;
    z-index: 1001;
    border: solid 1px #ADADAD;
    position: absolute;
    margin-top: -6px;
    margin-left: -4px;
}
.btn-exchange{
        font-size: 14px;
    color: #50A80D;
    line-height: 23px;
    cursor: pointer;
    margin-top:5px;
}
#from{
    position:absolute;
    display:block;
    border-left : 1px dotted #9d9d9d;
    border-bottom : 1px dotted #9d9d9d;
    border-bottom-left-radius : 5px;

}
/*#from>i{
    bottom: -14px;
    right: 0;
    position: absolute;
    font-size: 25px;
    color:green;
}*/
#to{
    position:absolute;
    display:block;
    border-right : 1px dotted #9d9d9d;
    border-bottom : 1px dotted #9d9d9d;
    border-bottom-right-radius : 5px;
    
}
/*#to>i{
    color:green;
          top: -7px;
    right: -9px;
    position: absolute;
    font-size: 25px;
}*/
.affectation_flag .yellow{
    color:#efef55;
    /*position:absolute;
        
    top: 50%;
    left: 50%;*/
    margin-top: 0px;
    margin-left:-22px;
    
}
.affectation_flag .blue{
    color:#5898ff;
    /*position:absolute;
        
    top: 50%;
    left: 50%;*/
    width:22px;
    margin-top: 0px;
    margin-left:0px;
        
}
.affectation_flag {
       /* position: relative;*/
    display: block;
    width: 100%;
    height: 100%;
}
.affectation_flag.mix .yellow{
    clip-path: polygon(0 0% , 100% 0%, 100% 100%);
}
.affectation_flag.unaffected .blue{
    display:none;
}
.affectation_flag.unaffected .yellow{
    margin-left:0px;
}
.affectation_flag.affected .yellow{
    display:none;
}
.remove_fld_crossdock.hidden,
.change_destination.hidden,
.change_site.hidden{
    display:none;
}
#search>div{
    display:flex;
    flex-wrap:wrap;
}
#search>div>div{
    flex-basis:280px;
    padding:10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#search>div>div>*{
    margin:0;
}
#search>div>div.filter_search{
    flex-basis:100%;
    display:block;
}
#search select{
    width:100%;
}
ul.selectlist_view{
    padding:7px 0;
}
.suppression_article{
    
    max-height:80vh;
    display: flex;
    flex-direction: column;
}
#table_TableSuppr{
    max-height:202px;
}
#table_TableDetails tr.non_actif{
    opacity: 0.5;
}
#table_TableDetails tr.virtuel{
   font-style:italic;
}
.filter_search{
    display:inline-block;
}
.legende{
    display:inline-block;
    postion:relative;
}
.legende .burger_legende{
    color:#789356;
}
.table_legend{
    top:0;
    right:0;
    opacity:1;
    position:absolute;
    z-index:1000;
    transition:0.25s clip-path;
    background:#97c6c9 !important;
    
    clip-path: polygon(0 0% , 100% 0%, 100% 0%,0 0);
    transition:0.25s clip-path;
    border-left:4px solid #ccc;
    border-bottom:4px solid #ccc;
}
.info_legende {
    width:300px !important;
    
}
.legende:hover .table_legend{
    clip-path: polygon(0 0% , 100% 0%, 100% 100%,0 100%);
     transition:0.25s clip-path;
}
.info_legende {
    border-left: solid 1px #a5a5a5;
    border-bottom: solid 1px #a5a5a5;
}
.info_legende tr>td:first-child{
    padding:3px;
}
.info_legende tr>td:last-child{
    width:100%;
    text-align:left;
    line-height:15px;
     padding:3px;
}
tr.ma_commande>td>.wrap_td {

    font-weight: bold;
    border-color: #77bb77;
    background-color: #eeffee;
}
.to_hover {
        max-width: 50px;
    
    display: inline-flex;
    transition: 1s max-width;
    position: relative;
    padding-right: 10px;
    white-space: pre-wrap;
}
.to_hover:before {
    position: absolute;
    right: -16px;
    content: "...";
}
.to_hover:hover {
    max-width:300px;
    word-wrap: break-word;
    display: inline-flex;
    transition: 1s max-width;
}
.to_hover:hover:before {
    position:absolute;
    right:0;
    
    content: "";
}
.flech_dest{
    color:#225e78;
   filter: drop-shadow(2px 2px 4px #555);
}
.flech_dest.gray{
    color:#888888;
   filter: drop-shadow(2px 2px 4px #555);
}
.info_bord{
    display: flex;
    max-width: 210px;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: baseline;
}
.info_bord>span{
    width:70px;
}
label.required:after{
    content:'*';
    margin-left:3px;
    color:red;
    float:right;
}
#ajoute_AFLD{
    cursor:pointer;
}
#ajoute_AFLD:hover{
    transform:scale(1.2);
    transition:0.2s transform;
}
.recherche_avancee .selectmul div.nb_selected ,
.hastable .table_filters .filter.filter_left .selectmul div.nb_selected {
	position: absolute;
	top: 3px;
	right: 57px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: white;
	font-weight: bold;
	background-color: orange;
	
	line-height: 16px;
	padding: 0 5px;
	font-size: 11px;
}

.recherche_avancee .selectmul div.nb_selected.font_min ,
.hastable .table_filters .filter.filter_left .selectmul div.nb_selected.font_min {
	font-size: 10px;
}

.recherche_avancee .selectmul div.nb_selected.none_selected ,
.hastable .table_filters .filter.filter_left .selectmul div.nb_selected.none_selected {
	background-color: #db3d25;
}

.recherche_avancee .selectmul div.nb_selected.all_selected ,
.hastable .table_filters .filter.filter_left .selectmul div.nb_selected.all_selected {
	background-color: #3fba64;
}
.color_green{
    color:green;
}
tr.color_blue>td>div{
    color:blue !important;
}
.truc:after{
    content:'un truc';
    position:absolute;
    top: -5px;
    right:-5px;
    border-radius :5px;
    display:block;
    width:10px;
    height:10px;
    background:red;
    color:white;
}
.wrap_td>.avant:before{
    position:absolute;
    top:0;
    left:2px;
    content: "\f191";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size:20px;
    color:#aaa;
    visibility:hidden;
}
.wrap_td>.avant.ok:before{
    visibility:visible;
    cursor:pointer;
}
.wrap_td>.apres:after{
    position:absolute;
    top:0;
    right:2px;
    content: "\f152";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size:20px;
    color:#aaa;
    visibility:hidden;
}
.wrap_td>.apres.ok:after{
    visibility:visible;
    cursor:pointer;
}

table.highlight tr:not(.yellow):not(.red):not(.green){
    opacity:0.5;
}
#indic_quantite{
   position: absolute;
    bottom: 0;
    left: 26px;
    width: auto;
    height: auto;
    color: #404040;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 10px;
    background: #FBFBFB;
    border: solid 1px #636366;
    text-align: center;
    max-width: 100%;
    margin-right: 10px;
    border-radius: 4px;
    font-family: 'Fjalla-Oneo';
}
#indic_quantite:before{
       content: '';
    position: absolute;
    border: solid 1px #636366;
    border-top: none;
    border-right: none;
    width: 8px;
    height: 18px;
    left: -11px;
    bottom: 9px;
}
.non_prod{
    filter: saturate(0.5);
}
.mode_god{
    filter:hue-rotate(205deg);
}
tr.desactivated>td{
    background-color:#eeeeee;
}
tr.desactivated>td .checkbox_cell{
    /*display:none;*/
}
.nochange.green{
    color:green;
}
.nochange.red{
    color:red;
}
.dz-filename *{
       text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
#pj_container_stock{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 140px;
}
#pj_container_stock .dz-image-preview{
    width:120px;
    padding:10px;
}
#drop{
    padding: 10px;
    border: 1px solid black;
    text-align: center;
}



.rel1{
    position: absolute;
    right: 0;
    background: #eee;
    display: block;
    width: auto;
    padding: 0 5px 0 5px;
    height: 100%;
    transform : translateX(100%);
}
.rel1:before{
   content: '';
    display: block;
    width: 10px;
    height: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 50%,100% 100%, 0 100%, 100% 50%);
    position: absolute;
    top: 0;
    right: 100%;
    background: #eee;
}
.wrap_td:hover .rel1{
    transform:translateX(0);
    transition:0.5s transform;
}
.rel2{
    position: absolute;
    left: 0;
    transform : translateX(-100%);
    display: block;
    background:#eee;
    padding: 0 0px 0 5px;
    
}
.wrap_td:hover .rel2{
    transform:translateX(0);
    transition:0.5s transform;
}
.rel2:before{
    content:'';
    width: 10px;
    height: 100%;
    background: #eee;
    position:absolute;
    left:100%;
    z-index:-1;
    clip-path: polygon(0 0, 100% 50%,0 100%);
}
.vert{
    color:green !important;
}
.rouge{
    color:red !important;
}
.bleu{
    color:blue !important;
}
.violet{
    color:purple !important;
}
.marron{
    color:brown !important;
}
.orange{
    color:#af741b  !important;
}
.gris{
    color:grey  !important;
}
.hastable tr td .wrap_td.fas{    font-size: 16px;
    width: 100%;}
.has_icone input
{
    width: calc(100% - 30px) !important;
}
.link_alert{
    cursor:pointer;
}
#field_form_semaine>block{width:100% !important;}
.change_date{cursor:pointer;}
.fas.green{
    color:green;
}
.fas.red{
    color:red;
}
.nowrap{
    white-space:nowrap;
}
.bulle{
    display:none;
    position:absolute;
    background:white;
    border:1px solid #3ac0c9;
    padding:10px;
    max-width:200px;
    left:65px;
        z-index: 500;
}
.bulle>span{
    display:block;
}
.bulle textarea{
    width: 180px !important;
}
.bulle textarea,
.bulle .save_obs{
    display:none;
}
.bulle .save_obs{
    width: 100%;
    padding: 0;
    margin: 0;
}
.bulle.lock{
    display:block !important;
}
.bulle.lock>span{
    display:none;
}
.bulle.lock textarea,
.bulle.lock .save_obs{
    display:block;
}
#table_TableCommandesTournee .wrap_td{
    line-height: 15px;
    min-height: 35px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hastable .order_ajax {
	background: url(../images/table/sort_bottom.png) top left no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    cursor: pointer;
    margin-left: 8px;
    position: relative;
    top: -2px;
    left: 0px;
    margin-right: 3px;
}

.hastable thead tr td.sens_actions {
	padding: 0 23px;
}

.hastable .order_ajax.inline {
	margin-left: 0px;
    margin-top: 5px;
}

.hastable .order_ajax.DESC {
	background: url(../images/table/sort_top.png) top left no-repeat;
}

.hastable .order_ajax.active.DESC {
	background: url(../images/table/sort_active_top.png) top left no-repeat;
}
.hastable tbody>tr:first-child .order_ajax.DESC ,
.hastable tbody>tr:last-child .order_ajax.ASC {
    visibility:hidden;
}
.hastable .order_ajax.active.ASC {
	background: url(../images/table/sort_active_bottom.png) top left no-repeat;
}

.hastable .wrap_td button.order_ajax {
	border: none;
	padding: 0;
	margin: 0px 2px;
}

.hastable .wrap_td button.order_ajax.ASC:hover {
	background: url(../images/table/sort_active_bottom.png) top left no-repeat;
}

.hastable .wrap_td button.order_ajax.DESC:hover {
	background: url(../images/table/sort_active_top.png) top left no-repeat;
}
.floating{
    position:relative;
}
.floating>.wrap_td{
    overflow:visible !important;
}
.floating>.wrap_td .hastable{
    display:none;
    position: absolute;
    left: -570px;
    top: 100%;
    width: 570px;
    z-index: 5;
    margin-left: 100%;
}
.floating .fa-box-open{
    margin-top : 3px;
    cursor : pointer;
}
tr.opened .floating>.wrap_td .hastable{
    display:flex;
    max-height: none;
}
.avec_tournee .wrap_td:after{
       content: 'T';
    position: static;
    margin-top: -25px;
    margin-left: calc(100% - 12px);
    display: block;
    width: 8px;
    height: 7px;
    background: #aaffaa;
    z-index: 200;
    line-height: 8px;
    padding: 2px;
    font-size: 8px
}
#field_forminfos .row_field.tableau{
    justify-items: stretch;
    align-items: stretch;
}

.field_fichier_end{
    height:100%;
}
#field_forminfos .row_field.tableau>div{
    width:100%;
}
.link_god{
   display: block !important;
    text-transform: uppercase;
    padding: 10px !important;
    background: red;
    margin: 5px !important;
    font-weight: bolder;
    line-height: 20px !important;
    cursor: pointer;
    color:white !important;
}
#field_form_temp>td>div{
    max-height: 150px;
    overflow: auto;
}
.orderer{
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px !important;
    background: #555;
    color: white;
    font-size: 12px;
    margin-top: 3px;
    cursor:move;
}
.info_txt{
    display: inline-block !important;
    margin-left: 0px;
    width:15px;
    height:21px;
    border:1px solid #ddd;
}
.info_txt.OK{
    background:#aaFFaa;
}
.info_txt.NOK{
    background:#FFccaa;
}
.simple:not(.label) img{
    display:none;
}
.label.simple label,
#field_situations label{
    height:auto !important;
}


/* Widgets */
.dashboard {
	text-align: center;
	margin: 0 auto;
    overflow: auto;
}

.dashboard .wrap_widget {
	width: 350px;
	height: 300px;
	
	display: inline-block;
	padding: 15px;
	margin: 0;
	vertical-align: top;
}

.dashboard .wrap_widget.hover_wrap .widget {
	opacity: 0.5;
}

.dashboard .wrap_widget.hover_wrap .widget.is_drag {
	opacity: 1;
}

.dashboard .widget {
	/*width: 350px;*/
	height: 300px;

	border: solid 1px #AAA;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: white;
    overflow: auto;
}

.dashboard .widget.is_drag {
	z-index: 100000;
}

.dashboard .widget .title {
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #EEE;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	font-size: 13px;
	
	position: relative;
	top: 0px;
	left: 0px;
}

.dashboard .widget .title .move_btn {
	position: absolute;
	top: 9px;
	left: 9px;
	
	width: 16px;
	height: 16px;
	background: url('../images/icons/move.png') center no-repeat;
	opacity: 0.5;
	cursor: pointer;
}

.dashboard .widget .content {
	color: #333;
}

.dashboard .widget#widget_textpad textarea {
	color: #333;
	font-style: italic;
	border: none;
	resize: none;
	display: block;
	float: left;
	width: 315px;
	max-width: 315x;
	min-width: 315px;
	
	height: 235px;
	max-height: 235px;
	min-height: 235px;
	
	margin: 15px;
}

.dashboard .widget .chart_medium {
	margin: 10px 0 20px 10px;
	width: 250px;
	height: 165px;
	float: left;
}

.dashboard .widget .chart_large {
	margin: 10px;
	/*width: 330px;*/
	height: 195px;
}

.dashboard .widget .chart_small {
	margin: 10px 10px 0px 20px;
	width: 150px;
	height: 160px;
	float: left;
}

.dashboard .widget .select_input {
	height: 30px;
	padding: 10px;
	float: left;
}

.dashboard .widget .select_input.select_right {
	float: none;
	padding: 18px 8px 0 0;
	text-align: right;
}

.dashboard .widget .select_input strong {
	padding: 0 5px;
}

.dashboard .widget .select_input strong.label_date {
	margin-left: 10px;
}


.dashboard .widget .select_input #month_aff {
	margin-left: 5px;
}

.dashboard .widget .infos_chart {
	float: left;
	font-size: 12px;
	margin: 0 20px;
}

.dashboard .widget .infos_chart .infos_row {
	margin-bottom: 7px;
}

.dashboard #bloc_rh .alerte .response-msg-in .nom {
	display: inline;
}

.dashboard .widget.alert_bloc {
	border: 1px solid rgb(232, 170, 173);
}

.dashboard .widget.alert_bloc .title {
	background-color: rgb(249, 229, 230);
	color: rgb(181, 0, 7);
	font-weight: bold;
}

.dashboard .widget.alert_bloc .alerte_title {
	display: none;
}

.dashboard .widget.alert_bloc .alerte_liste {
	padding-bottom: 2px;
    padding-top: 1px;
	height: 221px;
}

.dashboard .widget.alert_bloc .alerte_liste .no_alert {
	display: block;
	font-size: 40px;
	color: #EAEAEA;
	text-align: center;
	margin-top: 90px;
}

.dashboard .widget.alert_bloc .response-msg {
    margin: 5px 0;
	height: 38px;
	overflow: hidden;
}

.dashboard .widget.alert_bloc .response-msg .response-msg-in {
    line-height: 17px;
    padding: 3px 22px 1px 56px;
}

.dashboard .widget.alert_bloc .response-msg span {
    padding: 0;
}

.dashboard .widget.alert_bloc .wrap_pager {
    margin-top: 8px;
	height: 32px;
	border: none;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.alert_bloc .alerte.response-msg.alerte_message {
    background-image: url(../images/icons/icon_mailbox_35.png);
    background-color: #C2FA96;
    border-color: #83E33B;
    color: #333;
}

.alert_bloc .alerte.response-msg.alerte_plein {
    background-image: url(../images/icons/icon_plein_35.png);
    background-color: #B8D5FF;
    border-color: #74A6ED;
    color: #333;
}

.alert_bloc .alerte.response-msg.alerte_absence {
    background-image: url(../images/icons/icon_absence_35.png);
    background-color: #FCCCFF;
    border-color: #E289E8;
    color: #333;
}

.alert_bloc .alerte.response-msg.alerte_reparation {
    background-image: url(../images/icons/icon_reparation_35.png);
    background-color: #FFDBB8;
    border-color: #FFB66E;
    color: #333;
}

.alert_bloc .alerte.response-msg.alerte_transport {
    background-image: url(../images/icons/icon_transport_35.png);
    background-color: #ffccdb;
    border-color: #d69aac;
    color: #333;
}

#widget_absences .jqplot-table-legend {
	width: 170px;
}

#widget_absences .jqplot-table-legend .jqplot-table-legend-swatch-outline {
	width: 12px;
}

.widget .view_aff, .widget .year_aff{
	width:60px;
}

.widget .month_aff{
	margin-left: 15px;
}

.full_size_btn{
    position: absolute;
    top: 9px;
    right: 9px;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    background: url('../images/icons/move.png') center no-repeat;
    opacity: 0.5;
    cursor: pointer;
}
.full_size_close_btn{
    position: absolute;
    top: 0px;
    right: 9px;
    width: 16px;
    height: 16px;
    background: url('../images/icons/cancel.png') center no-repeat;
    opacity: 0.5;
    cursor: pointer;
    display: none;
}
#full_size{
    height: 350px;
    width: 300px;
    padding-top: 15px;
}

#full_size .content{
    margin-top: 15px;
}
#full_size .full_size_btn{
    display:none;
}
#full_size .full_size_close_btn{
    display:block;
}

/* Fin widgets */

@media print{
    div#page-header {
        display: none;
    }

    div#asc_footer {
        display: none;
    }

    div#page-layout {
        height: auto !important;
    }

    div#page_wrapper {
        display: block;
    }
    .button_form{
        display: none !important;
    }
}
.info_plus{
    
    background:#fff;
    border:1px solid red;
}
.infos_super>.wrap_td{
        width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.infos_super{
    background:#eee;
    
    text-orientation: mixed;
}
.infos_super:hover{
    background:#eee;
}
td.colonne_attendu>.wrap_td{
    display:flex;
}
.ligne_info_operation{
    display:flex;
}
.ligne_info_operation>div{
    padding:3px;
}

.info_search{
    position:absolute;
    left: 0;
    display: block;
    text-align: left;
    top: 33px;
    border: 1px solid #666;
    background: #ddd;
    padding: 5px;
    font-size: 11px;
    line-height: 13px;
    font-weight: normal;
    width:calc( 100% - 10px );
}
.searchcol_input~.info_search{
    display:none;
}
.wrap_searchcol.searchcol_on[data-type=date_search]:hover .info_search,
.wrap_searchcol.searchcol_on[data-type=date]:hover .info_search{
    display:block;
}
.detail_ldd>td{
    background: #ddd !important;
}
.detail_ldd>td>div{
    background: #ddd !important;
}