/* Global */
body {
    font-family: Arial,​Verdana,​sans-serif;
}

body.cursor_wait,
body.cursor_wait * {
    cursor: wait !important;
}

/* Font Material Design */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.align_right {
    text-align: right;
}
.align_left {
    text-align: left;
}
.align_center {
    text-align: center;
}
.align_middle {
    vertical-align: middle !important;
}
.align_top {
    vertical-align: top !important;
}

.float_right {
    float: right;
}
.float_left {
    float: left;
}
.float_none {
    float: none;
}
.clear {
    clear: both;
}

.border_green {
    border: solid 1px green !important;
}

.font_16,
table.tableForm tr td a.font_16 {
    font-size: 16px;
}

.wrap_documents fieldset {
    border: 1px solid #AAA;
    margin: 0 20px 5px 20px;
    padding: 0 10px;
}
.wrap_documents fieldset legend {
    padding: 2px 10px;
    background: #CCC;
    border: solid 1px #AAA;
}
.wrap_documents fieldset ul.liste_documents {
    padding: 5px 0 9px 104px;
}
.wrap_documents ul.liste_documents li {
    padding: 2px 0;
    list-style: disc;
    line-height: 16px;
    margin: 0;
    display: inline-block;
    width: 50%;
}
.wrap_row_file input,
.wrap_row_file select,
.wrap_row_file select.select.lite_inline {
    vertical-align: middle;
    width: auto;
}
.wrap_row_file input[type=file] {
    max-width: 200px;
}
.wrap_row_file a.scan_rel_link {
    font-weight: bold;
    vertical-align: middle;
    margin: 0 10px 0 5px;
}

/* Affichage des requêtes pour debug */
div.title_debug_request {
    font-weight: bold;
    margin: 0 12px;
}
div.content_debug_request {
    background: lightblue;
    border: solid 1px blue;
    padding: 4px 7px;
    margin: 1px 10px 5px 10px;
}

.vertical_inline,
input.vertical_inline {
    display: inline-block;
    vertical-align: middle;
}

.hidden, .fa.hidden {
    display: none;
}

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

.nochange.bigger {
    font-size: 1.2em;
}

#page_wrapper table.tableForm tr td.label {
    vertical-align: middle;
}

table.tableForm tr .zone_button {
    display: inline-block;
    margin-left: 13px;
    vertical-align: top;
}

table.tableForm tr.multiple_fields td {
    padding-top: 4px;
    padding-bottom: 4px;
}

table.tableForm tr.multiple_fields td.label {
    vertical-align: middle;
}

table.tableForm tr.multiple_fields td div.row_field {
    display: inline-block;
    margin: 2px 20px 2px 0;
    vertical-align: middle;
}

table.tableForm tr.multiple_fields.no_row_margin td div.row_field {
    margin-right: 0px;
}

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 button, table.tableForm button.in_form {
    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 td input.field_input_320,
table.tableForm tr td select.field_input_320 {
    width: 320px;
}

table.tableForm tr.multiple_fields td div.row_field span.checkbox_img,
table.tableForm tr.multiple_fields td div.row_field span.checkbox_choice {
    vertical-align: middle;
    padding-top: 0;
}

table.tableForm tr.multiple_fields.row_libelle td div.row_field {
    vertical-align: baseline;
}

.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 tr td .file_form {
    clear: both;
    padding-top: 7px;
}

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

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

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

table tr.lightgrey td{
    background: #F0F0F0;
}

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

table.tableForm td span {
    position: static;
}

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

.wrap_table .wrap_td .icon_exchange {
    font-size: 14px;
    color: #50A80D;
    line-height: 23px;
    cursor: pointer;
}

.wrap_table .wrap_td .gestioncmr {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.wrap_table .wrap_td .gestioncmr.margin_left {
    margin-left: 5px;
}

.wrap_table .wrap_td .gestioncmr.nofiles {
    background-image: url('../images/icons/print_only.png');
}

.wrap_table .wrap_td .gestioncmr.hasuncontrolledfiles {
    width: 26px;
    height: 20px;
    background-image: url('../images/icons/print_ko.png');
}

.wrap_table .wrap_td .gestioncmr.hassomefiles {
    width: 26px;
    height: 20px;
    background-image: url('../images/icons/print_some.png');
}

.wrap_table .wrap_td .gestioncmr.hasfiles {
    width: 26px;
    height: 20px;
    background-image: url('../images/icons/print_ok.png');
}

.wrap_table .wrap_td .lettrevoiture {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('../images/icons/lv.png');
}

.wrap_table .wrap_td .lettrevoiture.lvok {
    background-image: url('../images/icons/lvok.png');
}

#table_TableOT .wrap_table .wrap_td .icon_ot_fa {
    line-height: 25px;
    font-size: 17px;
    color: grey;
    cursor: pointer;
    margin: 0 2px;
}

.item_bold {
    font-weight: bold;
    color: #FF8A00;
}
.hastable tr.italic td{
    font-style:italic;
}
.hastable tr.italic td:first-child>.wrap_td{
    text-align:right;
}
.item_bold.green, span.bold.green, .hastable tr td.item_bold.green .wrap_td {
    color: green;
}

.item_bold.red, span.bold.red, .hastable tr td.item_bold.red .wrap_td {
    color: red;
}

.item_bold.blue, span.bold.blue, .hastable tr td.item_bold.blue .wrap_td {
    color: #1B5DC4;
}

.item_bold.orange, span.bold.orange, .hastable tr td.item_bold.orange .wrap_td {
    color: orange;
}

.item_bold.grey, span.bold.grey, .hastable tr td.item_bold.grey .wrap_td {
    color: #555;
}

.block_admin #ajax_view_message.response-msg { 
    background: #E9E9E9;
    border: 1px solid #CCC;
    color: #333;
    padding: 9px 10px 7px 10px;
}

.block_admin #ajax_view_message.response-msg span { 
    display: inline;
}

.response-msg span.span_inline {
    font-weight: normal;
    padding: 0;
}

#sidebar-left #page_wrapper {
    height: auto;
}

#sidebar-left #page_wrapper #page-content #page-content-wrapper {   
    padding: 4px 10px 14px 146px;
    border: 1px solid #E5E5E5;
    margin: 5px 8px 12px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:url('../images/bg_wrapper.png') 135px 0px repeat-y;
}

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

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

#top-buttons .btn_left {
    padding: 0 0 0 5px;
    background:url('../images/icons/topbtn_left.png') top left no-repeat;
    float: left;
    margin-left: 10px;
}

#top-buttons .btn_left .btn_right {
    padding: 0 5px 0 0;
    background:url('../images/icons/topbtn_right.png') top right no-repeat;
}

#top-buttons .btn_left .btn_right a {
    height: 23px;
    line-height: 23px;
    display: block;
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    background:url('../images/icons/topbtn_center.png') top left repeat-x;
    padding: 0 5px;
}

#top-buttons .btn_left:hover {
    background-position: left -23px;
}

#top-buttons .btn_left:hover .btn_right {
    background-position: right -23px;
}

#top-buttons .btn_left:hover .btn_right a {
    background-position: left -23px;
}

#top-buttons .btn_left .btn_right a .btn_text {
    display: block;
    float: right;
}

#top-buttons .btn_left .btn_right a .icon,
#top-buttons .btn_left .btn_right a .fa {
    display: block;
    float: right;
    height: 18px;
    width: 18px;
    margin-left: 7px;
    margin-top: 3px;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowexport {
    background:url('../images/icons/arrowexport.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowedit {
    background:url('../images/icons/arrowedit.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowcancel {
    background:url('../images/icons/arrowcancel.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowprefact {
    background:url('../images/icons/arrowprefact.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowfact {
    background:url('../images/icons/arrowfact.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowreturnthick-1-w {
    background:url('../images/icons/arrowreturnthick-1-w.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-arrowsegment {
    background:url('../images/icons/arrowsegment.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .icon.icon-editqte {
    background:url('../images/icons/editqte.png') top left no-repeat;
}

#top-buttons .btn_left .btn_right a .fa {
    margin-top: 4px;
    font-size: 14px;
    color: #48a8d4;
}

#top-buttons .btn_left .btn_right a .fa.fa-plus {
    font-size: 16px;
}

#top-buttons .btn_left .btn_right a:hover .fa {
    color: #1d97cf;
}

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

h2.subtitle_page.wo_border {
    border: none;
}

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

.liste_documents {
    padding: 15px 30px 10px 135px;
    width: auto;
}

.liste_documents li {
    padding: 2px 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;
}

.liste_documents li a {
    font-size: 13px;
    color: #0062A4;
    vertical-align: middle;
}

.liste_documents li a.old_file {
    color: #666;
}

.liste_documents li a:hover,
.liste_documents li a.old_file:hover,
.liste_documents li a.secondary_file:hover {
    color: #3B3B3B;
}

.liste_documents li a.secondary_file {
    color: green;
    font-weight: normal;
}

.liste_documents li a.secondary_file_pdf {
    color: #d60000;
    font-weight: normal;
}

.liste_documents li a.secondary_file_img {
    color: #ED7913;
    font-weight: normal;
}

.fancybox-outer .fancybox-inner {
    border: none;
}

/* Class fancybox pour pouvoir en intercaller une autre au besoin */
.fancybox-overlay.minus_z {
    z-index: 3010;
}

.fancybox-overlay.minus_z .fancybox-opened {
    z-index: 3030;
}

.fancybox-overlay.minus_z .fancybox-wrap {
    z-index: 3020;
}

/*  Header  */

#page_wrapper #page-header {
    background:url('../images/header-bg.png') top left repeat-x;
    border-bottom: solid 1px #444;
}

#page_wrapper #page-header #page-header-wrapper {
    padding:0 20px 0 25px;
    min-height: 80px;
    display: flex;
    justify-content: flex-start;
}

#page_wrapper #page-header #page-header-wrapper #top {
    padding-top: 1px;
    height:53px;
    width: 500px;
    background:url('../images/bg_logo.png') 0px 1px no-repeat;
    padding-top: 26px;
}

#page_wrapper #page-header #page-header-wrapper #top a.logo {
    display:inline-block;
    vertical-align: middle;
    text-indent:-9999px;
    overflow: hidden;
    background:url('../images/logo.png') center left no-repeat;
    height:31px;
    width: 112px;
    margin-top: 0px;
    margin-left: 18px;
}

#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;
}

#page_wrapper #page-header #page-header-wrapper .page-header-right {
    margin-left: auto;
    display: flex;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user {
    padding: 7px 14px 0 0;
    font-family: "Trebuchet MS",Georgia,Arial;
    height: 71px;
    font-size: 12px;
    text-align: right;
    color: white;
}

#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: 18px;
    font-style: italic;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user p.text_user,
#page_wrapper #page-header #page-header-wrapper .block_switch_ag p.text_agence {
    font-style: italic;
    margin-top: 0;
    margin-bottom: 3px;
    padding: 0;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout {
    font-family: Arial,Georgia,"Trebuchet MS";
    color: white;
    font-size: 10px;
    display: inline-block;
    background:url('../images/icons/btndeco_left.png') top left no-repeat;
    padding: 0 0 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;
    padding: 0 10px 0 0;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout .link_right .link_center {
    background:url('../images/icons/btndeco_center.png') top left repeat-x;
    height: 21px;
    line-height: 20px;
    padding: 0 2px;
}

#page_wrapper #page-header #page-header-wrapper .welcome_user a.link_logout .icon_logout {
    font-weight: bold;
    font-size: 11px;
    margin-left: 2px;
}

#page_wrapper #page-header #page-header-wrapper .welcome {
    padding: 11px 0 0 0;
    font-family: "Trebuchet MS",Georgia,Arial;
    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 #page-header-wrapper .block_switch_ag {
    border-right: solid 6px #464649;
    height: 71px;
    padding: 7px 14px 0 0;
    margin-right: 14px;
    color: white;
    text-align: right;
}

#page_wrapper #page-header #page-header-wrapper .block_switch_ag .text_switch_ag {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin: 2px 0 0 0;
    padding: 0;
    line-height: normal;
}

#page_wrapper #page-header #page-header-wrapper .block_switch_ag #switch_agence_id {
    padding: 2px 1px 2px 12px;
    margin-top: 7px;
    height: 24px;
    font-size: 13px;
    box-shadow: none;
    border-radius: 20px;
    background: linear-gradient(0deg, #454548 0%, #454548 50%, #4F5056 51%, #4F5056 100%);
    background-color: #454548;
    color: white;
    border: solid 1px #222;
}

#page_wrapper #page-header #wrap_breadcrumb {
    background: url(../images/bg_breadcrumb.png) bottom left repeat-x;
    clear: both;
    min-height: 33px;
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb {
    height: 33px;
    position : absolute;    
}

#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 10px 0 25px;
    text-align: center;
    height: 33px;
    background: url(../images/item_breadcrumb.png) top left repeat-x;
    color: white;
    font-size: 14px;
    line-height: 33px;
    display: block;
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li:first-child a {
    min-width: 124px;
    padding: 0 10px;
}
.hidden_menu #page_wrapper #page-header #wrap_breadcrumb #breadcrumb li:first-child a {
    padding-left:30px;
}

#page_wrapper #page-header #wrap_breadcrumb #breadcrumb li .arrow {
    display: block;
    position: absolute;
    top: 0px;
    right: -20px;
    width: 20px;
    height: 33px;
    background: url(../images/item_breadcrumb_right.png) top left no-repeat;
}

#page_wrapper #page-header #wrap_breadcrumb #wrap_quicksearch{
     float: right;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
#page_wrapper #page-header #wrap_breadcrumb #wrap_quicksearch li{
    float: right;
    position: relative;
    top: 0px;
    left: 0px; 
}

#page_wrapper #page-header #wrap_breadcrumb #wrap_quicksearch li .ajax_fancy{
    display:none;
}
#page_wrapper #page-header #wrap_breadcrumb #wrap_quicksearch li input{
    background: #3F3F42;
    color: white;
    width: 110px;
    border: 1px solid #888;
    height: 16px;
    line-height: 25px;
    margin: 2px 2px 0px 2px;
    padding: 4px;
}
#page_wrapper #page-header #wrap_breadcrumb #wrap_quicksearch li input:focus{
    border: 1px solid #ddd;
}
#page_wrapper #page-header #wrap_breadcrumb #wrap_quicksearch input::placeholder{
    color: #ddd;
}
/* NOTIFICATION */

#page_wrapper #page-header #wrap_breadcrumb #wrap_notification {
    height: 33px;
    float:right;
}

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


#page_wrapper #page-header #wrap_breadcrumb #wrap_notification li a {
    min-width: 109px;
    padding: 0 10px 0 25px;
    text-align: center;
    height: 33px;
    background: url(../images/item_breadcrumb.png) top left repeat-x;
    color: white;
    font-size: 11px;
    line-height: 33px;
    display: block;
}

#notification .notification_contenu {
    max-height: 500px;
    height: 500px;
    overflow-y: auto;
    padding : 0 10px 0 0;
    font-size: 12px;
}

#notification .notification_contenu p {
    padding: 0;
    margin: 0;
    font-size: 13px;
}

#notification .buttons_up {
    text-align: center;
    padding : 10px 0 0px 0;
    color: #3b3b3b;
    font-size: 23px;
    font-weight: bold;
}

#notification .buttons_up .button_form {
    font-weight: normal;
    vertical-align: middle;
}

#notification .buttons_up .button_form.unactive,
#notification .buttons_up .button_form.unactive:hover {
    background: #bbb;
    color: #666 !important;
    font-style: normal !important;
    cursor: pointer;
}

#notification .notification_titre {
    font-size : 1.4em;
}

#notification .notification_date {
    font-size : 1.4em;
    float : right;
}

/*#notification .modal_maj .notification_texte {
    margin: 10px;
}*/

#notification .modal_maj .notification_contenu ul {
    font-size: 13px;
    padding: 5px 0 5px 7px;
    line-height: 17px;
}

#notification .modal_maj .notification_contenu li:before {
    content:  '•'; 
    padding: 0 3px 0 0;
    color: black;
    font-size: 15px;
}

#notification .modal_maj .notification_contenu img {
    max-width: 100%;
    height: auto;
}

#notification .notification_liste p.notification_fond {
    background-color : #BAEAFF;
    padding : 5px 20px;
    font-size: 0.9em;
    font-weight: bold;
    margin: 15px 0 8px 0;
}

#notification .response-msg.inf {
    width: 55%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 40px auto;
}

#notification .notification_liste p {
    padding: 0;
}

/* SIDEBAR */

#page_wrapper #sidebar {
    position:absolute;
    top:0;
    right:0;
    width:200px;
    z-index:9999;
}

#sidebar-left #page_wrapper #sidebar {
    /*border: 1px solid #CECECE;*/
    left: 0;
    right: auto;
    margin-left: 9px;
    margin-top: 6px;
    margin-right: 12px;
    width: 120px;
    padding: 0 7px 20px 7px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#sidebar-left #page_wrapper #sidebar #nav_left li a {
    display: block;
    width: 120px;
    padding-top: 50px;
    cursor: pointer;
    margin-top: 10px;
    color: #4a4a4a;
    font-size: 11px;
    position: relative;
    top: 0px;
    left: 0px;
}
 #sidebar-left.hidden_menu #page_wrapper #page-content #page-content-wrapper {
    padding: 4px 10px 14px 10px;
    background:none !important;
}


.hidden_menu #page_wrapper #sidebar:before{
   content: 'menu';
    position: absolute;
    left: 100%;
    display: flex;
    width: 150px;
    height: 15px;
    transform: rotate(90deg);
    justify-content: center;
    align-items: center;
    top: 110px;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px -4px 4px rgba(0, 0, 0, .5);
    transform-origin: 0 100%;
    margin-left:-1px;
}


.hidden_menu #page_wrapper #sidebar {
    transform:translateX(-130px);
    
    margin:0 !important;
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:200px;
    z-index:9999;
    transition: transform 0.5s;
    display:block;
    box-shadow: 1px -3px 4px rgba(0, 0, 0, .5);
    background:#fff;
}
.hidden_menu #page_wrapper #sidebar:hover{
    transform:translateX(0px);
}

#sidebar-left.hidden_menu  #page_wrapper #sidebar { 
    left: 0;
    right: auto;

    width: 120px;
    padding: 0 7px 20px 7px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
}
#sidebar-left.hidden_menu  #page_wrapper #sidebar #nav_left{
    height:90vh;  
}

 #sidebar-left.hidden_menu #page_wrapper #sidebar #nav_left {
    width:120px;   
    margin-left:-5px;
    height: 100vh;
}
#sidebar-left.hidden_menu  #page_wrapper #sidebar #nav_left li{
    height: 61px;
}
#sidebar-left.hidden_menu  #page_wrapper #sidebar #nav_left li>a {
    display: flex;
    flex-direction:column;
    justify-content: flex-end;
    width: 120px;
    
    cursor: pointer;
    
    color: #4a4a4a;
    font-size: 11px;
    height:100%;
    padding-top:0; 
}
.jspVerticalBar
{
    left: 0;
    width:3px;
}
.jspVerticalBar {
    background: none !important;
    top: 0;
    width: 3px;
}
.jspTrack {
    background : #ddd !important;
    width: 3px;
}
.jspDrag {
    background : #aaa !important;
    width: 3px;
}
.jspPane{
    margin-left:0 !important;
}
.jspHorizontalBar {
    background: none !important;    
    height: 3px !important;    
}

#sidebar-left #page_wrapper #sidebar #nav_left li a:hover,
#sidebar-left #page_wrapper #sidebar #nav_left li a.active {
    background-position: center top !important;
    color: #301a00;
}

#sidebar-left #page_wrapper #sidebar #nav_left li a .fa {
    font-size: 38px;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0;
    color: #F6C576;
}
#sidebar-left #page_wrapper #sidebar #nav_left li a:hover .fa,
#sidebar-left #page_wrapper #sidebar #nav_left li a.active .fa {
    color: #F69C00;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li a .fa {
    color: #97DDDD;
}
#sidebar-left.blue #page_wrapper #sidebar #nav_left li a:hover .fa,
#sidebar-left.blue #page_wrapper #sidebar #nav_left li a.active .fa {
    color: #1DC4E6;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li a .fa {
    color: #9DE69D;
}
#sidebar-left.green #page_wrapper #sidebar #nav_left li a:hover .fa,
#sidebar-left.green #page_wrapper #sidebar #nav_left li a.active .fa {
    color: #41DC42;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li a .fa {
    color: #DCB1E7;
}
#sidebar-left.purple #page_wrapper #sidebar #nav_left li a:hover .fa,
#sidebar-left.purple #page_wrapper #sidebar #nav_left li a.active .fa {
    color: #B779CC;
}
#sidebar-left #page_wrapper #sidebar #nav_left li.nav_gestionparc a {
    background: url(../images/icons/icon_parc.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_exploitation a {
    background: url(../images/icons/icon_exploitation.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_facturationclient a {
    background: url(../images/icons/icon_factureexp.png) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_gestionrh a {
    background: url(../images/icons/icon_rh.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_achats a {
    background: url(../images/icons/icon_achats.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_cartes a {
    background: url(../images/icons/icon_carte.jpg) center -60px no-repeat;
}
#sidebar-left #page_wrapper #sidebar #nav_left li.nav_sinistres a {
    background: url(../images/icons/icon_sinistre.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_tiers a {
    background: url(../images/icons/icon_tiers.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_report a {
    background: url(../images/icons/icon_report.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_adm a {
    background: url(../images/icons/icon_admin.jpg) center -60px no-repeat;
}

#sidebar-left #page_wrapper #sidebar #nav_left li.nav_tarifs a {
    background: url(../images/icons/icon_pcg.jpg) center -60px no-repeat;
}


/* Tableaux */

.hastable .wrap_table {
    overflow-x: auto;
    padding-bottom: 5px;
}

.hastable thead td, .hastable thead th, .hastable tr td.head {
    background: url(../images/table/bg_thead.png) bottom left repeat-x;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
}

/* Recherche par colonne */

.hastable .searchcol_ajax {
    background: url(../images/table/search_col.png) center left no-repeat;
    cursor: pointer;
    min-height: 14px;
    padding-left: 20px;
    display: inline-block;
    _display: inline;
    _zoom: 1;
    white-space:nowrap;
}
.hastable .wrap_searchcol{
    display:flex;
    justify-content:center;
}
.hastable .wrap_searchcol.searchcol_on {
    min-width: 270px;
    height: 26px;
    vertical-align: top;
}

.hastable .wrap_searchcol.searchcol_on .searchcol_ajax {
    background: none;
    padding-left: 0px;
    height: 26px;
    vertical-align: top;
}

.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: 2px;
    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: 3px 22px;
    text-indent: 0px;
    margin: 0;
    width: 135px;
    
    height: 19px;
    position: relative;
    top: -1px;
    left: 0px;
}

.hastable td .wrap_searchcol.searchcol_on .searchcol_ajax .searchcol_input .searchcol_exact {
    padding: 2px 0;
    margin-right: 2px;
    
    height: 27px;
    position: relative;
    top: -1px;
    left: 0px;
}

.hastable .table_filters .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 .row_searchcol span.type.type_empty,
.hastable .table_filters .row_searchcol span.type.type_not_empty {
    margin: 0;
}

.hastable .table_filters .row_searchcol span.type.type_start_by,
.hastable .table_filters .row_searchcol span.type.type_end_by {
    margin-left: 0;
}

.hastable .table_filters .filter_left 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 {
    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: -2px;
    left: 0px;
    margin-right: 3px;
}

.hastable thead tr td.sens_actions {
    padding: 0 23px;
}

.hastable .order_ajax.inline {
    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 .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;
}

.hastable thead td, .hastable thead th, .hastable tr td.head {
    padding: 0;
    margin: 0;
    text-align:center;
    font-size: 12px;
    color: #3b3b3b;
    font-weight: bold;
}

.hastable thead td{
    border-right: solid 1px #E4E4E4;
    padding: 7px 10px;
}

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

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

.hastable thead td a{
    color: #3b3b3b;
}
.hastable thead td.entete_normal{
    filter: contrast(0.9);
}
.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 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) 5px -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 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;
}

.hastable tr td.nowrap .wrap_td {
    white-space: nowrap;
}
.hastable tr td.corrigee{
    position:relative;
}
.hastable tr td.corrigee div:after{
    content:'';
    display:block;
    width:20px;
    height:100%;
    background: url("../images/icons/check.png") no-repeat center left 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.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 .wrap_td div.case_bloquee{
    margin:0 -5px;
    background-color:#eeffee;
}
.hastable tr td .wrap_td div.case_unique{
    margin:0 -5px;
    background-color:#ffeeee;
}
.hastable tr td .wrap_td div.has_edit{
    position:relative;
    
    cursor: pointer;
}
.hastable tr td .wrap_td div.has_edit:hover:before{
    content:'';
    display:block;
    width:20px;
    height:100%;
    background: url("../images/icons/arrowedit.png") no-repeat center right 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.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,
.hastable tr td .wrap_td.align_left {
    text-align: left;
}

.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:first-child td .wrap_td {
    margin-top: 2px;
}

.hastable tr:hover > td > .wrap_td {
    border-top: solid 1px #828180;
    border-bottom: solid 1px #828180;
    border-right: solid 1px #828180;
}
/* Sur-mise en valeur de la ligne survolée, sur paramétrage */
.hastable.max_highlighting tr:hover > td:not(.actions) > .wrap_td {
    background: #ffdc6b !important; 
}
/* Sur-mise en valeur des lignes sélectionnées, sur paramétrage */
.hastable.selected_highlighting tr:has(div.checkbox_on) > td:not(.actions) > .wrap_td {
    background: #b0ff9e !important; 
}
.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 thead tr td div.entete_flottant{
   position:absolute;
   z-index:99;
   background:url(../images/table/bg_thead.png) bottom left repeat-x;
   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;
}
.hastable table.first_col_locked td.flottant:after{
    width:100%;
    height:100%;
    display:block;
    background:red;
}
.hastable table.first_col_locked td.flottant>div{
    position:absolute;
    z-index:998;
    background-color:#ffffff;
    margin-top:-12px;   
}
.hastable table.first_col_locked td.flottant>div:not(.conteneur_checkbox_cell){
  margin-left:0px;  
}
.hastable table.first_col_locked td.flottant.first_item>div {
  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 table.first_col_locked tr:hover td.first_item .wrap_td {
    border-bottom: solid 1px #828180;
}

.hastable tr td.last_item .wrap_td {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-right: 3px;
}

.hastable tr td.bold .wrap_td {
    font-weight: bold;
    color: #3B3B3B;
}

.hastable tr td .wrap_td .checkbox {
    padding: 0;
    margin: 9px 0 0 0;
    display: inline-block;
}

.hastable tr td .wrap_td .checkbox.lite_checkbox {
    margin-top: 6px;
    width: 13px;
    height: 13px;
}

.hastable td .thumbnail {
    max-height: 30px;
}

.hastable td input.text {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 2px;
    width: 90%;
}

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

.hastable td input.input_date.datetimepicker {
    width: 140px;
    text-indent: 8px;
    background-position: 96% center;
}

.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;
}

.wrap_fancy_position { 
    display: inline-block; 
    height: 16px; 
    vertical-align: middle; 
    margin-left: 10px; 
}

/* Champ "icône" */
div.wrap_field_icon {
    display: inline-block;
}
div.wrap_field_icon div.wrap_fancy_icon { 
    display: inline-block; 
    margin-right: 5px;
    width: 200px;
}
div.wrap_field_icon img, div.wrap_field_icon input, div.wrap_field_icon i {
    vertical-align: middle !important;
}
div.wrap_ajax_icon div.wrap_icon_fa .fas, div.wrap_ajax_icon div.wrap_icon_fa .fa {
    cursor:pointer;
    font-size:18px;
    color: black;
}
div.wrap_ajax_icon div.wrap_icon_fa .fas:hover, div.wrap_ajax_icon div.wrap_icon_fa .fa:hover {
    zoom:2;
}
div.wrap_ajax_icon div.wrap_search_icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}
div.wrap_ajax_icon div.wrap_search_icon span.cancel_search_icon {
    display: block;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 1px;
}
/* Fin champ "icône" */

.fa.fa_inline {
    font-size: 16px;
    vertical-align: middle;
    line-height: 24px;
}

input.error,
textarea.textarea.error,
input.text.error,
input.text.lite_inline.error,
input.text.field.lite_inline.error,
.hastable td input.text.lite_inline.error,
select.select.field.lite_inline.error,
.hastable td select.select.lite_inline.error {
    background-color: #F9E5E6;
    border-color: #B50007;
}

span.nochange {
    vertical-align: middle;
}

span.nochange.error {
    color: #B50007;
    font-weight: bold;
}
.nochange.has_edit:after {
    content:'';
    background: transparent url(../images/icons/arrowedit.png) no-repeat center;
    margin-left: 4px;
    width:10px;
    height:10px;
    display:inline-block;
    cursor:pointer;
}
span.nochange span.error,
span.inline_error,
span.inline_inf {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #B50007;
    font-weight: bold;
    background-color: transparent;
    padding-left: 20px;
    background-image: url('../images/icons/alerte_error_16.png');
    background-repeat: no-repeat;
}
span.inline_error,
span.inline_inf {
    display: inline-block;
    margin-left: 10px;
}
span.inline_inf {
    background-image: url('../images/icons/info_blue_16.png');
    color:#0055b5;
}
input.warning,
input.text.warning {
    background: none repeat scroll 0 0 #f9e77c;
    border-color: #b58e00;
}
input.success,
input.text.success,
input.text.field.lite_inline.success {
    background-color: #E9F9E5 !important;
    border-color: #2DB020 !important;
    color: black;
}

/* Cellules avec br */

.hastable tr.row_wbr td div.wrap_td {
    height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.hastable tr.row_wbr td.cell_wbr div.wrap_td {
    line-height: 10px;
}

/* 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 .select_fancy {
    display: none;
}

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

.hastable tr td.actions.first_action .wrap_td {
    margin-right: 0;
    margin-left: 3px;
}

.hastable tr td.actions ul {
    white-space: nowrap;
    font-size: 0px;
    text-align: left;
}

.hastable tr td.actions li {
    display: inline-block;
    vertical-align: top;
}

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

/* Encart vide pour affichage */
.hastable tr td.actions li a.empty,
.hastable tr:hover td.actions li a.empty {
    height: 26px;
    width: 26px;
    border: none;
    background: none;
}

.hastable tr td.actions li a.green {
    background: #9DEDB9;
}

.hastable tr td.actions li a.darkorange {
    background: #FFBD66;
}

.hastable tr td.actions li a.orange {
    background: #FFC48B;
}

.hastable tr td.actions li a.blue {
    background: #9ADEF1;
}

.hastable tr td.actions li a.red {
    background: #FFA3A3;
}

.hastable tr td.actions.first_action li a {
    margin-right: 0;
    margin-left: 2px;
}

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

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

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

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

.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.truck_link {
    background-image: url(../images/icons/truck.png);
}

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

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

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

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

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

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

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

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

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

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

.hastable tr td.actions li a.printlvok_link{
    background-image: url(../images/icons/lv_action_ok.png);
}
.hastable tr td.actions li a.viewecmrok_link{
    background-image: url(../images/icons/lv_action-view.jpg);
}
.hastable tr td.actions li a.printecmr_link {
    background-image: url(../images/icons/lv_action.png);
}
.hastable tr td.actions li a.printecmrok_link {
    background-image: url(../images/icons/lv_action_ok.png);
}
.hastable tr td.actions li a.barcode_link {
    background-image: url(../images/icons/barcode_action.png);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.hastable tr td.actions li a.b2p_link{
    background-image: url(../images/icons/b2p.png);
    background-size: contain;
}

.hastable .b2p_link {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 4px;

    position: relative;
    background: url(../images/icons/b2p.png) center no-repeat;
    background-size: contain;
}

.b2p_link.grey{
    filter: saturate(0%);
}

.hastable tr td.actions li a.fa ,
.hastable tr td.actions li a.fas {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    color: #666;
}

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

.hastable tr td.actions.first_action li:first-child a {
    margin-left: 0;
}

/* Tables Filtres */

.hastable .table_filters {
    border-top: solid 1px #FEFEFE;
    background: url(../images/planning/table_filters.png) left bottom repeat-x #EDE4D4;
    padding: 8px 12px 4px 12px;
    color: #3b3b3b;
    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: 0;
    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;
}

.hastable .table_filters .filter.filter_aff .filter_mul,
.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;
}

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

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

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

.hastable .table_filters .filter.filter_left .selectmul div.nb_selected {
    position: absolute;
    top: 3px;
    right: 27px;
    
    -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;
}

.hastable .table_filters .filter.filter_left .selectmul div.nb_selected.font_min {
    font-size: 10px;
}

.hastable .table_filters .filter.filter_left .selectmul div.nb_selected.none_selected {
    background-color: #db3d25;
}

.hastable .table_filters .filter.filter_left .selectmul div.nb_selected.all_selected {
    background-color: #3fba64;
}

.hastable .table_filters .filter.filter_aff .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: 110000;
    text-align: right;
    max-height: 400px;
    overflow-x: auto;
}

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

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

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

.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,
.wrap_checkbox_assoc {
    font-size: 10px;
    font-weight: bold;
    color: #a86200;
    font-style: italic;
}

.wrap_checkbox_assoc {
    color: #0F3D7D;
}

/* Tableaux : Affichage des onglets */
.hastable .table_tabs {
    display: flex;
}
.hastable .table_tabs .table_tab {
    background: #DDD;
    border: solid 1px #DDD;
    border-bottom: solid 1px white !important;
    border-radius: 5px 5px 0 0;
    margin-right: 5px;
    padding: 5px 20px;
    font-size: 13px;
    cursor: pointer;
}
.hastable .table_tabs .table_tab.active {
    background-color: #DCD4C5;
    border-color: #DCD4C5;
}
/* Fin tableaux : Affichage des onglets */

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

.hastable .table_filters .checkbox {
    display: inline;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
}

.hastable .table_filters .text {
    height: 22px;
    padding: 0;
    margin: 0;
    border: solid 1px #bebebe;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.hastable .table_filters .filter.filter_left .search_ajax {
    margin-right: 10px;
}

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

.hastable .table_filters .wrap_fancy {
    position: relative;
    top: 0px;
    left: 0px;
    width: 165px;
    display: inline-block;
    margin-right: 30px;
}

.hastable .table_filters .wrap_fancy a.link_op {
    top: 4px;
}

.hastable .table_filters label {
    font-weight: bold;
    vertical-align: middle;
    line-height: normal;
}

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

    width: 7px;
    height: 20px;
    
    position: relative;
    top: 0px;
    left: 0px;
}

.hastable .table_filters .wrap_arrow_filter.arrow_left {
    margin-left: 10px;
}

.hastable .table_filters a.arrow_filter {
    display: block;
    background: url(../images/table/arrow_left.png) no-repeat center;
    width: 20px;
    height: 20px;
    
    position: absolute;
    top: -2px;
    left: -21px;
}

.hastable .table_filters .arrow_right a.arrow_filter {
    background: url(../images/table/arrow_right.png) no-repeat center;
}

.hastable .table_caption,
.hastable .wrap_table_buttons.wrap_buttons.table_caption {
    background: #DCD4C5;
    border-top: 1px solid #AAA;
}

.hastable .table_caption div.caption,
.hastable .wrap_table_buttons.wrap_buttons.table_caption div.caption {
    color: #3B3B3B;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    line-height: 28px;
    padding-right: 15px;
    padding-left: 5px;
}

.hastable .table_filters fieldset {
    display: inline-block;
    background: rgba(255, 0, 0, 0.2);
    padding: 3px 10px 2px 10px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    margin-right: 30px;
}

.hastable .table_filters fieldset .label_fieldset {
    margin-right: 8px;
    font-weight: bold;
    color: #A13535;
}

.hastable .table_filters .filter_left fieldset .select,
.hastable .table_filters .filter_left fieldset .input,
.hastable .table_filters .filter_left fieldset .wrap_fancy,
.hastable .table_filters .filter_left fieldset label {
    margin-right: 20px;
}

.hastable .table_filters .filter_left fieldset .select,
.hastable .table_filters .filter_left fieldset .text {
    border: 1px solid #999;
}

.hastable .table_filters .filter_left fieldset .btn_erase_fieldset {
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #a13535;
}

.hastable .table_filters .toggle_filter {
    width: 24px;
    height:32px;
}

.hastable .table_filters .toggle_filter span{
    top:-7px;
}

/* Tables Boutons */

.hastable .wrap_table_buttons {
    min-height: 31px;
    padding: 4px 10px 0 10px;
    background-color: #dcd4c5;
}
.hastable .wrap_table_buttons.with_btn_search {
    padding: 4px 180px 0 10px;
}

.hastable .wrap_table_buttons a.btn {
    margin: 0 3px;
    vertical-align: top;
}

.hastable .wrap_table_buttons a.button {
    margin: 0 20px 0 0;
    vertical-align: top;
}

.hastable .wrap_table_buttons a.button.unactive {
    opacity: 0.7;
    cursor: default;
}

.hastable .wrap_table_buttons .zone_text {
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 0 17px 4px 0;
    
    font-size: 12px;
    display: inline-block;
    color: #333;
}

.hastable .wrap_table_buttons .zone_text.zone_linkalert {
    background: rgba(255, 0, 0, 0.15);
    color: #D10000;
    font-weight: bold;
    border: solid 1px #999;
    height: 28px;
    padding: 0 9px;
}

.hastable .wrap_table_buttons .zone_text.zone_linkalert:hover {
    background: rgba(255, 0, 0, 0.5);
    color: white;
    border-color: white;
}

/* Tables Pagination */

.wrap_pager {
    margin-top: 12px;
    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:300px;
    margin:auto;
    text-align: center;
    height: 32px;
}

.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;
    top: -10px;
    left: 0px;
}

.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.pager_first .pager_icon {
    background-image: url(../images/pagination/min.png);
}

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

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

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

.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 thead td {
    padding: 0;
}

.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_saved,
.hastable .table_filters .filter_refresh {
   margin-right:0px;
   display:flex;
   position:relative;
   order:4;
   max-height: calc(1.6em + 10px);
}

.hastable .table_filters .filter_refresh {
    order: 3;
    font-size: 16px;
    padding: 5px;
    margin: -1px 0 0 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
    color: #666;
}

.hastable .table_filters .filter_refresh.on {
    color: green;
}

.hastable .table_filters .filter_saved .burger .fa {
    margin: -3px 0 0 0;
    font-size: 1.6em;
    padding: 5px;
    background:white;
    background:none;
    color: #666;
}

.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:#dcdcdc;
    right:0;

}

.hastable .table_filters .filter_saved .block_info { border:2px solid  #ffa02d; }
.blue .hastable .table_filters .filter_saved .block_info { border: 2px solid  #37a9f1; }
.green .hastable .table_filters .filter_saved .block_info { border: 2px 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:#dcd4c5;
    cursor:pointer;
 
}

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

.hastable .table_filters .filter_left .filter_row {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
}

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

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

.hastable .table_filters .filter_left select,
.hastable .table_filters .filter_left input,
.hastable .table_filters .filter_left button {
    margin-right: 30px;
}

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

/*Planning header*/
.hastable.planning table {
    overflow: hidden;
}

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

.hastable.planning .sep_planning td {
    border-bottom: 1px solid #E2E2E2;
}

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

/* Pastilles sur planning */
.hastable.planning span.pastille_planning,
#div_head span.pastille_planning {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    
    position: relative;
    top: -1px;
    left: 0px;
    
    margin-left: 3px;
    
    background-color: #E62020;
    color: white;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    text-shadow: none;
    cursor: pointer;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.hastable.planning.timeline span.pastille_planning {
    line-height: 16px;
}

.hastable.planning span.pastille_planning.pastille_truck,
#div_head span.pastille_planning.pastille_truck {
    background: url(../images/icons/icon_truck_wo_trailer.png) center center no-repeat transparent;
}

.hastable.planning span.pastille_planning.pastille_trailer,
#div_head span.pastille_planning.pastille_trailer {
    background: url(../images/icons/icon_trailer.png) center center no-repeat transparent;
}
.hastable.planning.timeline span.pastille_planning.pastille_trailer {
    filter: grayscale(100%);
}

.hastable.planning span.pastille_planning.pastille_driver,
#div_head span.pastille_planning.pastille_driver {
    background: url(../images/icons/icon_driver.png) center center no-repeat transparent;
}

.hastable.planning span.pastille_planning:first-child,
#div_head span.pastille_planning:first-child {
    margin-left: 6px;
}

.hastable.planning span.pastille_ot.strlen_3,
#div_head span.pastille_ot.strlen_3 {
    font-size: 8px;
}

.hastable.planning span.pastille_ot.strlen_all,
#div_head span.pastille_ot.strlen_all {
    font-size: 9px;
    width: auto;
    padding: 0 5px;
}

.hastable.planning thead td.th_tri {
    background: url(../images/planning/th_tri.png) 0px -1px repeat-x;
    border-right: 1px solid #E4E4E4;
}
#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) 0px -1px repeat-x;
    border-right: 1px solid #E4E4E4;
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    text-align:center;
    color:#3B3B3B;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.hastable.planning thead td.th_date {
    background: url(../images/planning/th_date.png) 0px -1px repeat-x;
    border-left: 1px solid #C6C6C8;
    border-right: none;
    min-width: 70px;
}

.hastable.planning.simple_period thead td.th_date {
    min-width: 20px;
}

#div_head .div_head_bottom_td ,
#div_head_left .div_head_bottom_td {
    background: url(../images/planning/th_date.png) 0px -1px repeat-x;
    border-left: 1px solid #C6C6C8;
    border-right: none;
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    text-align:center;
    color:#3B3B3B;
    font-size: 13px;
    font-weight: bold;
}
#div_head .div_head_date,
#div_head_left .div_head_date {
    background: url(../images/planning/th_date.png) 0px -1px repeat-x;
    border-left: 1px solid #C6C6C8;
    border-right: none;
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    text-align:center;
    color:#3B3B3B;
    font-size: 13px;
    font-weight: bold;
}

.hastable.planning thead td.th_date.th_shadow,
#div_head .th_shadow,
#div_head_left .th_shadow {
    background: url(../images/planning/th_shadow.png) 0px -1px repeat-x;
}

.hastable.planning thead td.th_date.th_public_holiday,
#div_head .th_public_holiday,
#div_head_left .th_public_holiday {
    background: url(../images/planning/th_public_holiday.png) 0px -1px repeat-x;
}

.hastable.planning tbody tr.first td,
.hastable.planning tbody tr.first.tr_date td.td_tri {
    background-image: url(../images/planning/td_shadow.png);
    background-position: 0px -3px;
    background-repeat: repeat-x;
}

.hastable.planning tbody tr.first td.td_date,
.hastable.planning tbody tr.first.tr_date td {
    background-position: 0px -2px;
}

.hastable.planning tbody tr.last td {
    border-bottom: none;
}

.hastable.planning tbody td.td_tri,
.hastable.planning tbody tr.tr_date td.td_tri,
.hastable.planning .row_tri div {
    padding: 5px;
    height: 21px;
    line-height: 14px;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #d2d2d2;
    border-left: none;
    background-color: #ececec;
    color: #3B3B3B;
    font-size: 10px;
    font-weight: bold;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date.hover_tr_tabaff td.td_tri {
    background-color: #ececec;
}

#table_PlanningOT.hastable.planning tbody td.td_tri,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.td_tri,
#table_PlanningOT.hastable.planning .row_tri div {
    padding: 2px 5px;
}

.hastable.planning.simple_period tbody td.td_tri,
.hastable.planning.simple_period tbody tr.tr_date td.td_tri,
.hastable.planning.simple_period .row_tri div {
    line-height: 12px;
    height: 12px;
}

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

.hastable.planning tbody td.td_date,
.hastable.planning tbody tr.tr_date td {
    height: 31px;
    line-height: 30px;
    border-bottom: 1px solid #d9d9db;
    border-left: 1px solid #d9d9db;
    vertical-align: middle;
    font-weight: bold;
    font-size: 10px;
}

#table_PlanningOT.hastable.planning tbody td.td_date,
#table_PlanningOT.hastable.planning tbody tr.tr_date td {
    border-bottom: none;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.td_tri,
#table_PlanningOT.hastable.planning tbody tr.tr_date.last_row_conducteur td {
    border-bottom: 1px solid #000;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.next_day,
#table_PlanningOT.hastable.planning thead td.th_date,
#table_PlanningOT.hastable.planning #div_head .div_head_date, #div_head_left .div_head_date,
#table_PlanningOT.hastable.planning #div_head .div_head_bottom_td,
#table_PlanningOT.hastable.planning #div_head_left .div_head_bottom_td {
    border-left: 1px solid #AAA;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date:last-child td.td_tri,
#table_PlanningOT.hastable.planning tbody tr.tr_date.last_row_conducteur:last-child td {
    border-bottom: 1px solid #d9d9db;
}

.hastable.planning tbody td.td_date.one_row,
.hastable.planning tbody tr.tr_date td {
    height: 20px;
    line-height: normal;
}

.hastable.planning tbody td.td_date.one_row div,
.hastable.planning tbody tr.tr_date td div {
    min-height: 10px;
    height: auto;
    line-height: normal;
    padding: 5px;
    width: auto;
}

/* Icônes sur planning */
.hastable.planning tbody td.td_date.one_row div i.fa,
.hastable.planning tbody tr.tr_date td div i.fa {
    padding: 0 2px;
    font-size: 12px;
}

#table_PlanningOT.hastable.planning tbody td.td_date.one_row div,
#table_PlanningOT.hastable.planning tbody tr.tr_date td div {
    padding: 2px 5px;
}

.hastable.planning.simple_period tbody td.td_date.one_row div,
.hastable.planning.simple_period tbody tr.tr_date td div {
    line-height: 12px;
    min-height: 12px;
    cursor: pointer;
}

.hastable.planning.simple_period tbody td.td_date.one_row div.has_stripes,
.hastable.planning.simple_period tbody tr.tr_date td div.has_stripes {
    background: url(../images/stripes.png) top left repeat;
}

.hastable.planning.planningContrat tbody tr.tr_date,
.hastable.planning.planningContrat tbody td.td_date.one_row div,
.hastable.planning.planningContrat tbody tr.tr_date td,
.hastable.planning.planningContrat tbody tr.tr_date td div {
    height: 100%;
    padding: 0px;
}

.hastable.planning.planningContrat tbody tr.tr_date td.weekend {
    background-color: #EEE;
}

.hastable.planning.planningContrat tbody tr.tr_date td.cancel {
    background-color: #CCC;
}

.hastable.planning.planningContrat tbody tr.tr_date td {
    padding: 5px 0;
    vertical-align: middle;
}

.hastable.planning.planningContrat tbody tr.tr_date td div {
    font-weight: bold;
    font-size: 10px;
    height: auto;
    padding: 0;
}

.hastable.planning.planningContrat tbody tr.tr_date td div .is_remplace {
    font-weight: normal;
}

.hastable.planning.planningContrat tbody tr.tr_date td.td_tri {
    padding: 5px;
}

.hastable.planning tbody .info_date td {
    background-color: #d9d9db;
    border-bottom: 1px solid #d9d9db;
    border-left: 1px solid #d9d9db;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 5px;
    font-size: 10px;
}

.hastable.planning tbody .info_date td.pending {
    border-bottom: 1px dashed #000;
}

.hastable.planning.simple_period tbody .info_date td {
    max-width: 20px;
    overflow: hidden;
    padding: 5px 0;
}

.hastable.planning tbody tr.info_date td.one_row {
    height: auto;
    line-height: normal;
    padding: 2px 5px;
}

.hastable.planning tbody td.td_date.empty,
.hastable.planning tbody tr.tr_date td.empty {
    background-color: #bdbdbf;
    background-image: url(../images/planning/empty.png);
    background-position: center left;
    background-repeat: repeat-x;
    border-bottom: 1px solid #000;
}

.hastable.planning tbody tr.tr_date td.empty.pending {
    border-bottom: 1px dashed #000;
}

.hastable.planning tbody td.td_date.sortie,
.hastable.planning tbody tr.tr_date td.sortie {
    background: url(../images/stripes_grey.png) center left repeat-x;
    border-bottom: 1px solid #d9d9db;
}

.hastable.planning tbody tr.tr_date td.sortie div {
    background-image: url(../images/stripes_grey.png);
    background-position: center left;
    background-repeat: repeat-x;
}

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

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

.hastable.planning tbody td.td_date .link_td,
.hastable.planning tbody tr.tr_date td .link_td {
    display: none;
}

.hastable.planning tbody td.td_date div {
    height: 31px;
    width: 100%;
    margin: 0 auto;
}
.hastable.planning tbody tr.tr_date td.planningOR.td_date {
    padding:0;
}
.hastable.planning tbody tr.info_date.planningOR td{
    border-bottom:2px solid #ffffff;
}
.hastable.planning tbody tr.tr_date td.planningOR.td_date div {
    height: 31px !important;
    width: 100% !important;
    margin: 0 auto;
    padding:0;
}

.hastable.planning tbody td.td_date div.hide,
.hastable.planning tbody tr.tr_date td div.hide {
    opacity: 0;
}

.hastable.planning tbody tr.tr_date td div {
    cursor: grab;
}

.hastable.planning.nonDraggable tbody tr.tr_date td div {
    cursor: default;
}

.hastable.planning tbody td.td_date div.hide.is_drag,
.hastable.planning tbody tr.tr_date td div.hide.is_drag {
    display: block;
    opacity: 0;
    z-index: 100;
    cursor: grabbing;
}

.hastable.planning tbody tr.tr_date td.with_inactive,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.with_inactive {
    border-bottom: medium none;
    padding-bottom: 1px;
}

.hastable.planning tbody tr.tr_date td.hover_drag_cur,
.hastable.planning tbody tr.tr_date td.with_inactive.hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.with_inactive.hover_drag_cur {
    border-top: solid 1px purple;
    border-bottom: solid 1px purple;
    border-left: none;
    padding-top: 0;
    padding-right: 0;
}

.hastable.planning tbody tr.tr_date td.with_inactive.hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.with_inactive.hover_drag_cur {
    padding-bottom: 0;
}

.hastable.planning tbody tr.tr_date td.first_hover_drag_cur,
.hastable.planning tbody tr.tr_date td.with_inactive.first_hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.first_hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.with_inactive.first_hover_drag_cur {
    border-left: solid 1px purple;
}

.hastable.planning tbody tr.tr_date td.last_hover_drag_cur,
.hastable.planning tbody tr.tr_date td.with_inactive.last_hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.last_hover_drag_cur,
#table_PlanningOT.hastable.planning tbody tr.tr_date td.with_inactive.last_hover_drag_cur {
    border-right: solid 1px purple;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee.hover_drag_cur div {
    display: none;
}

.hastable.planning tbody tr.tr_date td {
    position: relative;
    top: 0;
    left: 0;
    
    padding-top: 1px;
    padding-right: 1px;
}

.hastable.planning tbody tr.tr_date td.td_is_drag {
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    background: #EEE;
}

.hastable.planning tbody tr.tr_date td span.hover_drag_div {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px purple;
    border-left: none;
    border-right: none;
    z-index: 12;
}

.hastable.planning tbody tr.tr_date td span.hover_drag_div.hover_drag_div_start {
    border-left: solid 1px purple;
}

.hastable.planning tbody tr.tr_date td span.hover_drag_div.hover_drag_div_end {
    border-right: solid 1px purple;
}

/* Icônes avec lien */
.hastable.planning .planning_icon,
.hastable.planning tbody tr td.td_tri .planning_icon,
#table_PlanningOT.hastable.planning .row_tri div .planning_icon {
    background-color: red;
    color: white;
    border-radius: 20px;
    padding: 2px 5px 3px 5px;
    margin-left: 3px;
    vertical-align: middle;
    font-size: 10px;
}
.hastable.planning .planning_icon.grey {
    background-color: grey !important;
}
.hastable.planning .planning_icon.purple {
    background-color: purple !important;
}
.hastable.planning .planning_icon.orange {
    background-color: orange !important;
}
.hastable.planning .planning_icon.green
.hastable.planning .planning_icon.grey:hover {
    background-color: green !important;
}

/* Icônes simples */
.hastable.planning .planning_icon.wo_bg,
.hastable.planning tbody tr td.td_tri .planning_icon.wo_bg,
#table_PlanningOT.hastable.planning .row_tri div .planning_icon.wo_bg {
    background: none !important;
    color: red;
    padding: 0;
    font-size: 13px;
}
.hastable.planning .planning_icon.wo_bg.grey {
    color: grey !important;
}
.hastable.planning .planning_icon.wo_bg.purple {
    color: purple !important;
}
.hastable.planning .planning_icon.wo_bg.orange {
    color: orange !important;
}
.hastable.planning .planning_icon.wo_bg.green,
.hastable.planning .planning_icon.wo_bg.grey:hover {
    color: green !important;
}

.hastable.planning span.span_etat {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: text-bottom;
}

.hastable.planning .etat_0 {
    background: url(../images/planning/etat_0.png) center no-repeat;
}

.hastable.planning .etat_1_3 {
    background: url(../images/planning/etat_1_3.png) center no-repeat;
}

.hastable.planning .etat_2_3 {
    background: url(../images/planning/etat_2_3.png) center no-repeat;
}

.hastable.planning .etat_1 {
    background: url(../images/planning/etat_1.png) center no-repeat;
}

.hastable.planning .etat_1_2 {
    background: url(../images/planning/14_etat_1_2.png) center no-repeat;
}

.hastable.planning span.etat_0 {
    background: url(../images/planning/14_etat_0.png) center no-repeat;
}

.hastable.planning span.etat_1_3 {
    background: url(../images/planning/14_etat_1_3.png) center no-repeat;
}

.hastable.planning span.etat_2_3 {
    background: url(../images/planning/14_etat_2_3.png) center no-repeat;
}

.hastable.planning span.etat_1 {
    background: url(../images/planning/14_etat_1.png) center no-repeat;
}

.hastable.planning span.etat_1_2 {
    background: url(../images/planning/14_etat_1_2.png) center no-repeat;
}

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

.hastable.planning .wrap_table {
    padding-bottom: 0px;
}

.hastable.planning .wrap_pager {
    margin-top: 0px;
    height: 38px;
    border: none;
    background: url(../images/planning/wrap_pager.png) top left repeat-x transparent;
}

.hastable.planning .table_filters .filter.filter_aff {
    width: 340px;
}

.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;
}

.hastable.planning span.sent_to_driver {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/phonechk.png) center center no-repeat;
    vertical-align: text-bottom;
}

.hastable.planning span.note {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note.gif) center center no-repeat;
    vertical-align: text-bottom;
}

.hastable.planning span.info_blue {
    display: inline-block;
    font-size: 14px;
    color: #3333FF;
}

/* Mise en forme bloc */

.block_admin {
    clear: both;
    border: solid 1px #dfdfdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.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 {
    color: #404043;
    font-size: 16px;
    font-weight: bold;
    height: 36px;
    background: url(../images/bg_h1.png) top left repeat-x;
    line-height: 34px;
    padding: 0 15px;
    position:relative;
}
.block_admin h1 .info_vue{
    position: absolute;
    top: 0;
    right: 10px;
    font-style: italic;
}
.block_admin h1 .info_vue.changed{
    color:red;
}

.block_wrap_content.has_menu {
    background: url(../images/bg_menu_left.png) top left repeat-y;
}

.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.active {
    color: white;
    background: url(../images/item_menu_left_lite_active.png) top left no-repeat;
}

.block_wrap_content.has_menu .block_content {
    padding-left: 155px;
}

/* Forms */
table.tableForm {
    width:100%;
}

table.tableForm.no_padding_top {
    padding-top: 0;
}

table.tableForm tr.head_form td {
    background: #DFDFDF;
    border-bottom: solid 1px #BBB;
}

table.tableForm tr.title_form td.label label,
table.tableForm tr td.label label.label_title {
    font-size: 14px;
    float: none;
    text-align: left;
    margin-left: 20px;
    text-decoration-line: underline;
}
table.tableForm tr:not(:first-child) td.label label.label_title {
    padding-top: 25px;
}
label.label_titleFormDoc{
    font-size: 14px;
    font-weight:bold;
    float: none;
    text-align: left;
    margin-left: 20px;
}
table.tableForm tr td.label label.label_title.big_title {
    font-size: 17px;
    margin-left: 10px;
    text-decoration-line: none;
}
table.tableForm tr.label_red td.label label {
    color: red;
}

table.tableForm tr.label_orange td.label label {
    color: #E89323;
}

table.tableForm tr.label_blue td.label label {
    color: #376BBF;
}

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

table.tableForm tr td .legend_td,
.wrap_table .wrap_td .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 tr td .has_unit .legend_td,
.wrap_table .wrap_td .has_unit .legend_td {
    height: auto;
}
.wrap_table .wrap_td .legend_td {
    vertical-align: middle;
}

table.tableForm tr td .legend_td.alert,
.wrap_table .wrap_td .legend_td.alert {
    background: url(../images/icons/alerte_caution_16.png) center no-repeat;
}

.icon_legend_14 {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(../images/icons/icon_help_14.png) center no-repeat;
    vertical-align: middle;
    margin-left: 4px;
}

table.tableForm tr td .comp_label,
label.comp_label {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
}
table.tableForm tr td div.has_unit .comp_label {
    display: flex;
    align-items: center;
}

table.tableForm tr td label.label_in_td,
table.tableForm tr td span.label_in_td {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: bold;
    margin: 0 15px 0 0;
}

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

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

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

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

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

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

table.tableForm tr td {
    padding: 6px 20px 6px 5px;
    /*background: #F6F6F6;*/
    vertical-align:middle;
}

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 {
    font-family: Arial,​Verdana,​sans-serif;
    /*text-transform: uppercase;*/
    height: 100px;
}

input.text {
    border:1px solid #dbdbdb;
    -moz-box-shadow: 0 0 12px #dbdbdb inset;
    -webkit-box-shadow: 0 0 12px #dbdbdb inset;
    box-shadow: 0 0 12px #dbdbdb inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
    padding: 4px 0px;
    text-indent: 10px;
}

input.text.full {
    width: 100%;
}
input.text.full.text_date {
    width: 170px;
}

input.text.medium,
select.select.medium {
    width: 80%;
}

input.file.full {
    width: auto;
    float: none;
    vertical-align: middle;
}

input.file.full.with_field_name {
    max-width: 200px;
}

#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;
}

select.select.full {
    width: 100%;
}

select.select.margin_bottom {
    margin-bottom: 5px;
}

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

select.select.full.small {
    width: 25%;
}

select.select.full.auto {
    width: auto;
}

input.text.text_period {
    width: 70px;
}

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;
}

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

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

select.subfield_select_hour,
select.full.subfield_select_hour {
    margin-left: 10px;
}

select.subfield_select_hour,
select.subfieldtime_select_hour,
select.subfield_select_min,
select.subfieldtime_select_min,
select.full.subfield_select_hour,
select.full.subfieldtime_select_hour,
select.full.subfield_select_min,
select.full.subfieldtime_select_min {
    width: 45px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

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

ul.dossierlist {
    margin-bottom: 2px;
}

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

ul.elementlist li, ul.dossierlist li  {
    line-height: 18px;
    margin: 0;
}

ul.dossierlist li.noaction {
    padding-left: 30px;
    font-style: italic;
    color: #666;
}

ul.selectlist li:hover, ul.elementlist li:hover, ul.dossierlist li:hover {
    background-color: #E3E1DE;
}

ul.selectlist li.selected {
    background: #fbcd7e url(../images/icons/tick.png) 5px center no-repeat; /* f6f4f2 */
}

ul.elementlist li a.elementlist_delete,
ul.dossierlist li a.elementdossier_delete{
    display: inline-block;
    vertical-align: top;
    height: 15px;
    width: 20px;
    margin: 0 5px;
    background: transparent url(../images/icons/deletebw.png) center 3px no-repeat; /* f6f4f2 */
}

a.ajax_fancy.add_elementlist {
    margin: 5px 0 0 0;
    position: static;
    float: none;
    background-image: none;
    text-indent: 0px;
    font-size: 1.1em;
    width: auto;
    height: auto;
    overflow: visible;
}

.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.error, ul.elementlist.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-bottom: 15px;
    padding-top: 10px;
}

select.select, textarea.textarea {
    border: 1px solid #DBDBDB;
    -moz-box-shadow: 0 0 12px #dbdbdb inset;
    -webkit-box-shadow: 0 0 12px #dbdbdb inset;
    box-shadow: 0 0 12px #dbdbdb inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: white;
}

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

textarea.textarea.half_height {
    height: 51px;
}

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

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

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

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

/* Champs select_text */
.tableForm select.select_text, .tableForm input.text.select_text {
    width: 45%;
}

.tableForm select.select_text {
    margin-right: 5px;
}

.tableForm span.selecttext_text {
    margin-left: 5px;
}

/* /Champs select_text */
 
/* Nouveaux styles de boutons */

.wrap_buttons {
    text-align: right;
}

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

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

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

.wrap_buttons.buttons_left .button_form {
    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 15px 1px 15px;
    
    font-size: 14px;
    font-weight: bold;
    color: #555;
    font-family: 'Trebuchet MS',Arial;
    font-weight: bold;
    
    background: #EDEAE3;
    
    border: solid 1px #D9D9D9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

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

.wrap_td a.button_form.full_button,
.wrap_td a.button_form.inline_button.full_button {
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.button_form:hover {
    background: #CCC9C2;
    border: solid 1px #969696;
    color: #222;
}

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

.wrap_table_buttons.wrap_buttons .button_form {
    font-weight: normal;
}

.button_form.green {
    background: #9DEDB9;
    border-color: #9DEDB9;
}
.button_form.green:hover {
    background: #86E3A6;
    border-color: #86E3A6;
}

.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.blue {
    background: #9ADEF1;
    border-color: #9ADEF1;
}
.button_form.blue:hover {
    background: #75D1EB;
    border-color: #75D1EB;
}

.button_form.lightblue {
    background: #a7effa;
    border-color: #a7effa;
}
.button_form.lightblue:hover {
    background: #7aedff;
    border-color: #7aedff;
}

.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;
}

.wrap_td .button_form.inline_button {
    height: 20px;
    font-size: 11px;
    vertical-align: top;
    margin: 2px 0 0 0;
    padding: 0 5px;
}

/* Fin nouveaux styles de boutons */

/* Anciens styles de boutons */

.button .submit_left {
    padding-left: 5px;
    background: url(../images/form/submit_left.png) top left no-repeat;
}

.button .submit_left .submit_right {
    padding: 0 10px 0 5px;
    background: url(../images/form/submit_right.png) top right repeat-x;
    text-align: center;
    height: 32px;
}

.button .submit_left.blue {
    background: url(../images/form/submit_left_blue.png) top left no-repeat;
}

.button .submit_left.blue .submit_right {
    background: url(../images/form/submit_right_blue.png) top right repeat-x;
}

.button .submit_left.green,
.button.unactive .submit_left.green:hover {
    background: url(../images/form/submit_left_green.png) top left no-repeat; 
}

.button .submit_left.green .submit_right,
.button.unactive .submit_left.green:hover .submit_right {
    background: url(../images/form/submit_right_green.png) top right repeat-x;
}

.button .submit_left.green:hover {
    background: url(../images/form/submit_left_green_hover.png) top left no-repeat;
}

.button .submit_left.green:hover .submit_right {
    background: url(../images/form/submit_right_green_hover.png) top right repeat-x;
}

.button .submit_left.orange,
.button.unactive .submit_left.orange:hover {
    background: url(../images/form/submit_left_orange.png) top left no-repeat;
}

.button .submit_left.orange .submit_right,
.button.unactive .submit_left.orange:hover .submit_right  {
    background: url(../images/form/submit_right_orange.png) top right repeat-x;
}

.button .submit_left.orange:hover {
    background: url(../images/form/submit_left_orange_hover.png) top left no-repeat;
}

.button .submit_left.orange:hover .submit_right {
    background: url(../images/form/submit_right_orange_hover.png) top right repeat-x;
}

.button .submit_left.red {
    background: url(../images/form/submit_left_red.png) top left no-repeat;
}

.button .submit_left.red .submit_right {
    background: url(../images/form/submit_right_red.png) top right repeat-x;
}

.button .submit_left.red:hover {
    background: url(../images/form/submit_left_red_hover.png) top left no-repeat;
}

.button .submit_left.red:hover .submit_right {
    background: url(../images/form/submit_right_red_hover.png) top right repeat-x;
}

.button .submit_left .submit_right input,
.button.unactive .submit_left .submit_right input:hover {
    height: 31px;
    padding: 0 0 1px 0;
    border: none;
    margin: 0;
    background: none;
    text-shadow: none;
    float: none;
    
    font-size: 14px;
    color: #646462;
    font-family: 'Trebuchet MS',Arial;
    font-weight: bold;
}

.button .submit_left .submit_right input:hover {
    color: #3c3c3c;
}

/* Fin anciens styles de boutons */

a.button,
a.button.unactive:hover {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0;
    
    font-size: 14px;
    color: #646462;
    font-family: 'Trebuchet MS',Arial;
    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;
}

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

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

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

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

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

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

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

.button_form .icon-btn.fa {
    font-size: 16px;
    text-align: center;
    color: #777;
}

.button_form:hover .icon-btn.fa {
    color: #444;
}

.button_form .icon-btn.fa {
    font-size: 16px;
    text-align: center;
    color: #777;
}

.wrap_table .wrap_td .icon_fa.fa {
    line-height: 25px;
}

.icon_fa.fa {
    font-size: 16px;
    vertical-align: middle;
}

.icon_fa.fa.red {
    color: #d30000;
}
.icon_fa.fa.green {
    color: green;
}
.icon_fa.fa.purple {
    color: purple;
}

.button_form:hover .icon-btn.fa {
    color: #444;
}

.icon-btn.icon-btn-plus,
.icon-btn.icon-btn-flux {
    height: 16px;
    width: 16px;
    background-position: 0px -16px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.icon-btn.icon-btn-flux {
    background-image: url(../images/icons/arrowflux.png);
    margin: 7px auto;
    float: none;
    background-position: 0px 0px;
}

.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-edit {
    background-image: url(../images/icons/edit_only.png);
}

.icon-btn.icon-btn-valid {
    background-image: url(../images/icons/icon_valid.png);
}
.icon-btn.icon-btn-truck {
    background-image: url(../images/icons/icon_truck_aff.png);
}
.icon-check-green {
    color: limegreen;
    margin-top:8px;
}

.icon-check-blue{
    color: #5555ff;
    margin-top:8px;
}

.icon-check-grey {
    color: dimgrey;
    margin-top:8px;
}

.icon-check-red {
    color: #ec0000;
    margin-top:8px;
}

.icon-check-orange {
    color: darkorange;
    margin-top:8px;
}

button.btn-add {
    height: 16px;
    width: 16px;
    border: none;
    padding: 0;
    margin: 0;
    background: url(../images/icons/add_color.png) no-repeat transparent;
    cursor: pointer;
}

td.label label button.btn-add {
    vertical-align: top;
}

button.btn-remove {
    height: 16px;
    width: 16px;
    border: none;
    padding: 0;
    margin: 0;
    background: url(../images/icons/remove_color.png) no-repeat transparent;
    cursor: pointer;
}

button.btn-remove-small {
    height: 12px;
    width: 12px;
    border: none;
    padding: 0;
    margin: 0;
    background: url(../images/icons/remove_color_small.png) no-repeat transparent;
    cursor: pointer;
}

button.btn-device-info {
    height: 24px;
    width: 24px;
    border: none;
    padding: 0;
    margin: 0;
    background: url(../images/icons/device_info.png) no-repeat transparent;
    cursor: pointer;
    vertical-align: middle;
}

/* Chargement */
#loading-overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100001;
    background-color: #333;
    opacity: 0.8;
    height: 100%;
    width: 100%;
    background-image: url(../images/ajax-loader.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.waiting {
    background-image: url(../images/ajax-loader_small.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Icônes "tableau" */

.hastable .icon_success_little{
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 4px;

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

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

.hastable .icon_alert_little,
.hastable .icon_caution_14 {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 4px;
    
    position: relative;
    top: 2px;
    left: 0px;
    
    background: url(../images/icons/alerte_error_14.png) center no-repeat;
}

.hastable .icon_caution_14 {
    background: url(../images/icons/alerte_caution_14.png) center no-repeat;
}

.hastable .icon_onf {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 4px;

    position: relative;
    top: 2px;
    left: 0px;
    background: url(../images/icons/icon_onf.png) center no-repeat;

}

.hastable .icon_warning_little {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 4px;
    
    position: relative;
    top: 2px;
    left: 0px;
    
    background: url(../images/icons/alerte_12.png) center no-repeat;
}

.hastable .icon_truck_little {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-right: 4px;

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

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

.hastable .icon_contact {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: 3px;
    
    position: relative;
    top: 2px;
    left: 0px;
    
    background: url(../images/icons/icon_contact.png) center no-repeat;
}

.hastable .icon_address {
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: 3px;

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

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

/* Fin icônes "tableau" */

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

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

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

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

.ajax_loader.active {
    display: block;
}

/* Mise en forme sous-menu */
.wrap_menu_admin {
    margin-top: 6px;
    margin-bottom: 11px;
}

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

.wrap_menu_admin .menu_admin li a, .lancer_recherche {
    display: block;
    height: 24px;
    border: solid 1px #e8e7e5;
    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;
}

.menu_admin li a.active, .lancer_recherche {
    color: white;
    background-color: #ffa02d;
}
.wrap_menu_admin li a[data-nb]:not(.active){
    position:relative;
    padding-right: 31px;
}
.wrap_menu_admin li a[data-nb]:not(.active):after{
        content: attr(data-nb);
        position: absolute;
        width: 24px; 
        height: 24px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        color: orange;
        line-height: 24px;
        top: -1px;
        right: -1px;
        text-align: center;
        border: solid 1px #e8e7e5;
        
}
/* Formulaire */

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

table.tableForm tr td div.checkboxes.mini{
    height:auto;
} 

table.tableForm .wrap_fancy, .conteneur_onu .wrap_fancy, .conteneur_dechets .wrap_fancy{
    position: relative;
    top: 0;
    left: 0;
}

a.ajax_fancy:not(.button_form):not(.add_elementlist):not(.ajax_fancy_table),
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:not(.button_form):not(.add_elementlist):not(.ajax_fancy_table):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;
}

/* Footer */
.footer {
    margin: 0 0 12px 15px;
    font-size: 10px;
    color: #666666;
}

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

.footer a:hover {
    color: #666666;
    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: 56 !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,
.alert_bloc .alerte .create {
    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 .create {
    right: 22px;
    background-image: url("../images/icons/add_green.png");
}

.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,
.wrap_notification .wrap_pager,
.wrap_popup .wrap_pager {
    line-height: 32px;
    border-bottom: solid 1px #D7CFC3;
}

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

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

.wrap_notification .pager,
.alert_bloc .pager,
.wrap_pager.pager_popup .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,
.wrap_notification .pager .pager_btn.pager_next,
.wrap_pager.pager_popup .pager .pager_btn.pager_next,
.alert_bloc .pager .pager_btn.pager_prev,
.wrap_notification .pager .pager_btn.pager_prev,
.wrap_pager.pager_popup .pager .pager_btn.pager_prev {
    border: 0px;
}

.wrap_content_factureglobale #table_TableArticleFacture {
    margin-bottom: 25px;
}

.wrap_content_factureglobale #table_TableArticleFacture .wrap_pager {
    border-bottom: 1px solid #BBB;
}

.contener_selectessieu {
width: 634px;
padding-bottom: 1em;
}
.contener_selectessieu h2 {
font-size: 14px;
font-weight: bold;
padding-bottom: 1em;
margin-left: 20px;
color: #3B3B3B;
}
.selectessieu {
width: 532px;
height: 300px;
overflow: hidden;
zoom: 1;
border: 1px solid #D1CFCD;
margin-left: 100px;
}
.selectessieu .image {
width: 500px;
height: 300px;
overflow: hidden;
float: left;
}
.selectessieu .selectessieu_buttons {
width: 32px;
height: 300px;
overflow: hidden;
float: right;
background-color: #EAE6DF;
}
.selectessieu .selectessieu_buttons .btns {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 14px;
width: 17px;
margin: 5px 8px;
float: left;
cursor: pointer;
}
.selectessieu .selectessieu_buttons .prev {
    background-image: url("../images/pagination/prev.png");
}
.selectessieu .selectessieu_buttons .next {
    background-image: url("../images/pagination/next.png");
}

.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 {
    cursor: pointer;
    position: relative;
    left: 3px;
    top: -4px;
}

.wrap_td .checkbox_img {
    vertical-align: middle;
}

.wrap_td .checkbox_choice {
    vertical-align: middle;
    position: static;
    padding-top: 0;
}

/* Mail */
#mail_template {
    padding: 30px 27px 20px 27px;
    width: 640px;
}

#mail_template .title {
    
}

#mail_template .subtitle {
    margin-top: 8px;
    font-size: 21px;
    text-align: center;
    color: #504b50;
    text-transform:uppercase;
}

#mail_template .zone_form {
    margin-top: 32px;
}


#mail_template .zone_form .col_form {
    float: left;
    width: 269px;
}

#mail_template .zone_form .col_left {
    margin-right: 15px;
    position: relative;
    top: 0px;
    left: 0px;
}

#mail_template .zone_form .col_left input {
    border: solid 2px #e1e1e1;
    height: 33px;
    width: 245px;
    color: #7d7d7d;
    font-style: italic;
    font-size: 16px;
    text-align: right;
    padding: 0 10px;
    margin-bottom: 9px;
}

#mail_template .zone_form .col_left input#email_dest {
    padding: 0 45px 0 10px;
    width: 210px;
}

.zone_emails {
    text-align: left;
    position: relative;
    top: -3px;
    left: 0px;
    color: #3BA8A7;
    font-size: 14px;
    font-style: italic;
}

.zone_emails p {
    text-align: right;
    margin-bottom: 5px;
    margin-right: 2px;
}

#mail_template .zone_form .col_left .checkbox_mail {
    color: #3BA8A7;
    font-size: 16px;
    font-style: italic;
    line-height: 19px;
    padding-top: 3px;
}

#mail_template .zone_form .col_left .checkbox_mail input {
    display: none;
}

#mail_template .zone_form .col_left .checkbox_mail .checkbox_span.on {
    background-position: 0px -21px;
}

#mail_template .zone_form .col_left .input.alert,
#mail_template .zone_form .col_right .input.alert {
    border: solid 2px red;
}

#mail_template #email_verif {
    border: none;
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
}

#mail_template .zone_form .col_left input.active {
    color: #262626;
    text-align: left;
}

#mail_template .zone_form .col_form.col_right {
    width: 356px;
}

#mail_template .zone_form .col_right textarea {
    border: solid 2px #e1e1e1;
    height: 187px;
    max-height: 187px;
    min-height: 187px;
    width: 332px;
    max-width: 332px;
    min-width: 332px;
    color: #7d7d7d;
    font-style: italic;
    font-size: 16px;
    text-align: center;
    padding: 7px 10px;
}

#mail_template .zone_form .col_right textarea.active {
    color: #262626;
    text-align: left;
}

#mail_template .submit_button {
    text-indent: -9999px;
    background: url(../img/envoyer_mail.png) no-repeat;
    width: 230px;
    height: 38px;
    margin: 24px auto 0 auto;
    overflow: hidden;
    cursor: pointer;
}

/* Pop-up avoir partiel */
#fancy_avoir_partiel {
    padding: 10px 20px;
    text-align: center;
}

#fancy_avoir_partiel label {
    color: #3B3B3B;
    font-size: 13px;
    font-weight: bold;
    margin-right: 20px;
    vertical-align: middle;
}

#fancy_avoir_partiel p {
    padding: 10px 0 0 0;
    color: #3B3B3B;
    font-size: 13px;
    font-weight: bold;
}

#fancy_avoir_partiel input.text {
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 0 12px #dbdbdb inset;
    -moz-box-shadow: 0 0 12px #dbdbdb inset;
    -webkit-box-shadow: 0 0 12px #dbdbdb inset;
    margin: 0;
    padding: 4px 0;
    text-indent: 10px;
    vertical-align: middle;
}

#fancy_avoir_partiel input.text.error {
    border-color: red;
}

#fancy_avoir_partiel span.error {
    color: red;
}

#fancy_avoir_partiel .button {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

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

.wrap_form_modif {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 5001;
    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#micro_form_modif_ajax,
.wrap_form_modif .form_modif_ajax.micro_form_modif_ajax{
    width: 20%;
}
.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 {
    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;
}

.wrap_slide {
    margin: 0 10px 10px 10px;
}

.wrap_slide .tableForm {
    padding: 8px 10px 10px 10px;
}

.wrap_slide .head_slide {
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    padding: 0 16px 0 0;
    background-color: #F0F0F0;
    font-size: 13px;
    font-weight: bold;
    
    border: solid 1px #888;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrap_slide .head_slide.is_show {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.wrap_slide .head_slide.blue {
    background-color: #D3E8DD;
}

.wrap_slide .head_slide.orange {
    background-color: #FFBF4D;
}

.wrap_slide .head_slide .icon_slide {
    height: 34px;
    width: 22px;
    float: left;
    background: url('../images/icons/icon_slide.png') center no-repeat;
    padding-right: 15px;
}

.wrap_slide .head_slide.is_show .icon_slide {
    background: url('../images/icons/icon_slide_rotate.png') center no-repeat;
}

.wrap_slide .body_slide {
    border: solid 1px #888;
    border-top: none;

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

.wrap_slide .hastable thead tr td {
    border-bottom: solid 1px #AAA;
}

.wrap_slide .hastable thead tr td {
    border-bottom: solid 1px #AAA;
}

.wrap_slide .hastable .wrap_pager {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Bloc demo */
#demo_block {
    width: 275px;
    margin: 20px auto 0 auto;
    padding: 10px 10px 5px 15px;
    font-size: 14px;
    line-height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #ffa545;
    background-color: #ffe7cd;
    color: #333;
}

#demo_block .title {
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
}

#demo_block label {
    width: 100px;
    display: inline-block;
}
/* Fin bloc demo */

/* 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;
    vertical-align: middle;
}

.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: #0062A4;
}

#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: 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: 125px;
    min-width: 125px;
}

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

#jqContextMenu li {
    padding: 3px 0 3px 3px !important;
}

#jqContextMenu li img,
#jqContextMenu li div {
    padding-right: 4px !important;
}

#jqContextMenu .view_iconCM,
#jqContextMenu .view_genCom,
#jqContextMenu .view_sendTiers {
    display:inline-block;
    width: 16px;
    height: 16px;
}

#jqContextMenu .view_iconCM {
    background: url(../images/icons/view_only.png) top left no-repeat;
}

#jqContextMenu .view_genCom {
    background: url(../images/icons/gen_com.png) top left no-repeat;
}

#jqContextMenu .view_sendTiers {
    background: url(../images/icons/send_btn_14.png) 1px 1px no-repeat;
}

#jqContextMenu span.fa {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    padding-right: 4px;
    color: #333;
}

#jqContextMenu #send_tcflow span.fa {
    color: #d13dc2;
}
/* Fin ContextMenu */

/* Filtre recherche multiple */

.hastable .table_filters .wrap_searchmul {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 30px;
}

.hastable .table_filters .wrap_searchmul select,
.hastable .table_filters .wrap_searchmul select.small,
.hastable .table_filters .wrap_searchmul input {
    margin: 0;
    position: relative;
    top: 0px;
    left: 0px;
}

.hastable .table_filters .wrap_searchmul .searchmul_hide,
.hastable .table_filters .wrap_searchmul .searchmul_add {
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    vertical-align: top;
}

.hastable .table_filters .wrap_searchmul .searchmul_hide {
    background: url(../images/icons/remove_color.png) no-repeat transparent;
    margin-right: 5px;
}

.hastable .table_filters .wrap_searchmul .searchmul_add {
    background: url(../images/icons/add_color.png) no-repeat transparent;
    margin-left: 5px;
    margin-top: 4px;
}

/* Fin filtre recherche multiple */

/* 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: 11;
}

#wrap_div_left .row_tri {
    padding-bottom: 4px;
    border-bottom: 1px solid #E2E2E2;
    overflow: hidden;
}

#table_PlanningOT #wrap_div_left .row_tri {
    padding-bottom: 0px;
    border-bottom: 1px solid #999;
}

#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;
}

#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;
}

#wrap_div_head_left {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 41;
    border-right: 1px solid #C6C6C8;
}

#div_head {
    position:absolute;
    top:0;
}

#div_head #div_head_top,
#div_head #div_head_week,
#div_head #div_head_bottom {
    clear: both;
}

#div_head .div_head_top_td,
#div_head .div_head_bottom_td,
#div_head .div_head_bottom_column {
    font-size: 12px;
    float:left;
    text-shadow:0 1px 0 #ffffff;
}
#div_head #div_head_bottom {
    clear:both;
}

.hastable thead td.td_month,
#div_head .td_month {
    border-bottom: 1px solid #AAAAAA;
    border-left: 1px solid #CCCCCC;
}

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

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

/* Fin table colonnes */

/* Tableaux conducteurs dispo */

.wrap_form_modif .table_popup {
    width: 100%;
}

.wrap_form_modif .table_popup thead tr th {
    font-weight: bold;
    color: #555;
    font-size: 13px;
    padding: 10px 8px;
    text-align: center;
}

.wrap_form_modif .table_popup thead tr th:first-child {
    text-align: left;
}

.wrap_form_modif .table_popup tbody tr.odd {
    background: none repeat scroll 0 0 #EEE;
}

.wrap_form_modif .table_popup tbody tr td {
    color: #333;
    padding: 15px 8px;
    text-align: center;
}

.wrap_form_modif .table_popup tbody tr td:first-child {
    text-align: left;
}

/* Fin tableaux conducteurs dispo */

/* Couleurs interface */
.blue .block_admin h1 {
    background: url(../images/bg_h1_blue.png) top left repeat-x;
}

.blue .menu_admin li a.active , .blue .lancer_recherche{
    background-color: #37a9f1;
}

.blue #top-buttons .btn_left {
    background-image:url('../images/icons/topbtn_left_blue.png');
}

.blue #top-buttons .btn_left .btn_right {
    background-image:url('../images/icons/topbtn_right_blue.png');
}

.blue #top-buttons .btn_left .btn_right a {
    background-image:url('../images/icons/topbtn_center_blue.png');
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_gestionparc a {
    background: url(../images/icons/icon_parc_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_exploitation a {
    background: url(../images/icons/icon_exploitation_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_facturationclient a {
    background: url(../images/icons/icon_factureexp_blue.png) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_gestionrh a {
    background: url(../images/icons/icon_rh_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_achats a {
    background: url(../images/icons/icon_achats_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_cartes a {
    background: url(../images/icons/icon_carte_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_sinistres a {
    background: url(../images/icons/icon_sinistre_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_tiers a {
    background: url(../images/icons/icon_tiers_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_report a {
    background: url(../images/icons/icon_report_blue.jpg) center -60px no-repeat;
}

#sidebar-left.blue #page_wrapper #sidebar #nav_left li.nav_adm a {
    background: url(../images/icons/icon_admin_blue.jpg) center -60px no-repeat;
}

.green .block_admin h1 {
    background: url(../images/bg_h1_green.png) top left repeat-x;
}

.green .menu_admin li a.active , .green .lancer_recherche{
    background-color: #48d554;
}

.green #top-buttons .btn_left {
    background-image:url('../images/icons/topbtn_left_green.png');
}

.green #top-buttons .btn_left .btn_right {
    background-image:url('../images/icons/topbtn_right_green.png');
}

.green #top-buttons .btn_left .btn_right a {
    background-image:url('../images/icons/topbtn_center_green.png');
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_gestionparc a {
    background: url(../images/icons/icon_parc_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_exploitation a {
    background: url(../images/icons/icon_exploitation_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_facturationclient a {
    background: url(../images/icons/icon_factureexp_green.png) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_gestionrh a {
    background: url(../images/icons/icon_rh_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_achats a {
    background: url(../images/icons/icon_achats_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_cartes a {
    background: url(../images/icons/icon_carte_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_sinistres a {
    background: url(../images/icons/icon_sinistre_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_tiers a {
    background: url(../images/icons/icon_tiers_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_report a {
    background: url(../images/icons/icon_report_green.jpg) center -60px no-repeat;
}

#sidebar-left.green #page_wrapper #sidebar #nav_left li.nav_adm a {
    background: url(../images/icons/icon_admin_green.jpg) center -60px no-repeat;
}

.purple .block_admin h1 {
    background: url(../images/bg_h1_purple.png) top left repeat-x;
}

.purple .menu_admin li a.active, .purple .lancer_recherche {
    background-color: #c368e2;
}

.purple #top-buttons .btn_left {
    background-image:url('../images/icons/topbtn_left_purple.png');
}

.purple #top-buttons .btn_left .btn_right {
    background-image:url('../images/icons/topbtn_right_purple.png');
}

.purple #top-buttons .btn_left .btn_right a {
    background-image:url('../images/icons/topbtn_center_purple.png');
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_gestionparc a {
    background: url(../images/icons/icon_parc_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_exploitation a {
    background: url(../images/icons/icon_exploitation_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_facturationclient a {
    background: url(../images/icons/icon_factureexp_purple.png) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_gestionrh a {
    background: url(../images/icons/icon_rh_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_achats a {
    background: url(../images/icons/icon_achats_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_cartes a {
    background: url(../images/icons/icon_carte_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_sinistres a {
    background: url(../images/icons/icon_sinistre_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_tiers a {
    background: url(../images/icons/icon_tiers_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_report a {
    background: url(../images/icons/icon_report_purple.jpg) center -60px no-repeat;
}

#sidebar-left.purple #page_wrapper #sidebar #nav_left li.nav_adm a {
    background: url(../images/icons/icon_admin_purple.jpg) center -60px no-repeat;
}

/* Fin couleurs interface */

/* Correspondances */

.table_alias tr td {
    border-bottom: solid 1px #DDD;
    border-right: solid 1px #DDD;
    padding: 10px !important;
}

.table_alias tr td:last-child {
    border-right: none;
}

.table_alias tr:last-child td {
    border-bottom: none;
}

.table_alias tr td.td_alias {
    background-color: #F0F0F0;
    font-weight: bold;
    text-align: right;
}

.form_modif_ajax .formLettre .checkboxes label {
    font-size: 13px;
}

.form_modif_ajax .formLettre table.tableForm tr td.label {
    width: 60px;
}

.form_modif_ajax .formLettre table.tableForm textarea {
    height: 500px;
}

/* Fin correspondances */

/* Contrat période */

.wrap_semaine_contrat {
    border: solid 3px #DDD;
    padding-top: 10px;
    margin: 0 10px 10px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    top: 0px;
    left: 0px;
}

.wrap_semaine_contrat .btn_sup {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    font-weight: bold;
    border-left: solid 3px #DDD;
    border-bottom: solid 3px #DDD;
    padding: 3px;
    background-color: #DDD;
    opacity: 0.6;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
}

.wrap_semaine_contrat.hover .btn_sup {
    opacity: 1;
    border-left: solid 3px #E6858F;
    border-bottom: solid 3px #E6858F;
}

.wrap_semaine_contrat.hover {
    border: solid 3px #E6858F;
}

#wrap_button_contrat {
    height: 31px;
    margin: 0 10px 10px 10px;
}

#form_planning_ajax .body_slide {
    overflow-x: auto;
}

/* Fin contrat période */

/* Formulaire SEPA */

.wrap_popup_sepa {
    min-width: 600px;
    padding: 20px 30px;
}

.response_selecajax {
    color: green;
    float: left;
    font-size: 14px;
    opacity: 0.8;
}

.response_selecajax.has_content {
    border: 1px solid;
    padding: 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 28px;
    line-height: 28px;
}

.response_selecajax.red {
    color: #CC0000;
}

/* Fin formulaire SEPA */

/* Formulaire SEPA direct */

.wrap_form_modif .form_modif_ajax#form_lcr,
.wrap_form_modif .form_modif_ajax#form_sepa,
.wrap_form_modif .form_modif_ajax#form_sepa_direct,
.wrap_form_modif .form_modif_ajax#form_validate_sepa {
    width: 600px;
}

.wrap_form_modif .form_modif_ajax .wrap_table {
    border: 1px solid #DDDDDD;
}

/* Fin formulaire SEPA direct */

/* Widgets */
.dashboard {
    text-align: center;
    margin: 0 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;
}

.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 51px;
}

.dashboard .widget.alert_bloc .response-msg.with_btn_create .response-msg-in {
    padding-right: 40px;
}

.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;
}

/* Fin widgets */

/* 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 */

/* Perso ajout article facture achats */

#table_TableComFacture .wrap_td select.select,
#table_TableArticleFacture .wrap_td select.select {
    width: 90px;
}

/* Fin perso ajout article facture achats */

/* Graphique jqPlot: grossissement de l'infobulle */
.jqplot-highlighter-tooltip {
    font-size: 1.2em ! important;
}
/*  */
.resultat_groupage>td:first-child{
    max-width: calc( 100vw - 400px);
    padding: 0px 0px 0px 34px;    
    box-sizing: border-box;
}
/* Champs tableau lite */
.wrap_table .field_table_lite {
    display: inline-block;
    padding: 2px;
    margin: 2px 0 0 0;
    height: 16px;
    vertical-align: top;
    width: 50px;
    text-align: center;
    background: transparent;
    border: 1px solid #AAA;
}

.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 */

/* Row graph */

.wrap_graph {
    padding: 10px;
    overflow-x: auto;
}

.wrap_graph .last_see {
    background: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid #ccc;
}

.wrap_graph .wrap_week_edit.button {
    margin: 10px auto;
    width: 200px;
    cursor: pointer;
}

.wrap_graph .wrap_week_edit.button input {
    cursor: pointer;
}

.wrap_graph .row_graph {
    margin: 0 auto 10px auto;
    padding: 5px;
    width: 1063px;
    height: 80px;
}

.wrap_graph .row_graph .graph_left {
    display: inline-block;
    vertical-align: middle;
    
    width: 113px;
    font-weight: bold;
    color: #444;
    font-size: 12px;
}

.wrap_graph .row_graph .graph_center {
    display: inline-block;
    vertical-align: middle;
    
    width: 648px;
    height: 80px;
    
    border: solid 1px #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.wrap_graph .row_graph .wrap_graph_right {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
}

.wrap_graph .row_graph .graph_center .content_graph {
    position: relative;
    top: 0px;
    left: 0px;
    
    width: 100%;
    background: url(../images/graph/bg_graph.png) repeat-x left bottom;
    height: 59px;
    border-bottom: 1px solid #888888;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph,
.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.state_empty.checkbox_active {
    width: 26px;
    height: 26px;
    
    position: absolute;
    top: 17px;
    left: 0px;
    
    border: solid 1px #AAA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 5;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.state_empty {
    border: none;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active {
    background: url(../images/graph/bg_checkbox_graph.png) no-repeat top left;
    cursor: pointer;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active:hover {
    border: solid 1px #333;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph .checkbox_state {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;

    display: block;
    height: 26px;
    width: 26px;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.state_fr .checkbox_state {
    background: url(../images/graph/state_fr.png) no-repeat center;
}
.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.state_etr .checkbox_state {
    background: url(../images/graph/state_etr.png) no-repeat center;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph .checkbox_hover_content {
    display: none;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph .checkbox_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;

    display: block;
    height: 26px;
    width: 26px;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph .checkbox_bg {
    background: green;
    opacity: 0.35;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.state_empty .checkbox_bg {
    background: none;
}

/* Par défaut */

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state {
    border-color: #FF4D4D;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state:hover {
    border-color: #FF4040;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state .checkbox_bg {
    background: red;
    opacity: 0.25;
}

/* Orange */

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state.color_orange {
    border-color: #E8AD2C;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state.color_orange:hover {
    border-color: #D18F00;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state.color_orange .checkbox_bg {
    background: orange;
    opacity: 0.5;
}

/* Violet */

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state.color_purple {
    border-color: #DC5EF2;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state.color_purple:hover {
    border-color: #9D00D1;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.has_state.color_purple .checkbox_bg {
    background: purple;
    opacity: 0.4;
}

.wrap_graph .row_graph .graph_center .content_graph .checkbox_graph.checkbox_active.state_empty .checkbox_bg {
    background: none;
}

.hastable .checkbox_hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;

    text-align: center;
    
    width: 140px;
    
    padding: 5px 5px 7px 5px;
}

.hastable .checkbox_hover p {
    margin: 0;
    padding: 0 0 5px 0;
    font-weight: bold;
    line-height: normal;
}

.wrap_graph .row_graph .graph_center .content_graph .column_graph {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.wrap_graph .row_graph .graph_center .content_graph .column_graph.color_default {
    height: 20px;
    background-color: #A8A8A8;
    z-index: 2;
}
.wrap_graph .row_graph .graph_center .content_graph .column_graph.color_blue {
    height: 50px;
    background-color: #236EB2;
    z-index: 4;
}
.wrap_graph .row_graph .graph_center .content_graph .column_graph.color_green {
    height: 30px;
    background-color: #428F1D;
    z-index: 3;
}
.wrap_graph .row_graph .graph_center .content_graph .column_graph.color_red {
    height: 50px;
    background-color: #C01C1D;
    z-index: 4;
}
.wrap_graph .row_graph .graph_center .content_graph .column_graph.color_yellow {
    height: 30px;
    background-color: #FBF42A;
    z-index: 3;
}
.wrap_graph .row_graph .graph_center .content_graph .column_graph.color_lightblue {
    height: 30px;
    background-color: #32E5D2;
    z-index: 5;
}

.wrap_graph .row_graph .graph_center .footer_graph {
    width: 100%;
    height: 20px;
}

.wrap_graph .row_graph .graph_center .footer_graph .cell_footer_graph {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    
    margin: 0 1px 0 0;
    width: 26px;
    float: left;
    
    background: #BBB;
    color: white;
}

.wrap_graph .row_graph .graph_center .footer_graph .cell_footer_graph:last-child {
    margin: 0;
    width: 27px;
}

.wrap_graph .row_graph .graph_right {
    float: left;
    width: 125px;
    padding: 6px 0 0 25px;
    height: 50px;
    
    font-size: 12px;
    color: #444444;
    line-height: 16px;
}

.wrap_graph .row_graph .graph_right.graph_bottom {
    padding-top: 0px;
    width: 275px;
    height: 23px;
    line-height: 23px;
}

.wrap_graph .row_graph .graph_right.graph_bottom .label {
    display: inline-block;
    width: 83px;
    font-weight: bold;
}

.wrap_graph .row_graph .graph_right.graph_bottom input.text {
    width: 190px;
    height: 13px;
    font-size: 12px;
}

/* Modifications indemnités */

.wrap_graph.with_diff .row_graph {
    height: 100px;
    width: 1086px;
}

.wrap_graph.with_diff .row_graph .wrap_graph_right {
    width: 323px;
}

.wrap_graph.with_diff .row_graph .graph_right {
    padding-top: 0px;
    height: auto;
}

.wrap_graph.with_diff .row_graph .graph_right.first_graph_right {
    width: 148px;
}

.wrap_graph.with_diff .row_graph .graph_right.graph_bottom .wrap_ind {
    width: 148px;
}

.wrap_graph.with_diff .row_graph .graph_right.graph_bottom input.text.input_small {
    width: 45px;
    margin: 0 0 5px 5px;
    padding: 2px 0;
    text-indent: 0;
    text-align: center;
}

.wrap_graph.with_diff .row_graph .graph_right.graph_bottom .label {
    width: 105px;
}

.wrap_graph.with_diff .row_graph .graph_right.graph_bottom input.text {
    width: 150px;
}

.wrap_graph.with_diff .row_graph .graph_right.graph_bottom {
    line-height: normal;
}

/* Fin modifications indemnités */

.bloc_legend {
    border: solid 1px #CCC;
    margin: 0 auto 10px auto;
    padding: 5px 10px 9px 0px;
    font-size: 12px;
    color: #333;
    
    width: 600px;
    text-align: center;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bloc_legend .bloc_color {
    position: relative;
    top : 4px;
    left: 0px;

    display: inline-block;
    height: 15px;
    width: 15px;
    
    margin: 0 6px 0 17px;
}

.bloc_legend .bloc_color.bloc_color_red {
    background-color: #FCBCBC;
    border: solid 1px #FF4040;
}

.bloc_legend .bloc_color.bloc_color_orange {
    background-color: #F0CD7C;
    border: solid 1px #E8AD2C;
}

.bloc_legend .bloc_color.bloc_color_purple {
    background-color: #CA97CA;
    border: solid 1px #DC5EF2;
}

.bloc_legend .bloc_color.bloc_color_green {
    background-color: #A6D3A6;
    border: solid 1px #AAA;
}

/* Fin row graph */

/* Form print act */

.wrap_form_modif .form_modif_ajax#form_btn_act {
    width: 250px;
}

.wrap_form_modif .form_modif_ajax#form_btn_act h3 {
    font-size: 14px;
    color: #3B3B3B;
    font-weight: bold;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
}

.wrap_form_modif .form_modif_ajax#form_btn_act table.tableForm tr td.label {
    width: 60px;
}

/* Fin form print act */

/* GMap */

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

/* Fin GMap */

/* Devis Carburant */

#table_TableDevisCarburants .inline_view_prop {
    min-width: 175px;
    width: 100%;
    height: 100%;
}

#table_TableDevisCarburants .inline_view_prop div {
    min-width: 100px;
    height: 100%;
    display: inline-block;
    background-color: #F8F8F8;
}
#table_TableDevisCarburants .inline_view_prop div.edited,
#table_TableDevisCarburants .prop_non_editable div {
    background-color: transparent;
}

#table_TableDevisCarburants .prop_retenue {
    background-color: #E0FFE0;
    font-weight: bold;
}

#table_TableDevisCarburants .inline_edit_prop input {
    border: 1px solid #999999;
    width: 100px;
}

#table_TableDevisCarburants .btn_edit_montant,
#table_TableDevisCarburants .btn_valid_montant {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icons/arrowedit.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin: 0 2px 0 5px;
    vertical-align: middle;
}

#table_TableDevisCarburants .btn_choisir_montant {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icons/check.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    margin-right: 5px;
    vertical-align: middle;
}

#table_TableDevisCarburants .btn_cancel_montant {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/icons/arrowcancel.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    vertical-align: middle;
}

/* Fin Devis Carburant */

/* RH */

div.content_analyse .row_checkboxmul {
    width: 50%;
}

/* Fin RH */

/* Menu administration */
#page-content-wrapper .submenu_icons{
    margin: 15px 0 0 15px;
    width: 408px;
}

#page-content-wrapper .submenu_icons li {
    float: left;
    width: 90px;
    height: 90px;
    border: solid 1px #BBB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    font-weight: bold;
}

#page-content-wrapper .submenu_icons li:hover {
    border-color: orange;
}

#page-content-wrapper .submenu_icons li a {
    display: block;
    width: 90px;
    cursor: pointer;
    color: #4a4a4a;
    font-size: 11px;
    text-align: center;
    
    height: 71px;
    width: 90px;
    padding: 10px 0 9px 0;
    
    position: relative;
    top: 0px;
    left: 0px;
}

#page-content-wrapper .submenu_icons li:hover a {
    color: #ff9815;
}

#page-content-wrapper .submenu_icons li a .bg_icon {
    z-index: -1;
    display: block;
    height:60px;
    width: 60px;
    background-position: center -60px;
    background-repeat: no-repeat;
    
    position: absolute;
    bottom: 0px;
    left: 15px;

    font-size: 47px;
    color: #f6c576;
}

#page-content-wrapper .submenu_icons li a:hover .bg_icon {
    background-position: center top;
    color: #f69c00;
}
.submenu_icons li.nav_gestionparc a .bg_icon {
    background-image: url(../images/icons/icon_parc.jpg);
}
.submenu_icons li.nav_exploitation  a .bg_icon {
    background-image: url(../images/icons/icon_exploitation.jpg);
}
.submenu_icons li.nav_gestionrh a .bg_icon {
    background-image: url(../images/icons/icon_rh.jpg);
}
.submenu_icons li.nav_achats a .bg_icon {
    background-image: url(../images/icons/icon_achats.jpg);
}
.submenu_icons li.nav_cartes a .bg_icon {
    background-image: url(../images/icons/icon_carte.jpg);
}
.submenu_icons li.nav_sinistres a .bg_icon {
    background-image: url(../images/icons/icon_sinistre.jpg);
}
.submenu_icons li.nav_tiers a .bg_icon {
    background-image: url(../images/icons/icon_tiers.jpg);
}
.submenu_icons li.nav_report a .bg_icon {
    background-image: url(../images/icons/icon_report.jpg);
}
.submenu_icons li.nav_adm a .bg_icon {
    background-image: url(../images/icons/icon_admin.jpg);
}
.submenu_icons li.nav_fax a .bg_icon {
    background-image: url(../images/icons/icon_fax.png);
}
.submenu_icons li.nav_importconso a .bg_icon {
    background-image: url(../images/icons/icon_importconso.jpg);
}
.submenu_icons li.nav_import a .bg_icon {
    background-image: url(../images/icons/icon_import.jpg);
}
#page-content-wrapper .submenu_icons li.nav_tcflow a .bg_icon {
    font-size: 38px;
    height: 57px;
}
/* Fin menu administration */

/* Conversation */

.sub_content.content_conversation {
    padding-top: 15px;
}

.hasconversation .wrap_slide {
    margin: 0 15px 10px 15px;
}

.hasconversation .conversation_messages {
    padding: 0 15px 15px 15px;
}

.hasconversation .conversation_messages .more_messages {
    border: none;
    background: #3B4482;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    color: white;
    cursor: pointer;
    
    font-family: inherit;
    font-weight: bold;
    
    display: block;
    margin: 0 auto;
    padding: 5px 15px;
    width: 30%;
    
    opacity: 0.9;
}

.hasconversation .conversation_messages .more_messages:hover {
    opacity: 1;
}

.hasconversation .wrap_block_message {
    width: 100%;
}

.hasconversation .wrap_block_message .block_message {
    max-width: 70%;
    padding: 0 0 15px 0;
    display: inline-block;
}

.hasconversation .wrap_block_message.right {
    text-align: right;
}

.hasconversation .wrap_block_message.right .block_message {
    text-align: left;
}

.hasconversation .wrap_block_message .block_message .head_conversation_message {
    margin-bottom: 5px;
    font-size: 12px;
    color: #666;
}

.hasconversation .wrap_block_message .block_message .head_conversation_message .contact_message {
    font-weight: bold;
}

.hasconversation .wrap_block_message .block_message .head_conversation_message .received_conversation_message {
    margin: 2px 0 0 0;
    padding: 0;
    color: green;
    line-height: normal;
    font-size: inherit;
}

.hasconversation .wrap_block_message .block_message .content_conversation_message {
    background-color: #B3FFB0;
    border: solid 1px #56DB51;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    font-size: 12px;
    line-height: 18px;
    
    padding: 5px 15px;
    -moz-box-shadow: 2px 2px 2px #EEE;
    -webkit-box-shadow: 2px 2px 2px #EEE;
    box-shadow: 2px 2px 2px #EEE;
}

.hasconversation .wrap_block_message.right .block_message .content_conversation_message {
    background-color: #B0F6FF;
    border: solid 1px  #51CDDB;
}

.hasconversation .form_new_message {
    padding: 0 15px 15px 15px;
    vertical-align: bottom;
    
    position: relative;
    top: 0px;
    left: 0px;
}

.hasconversation .form_new_message .response-msg {
    position: relative;
    top: 0;
    left: 0;
    
    margin: 10px 0;
}

.hasconversation .form_new_message textarea.new_message_content {
    font-family: inherit;

    width: 85%;
    max-width: 85%;
    min-width: 85%;
    height: 60px;
    
    border: 2px solid #FFD385;
    padding: 5px 10px;
    vertical-align: bottom;
    font-size: 15px;
    color: #333;
    
    background-color: #FFF7E8;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.hasconversation .form_new_message textarea.new_message_content:focus {
    background-color: #FFF1D9;
    border: 2px solid #FFCD73;
}

.hasconversation .form_new_message textarea.new_message_content.unactive {
    color: #777;
}

.hasconversation .form_new_message textarea.new_message_content.error {
    background: #F9E5E6;
    border-color: #B35054;
}

.hasconversation .form_new_message input.new_message_submit,
.hasconversation .form_new_message input.gen_sendappli_conversation {
    position: absolute;
    bottom: 15px;
    right: 15px;

    width: 10%;

    margin: 0 0 1px 0;

    border: none;
    background: #FFBB40;
    padding: 5px 15px;
    
    color: white;
    text-shadow: 1px 1px #C49133;
    font-weight: bold;
    font-family: inherit;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    cursor: pointer;
}

#page_wrapper #page-layout #page-content .breadcrumb_item.floating_button {
    color: white;
    background-color: #F44336;
    position: fixed;
    width: 60px;
    height: 40px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    border-radius: 100%;
    padding: 15px 5px;
    z-index: 99;
    font-size: 20px;
    bottom: 10px;
    right: 10px;
    line-height: 40px;
    font-weight: bold; 
}

#page_wrapper #page-layout #page-content .breadcrumb_item.floating_button.second_button {
    right: 90px;
}

#page_wrapper #page-layout #page-content .breadcrumb_item.floating_button.button_empty {
    background-color: #BDBDBD;
    color: #757575;
}

#page_wrapper #page-header #wrap_breadcrumb .breadcrumb_item.fixed_button {
    display: block;
    height: 33px;
    float: right;
    display: relative;
    top: 0px;
    left: 0px;
    padding: 0 8px;
    color: #FF2626;
    font-weight: bold;
    line-height: 33px;
    font-size: 20px;
}

#page_wrapper #page-header #wrap_breadcrumb .breadcrumb_item.fixed_button.button_empty {
    color: grey;
}

#page_wrapper #page-header #wrap_breadcrumb .breadcrumb_item .bg_breadcrumb_item,
#page_wrapper #page-layout #page-content .breadcrumb_item .bg_breadcrumb_item {
    display: inline-block;
    font-size: 20px;
}

#page_wrapper #page-header #wrap_breadcrumb .breadcrumb_item#breadcrumb_tcflow .bg_breadcrumb_item,
#page_wrapper #page-layout #page-content .breadcrumb_item#breadcrumb_tcflow .bg_breadcrumb_item {
    vertical-align: middle;
    font-size: 24px;
}

.wrap_ajax_notifications.form_modif_ajax {
    width: 500px;
    padding-top: 15px;
    padding-bottom: 25px;
}

.wrap_ajax_notifications.form_modif_ajax .title {
    color: #3b3b3b;
    text-align: center;
    line-height: normal;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 18px;
}

.wrap_ajax_notifications.form_modif_ajax .title button {
    background: #bbb none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 13px;
    margin: 0 0 0 5px;
    padding: 3px 6px 4px;
    vertical-align: middle;
}

.wrap_ajax_notifications.form_modif_ajax .title button.btn_unread.active {
    background-color: #2990f9;
}

.wrap_ajax_notifications.form_modif_ajax .title button.btn_histo.active {
    background-color: #1BBF5B;
}

.wrap_ajax_notifications .block_notification {
    display: block;
    background: url(../images/icons/icon_message_24.png) 13px center no-repeat #45A9E7;
    padding: 5px 15px 5px 50px;
    margin: 0 0 7px 0;
    cursor: pointer;
    color: white;
    
    position: relative;
    top: 0px;
    left: 0px;
}

.wrap_ajax_notifications .block_notification .notification_icon {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 50px;
    height: 100%;

    font-size: 26px;
    color: white;
    display: flex;
}

.wrap_ajax_notifications .block_notification .notification_icon:before {
    margin: auto;
}

.wrap_ajax_notifications #block_notification_histo .block_notification,
.wrap_ajax_notifications .block_notification.all_read {
    background-color: #38BB6B;
}

.wrap_ajax_notifications #block_notification_histo .block_copy {
    background-color: darkcyan;
}

.wrap_ajax_notifications #block_notification_unread .block_notification.blue,
.wrap_ajax_notifications #block_notification_histo .block_notification.blue,
.wrap_ajax_notifications .block_notification.blue {
    background-color: #45A9E7;
}

.wrap_ajax_notifications #block_notification_unread .block_notification.green,
.wrap_ajax_notifications #block_notification_histo .block_notification.green,
.wrap_ajax_notifications .block_notification.green {
    background-color: #38BB6B;
}

.wrap_ajax_notifications #block_notification_unread .block_notification.red,
.wrap_ajax_notifications #block_notification_histo .block_notification.red,
.wrap_ajax_notifications .block_notification.red {
    background-color: #e04747;
}

.wrap_ajax_notifications #block_notification_unread .block_notification.orange,
.wrap_ajax_notifications #block_notification_histo .block_notification.orange,
.wrap_ajax_notifications .block_notification.orange {
    background-color: #ff8d1e;
}

.wrap_ajax_notifications .block_notification .nb_unread {
    display: block;
    position: absolute;
    top: calc(50% - 9px);
    left: 14px;
    
    color: #45A9E7;
    width: 26px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.wrap_ajax_notifications .block_notification.last_item {
    margin: 0;
}

.wrap_ajax_notifications .block_notification p,
.wrap_ajax_notifications .block_notification div {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.wrap_ajax_notifications .block_notification .notification_header {
    padding-bottom: 4px;
}

.wrap_ajax_notifications .block_notification .notification_header .notification_tiers {
    font-weight: bold;
}

.wrap_ajax_notifications .block_notification .notification_header .notification_date {
    float: right;
}

.wrap_ajax_notifications .wrap_buttons {
    margin-top: 15px;
}

.wrap_notification .wrap_pager {
    border: none;
}

/* Fin conversation */

/* Envoi OT au conducteur */

#wrap_sendOt {
    width: 900px;
    padding: 10px 30px;
}

#wrap_sendOt .formSendOt .tableForm {
    padding-bottom: 5px;
}

#wrap_sendOt .formSendOt .title,
#wrap_segmentOt .title {
    font-weight: normal;
    padding: 10px 0 0 0;
    margin: 0 0 0 0;
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
}

#wrap_segmentOt .title {
    text-align: left;
    margin-left: 20px;
}

#wrap_segmentOt table.tableForm tr.multiple_fields td div.row_field {
    margin-right: 10px;
}

#wrap_segmentOt table.tableForm tr td.label {
    vertical-align: middle;
}

#wrap_sendOt .formSendOt .title .choice_send {
    display: inline-block;
    padding: 2px 9px 1px 9px;
    margin: 0 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    font-weight: bold;
    font-size: 15px;
    color: white;
    cursor: pointer;
}

#wrap_sendOt .formSendOt .title .choice_send {
    background-color: #CCC;
}

#wrap_sendOt .formSendOt .title .choice_send.choice_sendsms.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendsms:hover {
    background-color: #8ac007;
}

#wrap_sendOt .formSendOt .title .choice_send.choice_sendappli.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendappli:hover,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendappli_conversation.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendappli_conversation:hover {
    background-color: #FAA81B;
}

#wrap_sendOt .formSendOt .title .choice_send.choice_senddashdoc.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_senddashdoc:hover{
    background-color: #1868fa;
}

#wrap_sendOt .formSendOt .title .choice_send.choice_sendtrimble.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendtrimble:hover {
    background-color: #75D1EB;
}

#wrap_sendOt .formSendOt .title .choice_send.choice_sendtransics.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendtransics:hover {
    background-color: #EF2D57;
}
#wrap_sendOt .formSendOt .title .choice_send.choice_sendtruckonline.active,
#wrap_sendOt .formSendOt .title .choice_send.choice_sendtruckonline:hover {
    background-color: #8700FF;
}


#wrap_sendOt .formSendOt .textarea {
    height: 250px;
}

#wrap_sendOt .formSendOt .textarea#sendappli_commentaire {
    height: 100px;
}

#wrap_sendOt .formSendOt table.tableForm tr td.label {
    width: 75px;
}

.block_admin .form_select.form_affretement .response-msg.response_success_msg,
.block_admin .form_select.form_location_contrat .response-msg.response_success_msg {
    display: inline-block;
    vertical-align: middle;
}

a.btn_link.send_ot_btn,
a.btn_link.send_segment_btn {
    padding-left: 28px;
    background-image: url(../images/icons/send_btn_white.png);
    background-position: 4px center;
    background-repeat: no-repeat;
}

a.btn_link.send_ot_btn:hover,
a.btn_link.send_segment_btn:hover {
    background-image: url(../images/icons/send_btn.png);
}

a.send_ot_dest {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/send_btn_14.png) no-repeat center;
    vertical-align: middle;
    margin-left: 4px;
}

a.send_ot_dest.blue,
a.send_ot_dest_blue {
    background-image: url(../images/icons/send_btn_blue_14.png);
}

a.send_ot_dest.purple,
a.send_ot_dest_purple {
    background-image: url(../images/icons/send_btn_purple_14.png);
}

span.last_send_ot {
    margin-left: 10px;
    font-weight: bold;
    color: #888;
}

/* Fin envoi OT au conducteur */

/*  Tarifs  */
.editgrilletarifs .checkboxes {
    width: 30%;
    padding-right: 5px;
}
#formgrille {
    padding: 0 0 0 25px;
}
#formgrille h3 {
    font-size: 14px;
    font-weight: bold;
}
#grille_container {
    width: 100%;
    overflow: auto;
    margin: 25px 0;
    padding-bottom: 10px;
}
#grille {
    margin: 0 auto;
}
#grille button.searchmul_add {
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none;
    vertical-align: top;
    background: url(../images/icons/add_color.png) no-repeat transparent;
    margin-left: 5px;
    margin-top: 4px;
}
#grille thead td {
    background-color: #EEEEEE;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
#grille thead td.colonne-libelle,
#grille thead td.colonne-actions {
    text-align: left;
    white-space: nowrap;
}
#grille td {
    border: 0;
    padding: 5px 0 0 0;
}
#grille td.header-delai {
    padding-right: 5px;
}
#grille td input {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: none;
    box-shadow: 0 0 12px #EEEEEE inset;
    border-radius: 0;
    width: 42px;
    padding: 1px;
    font-size: 9px;
    text-indent: 0;
    text-align: right;
}
#grille thead td.colonne-libelle input.double {
    width: 72px;
}
#grille td input.twincell {
    border-left: 1px dashed #CCCCCC;
}
#grille tr.even td input {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: none;
    box-shadow: 0 0 18px #CECECE inset;
}
#grille tr.even td input.twincell {
    border-left: 1px dashed #CCCCCC;
}
#grille td.header-ligne-depart input,
#grille td.header-ligne-arrivee input {
    width: 100px;
    text-align: center;
    box-shadow: 0 0 12px #EEEEEE inset;
}
#grille td.header-delai input {
    width: 50px;
    text-align: center;
}
/*#grille td.header-ligne-depart input.ajax_input,
#grille td.header-ligne-arrivee input.ajax_input {
    width: 140px;
}*/
#grille td.header-ligne-depart,
#grille td.header-ligne-arrivee {
    width: 150px;
    white-space:nowrap;
}
#grille td.header-delai {
    width: 50px;
    white-space:nowrap;
}
#grille td.header-ligne-depart.atob,
#grille td.header-ligne-arrivee.atob{
    width: 192px;
    white-space: nowrap;
}
#grille td.header-ligne-depart.atob{
    border-right: 1px solid #DDD;
}
#grille td.header-ligne-depart select,
#grille td.header-ligne-arrivee select {
    width: 40px;
}
#grille td.header-ligne-depart select.secteur,
#grille td.header-ligne-arrivee select.secteur {
    width: 105px;
}
#grille td.header-ligne-depart select.country,
#grille td.header-ligne-arrivee select.country {
    width: 145px;
}
#grille tr.even td.header-ligne-depart input.text,
#grille tr.even td.header-ligne-arrivee input.text,
#grille tr.even td.header-delai input.text {
    box-shadow: 0 0 18px #CECECE inset;
}
#grille thead input {
    text-align: center;
    box-shadow: 0 0 12px #dbdbdb inset;
}
#grille td.header-ligne-depart input.text,
#grille td.header-ligne-arrivee input.text,
#grille td.header-delai input.text,
#grille td:last-of-type input {
    border-right: 1px solid #CCCCCC;
}
#grille tr.even td.header-ligne-depart input.text,
#grille tr.even td.header-ligne-arrivee input.text,
#grille tr.even td.header-delai input.text,
#grille tr.even td:last-of-type input {
    border-right: 1px solid #CCCCCC;
}
#grille .wrap_fancy, 
#grille .wrap_fancy_inline {
    display: inline-block;
}

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

#grille a.ajax_fancy:hover,
#grille a.link_op:hover {
    background-position: 0px 0px;
}
#grille .wrap_fancy_inline a.link_op {
    background-image: url(../images/icons/view_only_12.png);
    right: 12px;
    display: none;
}

#grille .wrap_fancy_inline a.link_op.link_on {
    display: block;
}
#grille thead td {
    background-color: #EEEEEE;
}
#grille td.actions {
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
    min-width: 25px;
    white-space: nowrap;
}
#grille td.actions button {
    margin-left: 3px;
}
#grille td.actions-col {
    vertical-align: bottom;
    text-align: center;
}
#grille tr.actions td {
    text-align: left;
}
#grille td.add_col {
    vertical-align: bottom;
    padding: 2px;
}
#grille td.add_ligne {
}
#grille .btn_add_col,
#grille .btn_add_ligne{
    background: url("../images/icons/add_color_small.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 12px;
    border: none;
    margin: 0;
    cursor: pointer;
}
#grille .duplicate_ligne,
#grille .duplicate_col {
    background: url("../images/icons/duplicate_12.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 12px;
    border: none;
    margin: 0;
    cursor: pointer;
}
#grille .del_col,
#grille .del_ligne{
    background: url("../images/icons/remove_color_small.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 12px;
    border: none;
    margin: 0 3px 0 0;
    cursor: pointer;
}
#grille .del_col{
    margin: 0;
}
#grille #apply_formula{
    background: url("../images/icons/calculator.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
    border: none;
    margin: 0;
    cursor: pointer;
    margin: 0 0 0 20px;
}
#field_operande .checkboxes {
    display: inline-block;
    width: 50px;
    font-weight: bold;
    font-size: 1.2em;
}
#grille #down_csv{
    background: url("../images/icons/table-export_16.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
    border: none;
    margin: 0;
    cursor: pointer;
}
#grille #up_csv{
    background: url("../images/icons/table-import_16.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
    border: none;
    margin: 0;
    cursor: pointer;
}
input.currency_calc {
    width: 105px;
}
button.currency_calc {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: -4px;
    border: none;
    margin: 0;
    cursor: pointer;
    background: url("../images/icons/euro.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
input.tarif_picker {
    width: 105px;
}
button.tarif_picker {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: -4px;
    border: none;
    margin: 0;
    cursor: pointer;
    background: url("../images/icons/calculator.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
#grilletarif {
    max-height: 600px;
    overflow: auto;
}
#grilletarif #tarifs-header {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    padding: 10px 0;
}
#grilletarif #tarifs-header span {
    font-weight: bold;
}
#grilletarif #tarifs-header select {
    width: 200px;
}
#grilletarif #tarifs-header #desc_grille {
    font-size: 0.9em;
    padding: 2px;
    font-style: italic;
}
#grilletarif h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0;
}
#grilletarif #grille_container {
    width: 73%;
    display: inline-block;
    font-size: 9px;
    max-height: 500px;
    overflow: auto;
    margin: 0;
    border: 1px solid #CCCCCC;
}
#grilletarif #grille.view {
    font-size: 1.2em;
}
#grilletarif #grille thead td {
    padding: 3px 2px;
}
#grilletarif #grille thead td.separation {
    border-right: 1px solid #CCCCCC;
}
#grilletarif #grille thead td.msg {
    background-color: #79c2f1;
    font-size: 0.9em;
}
#grilletarif #grille thead td.msg a {
    color: #000000;
}
#grilletarif #grille thead td.recherche {
    padding: 0;
}
#grilletarif #grille thead td.recherche input {
    width: 80%;
    border-right: 1px solid #CCCCCC;
}
#grilletarif #grille thead td.recherche input.inactif {
    color: #939292;
    font-style: italic;
}
#grilletarif #grille tbody {
    overflow: auto;
}
#grilletarif #grille tbody td {
    padding: 3px 2px;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #EEEEEE;
}
#grilletarif #grille.view tbody td {
    padding: 3px 8px;
}
#grilletarif #grille td.libelle_ligne, #grilletarif #grille td.libelle_col {
    text-align: center;
}
#grilletarif #grille td.libelle_ligne {
    min-width: 120px;
}
#grilletarif #grille td.libelle_ligne.atob {
    min-width: 180px;
}
#grilletarif #grille td.libelle_col {
    min-width: 40px;
}
#grilletarif #grille td.valeur {
    text-align: right;
    min-width: 40px;
}
#grilletarif #grille td.valeur a {
    color: #000000;
    display: inline-block;
    width: 100%;
    height: 100%;
}
#grilletarif #grille td.valeur.selected {
    background-color: #5ae15a;
}
#grilletarif #grille td.valeur.selected a {
    font-weight: bold;
    text-decoration: underline;
}
#grilletarif #grille td.valeur a:hover {
    font-weight: bold;
}
#grilletarif #grille td.hover {
    background-color: #ccccff;
}
#grilletarif #tarifs_selectionnes {
    float: right;
    width: 26%;
    max-height: 450px;
}
#grilletarif h3#total_selectionne {
    text-align: right;
}
#grilletarif h3#total_selectionne span {
    margin-left: 50px;
}
#grilletarif #tarifs_selectionnes {
    font-size: 1.3em;
    overflow: auto;
}
#grilletarif #tarifs_selectionnes ul {
    margin: 20px 0;
}
#grilletarif #tarifs_selectionnes li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 10px;
}
#grilletarif #tarifs_selectionnes #options .qty {
    width: 30px;
}
#grilletarif #tarifs_selectionnes #options,
#grilletarif #tarifs_selectionnes ul {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}
#grilletarif #tarifs_selectionnes #options_actives li.option_tarif {
    padding: 2px 0;
}
#grilletarif #tarifs_selectionnes #options_actives li.option_tarif input {
    width: 40px;
    text-align: right;
}
#grilletarif #tarifs_selectionnes #options_actives li.option_tarif:hover {
    background-color: #CCC;
    cursor:pointer;
}
#grilletarif #tarifs_selectionnes #options_actives li.option_tarif.active {
    background-color: lightgreen;
}
#grilletarif #submit_btns {
    text-align: right;
    margin-top: 30px;
}
/*  /Tarifs */

/* Timeline OT */
#timeline_ot {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    
    margin-top: 20px;
}

#timeline_ot .timeline_label {
    position: absolute;
    top: 0px;
    left: 25px;
    
    font-size: 14px;
    font-weight: bold;
    color: #3b3b3b;
    
    width: 75px;
    height: 26px;
    padding-top: 22px;
}

#timeline_ot .timeline_zone{
    margin-left: 100px;
    padding: 0 10px;
}

#timeline_ot .timeline_infos {
    position: relative;
    top: 0px;
    left: 0px;
    
    height: 15px;
    margin-bottom: 4px;
}

#timeline_ot .timeline_info {
    position: absolute;
    bottom: 0px;
    left: 0px;

    height: 15px;
    background: #DDD;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    min-width: 1%;
}

#timeline_ot .timeline_info.timeline_enl {
    background: #F09922;
    z-index: 3;
}

#timeline_ot .timeline_info.timeline_liv {
    background: #36D136;
    z-index: 4;
}

#timeline_ot .timeline_info.timeline_tran {
    height: 7px;
    bottom: 4px;
    
    background: #BBB;
    background-image:linear-gradient(to right, #F09922, #36D136);
    text-align: center;
    
    z-index: 2;
}

#timeline_ot .timeline_info.timeline_tran .mileage {
    position: relative;
    top: -15px;
    left: 0px;
    font-weight: bold;
}

#timeline_ot .timeline_days {
    margin: 0;
    background: #C2F04F;
}

#timeline_ot .timeline_day {
    color: #555;
    font-weight: bold;
    display: inline-block;
    overflow: hidden;
    
    text-align: center;
    padding: 4px 0;
    background: url(../images/px_white.png) top right repeat-y;
}

#timeline_ot .timeline_day:last-child {
    background: none;
}

#timeline_ot .wrap_txt_hover {
    display: none;
    
    position: absolute;
    bottom: 25px;
    left: 0px;
}

#timeline_ot .wrap_txt_hover .infobulle {
    display: block;
    
    position: relative;
    left: -111px;
    top: 0px;
}

.timeline_commentaires {
    display: flex;
    width: 100%;
    max-width: 100%;    
}

.timeline_showGPSPoints {
    display: block;
    text-align : center;
    font-size: 13px
}

#timeline_commentaire  {
    margin-top: 10px;
    
    position: relative;
    top: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

#timeline_commentaire .timeline_label {
    position: absolute;
    top: 6px;
    left: 25px;

    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    color: #3b3b3b;
    
    width: 170px;
}

#timeline_commentaire .timeline_value {
    display: inline-block;
    margin-left: 10px;
    padding: 5px 10px;
    margin-right: 10px;
    
    border: solid 1px #F2B749;
    background: #FFEEB5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    font-size: 13px;
    line-height: 15px;
    color: #000;
}
/* Fin timeline OT */

/* Infobulle */
.has_infobulle {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}
td.has_infobulle {
    display: table-cell;
}
.has_infobulle.puce {
    display: inline-flex;
    width:auto;
    min-width: 21px;
    height: 21px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border:1px solid #dddddd;
    margin:0 1px;
}
.has_infobulle.puce.green {
    border-color: #30D130;
    background-color: #BDFFBD;
}
.has_infobulle.puce.orange {
    border-color: #e6a327;
    background-color: #ffeec4;
}
.has_infobulle.puce.blue {
    border-color: #3096d1;
    background-color: #bdedff;
}
.has_infobulle.puce.grey {
    border-color: #AAA;
    background-color: #EEE;
}
.has_infobulle.puce.red {
    border-color: #D13030;
    background-color: #FFBDBD;
}
.infobulle {
    display: none;

    position: absolute;
    top: 0px;
    left: 0px;
    
    z-index: 100;
    
    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;
    z-index: 1000;
    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:before {
    border-top-color: #ccc;
    bottom: -8px;
}

.infobulle .wrap_content_infobulle {
    max-height: 350px;
    padding: 1px 0;
    overflow-y: auto;
}

#hover_infobulle {
    z-index: 15000;
}

.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;
}

.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;
}
.infobulle .label_short {
    display: inline-block;
    width: 75px;
}
.infobulle .wrap_pager{
    display:none;
}
.infobulle.for_table{
    width:auto;
    max-width:450px;
}
.infobulle table{
    border-bottom:1px solid #000 !important;
    border-right:1px solid #000 !important;
    background:none !important;
}
.infobulle table thead td{
   font-weight:bold;
   white-space:nowrap;
   
}
.infobulle table tr td .wrap_td{
    border:none !important;
    margin:0 !important;
    padding:0;
    height:auto;
    line-height:16px;
    word-break:normal;
    
}
.infobulle table tr:hover td .wrap_td{
    border:none;
    margin:0;
    padding:0;
}
.infobulle table tr td{
    padding:3px;
    border-top:1px solid #000;
    border-left:1px solid #000;
}
.infobulle table tr.detailOR td{
    padding:3px;
    border-top:1px solid #aaa;
    
    font-style:italic;
}
.infobulle table tr.detailOR.stroke td{
  text-decoration: line-through;
}

.infobulle.list_infobulle {
    width: 500px;
}
.infobulle.list_infobulle ul li {
    padding: 3px 0;
}
/* 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 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.btn_link.small, .btn_link.small:link, .btn_link.small:visited {
    padding-top: 2px;
    padding-bottom: 2px;
}
.btn_link:not(.disabled):hover {
    cursor: pointer;
}
.btn_link:not(.disabled):hover, .btn_link:not(.disabled):active {
    background-color: #ffffff;
    color: #8ac007;
}

.btn_link.grey, .btn_link.grey:link, .btn_link.grey:visited {
    background-color: #a5a5a5;
    border: 1px solid #a5a5a5;
}
.btn_link.grey:not(.disabled):hover, .btn_link.grey:not(.disabled):active {
    background-color: #ffffff;
    color: #a5a5a5;
}

.btn_link.blue, .btn_link.blue:link, .btn_link.blue:visited {
    background-color: #0C68C4;
    border: 1px solid #0C68C4;
}
.btn_link.blue:not(.disabled):hover, .btn_link.blue:not(.disabled):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:not(.disabled):hover, .btn_link.purple:not(.disabled):active {
    background-color: #ffffff;
    color: #D400AD;
}

.btn_link.orange, .btn_link.orange:link, .btn_link.orange:visited {
    background-color: #FF8E0D;
    border: 1px solid #FF8E0D;
}
.btn_link.orange:not(.disabled):hover, .btn_link.orange:not(.disabled):active {
    background-color: #ffffff;
    color: #FF8E0D;
}

.btn_link.red, .btn_link.red:link, .btn_link.red:visited {
    background-color: #F24141;
    border: 1px solid #F24141;
}
.btn_link.red:not(.disabled):hover, .btn_link.red:not(.disabled):active {
    background-color: #ffffff;
    color: #F24141;
}

/* Fin liens style "bouton" */

/* Perso GMap */

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

.wrap_gmap_legend {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 20px;
    
    z-index: 100;
}

.wrap_gmap_legend .gmap_legend {
    background: #FFF;
    border: solid 1px #CCC;
    padding: 5px 13px 2px 13px;
    margin-top: 5px;
}

.wrap_gmap_legend .gmap_legend .legend_row {
    margin: 4px 0;
    font-weight: bold;
    font-size: 11px;
    color: #333;
    width: 85px;
}

.wrap_gmap_legend .gmap_legend .legend_row .legend_color {
    display: inline-block;
    background: #000;
    width: 15px;
    height: 5px;
    
    position: relative;
    top: -1px;
    left: 0px;
    
    margin-right: 6px;
}

.wrap_gmap_legend .gmap_legend .legend_row .legend_subtitle {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
}

.wrap_gmap_legend.wrap_gmap_legend_mad {
    display: block;
}

.wrap_gmap_legend.wrap_gmap_legend_mad .gmap_legend .legend_row {
    font-size: 12px;
}

.wrap_gmap_legend.wrap_gmap_legend_mad .gmap_legend .legend_row .legend_color {
    height: 9px;
    top: 0px;
}

#wrap_itineraires {
    position: relative;
    top: 0px;
    left: 0px;
}

#wrap_itineraires .wrap_form_itineraires {
    position: absolute;
    top: 10px;
    left: 10px;
    
    z-index: 10;
}

#wrap_itineraires .wrap_form_itineraires .form_itineraires {
    background-color: #4589D6;
    
    width: 310px;
    padding: 6px 8px 6px 12px;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    box-shadow: 2px 2px 4px #AAA;
    -moz-box-shadow: 2px 2px 4px #AAA;
    -webkit-box-shadow: 2px 2px 4px #AAA;
}

#wrap_itineraires .wrap_form_itineraires .form_itineraires input {
    width: 250px;
    padding: 0 10px;
    height: 26px;
    margin: 4px 0;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    font-size: 13px;
    color: #333;
    vertical-align: top;
}

#wrap_itineraires .wrap_form_itineraires .form_itineraires input.error {
    background-color: #FFD1D3;
}

#wrap_itineraires .wrap_form_itineraires .button_add_dest {
    background-color: #dddddd;
    border: 1px solid #999999;
    box-shadow: 1px 1px 3px #AAA;
    -moz-box-shadow: 1px 1px 3px #AAA;
    -webkit-box-shadow: 1px 1px 3px #AAA;
    
    color: #666666;
    cursor: pointer;
    height: 30px;
    line-height: 27px;
    margin-left: 12px;
    margin-top: 9px;
    text-shadow: 1px 1px #eeeeee;
    vertical-align: middle;
    width: 270px;
}

#wrap_itineraires .wrap_form_itineraires .button_add_dest span {
    font-size: 18px;
    vertical-align: top;
}

#wrap_itineraires .wrap_form_itineraires .button_add_dest span.span_plus {
    font-size: 33px;
    margin-right: 7px;
}

#wrap_itineraires .wrap_form_itineraires .button_add_dest:hover {
    background-color: #FFF;
}

#wrap_itineraires .wrap_form_itineraires .button_del {
    background: url('../images/icons/remove_22.png') no-repeat center;
    border: none;

    width: 30px;
    height: 26px;

    margin: 4px 0 0 10px;
    padding: 0;
    vertical-align: top;
    opacity: 0.9;
    cursor: pointer;
}

#wrap_itineraires .wrap_form_itineraires .button_del:hover {
    opacity: 1;
}

#wrap_itineraires .button_right {
    display: block;
    width: 30px;
    height: 60px;
    padding: 0;
    outline: none;
    
    position: absolute;
    top: 10px;
    right: 8px;
}

#wrap_itineraires .button_right::-moz-focus-inner{
    border:0;
}

#wrap_itineraires .zone_itineraires {
    width: 100%;
    height: 600px;
    
    background-color: #EBEBEB;
}

/* Fin perso Gmap */

/* Correction span chrome */

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


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 */

/* 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;
    
    font-size: 25px;
    color: #cbcbcb;
    cursor: pointer;
    text-align: center;
    padding: 3px;
}

/* Fin champ picture cut */

/* Style trombi */

.hastable .wrap_table.wrap_trombi {
    padding: 5px 5px 0 5px;
    text-align: center;
}

.hastable .wrap_table.wrap_trombi .zone_link {
    color: #000;
    font-style: normal;
    display: block;
    width: 140px;
    height: 200px;
}

.hastable .wrap_table.wrap_trombi .zone_img {
    width: 120px;
    height: 160px;
    margin: 5px auto;
    background: #DDD;
}

.hastable .wrap_table.wrap_trombi .zone_img img {
    margin: 0;
    padding: 0;
    border: none;
}

.hastable .wrap_table.wrap_trombi .row_trombi {
    width: 140px;
    height: 200px;
    border: solid 1px #CCC;
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}

/* Fin style trombi */

/* Pieds de facture */

table.tableForm td span.nochange.bold_green {
    font-weight: bold;
    color: #008000;
}

table.tableForm td span.nochange li:last-child {
    margin-bottom: 0;
}

button#add_pid.with_list {
    margin-bottom: 9px;
}

.list_pieds_facture {
    margin-top: 5px;
}

.list_pieds_facture li  .zone_name,
.list_pieds_facture li  .zone_value {
    vertical-align: top;
    display: inline-block;
    width: 150px;
    float: none;
    padding: 0;
    margin: 0;
    color: #000;
}

.list_pieds_facture li .zone_name.indexationgo {
    background: url(../images/icons/fuel.png) no-repeat scroll center left transparent;
    padding-left: 15px;
}

.list_pieds_facture li .zone_name.tierspf {
    background: url(../images/icons/person.png) no-repeat scroll center left transparent;
    padding-left: 15px;
}

.list_pieds_facture li  .zone_name.pied_facture_deleted,
.list_pieds_facture li  .zone_value.pied_facture_deleted {
    text-decoration-line: line-through;
}

.list_pieds_facture li .zone_value {
    font-weight: bold;
    color: #333;
    width: auto;
}

.list_pieds_facture li .del_pied_facture {
    vertical-align: top;
    display: inline-block;
    background: url(../images/icons/remove_color_small.png) no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 12px;
    border: none;
    float: none;
    padding: 0;
    margin: 0 5px 0 0;
    cursor: pointer;
}

.list_pieds_facture li .reactivate_pied_facture {
    vertical-align: top;
    display: inline-block;
    background: url(../images/icons/ok_12.png) no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 12px;
    border: none;
    float: none;
    padding: 0;
    margin: 0 5px 0 0;
    cursor: pointer;
}

/* Fin pieds de facture */

/* Registre de sécurité */

#wrap_list_items.form_modif_ajax.large_form_modif_ajax {
    min-width: 900px;
}

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

.hastable td .form_rapportct_item input,
.hastable td .form_rapportct_item label {
    vertical-align: top;
}

.hastable td .form_rapportct_item input.radio_line {
    margin-top: 8px;
    margin-left: 7px;
}

.hastable td .form_rapportct_item input.text {
    width: 60px;
    margin-left: 12px;
}

/* Fin registre de sécurité */

/* Stock */
.wrap_table .wrap_td input.input_bon {
    text-align: center;
    width: 35px;
}

#table_TableArticlesRecep .wrap_table .wrap_td .more_button,
#table_TableArticlesRecep .wrap_table .wrap_td .less_button,
#table_TableArticlesPrepa .wrap_table .wrap_td .more_button,
#table_TableArticlesPrepa .wrap_table .wrap_td .less_button {
    vertical-align: top;
    height: 21px;
    width: 25px;
    line-height: 13px;
    cursor: pointer;
    margin: 2px 0 0 3px;
    padding: 0;
}
/* Fin stock */

/* Import carburant */
#wrap_form_import .response-msg {
    margin-top: 7px;
    margin-bottom: 7px;
    top: 0px;
}

#table_TableCorErrors.hastable {
    border-top: 1px solid #dfdfdf;
}

.wrap_buttons .add_other_file {
    margin: 10px 20px 15px 5px;
}
/* Fin import carburant */

/* Génération commande contrat loc */

.wrap_form_modif #conf_gen_com.form_modif_ajax .title {
    padding: 10px 0 0 0;
    text-align: center;
    line-height: normal;
    
    color: #722164;
    font-size: 18px;
}

.wrap_form_modif #conf_gen_com.form_modif_ajax .subtitle {
    text-align: center;
    line-height: normal;
    color: #598529;
    font-size: 18px;
    padding: 2px 0 15px;
}

#conf_gen_com #table_TableContratConducteur .wrap_pager {
    display: none;
}

#conf_gen_com #table_TableContratConducteur input.text {
    width: 100px;
}

#conf_gen_com #table_TableContratConducteur input.text.small {
    width: 34px;
}

#conf_gen_com .wrap_buttons {
    margin: 10px 0 15px 0;
}

#table_PlanningContrat a.link_com {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    top: 2px;
    left: 0px;
    background: url(../images/icons/ok_12.png) center no-repeat;
}

/* Fin génération commande contrat loc */

/* 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 */

/* Résultats transport / location */

#table_TableResultatsTpsDetail .wrap_table .field_table_lite {
    width: 55px;
    text-align: left;
    text-indent: 5px;
    background: white;
}

/* Fin résultats transport / location */

/* Litiges de factures d'achat */

.formLitigeFacture ul.litige_commandes {
    max-height: 100px;
    overflow: auto;
}

.formLitigeFacture ul.litige_commandes li {
    font-size: 0.85em;
    margin: 0 0 4px;
}

.formLitigeFacture h2 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}

.formLitigeFacture div.subtext {
    text-align: center;
    font-size: 12px;
    margin: 0 0 20px 0;
    padding: 0 20%;
}

.formLitigeFacture #fermer_facture_litige {
    background-image: url(../images/icons/cancel-nobg.png);
    background-position: center center;
    background-repeat: no-repeat;
}

td.difference_totaux {
    border: 2px solid #CC0000;
    color: #CC0000;
    font-weight: bold;
}

/* /Litiges de factures d'achat */


/* Relances */

a.relance_auto {
    padding-right: 18px;
    background-image: url(../images/icons/refresh.png);
    background-position: center right;
    background-repeat: no-repeat;
}

div.wrap_td a.list_link {
    padding: 0 0 0 20px;
    background-image: url(../images/icons/tasks.png);
    background-position: center left;
    background-repeat: no-repeat;
}

#relance_documents {
    margin: 10px 0 0 0;
}


/* /Relances */

/* CMR */
.icon.icon_caution_14 {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(../images/icons/alerte_caution_14.png) center no-repeat;
    vertical-align: middle;
}
.formGestionCMR .liste_documents {
    height: 70px;
    max-height: 200px;
    overflow-y: scroll;
    border: 1px solid #EEE;
}
.formGestionCMR .liste_documents li {
    margin: 3px 0;
    font-size: 10px;
    font-weight: bold;
}
.formGestionCMR a.btn_link {
    margin: 2px 0;
    width: 180px;
}
#wrap_documents_tiers_mutuelle_doc{
    display:inline-block;
}
.liste_documents li a.icon-btn-trash {
    vertical-align: top;
    display: inline-block;
    background: url(../images/icons/trash_16.png) no-repeat scroll center center transparent;
    height: 16px;
    width: 16px;
    border: none;
    float: none;
    padding: 0;
    margin: 0 5px 0 0;
    cursor: pointer;
}

/* /CMR */

/* Cartes conducteur */

#card-content {
    text-align:  center;
}

#card-content #driver {
    width: 75%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0;
    font-size: 1.2em;
    position: relative;
    display: table;
}
#card-content #driver .driver-msg {
    font-size: 1.4em;
    line-height: 3em;
    font-weight: bold;
    display: table-row;
    width: 100%;
}

#card-content #driver .driver-info {
    line-height: 1.5em;
    top: 0px;
    display: table-row;
}
#card-content #driver .driver-info .driver-photo,
#card-content #driver .driver-info .driver-data,
#card-content #driver .driver-info .driver-save {
    vertical-align: middle;
    display: inline-block;
}

#card-content #driver .driver-info .driver-photo {
    margin: 0 10px 0 0;
}

#card-content #driver .driver-save {
    width: 350px;
    float: right;
    display: table-cell;
}

#card-content #driver .driver-save #activities_days_import {
    margin-bottom: 5px;
    /*width: 100%;*/
}

#card-content #driver .driver-save .bigger {
    font-size: 1.5em;
    line-height: 0.5em;
}

#card-content .wrap_slide {
    width: 85%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0;
}

#card-content .wrap_slide .head_slide {
    padding: 0 10px;
}

#card-content .wrap_slide .body_slide {
    font-size: 1.2em;
    padding: 10px 5px;
    max-height: 400px;
    overflow-y: scroll;
}

#card-content .wrap_slide .body_slide .subsection-title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px;
    /*margin: 10px;*/
    border-bottom: 1px solid #CCCCCC;
}

#card-content .wrap_slide .body_slide table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}
#card-content .wrap_slide .body_slide table td {
    padding: 4px 5px;
    width: 25%;
    border-bottom: 1px solid #EEEEEE;
}

.wrap_graph .content_graph .has_infobulle {
    display: block;
    position: relative;
    top: initial;
    left: initial;
}

#table_ActivitesCarteTacho .wrap_graph .row_graph .wrap_graph_right {
    width: auto;
}
/* /Cartes conducteur */

/* Gestion des groupes d'article */

#table_TableArticleChild td.article_order {
    width: 70px;
}

#table_TableArticleChild input.text.input_qte  {
    width: 45px;
}

/* Fin de gestion des groupes d'article */

/* Gestion des segments */

.wrap_form_modif #wrap_segmentOt.form_modif_ajax {
    width: 1100px;
}

.wrap_form_modif #wrap_segmentOt.form_modif_ajax span.response-msg {
    display: inline-block;
}

.form_modif_ajax ul#tab_popup {
    position: absolute;
    top: -30px;
    left: 8px;
    
    height: 30px;
}

.form_modif_ajax ul#tab_popup li {
    list-style: none;
    display: block;
    float: left;

    background: #A3A3A3;
    height: 30px;
    line-height: 30px;
    width: auto;
    padding: 0 10px;
    font-weight: bold;
    margin-right: 5px;
    
    -moz-box-shadow: 0 -3px 2px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 -3px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 -3px 2px 0 rgba(0, 0, 0, 0.2) inset;
    
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    
    cursor: pointer;
}

.form_modif_ajax ul#tab_popup li.active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    background: white;
    cursor: default;
}

.form_modif_ajax ul#tab_popup li.add_more {
    background-image: url(../images/icons/add_icon_black.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
}

.form_modif_ajax ul#tab_popup li button.remove_segment {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0;
    margin: 0 0 0 3px;
    height: 16px;
    width: 16px;
    background: transparent url(../images/icons/cancel_10.png) center no-repeat;
    cursor: pointer;
}

.form_modif_ajax ul#tab_popup li button.remove_segment:hover {
    background-color: #CCC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.form_modif_ajax div.content_popup {
    display: none;
}

.form_modif_ajax div.content_popup.active {
    display: block;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    padding: 0px 4px 0 8px;
    border: solid 1px #8ac007;
    background: #CEF277;
    
    font-size: 10px;
    line-height: 10px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
    
    vertical-align: top;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_name {
    max-width: 200px;
    padding: 5px 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    height: 10px;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_achat_pu,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_quantite {
    display: inline-block;
    padding: 5px 0;
    font-weight: bold;
    vertical-align: middle;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .field_txt {
    display: inline-block;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .field_input {
    display: none;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article.show_input .article_achat_pu,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article.show_input .article_quantite {
    padding: 0;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article.show_input input.field_input {
    display: inline-block;
    height: 14px;
    width: 25px;
    padding: 0;
    text-indent: 3px;
    font-size: 10px;
    vertical-align: middle;
    border: solid 1px #888;
    background-color: transparent;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article.show_input .article_achat_pu input.field_input {
    width: 35px;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article.show_input .field_txt {
    display: none;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_achat_pu {
    margin: 0 3px;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions {
    display: inline-block;
    vertical-align: middle;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .remove_article,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .edit_article,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .validate_article,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .cancel_article {
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .remove_article {
    background: transparent url(../images/icons/cancel_10_blue.png) no-repeat center;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .edit_article {
    background: transparent url(../images/icons/arrowedit.png) no-repeat center;
    margin-left: 4px;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .cancel_article {
    background: transparent url(../images/icons/icon_cancel_red.png) no-repeat center;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .validate_article {
    background: transparent url(../images/icons/check.png) no-repeat center;
    margin-left: 4px;
}

.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .remove_article:hover,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .edit_article:hover,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .validate_article:hover,
.form_modif_ajax div.content_popup  .wrap_list_articles .segment_article .article_actions .cancel_article:hover {
    background-color: #C5FAF5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.form_modif_ajax div.content_popup .add_segment_article.ajax_fancy {
    margin-left: 15px;
    position: static;
    float: none;
    background-image: none;
    text-indent: 0px;
    width: auto;
    height: auto;
    overflow: visible;
    display: inline-block;
}

.form_modif_ajax div.content_popup table.tableForm {
    padding-top: 18px;
}

.form_modif_ajax div.content_popup table.tableForm tr td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.form_modif_ajax div.content_popup table.tableForm tr.list_articles td {
    padding-bottom: 0px;
}

.form_modif_ajax div.content_popup table.tableForm tr td.button {
    padding-top: 10px;
    padding-bottom: 0px;
}

.form_modif_ajax div.content_popup table.tableForm tr td div.checkboxes:first-child {
    margin-left: 55px;
}

.form_modif_ajax div.content_popup table.tableForm tr td div.checkboxes {
    height: auto;
    width: auto;
    padding-right: 10px;
}

.form_modif_ajax div.content_popup table.tableForm tr td div.checkboxes.type_segment_hide{
    display: none;
}

.form_modif_ajax div.content_popup table.tableForm tr td div.checkboxes label {
    margin-left: 19px;
}


.response-msg ul li {
    margin-bottom: 5px;
    clear: none;
}

.response-msg ul li::after {
    clear: none;
}

.response-msg ul li:last-child {
    margin-bottom: 0px;
}

.wrap_rep_cout .tableForm {
    padding-bottom: 0px;
}

.notice.notice_ws,
.notice.notice_tournee,
.response-msg.warning {
    border:#e289e8 solid 1px;
    background:#fcccff url(../images/icons/alerte_caution_24.png) 10px 50% no-repeat;
    color: #333;
    line-height: 15px;
}

.notice.notice_tournee,
.response-msg.warning {
    background-color: #F5BA95;
    border-color: #cf5408;
}

.response-msg.loading {
    background-image: url(../images/ajax-loader.gif);
}

.wrap_content_ot #field_export_ws .nochange {
    line-height: 15px;
}

.wrap_content_ot #observation,
.wrap_content_ot #instruction,
.wrap_content_ot #crossdock_manifestes {
    height: 60px;
}

.wrap_check_dif, .wrap_qte_unite_destot_yn {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    height: 25px;
    line-height: 26px;
}

.wrap_check_dif input.checkbox,
.wrap_qte_unite_destot_yn input.checkbox {
    display: inline;
    vertical-align: middle;
    margin: 0;
}

.wrap_check_dif .comp_label,
.wrap_qte_unite_destot_yn .comp_label {
    vertical-align: middle;
}

/* Fin de gestion des segments */

/* Gestion des groupages de destination */

#table_TableDestinations tr.is_grouped {
    background: #DEFFFF;
}

#table_TableDestinations tr.is_grouped.is_grouped_first td {
    border-top: solid 1px #232396;
}

#table_TableDestinations tr.is_grouped.is_grouped_last td {
    border-top: none;
    border-bottom: solid 1px #232396;
    padding-bottom: 2px;
}

#table_TableDestinations tr td div.wrap_dest {
    vertical-align: middle;
    background: url(../images/icons/icon_chargement.png) no-repeat 3px 5px;
    padding: 0 0 0 17px;
}

#table_TableDestinations tr td div.wrap_dest.wrap_dest_livraison {
    background-image: url(../images/icons/icon_livraison.png);
}

.content_articles tr.without_dest #label_art_destot_id,
.content_articles tr.without_dest #art_destot_id {
    display: none;
}

/* Fin de gestion des groupages de destination */

/* OT : Saisie d'un transporteur libre */

.content_articles #wrapFormArticle table.tableForm .tr_select_tiers .wrap_fancy {
    width: calc(100% - 100px);
    float: left;
    vertical-align: middle;
}

.content_articles #wrapFormArticle table.tableForm .tr_select_tiers .wrap_fancy.full_fancy {
    width: 100%;
    float: none;
}

.content_articles #wrapFormArticle table.tableForm a.btn_select_tiers { 
    vertical-align: middle;
    height: 17px;
    line-height: 17px;
    padding-left: 15px;
    padding-right: 15px;
    float: right;
}

.content_articles #wrapFormArticle table.tableForm a.btn_select_tiers.full_btn {
    float: none;
}

/* Planning : Modification de l'affectation d'un OT */

.formEditAff table.tableForm tr td.label {
    min-width: 150px;
    width: 150px;
}

.formEditAff table.tableForm tr#field_conducteur_id span.response_success_msg {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 3px;
}

.formEditAff table.tableForm tr#field_conducteur_id td.label {
    vertical-align: middle;
}

/* Onglet "OTs non affectés" */
.planning_tabaff {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 13;
    overflow:hidden;
    overflow-y: auto;
    
    display: none;
    
    height: 500px;
    width: 0;

    background: rgba(255, 255, 255, 0.8);
    border-left: solid 1px #888;
}
.hastable.planning.timeline .planning_tabaff {
    position: absolute;
}

.planning_tabaff .title_tabaff {
    background: url(../images/table/arrow_right.png) 4px center no-repeat #88e26f;
    
    font-size: 12px;
    color: #3b3b3b;
    text-align: center;
    padding: 7px 0;
    cursor: pointer;
    margin-bottom: 8px;
}

.planning_tabaff .title_tabaff.title_commandes {
    background-color: #B7E7F7;
}

.planning_tabaff ul.wrap_tabaff {
    padding: 0 7px;
    list-style: none;
    font-size: 10px;
    font-weight: bold;
}

.planning_tabaff ul.wrap_tabaff li {
    margin-bottom: 5px;
    min-height: 20px;
    line-height: 11px;
    border: solid 3px #999;
    text-align: center;
    cursor: pointer;
}

#table_PlanningOT.hastable tr.tr_date.hover_tr_tabaff {
    cursor: pointer;
}

#table_PlanningOT.hastable tr.tr_date.hover_tr_tabaff td {
    background-color: #B7E7F7;
}

#table_PlanningOT.hastable tr.tr_date td.hover_td_tabaff {
    cursor: pointer;
    background-color: #B7E7F7;
}

/* Onglet "Détails d'une tournée" */
.planning_tabaff .content_tabaff.content_tabtour {
    font-size: 12px;
    line-height: 14px;
    min-width: 460px;
    color: #333;
}

.planning_tabaff .content_tabaff.content_tabtour a {
    color: #333;
    height: 21px;
    display: inline-block;
}

.planning_tabaff .content_tabaff.content_tabtour a:hover {
    font-weight: bold;
}

.planning_tabaff .content_tabaff.content_tabtour .title_tabaff {
    background-color: #f9d47a;
    line-height: 12px;
    color: #3b3b3b;

    position: relative;
    right: 0;
    top: 0;
}

.planning_tabaff .content_tabaff.content_tabtour .title_tabaff div.block_appli {
    position: absolute;
    right: 12px;
    top: 1px;

    height: 26px;
    line-height: 26px;
}

.block_appli span {
    margin-left: 5px;
}

.block_appli span.sending_status {
    background: #AAA;
    border-radius: 20px;
    padding: 2px;
    color: white;
    font-size: 14px;
}
.block_appli span.sending_status.sent {
    background: blue;
}
.block_appli span.sending_status.read {
    background: green;
}

#table_PlanningOT .block_appli span.sending_status {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 8px;
    color: #8A8A8A;
}

#table_PlanningOT .block_appli span.sending_status.sent {
    color: blue;
}
#table_PlanningOT .block_appli span.sending_status.read {
    color: green;
}

.block_appli span.transport_status {
    font-size: 17px;
    color: #8A8A8A;
}

.block_appli span.transport_status.transport_started {
    color: #ff6600;
}

.block_appli span.transport_status.transport_completed {
    color: green;
}

#table_PlanningOT .block_appli span.transport_status {
    line-height: 8px;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_block {
    padding: 6px 10px;
    margin: 0 7px 7px 7px;
    background: #EEE;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_com {
    background: #d5f2f5;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions {
    background: #e7ecc9;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li {
    padding: 0;
    line-height: 21px;
    display: inline-block;
    width: 33%;

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

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li span.fa {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #333;

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

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li#li_send_tcflow span.fa {
    color: #d13dc2;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a {
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 21px;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.editaff {
    background-image: url(../images/icons/icon_truck.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.duplicate {
    background-image: url(../images/disk.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.send_tiers {
    background-image: url(../images/icons/send_btn_14.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.noteot {
    background-image: url(../images/icons/note_new.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.printlvtournee {
    background-image: url(../images/icons/print16.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.printlabeltournee {
    background-image: url(../images/icons/barcode.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_actions li a.printordremission {
    background-image: url(../images/icons/tasks.png);
}

.planning_tabaff .content_tabaff.content_tabtour .tour_title_ots {
    padding: 6px 17px;
    background: #f4f9ca;
    border-bottom: solid 1px #777;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_title_ots div.line_left {
    display: inline-block;
    width: 300px;
}

.planning_tabaff .content_tabaff.content_tabtour .wrap_tour_ots {
    padding: 5px 8px 0 8px;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots {
    padding: 0;
    font-size: 11px;

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

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot {
    background: #c2d34e;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 0 8px 0 32px;
    line-height: 14px;
    border: solid 3px #c2d34e;

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

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot.ui-sortable-placeholder {
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_order {
    height: 100%;
    width: 24px;
    cursor: move;
    background: #cedc71 url(../images/planning/tab_order.png) no-repeat center;

    position: absolute;
    top: 0;
    left: 0;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_head {
    height: 14px;
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_head .label_ot {
    position: absolute;
    top: 0;
    left: 0;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_head .with_adr {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url(../images/icons/adr_14.png) no-repeat center;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_head .trailer_ot {
    display: inline-block;
    color: #145369;
    vertical-align: top;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_head .code_do {
    position: absolute;
    top: 0;
    right: 0;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops .row_stop {
    display: inline-block;
    width: 50%;
    text-align: center;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops.size_3 .row_stop {
    width: 34%;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops.size_3 .row_stop:first-child,
.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops.size_3 .row_stop:last-child {
    width: 33%;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops.size_4 .row_stop {
    width: 25%;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops .row_stop:first-child {
    text-align: left;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops .row_stop:last-child {
    text-align: right;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops .row_stop.expediteur {
    color: #d95e0d;
}

.planning_tabaff .content_tabaff.content_tabtour .tour_ots .row_ot .row_stops .row_stop.destinataire {
    color: green;
}

.planning_tabaff .content_tabaff.content_tabtour .tabtour_show_more {
    border: none;
    background: #2345ad;
    border-radius: 3px;

    color: white;
    cursor: pointer;
    
    font-family: inherit;
    font-weight: bold;
    
    display: block;
    margin: 10px auto 5px auto;
    padding: 5px 15px;
    width: 50%;
}

.planning_tabaff .content_tabaff.content_tabtour .wrap_tabtour_graph_ml {
    padding: 0 10px 6px 10px;
    margin: 0 7px 7px 7px;
}

.planning_tabaff .content_tabaff.content_tabtour .wrap_tabtour_graph_ml #wrap_chart_ml #chart_ml {
    height: 120px;
    overflow: visible;
}

.planning_tabaff .content_tabaff.content_tabtour .wrap_tabtour_graph_ml #wrap_chart_ml #legends_graph {
    display :none;
}

/* Affichage des tracteurs/remorques et commentaires sur planning/timeline OT */
.planning.hastable span.vehicule_infos,
ul.wrap_tabaff li span.vehicule_infos,
.planning.hastable span.horaires_infos,
ul.wrap_tabaff li span.horaires_infos {
    line-height: 8px;
    color: #145369;
}

.planning.hastable span.horaires_infos,
ul.wrap_tabaff li span.horaires_infos {
    color: #694200;
}

.planning.hastable span.commentaire_planning,
ul.wrap_tabaff li span.commentaire_planning {
    line-height: 8px;
}

.planning.hastable .vis-content .timeline_group_column.timeline_daily_profit {
    width: 90px;
}

/* Options tarifaires - OT */
.ajax_add_option_tarif_ot.ajax_fancy {
    background-image: none;
    float: none;
    height: auto;
    margin-left: 15px;
    overflow: visible;
    position: static;
    text-indent: 0;
    width: auto;
}

.wrap_list_options_tarif .ot_option_tarif,
.wrap_emballage_mul li {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    padding: 0px 4px 0 8px;
    border: solid 1px #8ac007;
    background: #CEF277;
    
    font-size: 10px;
    line-height: 10px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 5px;
    
    vertical-align: top;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_name {
    max-width: 200px;
    padding: 5px 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_quantite {
    display: inline-block;
    padding: 5px 0;
    font-weight: bold;
    vertical-align: middle;
}

.wrap_list_options_tarif .ot_option_tarif .field_txt {
    display: inline-block;
}

.wrap_list_options_tarif .ot_option_tarif .field_input {
    display: none;
}

.wrap_list_options_tarif .ot_option_tarif.show_input .option_tarif_quantite {
    padding: 0;
}

.wrap_list_options_tarif .ot_option_tarif.show_input input.field_input {
    display: inline-block;
    height: 14px;
    width: 25px;
    padding: 0;
    text-indent: 3px;
    font-size: 10px;
    vertical-align: middle;
    border: solid 1px #888;
    background-color: transparent;
}

.wrap_list_options_tarif .ot_option_tarif.show_input .field_txt {
    display: none;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions {
    display: inline-block;
    vertical-align: middle;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .remove_option_tarif,
.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .edit_option_tarif,
.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .validate_option_tarif,
.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .cancel_option_tarif {
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .remove_option_tarif {
    background: transparent url(../images/icons/cancel_10_blue.png) no-repeat center;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .edit_option_tarif {
    background: transparent url(../images/icons/arrowedit.png) no-repeat center;
    margin-left: 4px;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .cancel_option_tarif {
    background: transparent url(../images/icons/icon_cancel_red.png) no-repeat center;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .validate_option_tarif {
    background: transparent url(../images/icons/check.png) no-repeat center;
    margin-left: 4px;
}

.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .remove_option_tarif:hover,
.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .edit_option_tarif:hover,
.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .validate_option_tarif:hover,
.wrap_list_options_tarif .ot_option_tarif .option_tarif_actions .cancel_option_tarif:hover {
    background-color: #C5FAF5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* /Options tarifaires - OT */

/* Tarification auto */

#table_TableArticlesExp .tarifauto_log {
    background: url("../images/icons/calculator.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    height: 16px;
    width: 16px;
    border: none;
    margin: 0;
    cursor: pointer;
    margin: 3px 0;
}
#table_TableArticlesExp .tarifasc_log, 
#table_TableArticlesExp .tarifchariot_log{
    background: url(../images/icons/calculator.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 16px;
    width: 26px;
    border: none;
    padding-left: 19px;
    margin: 3px auto;
    line-height: 16px;
}
#table_TableArticlesExp .tarifasc_log:after{
    content:'ASC'                                       ;
    font-weight:bold;
}
#table_TableArticlesExp .tarifchariot_log:after{
    content:'CHR'                                       ;
    font-weight:bold;
}
#table_TableArticlesExp .tarifauto_log.overridden ,
#table_TableArticlesExp .tarifchariot_log.overridden {
    background: url("../images/icons/calculator-off.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}


/* /Tarification auto */

/* Matières dangereuses / contrôle de température */

.wrap_table tr td span.codeonu {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 4px 2px 0 2px;
    background: url("../images/icons/hazard4.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.wrap_table tr td span.tempdirigee {
    display: inline-block;
    width: 9px;
    height: 16px;
    margin: 4px 2px 0 2px;
    background: url("../images/icons/temp_dirigee.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

.wrap_table tr td span.dechet {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 4px 2px 0 2px;
    background: url("../images/icons/trash_16.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

/* /Matières dangereuses / contrôle de température */

/* Gestion des tournées */

.wrap_form_tournee tr.jqplot-table-legend td {
    padding: 1px;
}

.wrap_form_tournee tr.jqplot-table-legend td.jqplot-table-legend-label {
    font-size: 12px;
}

#wrap_chart_ml {
    position: relative;
    top: 0;
    left: 0;
}

#wrap_chart_ml #labels_graph {
    z-index: 500;
    position: absolute;
    top: 0;
    left: 0;
}

#wrap_chart_ml #labels_graph .label_row {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #333;
}

#wrap_chart_ml #labels_graph .label_row.label_alert {
    color: white;
}

#wrap_chart_ml #chart_ml {
    height: 200px;
    max-width: 1000px;
    overflow: hidden;
    margin-top: 10px;
}

#wrap_chart_ml #legends_graph {
    padding: 2px 6px 3px 6px;
    color: #333;
    display: inline-block;
    margin: 5px 0 0 35px;
}

#wrap_chart_ml #legends_graph .row_legend {
    display: inline-block;
}

#wrap_chart_ml #legends_graph .row_legend {
    margin-left: 8px;
}

#wrap_chart_ml #legends_graph .row_legend:first-child {
    margin-left: 0px;
}

#wrap_chart_ml #legends_graph .row_legend .color_legend {
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: middle;
}

#wrap_chart_ml #legends_graph .row_legend .label_legend {
    vertical-align: middle;
}

.wrap_form_tournee table.tableForm tr td .period_tournee, .formEditAff table.tableForm tr td .period_tournee {
    margin-left: 10px;
}

.wrap_recurrent .row_recurrent .row_checkbox,
.wrap_recurrent .row_recurrent .row_hour {
    display: inline-block;
    height: 23px;
    vertical-align: middle;
}

.wrap_recurrent .row_recurrent input,
.wrap_recurrent .row_recurrent select,
.wrap_recurrent .row_recurrent .label_in_td {
    vertical-align: middle;
}

.wrap_recurrent .row_recurrent .label_in_td {
    font-weight: normal;
    margin-right: 0px;
}

.wrap_recurrent .row_recurrent select {
    height: 22px;
    padding: 0;
    margin: 0 0px 0 7px;
}

.wrap_recurrent .row_recurrent input.input_date {
    height: 20px;
    padding: 0;
    margin: 0 0px 0 5px;
    text-indent: 7px;
    width: 100px;
}

.wrap_recurrent .row_recurrent button.add_recurrent {
    vertical-align: middle;
    margin-left: 3px;
}

/* Mise en forme des tournées sur planning/timeline */
#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee {
    padding: 0;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div,
#table_TimelineOT.hastable.planning div.is_tournee {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    
    display: flex;
    min-height: calc(100% - 10px);
    cursor: default;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee.hover_tr_tabaff,
#table_TimelineOT.hastable.planning div.is_tournee.hover_tr_tabaff {
    cursor: pointer;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee.hover_tr_tabaff div,
#table_TimelineOT.hastable.planning div.is_tournee.hover_tr_tabaff {
    background: #35BBE8;
    cursor: pointer;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee.hover_tr_tabaff div .wrap_bg_graph,
#table_TimelineOT.hastable.planning div.is_tournee.hover_tr_tabaff .wrap_bg_graph {
    display: none;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee.empty div span.label_tournee,
#table_TimelineOT.hastable.planning div.is_tournee.empty span.label_tournee {
    background-image: url(../images/planning/empty.png);
    background-position: center left;
    background-repeat: repeat-x;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div span.label_tournee,
#table_TimelineOT.hastable.planning div.is_tournee span.label_tournee {
    display: block;
    z-index: 10;
    position: relative;
    top: 0;
    left: 0;
    
    margin: auto;
    width: 100%;
    padding: 5px;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div span.label_tournee.label_mission,
#table_TimelineOT.hastable.planning div.is_tournee span.label_tournee.label_mission {
    color: #0049bf;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div span.wrap_bg_graph,
#table_TimelineOT.hastable.planning div.is_tournee span.wrap_bg_graph {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #5AC23A;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    z-index: 9;
    overflow: hidden;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div span.wrap_bg_graph.tournee_empty,
#table_TimelineOT.hastable.planning div.is_tournee span.wrap_bg_graph.tournee_empty {
    background: #CCC;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div span.wrap_bg_graph span.row_graph,
#table_TimelineOT.hastable.planning div.is_tournee span.wrap_bg_graph span.row_graph {
    display: block;
    background: #EAA228;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

#table_PlanningOT.hastable.planning tbody tr.tr_date td.is_tournee div span.wrap_bg_graph span.row_graph.with_alert,
#table_TimelineOT.hastable.planning div.is_tournee span.wrap_bg_graph span.row_graph.with_alert {
    background: #D13036;
}
/* Fin mise en forme des tournées sur planning/timeline */

.wrap_form_modif #wrap_segmentTournee.form_modif_ajax {
    width: 1100px;
}

#form_exit_tournee {
    width: 500px;
}

#form_exit_tournee table.tableForm tr td.label,
#form_exit_tournee table.tableForm tr td.label label {
    width: 200px;
}

#form_exit_tournee .alert_exit_tournee {
    font-weight: bold;
    color: red;
    padding: 0;
    text-align: right;
}

/* Fin gestion des tournées */

/* Plans transport */

.wrap_form_plan form div.checkboxes {
    float: none;
    height: auto;
    padding: 0;
    margin: 0 20px 0 0;
    width: auto;
    
    display: inline-block;
}

.wrap_form_plan form div.checkboxes label.choice,
.wrap_form_plan form div.checkboxes input.radio,
.wrap_form_plan form div.checkboxes input.checkbox {
    float: none;
    display: inline-block;
    margin: 0 2px 0 0;
    vertical-align: middle;
}

ul#departements_html li,
ul#codes_in_html li {
    list-style: none;
    display: inline-block;
    background-color: #daf8ff;
    border: solid 1px #72e6ff;
    padding: 2px 4px;
    margin: 5px 8px 0 0;
    font-size: 12px;
    color: #333;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.wrap_form_plan tr.title_day td.label:first-child {
    background: #FFCA69;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #666;
}

/* Fin plans transport */

/* Edition des champs en ligne */

.hastable td .wrap_fancy_inline.lite_inline,
.wrap_fancy_inline.lite_inline {
    width: 94px;
    display: inline-block;
}

.hastable td .wrap_fancy_inline.lite_inline.lite_inline_small,
.wrap_fancy_inline.lite_inline.lite_inline_small {
    width: 52px;
}

#table_TableDestinations.hastable td input.input_date.datetimepicker,
#table_TableDestinations.hastable td input.input_date.timepicker,
#table_TableDestinations.hastable .wrap_td select.select,
.hastable td select.select.lite_inline,
.hastable td input.text.lite_inline,
select.select.lite_inline,
input.text.lite_inline {
    background: #FFF;
    border: 1px solid #999;
    width: 87px;
    text-indent: 0;
    padding: 2px 3px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 11px;
    color: #000;
    height: 15px;
}

input:disabled, select:disabled, textarea:disabled,
input.text:disabled, select.select:disabled, textarea.textarea:disabled,
.hastable td select.select.lite_inline:disabled,
.hastable td input.text.lite_inline:disabled,
select.select.lite_inline:disabled,
input.text.lite_inline:disabled,
.hastable td .wrap_searchcol.searchcol_on .searchcol_ajax .searchcol_input input.text:disabled {
    background-color: #DDD;
    color: #555;
}
/* Champ désactivé avec unité */
div.has_unit input:disabled {
    border: solid 1px #bfbfbf;
    border-right: none;
}

#table_TableDestinations.hastable .wrap_td select.select,
.hastable td select.select.lite_inline,
select.select.lite_inline {
    height: 21px;
}

.hastable td input.field.lite_inline.input_date.datepicker,
input.field.lite_inline.input_date.datepicker {
    text-align: center;
    width: 70px;
}

#table_TableDestinations.hastable td input.input_date.timepicker {
    text-align: center;
    width: 30px;
}

.hastable td .field.lite_inline.lite_inline_small,
.field.lite_inline.lite_inline_small {
    width: 40px;
}

.hastable td .field.lite_inline.lite_inline_xsmall,
.field.lite_inline.lite_inline_xsmall {
    width: 32px;
}

.hastable td .field.lite_inline.lite_inline_msmall,
.field.lite_inline.lite_inline_msmall {
    width: 45px;
}

.hastable td .field.lite_inline.lite_inline_vsmall,
.field.lite_inline.lite_inline_vsmall {
    width: 20px;
}

.hastable td .field.lite_inline.lite_inline_medium,
.field.lite_inline.lite_inline_medium {
    width: 160px;
}

.hastable td .field.lite_inline.lite_inline_80,
.field.lite_inline.lite_inline_80 {
    width: 80%;
}

.hastable td .field.lite_inline.lite_inline_80,
.field.lite_inline.lite_inline_95 {
    min-width: 95%;
}

.hastable td input.field.datepicker[disabled],
.hastable td input.field.datetimepicker[disabled],
input.field.datepicker[disabled],
input.field.datetimepicker[disabled] {
    background-color: #ddd;
}

#table_TableDestinations.hastable .wrap_td select.select,
.hastable td select.select.lite_inline.lite_inline_period,
select.select.lite_inline.lite_inline_period {
    width: 46px;
    padding: 1px 0px;
    margin: 0 0 0 2px;
}

.hastable td select.select.lite_inline,
select.select.lite_inline {
    padding: 1px 0px;
}

#table_TableDestinations.hastable td input.input_date.datetimepicker.bg_green,
#table_TableDestinations.hastable td input.input_date.timepicker.bg_green,
#table_TableDestinations.hastable .wrap_td select.select.bg_green {
    background: #DBFFB8;
}

#table_TableDestinations.hastable td input.input_date.datetimepicker.success,
#table_TableDestinations.hastable .wrap_td select.select.success {
    background-color: #e9f9e5;
    border-color: #218200;
}

#table_TableDestinations.hastable td input.input_date.datetimepicker.error,
#table_TableDestinations.hastable .wrap_td select.select.error {
    background-color: #F9E5E6;
    border-color: #B50007;
}

/* Fin édition des champs en ligne */

/* Modèles OT */
#popup_modele_ajax .model_row {
    background: #cef277 none repeat scroll 0 0;
    border: 1px solid #8ac007;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: inline-block;
    margin-right: 10px;
    padding: 3px 8px;
    vertical-align: top;
    font-size: 12px;
}

/* Modification planning hover */
.block_hover {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    /*border: solid 1px #FFA02D;*/
    border: solid 1px #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FDBB45;
    opacity: 0.80;
    z-index: 10000;    
}

#planning_hover.block_hover .row_hoverot {
    float: left;
    margin-left: 10px;
    max-width: 275px;
}

#planning_hover.block_hover .row_hoverot.first_in_row {
    margin-left: 0;
}

#planning_hover.block_hover .row_hoverot.row_cur .title_row {
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 43px;
    border-radius: 3px;
    padding: 2px;
}
#planning_hover .detail_ordres{
    width:240px; 
    display:block;   
}
#planning_hover .container_ordres{
   display:flex;
   flex-direction:column;
   flex-wrap:wrap;
   align-content: flex-start; 
}
.planning.planning_script tr.tr_date td.item_hover {
    -moz-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) inset;
    -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5) inset;
}
/* Fin modification planning hover */

/* OT: pré-filtrage des emballages avec tarification */
select.with-preselect option {
    padding-left: 12px;
}
select.with-preselect option[data-ticked="1"] {
    background-image: url("../images/icons/tick.png");
    background-position: center left;
    background-repeat: no-repeat;
}

/* Popup segment lite */
.wrap_form_modif #wrap_segmentOt.form_modif_ajax.for_segment_lite {
    width: 1250px;
}

#wrap_segmentOt .wrap_popup_segment_lite p.title {
    font-weight: bold;
    line-height: normal;
    font-size: 15px;
    margin-left: 10px;
}

.wrap_popup_segment_lite #ajax_segment_error {
    margin: 10px 10px 0 10px;
}

.wrap_popup_segment_lite select.lite_inline {
    width: 94px;
}

.wrap_popup_segment_lite select.lite_inline_small {
    width: 52px;
}

.wrap_popup_segment_lite input.timepicker {
    text-align: center;
    margin-left: 2px;
    width: 32px;
}

.wrap_popup_segment_lite .table_segment_lite {
    padding: 20px 5px;
    width: 100%;
}

.wrap_popup_segment_lite .table_segment_lite tr td {
    padding: 6px 8px;
    vertical-align: middle;
}

.wrap_popup_segment_lite .table_segment_lite tr.ref_tr td.ref_td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.wrap_popup_segment_lite .table_segment_lite tr.ref_tr td.ref_td .label_td {
    padding: 0 5px 0 0;
    text-align: right;
}

.wrap_popup_segment_lite .table_segment_lite tr.ref_tr td.ref_td input {
    width: 100%;
}

.wrap_popup_segment_lite .table_segment_lite tr.segment_aff,
.wrap_popup_segment_lite .table_segment_lite tr.ref_tr {
    background: #fff4b3;
}

.wrap_popup_segment_lite .table_segment_lite tr.segment_aff.service_externe,
.wrap_popup_segment_lite .table_segment_lite tr.ref_tr.service_externe {
    background: #eee;
}

.wrap_popup_segment_lite .table_segment_lite tr.segment_aff.service_logistique {
    background: #c5d9f9;
}

.wrap_popup_segment_lite .table_segment_lite tr.segment_aff td.legend_aff {
    background: #eae6df;
    text-align: center;
}

.wrap_popup_segment_lite .table_segment_lite tr.segment_aff.selected_row td.legend_aff {
    background: #75D1EB;
}

.wrap_popup_segment_lite .table_segment_lite tr.segment_aff td.legend_aff .fa {
    font-size: 55px;
    color: #333;
}

.wrap_popup_segment_lite .table_segment_lite tr td.bg_white,
.wrap_popup_segment_lite .table_segment_lite tr.selected_row td.bg_white {
    background: #FFF;
}

.wrap_popup_segment_lite .table_segment_lite thead th .title_col {
    background: #5F5F63;
    color: white;
    text-align: center;
    margin: 3px 4px;
    padding: 3px 0;
    font-size: 12px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.type_segment_lite {
    background: #EAE6DF;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: bold;
    text-align: center;
    
    width: 150px;
}

.wrap_popup_segment_lite .table_segment_lite tr.selected_row td.type_segment_lite {
    background: #75D1EB;
}

.wrap_popup_segment_lite .table_segment_lite tr.selected_row td {
    background: #C1EAF5;
}

.wrap_popup_segment_lite .table_segment_lite tr.selected_row td input,
.wrap_popup_segment_lite .table_segment_lite tr.selected_row td select,
.wrap_popup_segment_lite .table_segment_lite tr.selected_row td.action_segment_lite {
    background-color: #FFF;
}

.wrap_popup_segment_lite .table_segment_lite tr td.type_segment_lite select {
    width: auto;
    background: #FFF;
    text-align: center;
}

.wrap_popup_segment_lite .table_segment_lite tr td .wrap_fancy_inline a.ajax_fancy {
    top: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.date_segment_lite .row_date_liv {
    margin-bottom: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.date_segment_lite .label_date {
    display: inline-block;
    width: 22px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.date_segment_lite .datepicker {
    width: 60px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.date_segment_lite select.select.lite_inline.lite_inline_hour {
    width: 42px;
    padding: 1px 0px;
    margin: 0 2px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.date_segment_lite input:disabled,
.wrap_popup_segment_lite .table_segment_lite tr td.date_segment_lite select:disabled,
input.text.lite_inline:disabled,
select.select.lite_inline:disabled {
    background: #DDD;
    color: #444;
}

.wrap_popup_segment_lite .table_segment_lite tr td.place_segment_lite button.btn_corunknow,
.wrap_popup_segment_lite .table_segment_lite tr td.place_segment_lite button.btn_corknow {
    padding: 0px 2px;
    height: 21px;
    vertical-align: top;
    width: 20px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.place_segment_lite input.unknow_address,
.wrap_popup_segment_lite .table_segment_lite tr td.place_segment_lite input.unknow_country_id {
    margin-bottom: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.service_segment_lite .row_left,
.wrap_popup_segment_lite .table_segment_lite tr td.service_segment_lite .row_right {
    display: inline-block;
    vertical-align: top;
}

.wrap_popup_segment_lite .table_segment_lite tr td.service_segment_lite .div_aff_condtract {
    margin-top: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.service_segment_lite .tournee_txt {
    background: #ddd none repeat scroll 0 0;
    color: #444;
    margin-left: 2px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.service_segment_lite .tournee_txt.row_2 {
    margin-top: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.quantite_segment_lite {
    max-width: 200px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.quantite_segment_lite input.quantite {
    width: 50px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.quantite_segment_lite select.emballage_id {
    width: 140px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.quantite_segment_lite input.quantite,
.wrap_popup_segment_lite .table_segment_lite tr td.quantite_segment_lite select.emballage_id {
    margin-bottom: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.quantite_segment_lite .label_unit {
    font-size: 9px;
    color: #666;
    margin: 0 4px 0 2px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.cout_segment_lite .row_article,
.wrap_popup_segment_lite .table_segment_lite tr td.cout_segment_lite .row_article .wrap_fancy_article {
    margin-bottom: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.cout_segment_lite .row_article:last-child {
    margin-bottom: 0;
}

.wrap_popup_segment_lite .table_segment_lite tr td.cout_segment_lite .label_article_qte {
    margin-left: 3px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.cout_segment_lite .wrap_fancy_inline.lite_inline {
    width: 107px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.cout_segment_lite .wrap_fancy_inline.lite_inline .ajax_input.lite_inline {
    width: 100px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.action_segment_lite {
    width: 14px;
    padding: 0;
}

.wrap_popup_segment_lite .table_segment_lite tr td.action_segment_lite button.btn_link {
    padding: 0;
    height: 16px;
    width: 16px;
    font-size: 12px;
}

.wrap_popup_segment_lite .table_segment_lite tr td.action_segment_lite button.btn_link.btn_delete_segment {
    margin-top: 3px;
}

button.btn_edit_field,
.wrap_popup_segment_lite .table_segment_lite button.btn_edit_date {
    background: none;
    border: none;
    color: #005FE3;
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 13px;
}

button.btn_cancel_field {
    background: none;
    border: none;
    color: #D13036;
    cursor: pointer;
    margin: 0 0 0 2px;
    padding: 0;
    font-size: 13px;
}

.wrap_popup_segment_lite .wrap_buttons {
    padding: 0 0 10px 0;
}

.wrap_popup_segment_lite .wrap_buttons input:first-child {
    margin-left: 0px;
}

/* Fin popup segment lite */

/* Popup ONU */

.conteneur_onu , .conteneur_dechets{
    position: relative;
}

.conteneur_onu td , .conteneur_dechets td{
    padding-top: 10px;
}

.conteneur_onu .boutons , .conteneur_dechets .boutons{
    width: 50px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 13px;
}
.conteneur_onu .boutons button, .conteneur_dechets .boutons button{
    padding:4px;
}

#liste_onu {
    float: right;
    width: 120px;
}

#liste_dechet {
    float: right;
    width: 120px;
}

/* Popup retourot lite */

.wrap_form_modif .wrap_popup_retourot_lite {
    width: 1470px;
}

.conteneur_cmr {
    margin-top:10px;
}

.file_buttons {
    width:10px;
    display: inline-block;
    vertical-align: middle;
}

.file_buttons .btn_link {
    padding: 0;
}

.exception_boutons{
    width:10px;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -4px;
}

.exception_boutons .btn_link {
    padding: 0;
}

.consigne_upd {
    width:94px;
}

.cmr_field {
    margin-top:11px;
}

input.text.cmr_field:disabled {
    background-color:lightgrey;
}

.conteneur_cmr input,
.conteneur_cmr select,
.conteneur_cmr button,
.conteneur_cmr div {
    vertical-align: middle;
}

.conteneur_cmr .scan_lite.scan_form {
    margin-top: 0;
}

.print-retourot {
    display: block;
    width: 16px;
    height:16px;
    margin-top: -4px;
    margin-left:5px;
    margin-right:5px;
    float:left;
}

.print-retourot-dark {
    background-image: url(../images/icons/print_dark.png);
}
.print-retourot-green {
    background-image: url(../images/icons/print_green.png);
}

.print-retourot:hover {
    opacity: 0.7;
}

.table_retourot_lite {
    padding: 20px 5px;
    width: 100%;
}
.table_retourot_lite td {
    padding-bottom: 10px;
    border-bottom: 1pt solid lightgrey;
}
.table_retourot_lite th,
div.title_retourot_lite {
    font-weight: bold;
    background-color: lightgrey;
    font-size: 13px;
    padding: 10px;
}

.wrap_popup_retourot_lite .cmr_file_txt{
    display: inline-block;
    margin: 0 5px;
    text-align: center;
}

.wrap_popup_retourot_lite .consigne_quantite {
    width:35px;
}

.wrap_popup_retourot_lite .emballageConsigne {

    padding-left:10px;
}

.wrap_popup_retourot_lite .consigne_correspondant_id {
    width:200px;
}

.wrap_popup_retourot_lite .consigne_affrettant_txt {
    width:140px;
    display: inline-block;
}

#warning_consigne {
    margin-top: 6px;
    margin-right: 5px;
}

.consigne_exception{
    margin-top:10px;
    margin-bottom:5px;
}

.consigne_exception input, .consigne_exception select {
    margin-right: 5px;
}
/* Popup evenement ot lite */

.evenement_boutons {
    width:10px;
    display: inline-block;
    margin-top:10px;
}

.evenement_boutons .btn_link {
    padding: 0;
}

/* Popup retourot lite */

/* Note sur facture */
tr#field_note_fc td, tr#field_note_fa td {
    padding-top: 0px;
    padding-bottom: 0px;
}

tr#field_note_fc span.nochange div.response-msg,
tr#field_note_fa span.nochange div.response-msg{
    display: inline-block;
    margin: 0;
    position: static;
    top: 0;
    left: 0;
    padding-top: 7px;
    padding-bottom: 5px;
}

/* Table ActionSepa */
#table_TableActionSepa tr td a.fa-refresh {
    line-height: 25px;
    font-size: 14px;
    margin: 0 5px;
    vertical-align: middle;
}

/* Liste cliquable */
select.select.select_link,
select.select.lite_inline.select_link,
.hastable td select.select.lite_inline.select_link {
    background-image: url('../images/icons/icon_cursor_blue.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #0062a4;
}

select.select.lite_inline.select_link,
.hastable td select.select.lite_inline.select_link {
    width: 100px;
}

select.select.select_link option,
select.select.lite_inline.select_link option,
.hastable td select.select.lite_inline.select_link option {
    color: #0062a4;
    cursor: pointer;
}

select.select.select_link option.option_temp {
    display: none;
}

/* Commentaires d'articles */
#table_TableArticleFacture .article_commentaire_edit,
#table_TableArticleFCPF .article_commentaire_edit {
    background: transparent url(../images/icons/arrowedit.png) no-repeat center;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
    
}

/* Module Holding */
#table_TableConfigHolding.hastable .table_caption {
    border-top: none;
}

.div_wrap_buttons.wrap_buttons_holding_vehicule {
    padding: 10px 20px;
}

.wrap_form_modif #form_button_tenant {
    width: 500px;
}

.wrap_form_modif #form_button_tenant table.tableForm tr td.label {
    width: 250px;
}

/* Popup signature */
a.icon_signature {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/icon_signature_green.png) center no-repeat;
    vertical-align: middle;
    margin-right: 2px;
    position: relative;
    top: -1px;
    left: 0px;
}

a.icon_signature.w_reserve {
    background-image: url(../images/icons/icon_signature_orange.png);
}

#popup_signature {
    width: 500px;
    padding: 5px 20px 10px 20px;
}

#popup_signature p {
    padding: 0;
    margin: 0;
}

#popup_signature .title {
    font-size: 21px;
    text-align: center;
    color: #504b50;
    text-transform:uppercase;
}

#popup_signature .wrap_signature {
    border: solid 1px #CCC;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 25px;
    margin-bottom: 10px;
    min-height: 50px;
    padding: 5px 10px;
    text-align: right;
}

#popup_signature .wrap_signature .subtitle {
    position: absolute;
    top: -10px;
    left: 15px;
    
    font-weight: bold;
    background: #FFF;
    border: solid 1px #CCC;
    display: inline-block;
    padding: 0 4px;
}

#popup_signature .wrap_signature .name {
    text-align: left;
    margin-top: 9px;
    margin-bottom: 3px;
    float: left;
    flex: 1;
}

#popup_signature .wrap_signature img {
    max-width: 100%;
    max-height: 150px;
}

#popup_signature .wrap_signature .reserves {
    text-align: left;
    background: none repeat scroll 0 0 #f9e77c;
    padding: 3px 8px;
    line-height: 17px;
    margin-top: 5px;
    flex: 2;
}

/* Popup photos marchandises */
a.trajet_merchpics,
table.tableForm tr td a.trajet_merchpics {
    font-size: 14px;
    color: #3db731;
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: 0px;
}

table.tableForm tr td a.trajet_merchpics {
    margin-left: 5px;
}

/* Popup d'envoi au conducteur */
button.send_driver_popup {
    width: 16px;
    height: 16px;
    background: url(../images/icons/send_btn_grey_14.png) center no-repeat;
    border: none;
    padding: 0;
    margin: 0 3px 0 0;
    vertical-align: middle;
    cursor: pointer;
}
button.send_driver_popup:hover {
    background-image: url(../images/icons/send_btn_14.png);
}
.timeline button.send_driver_popup {
    margin: 0 0 0 5px;
}

#wrap_sendOt .hasconversation .form_new_message {
    padding-top: 15px;
}

#wrap_sendOt .hasconversation .conversation_messages {
    max-height: 400px;
    overflow-y: auto;
}
#wrap_conversation .hasconversation .conversation_messages {
    max-height: 400px;
    overflow-y: auto;
}

#conversation_title {
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
}

.ui-dialog .response-msg {
    margin: 0;
}

/* Affichage des numéros de téléphone sur le planning */
.hastable.planning a.planning_phone {
    margin: 0 3px 2px 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    color: #777 !important;
}
.hastable.planning a.planning_phone:hover {
    color: green !important;
}

/* Etat de pré-facturation / liste des factures */
#select_state_fact_client, #select_state {
    position: fixed;
    width: 200px;
    height: 90px;
    bottom: 20px;
    right: 20px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 1.6em;
}

#select_state_fact_client.block_actcond, #select_state.block_actcond {
    height: auto;
    border: 2px solid green !important;
    color: green;
}

#select_state_fact_client div, #select_state div {
    line-height: 1.3em;
}

#select_state_fact_client div span, #select_state div span {
    font-weight: bold;
}

.block_etat_prefacturation #select_state,
.block_etat_proforma #select_state,
.block_facturation #select_state,
.block_etat_prefacturation #select_state_fact_client,
.block_etat_proforma #select_state_fact_client,
.block_facturation #select_state_fact_client {
    position: fixed;
    width: 250px;
    height: 110px;
    bottom: 20px;
    right: 20px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    font-size: 1.6em;
}
.block_etat_proforma #select_state,
.block_facturation #select_state,
.block_etat_proforma #select_state_fact_client,
.block_facturation #select_state_fact_client {
    width: 275px;
}
.block_etat_prefacturation #select_state div,
.block_etat_proforma #select_state div,
.block_facturation #select_state div,
.block_etat_prefacturation #select_state_fact_client div,
.block_etat_proforma #select_state_fact_client div,
.block_facturation #select_state_fact_client div {
    line-height: 1.3em;
}
.block_etat_prefacturation #select_state div span,
.block_etat_proforma #select_state div span,
.block_facturation #select_state div span,
.block_etat_prefacturation #select_state_fact_client div span,
.block_etat_proforma #select_state_fact_client div span,
.block_facturation #select_state_fact_client div span {
    font-weight: bold;
}
.block_etat_prefacturation #select_state .actions,
.block_etat_proforma #select_state .actions,
.block_facturation #select_state .actions,
.block_etat_prefacturation #select_state_fact_client .actions,
.block_etat_proforma #select_state_fact_client .actions,
.block_facturation #select_state_fact_client .actions {
    margin-top: 10px;
}
.block_etat_prefacturation .erreur,
.block_etat_proforma .erreur {
    border: 2px solid red ! important;
    color: red;
}
.block_etat_prefacturation .ok,
.wrap_form_tournee .ok,
.block_liste_ot .ok,
.block_etat_proforma .ok,
.block_facturation .ok {
    border: 2px solid green ! important;
    color: green;
}
.wrap_form_tournee #select_state,
.block_liste_ot #select_state{
    height:auto;
}

.wrap_table table td .element_check {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url("..//images/icons/tick-off.png");
    background-position: center center;
    background-repeat: no-repeat;
    
}
.wrap_table table td .element_uncheck {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url("../images/icons/tick-on.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.wrap_table table td a.commentaire_open, .wrap_table table td a.commentaire_read {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note.gif) center center no-repeat;
    margin-top: 0.4em;
}

.wrap_table table td a.commentaire_new {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note_new_faded.gif) center center no-repeat;
    margin-top: 0.4em;
}

.wrap_table table td a.note_open, .wrap_table table td a.note_read {
    display: inline-block;
    float: right;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note.gif) center center no-repeat;
    margin-top: 5px;
}

.wrap_table table td a.note_new {
    display: inline-block;
    float: right;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note_new_faded.gif) center center no-repeat;
    margin-top: 5px;
}

/* Équinoxe */

#equinoxe-tarifs-header {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    padding: 20px 0 10px 0;
    color: #333;
}

#equinoxe-tarifs-header span {
    font-weight: bold;
}

#equinoxe-tarifs-header select {
    margin-left: 5px;
}

#grilletarif.grille_large {
    max-height: none;
    padding: 15px 20px 5px 20px;
}

#grilletarif.grille_large td.separation_top {
    border-top: solid 1px #CCC;
}

#grilletarif.grille_large #grille_container {
    max-height: none;
    width: 100%;
}

#grilletarif.grille_large #grille {
    width: 100%;
}

#grilletarif.grille_large #grille thead td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    white-space: nowrap;
}

#grilletarif.grille_large #grille thead input.pf_libelle {
    border: solid 1px #CCC;
    width: 20px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#grilletarif.grille_large #grille .del_col,
#grilletarif.grille_large #grille .btn_add_col {
    margin-left: 3px;
    vertical-align: middle;
}

#grilletarif.grille_large #grille td.header-ligne {
    white-space: nowrap;
    text-align: left;
    padding-left: 5px;
}

#grilletarif.grille_large #grille td.header-ligne select {
    width: 40px;
    vertical-align: middle;
}

#grilletarif.grille_large #grille td.header-ligne input {
    width: 30px;
    height: 17px;
    vertical-align: middle;
    border: solid 1px #CCC;
    font-size: 12px;
    text-align: center;
}

#grilletarif.grille_large #grille tbody tr td {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

#grilletarif.grille_large #grille tbody tr.first_row td {
    border-top: solid 1px #CCC;
}

#grilletarif.grille_large #grille tbody tr td:last-child {
    border-right: none;
}

#grilletarif.grille_large #grille tbody tr td input {
    width: calc(100% - 12px);
    vertical-align: middle;
    margin: 0 5px;
    border: solid 1px #CCC;
}

#grilletarif.grille_large #grille tbody tr td input.input_left {
    text-align: left;
}

#grilletarif.grille_large #grille tbody tr td select.select_delai {
    vertical-align: middle;
    font-size: 10px;
}

#grilletarif.grille_large #grille td.add_ligne {
    padding-left: 5px;
}

#grilletarif.grille_large #grille td input.checkbox {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline;
    vertical-align: middle;
}

#grilletarif.grille_large #grille td label.label {
    margin: 0 4px 0 0;
    padding: 0;
    vertical-align: middle;
    font-size: 12px;
}

.form_modif_ajax.popup_ajax_loading {
    padding: 25px 10px;
    width: 450px;
}

.form_modif_ajax.popup_ajax_loading p {
    font-weight: bold;
    margin: 0 35px;
    padding: 5px 0 5px 24px;
}

.form_modif_ajax.popup_ajax_loading p.step_awaiting {
    color: #333;
    background: url(../images/ajax-loader_small.gif) no-repeat 1px center;
}

.form_modif_ajax.popup_ajax_loading p.step_warning {
    color: #ff8600;
    background: url(../images/icons/alerte_caution_14.png) no-repeat 2px center;
}

.form_modif_ajax.popup_ajax_loading p.step_error {
    color: red;
    background: url(../images/icons/alerte_error_14.png) no-repeat 2px center;
}

.form_modif_ajax.popup_ajax_loading p.step_ok {
    color: green;
    background: url(../images/icons/check.png) no-repeat left center;
}

.form_modif_ajax.popup_ajax_loading .div_wrap_buttons.wrap_buttons {
    padding-bottom: 0;
    padding-top: 10px;
}

/* Fin équinoxe */

/* Marqueur de trajet/segment envoyé */
select.select option.destot_confaff_sent {
    background-image: url('../images/icons/sent.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
}
div.confaff_sent {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/tick-on.png) no-repeat center;
    vertical-align: middle;
    margin-left: 4px;
}

/* Popup massification + bonus manuel */
#popup_massification, #popup_bonus_manuel, #popup_bonus_export {
    width: 500px;
}

#popup_gen_avoir {
    width: 400px;
}

#popup_massification table.tableForm tr td.label {
    width: 300px;
}

#popup_bonus_manuel table.tableForm tr td.label,
#popup_gen_avoir table.tableForm tr td.label {
    width: 150px;
}

/* Gestion des emballages multiples */
ul.wrap_emballage_mul li {
    line-height: 20px;
    padding: 0 5px;
    margin-top: 5px;
    margin-bottom: 0px;
}

#popup_emballage_multiple {
    width: 530px;
}

#popup_emballage_multiple table.tableForm tr td.label {
    width: 85px;
}

#popup_emballage_multiple table.tableForm td .row_field {
    margin-right: 10px;
}

#popup_emballage_multiple table.tableForm td .row_field:last-child,
.formEditAff table.tableForm td .row_field:last-child {
    margin-right: 0;
}

#popup_emballage_multiple table.tableForm td .row_field input,
#popup_emballage_multiple table.tableForm td .row_field select {
    vertical-align: middle;
}

#popup_emballage_multiple .btn_link {
    vertical-align: middle;
    margin-left: 5px;
    padding: 3px 6px;
}

button.cancel_emballage_multiple,
button.btn_qte_unlock,
table.tableForm tr.multiple_fields td div.row_field button.cancel_emballage_multiple {
    margin: 0 0 0 2px;
    padding: 0;
    border: none;
    font-size: 20px;
    color: grey;
    vertical-align: middle;
    background: none;
}

button.cancel_emballage_multiple:not(.disabled):hover,
table.tableForm tr.multiple_fields td div.row_field button.cancel_emballage_multiple:not(.disabled):hover {
    color: red;
    cursor: pointer;
}

#wrap_form_popup.wrap_popup_segment_lite .btn_link.btn_emballage_multiple {
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: top;
}

#wrap_form_popup.wrap_popup_segment_lite button.cancel_emballage_multiple {
    vertical-align: top;
    font-size: 19px;
    margin: 0;
}

#wrap_form_popup.wrap_popup_segment_lite ul.wrap_emballage_mul li {
    margin: 0 5px 3px 0;
}

#table_TableModelOT .btn_link.btn_emballage_multiple {
    padding: 1px 5px;
    font-size: 10px;
}

#table_TableModelOT .cancel_emballage_multiple {
    font-size: 15px;
}

#table_TableModelOT input.input_quantite:disabled {
    width: 20px;
}

#table_TableModelOT button.btn_qte_unlock {
    vertical-align: middle;
    color: red;
    font-size: 18px;
    margin: 0;
    cursor: pointer;
}

/* Facture achat bloquée */
/* + Blocage d'OT */
.icon_locked,
.ot_locked,
.invoice_locked {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/lock.png) no-repeat center;
    vertical-align: middle;
    margin-left: 4px;
}

.icon_unlocked,
.ot_unlocked,
.invoice_unlocked {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/unlocked.png) no-repeat center;
    vertical-align: middle;
    margin-left: 4px;
}

.icon_locked.no_margin,
.icon_unlocked.no_margin {
    margin: 0;
}

#label_transspec, #label_opttarif {
    padding: 5px;
    margin: 0 0 0 20px;;
    border-bottom: 1px dashed lightgrey;
    cursor: pointer;
    background: #f9f9f9 url('../images/icons/icon_slide.png') center right no-repeat;
}

#label_transspec.opened, #label_opttarif.opened {
    background: #f9f9f9 url('../images/icons/icon_slide_rotate.png') center right no-repeat;
}

#label_transspec span.desc_transspec, #label_opttarif span.desc_opttarif {
    margin-left: 50px;
}
#label_transspec span.desc_transspec img {
    margin: 0 10px;
}

/* Crossdock */
.wrap_form_modif #formCrdoQte.form_modif_ajax {
    width: 525px;
    padding-bottom: 25px;
}

.wrap_form_modif #formCrdoQte.form_modif_ajax table.tableForm {
    padding-bottom: 0px;
}

.wrap_form_modif #formCrdoQte.form_modif_ajax table.tableForm tr td.width_30 {
    width: 20%;
}

.wrap_form_modif #formCrdoQte.form_modif_ajax span.alert_crdo_qte {
    color: red;
    float: right;
    font-weight: bold;
    margin-right: 20px;
}

#grille_container.grille_container_crossdock {
    padding: 35px 0 10px 0;
    margin: 0;
}

#grille.grille_crossdock td input {
    width: 96%;
}

#grille.grille_crossdock td select,
#grille.grille_crossdock td.header-ligne-depart select.country {
    width: 98%;
    font-size: 0.85em;
}

#grille.grille_crossdock td.header-ligne-depart {
    width: 75px;
    white-space:nowrap;
}

#grille.grille_crossdock .duplicate_ligne.icon_add {
    background-image: url(../images/icons/add_color_small.png);
}

.crdo_form_date table.tableForm {
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 25px;
}

.wrap_table table td div.comment_cd_read {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note.gif) center center no-repeat;
    margin-top: 33%;
}

/* Popup de confirmation */
.ui-widget-overlay {
    z-index: 9000 !important ;
}

.no-titlebar .ui-dialog-titlebar {
  display: none;
}

.ui-dialog.ui-widget.ui-widget-content {
    z-index: 9001 !important ;
}

.ui-dialog.wrap_dialog_confirm.large {
    width: 550px !important;
}

.ui-dialog.wrap_dialog_confirm.vlarge {
    width: 650px !important;
}

.ui-dialog.wrap_dialog_confirm .ui-dialog-titlebar {
    background: #BF2C2C;
    border-color: #A60303;
}

.ui-dialog.wrap_dialog_confirm.warning .ui-dialog-titlebar {
    background: #ED7913;
    border-color: #B47844;
}

.ui-dialog.wrap_dialog_confirm.success .ui-dialog-titlebar {
    background: #0B9016;
    border-color: #103503;
}

.ui-dialog.wrap_dialog_confirm .ui-dialog-titlebar #ui-dialog-title-dialog-confirm {
    font-size: 13px;
    color: white;
    text-shadow: none;
}

.ui-dialog.wrap_dialog_confirm .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all {
    display: none;
}

.ui-dialog.wrap_dialog_confirm #dialog-confirm {
    background: url(../images/icons/alerte_error.png) 12px center no-repeat;
    min-height: 25px;
    padding: 10px 10px 8px 60px;
    margin: 20px 0;
    color: #B50007;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
}

.ui-dialog.wrap_dialog_confirm.warning #dialog-confirm {
    background-image: url(../images/icons/alerte_caution.png);
    color: #333;
}

.ui-dialog.wrap_dialog_confirm.success #dialog-confirm {
    background-image: url(../images/icons/alerte_success.png);
    color: #31aeee;
}

.ui-dialog.wrap_dialog_confirm #dialog-confirm ul {
    padding: 5px 0 0 0;
}

.ui-dialog.wrap_dialog_confirm #dialog-confirm ul li {
    list-style: disc inside;
    padding: 5px 0px 5px 10px;
}

.ui-dialog.wrap_dialog_confirm.wo_cancel .button_form.red {
    display: none;
}

#dialog-confirm.importreg.ui-dialog-content.ui-widget-content {
    overflow: scroll;   
    max-height : 200px;
    color : black;
    overflow-x: hidden;
}

/* Champs "impression" */
button.btn_apercu,
button.btn_imprimform,
input.imprim_checkbox,
label.imprim_checkbox_label {
    vertical-align: middle;
}

input.imprim_checkbox {
    margin: 0 5px;
}

label.imprim_checkbox_label {
    color: #3b3b3b;
    font-size: 12px;
    font-weight: bold;
    padding-top: 1px;
}
/* Fin champs "impression" */

/* CRM - Visites */
.formRapportVisite #field_message_txt .response-msg {
    margin: 0;
    width: 25%;
    float: right;
    text-align: center;
}

/*  ONU  */
#field_btn_gestion_onu td {
    position:relative;
}

#field_btn_gestion_onu td a{
    position:absolute;
    top:50%;
    margin-top:-13px;
}

/* Dechets */
#field_btn_gestion_dechets td {
    position:relative;
}

#field_btn_gestion_dechets td a{
    position:absolute;
    top:50%;
    margin-top:-13px;
}

/* Note_OT */
span.note_ot{
    display:inline-block;
    width: 100%;
    margin-top : 5px;
    padding: 5px;
    background-color: rgba(0, 126, 255, 0.15);
    color: #3A77F6;
}
span.note_ot > span.note_ot_title {
    font-weight: bold;
}

.wrap_td .listOT{
    font-size:16px;
    cursor:pointer;
}

/* Devis */
.wrap_td .listOT{
    font-size:16px;
    cursor:pointer;
    margin-top:3px;
}

.block_admin .devis_content{
    font-size:17px;
    padding:40px;
}

.block_admin .devis_content li{
    margin-bottom:10px;
}

.app_devis_link_sent{
    background-image: url(../images/icons/sent_ok.png);
}

.app_devis_link_ok{
    background-image: url(../images/icons/check.png);
}

.app_devis_link_nok{
    background-image: url(../images/icons/cancel.png);
}

/* Log historique */
a.btn_log_histo {
    line-height: 18px;
}
div.wrap_td a.btn_log_histo {
    line-height: 25px;
}

a.btn_log_histo,
a.btn_log_histo:hover {
    font-size: 18px;
    color: #888;

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

a.btn_log_histo.unread,
a.btn_log_histo.unread:hover {
    color: #E04747;
}

a.btn_log_histo span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    text-align: center;
    font-size: 10px;
    width: 18px;
    color: white;
}

a.btn_log_histo:hover {
    opacity: 0.8;
}

#wrap_log_histo.wrap_ajax_notifications .block_notification {
    background-image: none;
}

#wrap_log_histo.wrap_ajax_notifications .block_notification .notification_header {
    font-size: 12px;
}

#wrap_log_histo.wrap_ajax_notifications .block_notification .notification_header .notification_tiers {
    font-size: 13px;
}

#wrap_log_histo.wrap_ajax_notifications .block_notification .notification_content ul {
    list-style: disc;
    padding-left: 13px;
    font-size: 12px;
    line-height: 18px;
}

#wrap_log_histo.wrap_ajax_notifications .block_notification .notification_content li .label_field {
    font-weight: bold;
}

#wrap_log_histo.wrap_ajax_notifications .block_notification .notification_content li .old_value {
    font-style: italic;
}

/* Fin log historique */
/* Popup OT Similaires */
button.btn_hist_affretement, button.btn_hist_affretement:hover{
    background-color: #5891DD;
    color: white;
    border: 0;
}
button.btn_hist_affretement:before{
    content: '\f03a';
    font-family: FontAwesome;
}
#wrap_similOt{
    width: 800px;
}

/* Planning exploitation : Bouton "commandes ouvertes" */
button#com_ouverte {
    background-color: #478bf9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 0;
}

button#com_ouverte:hover {
    background-color: #5C9AFF;
}

button#com_ouverte span.pastille_nb {
    background-color: white;
    border-radius: 10px;

    color: #478BF9;
    font-size: 9px;
    font-weight: normal;

    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    margin-right: 4px;

    position: relative;
    top: -1px;
    left: 0;
    
    vertical-align: middle;
}

/* Annulation d'élément */
.wrap_form_modif #wrap_cancelItem.form_modif_ajax,
.wrap_form_modif #popup_switch_onf.form_modif_ajax {
    width: 525px;
}

.wrap_form_modif #wrap_cancelItem.form_modif_ajax table.tableForm tr td.label,
.wrap_form_modif #popup_switch_onf.form_modif_ajax table.tableForm tr td.label {
    width: 25% !important;
}

/* Factures fournisseur - IBAN */

a.ff_notice_bank {
    background-image: url(../images/icons/alerte_caution_14.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 14px;
    width: 14px;
    margin-right: 10px;
    border: 1px solid lightgrey;
    border-radius: 50%;
    padding: 3px;
}

a.ff_add_bank {
    background-image: url(../images/icons/add_color_small.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 14px;
    width: 14px;
    margin-right: 10px;
    border: 1px solid lightgrey;
    border-radius: 50%;
    padding: 3px;
}

a.ff_info_bank {
    background-image: url(../images/icons/euro.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    border: 1px solid lightgrey;
    border-radius: 50%;
    padding: 3px;
}

a.ff_info_contacts {
    background-image: url(../images/icons/person.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 16px;
    margin-right: 10px;
    border: 1px solid lightgrey;
    border-radius: 50%;
    padding: 3px;
}

a.ff_info_contacts.contact_ok {
    border: 1px solid lightgreen;
}

#qte_unite_destot {
    margin-left: 10px;
}

div.element_checked {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/tick-on.png) no-repeat center;
    vertical-align: middle;
    margin-left: 4px;
}

.wrap_table table td a.note_fc {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note.gif) center center no-repeat;
    vertical-align:text-bottom;
    margin-left: 10px;
}

a.button_form.green.proforma_facturer_btn, a.button_form.green.proforma_groupfact_btn {
    margin-left: 0;
    padding: 0 12px 1px 12px;
}

#page_wrapper table.tableForm tr td.label {
    vertical-align: middle;
}

table.table_synchronisation_status {
    border-collapse: collapse;
    width: 100%;
    font-size: 12px;
}

table.table_synchronisation_status tr td{
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

table.table_synchronisation_status td.label{
    font-weight: bold;
}

/*  Ajout de l'infobulle de commentaire d'ot sur la table de tournées'*/
.wrap_table table td .tournee_infobulle {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/icons/note.gif) center center no-repeat;
    margin-top: 5px;
}

/* Affiche un loader sur une ligne de tableau */
tr.loading td{
    opacity:0.5;
}
tr.loading td *{
    cursor: not-allowed;
}
tr.loading td.first_action {
    visibility:visible;
}
tr.loading td.first_action .wrap_td{
    display:none;
}
tr.loading td.first_action:before{
    content: '';
    width: 50px;
    height: 26px;
    background: url(../images/ajax-loader_small.gif) center center no-repeat;
    display: block;
}

.planning.hastable .is_event {
    color: white;
}
#field_color_interface .ui-slider-horizontal .ui-slider-range-min {
    left: -7px;
}
#field_color_interface .ui-slider-horizontal .ui-slider-range {
    top: -5px;
    height: auto;
}
#field_color_interface .ui-slider-horizontal .ui-slider-range {
    background: #ffa02d;
}
.purple #field_color_interface .ui-slider-horizontal .ui-slider-range {
    background: #c368e2;
}
.blue #field_color_interface .ui-slider-horizontal .ui-slider-range {
    background: #37a9f1;
}
.green #field_color_interface .ui-slider-horizontal .ui-slider-range {
    background: #48d554;
}

.disabled {
    color: #757575;
}

/* Boutons de tri inline */
div.wrap_btn_sort {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 7px;
    padding: 0;
    height: 24px;
    width: 12px;
}

div.wrap_btn_sort a {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #333;
    font-size: 16px !important;
    line-height: 12px !important;
}

div.wrap_btn_sort a:hover {
    color: orange;
}

div.wrap_btn_sort a.sort_down {
    top: 12px;
}

.send_pending {
    font-size: 8px;
    color: #a0a0a0;
    font-style: italic;
}

.cancel_send {
    display: inline-block;
    vertical-align: middle;
    border: none;
    padding: 0;
    margin: 0 0 0 3px;
    height: 16px;
    width: 16px;
    background: transparent url(../images/icons/cancel_10_blue.png) center no-repeat;
    cursor: pointer;
}
/* Couleurs des lignes par evenement */
tr.evenement_faa>td>.wrap_td{background-color:#faa;}
tr.evenement_afa>td>.wrap_td{background-color:#afa;}
tr.evenement_faf>td>.wrap_td{background-color:#faf;}
tr.evenement_ffa>td>.wrap_td{background-color:#ffa;} 
tr.evenement_aff>td>.wrap_td{background-color:#aff;}
tr.evenement_aaf>td>.wrap_td{background-color:#aaf;}
tr.evenement_fad>td>.wrap_td{background-color:#fad;} 
tr.evenement_fda>td>.wrap_td{background-color:#fda;} 
tr.evenement_dfa>td>.wrap_td{background-color:#dfa;}
tr.evenement_afd>td>.wrap_td{background-color:#afd;}
tr.evenement_daf>td>.wrap_td{background-color:#daf;}
tr.evenement_adf>td>.wrap_td{background-color:#adf;}

/* Tableau de répartition coûts trajet vers segments */
#grilletarif.grille_large.grille_repdest #grille_container {
    border: none;
}

#grilletarif.grille_large.grille_repdest #grille_container td.first_cell {
    border-color: #CCC;
    border-width: 0 1px 0 0;
    border-style: solid;
}

#grilletarif.grille_large.grille_repdest #grille tbody tr td:last-child {
    border-right: solid 1px #CCC;
}

#grilletarif.grille_large.grille_repdest #grille td.add_ligne {
    padding: 0;
    text-align: center;
}

#grilletarif.grille_large.grille_repdest #grille td button {
    margin: 0;
    padding: 0;
    width: 12px;
    height: 12px;
}

#grilletarif.grille_large.grille_repdest #grille td button.btn_add_ligne {
    margin-top: 5px;
}

#grilletarif.grille_large.grille_repdest #grille tbody tr td input.small {
    width: calc(50% - 12px);
}

#grilletarif.grille_large.grille_repdest #grille tbody tr td input.center {
    text-align: center;
}
/* Fin tableau de répartition coûts trajet vers segments */

table.nochange td {
    line-height: 0.5em;
}

div.formChequeRemise #label_total, div.formChequeRemise #nochange_total {
    font-weight: normal;
    font-style: italic;
    color: #999;
}

div.formChequeRemise #nochange_total {
    color: #666;
}

.wrap_table .wrap_td .proforma_devis {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    color: #008000;
}

.block_content_config .content_facture h3 {
    font-size: 1.5em;
    color: #3B3B3B;
    font-weight: bold;
    padding: 15px 0 5px 15px;
}

.wrap_table .wrap_td .sourcetarif {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 5px;
    color: #008000;
}
.complete_search .filter_left{
    display:flex;
    flex-wrap:wrap;
}
.complete_search .filter_left>div{
    flex-basis:280px;
    padding:10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.complete_search>div>div>*{
    margin:0;
}

.complete_search select{
    width:100%;
}
.filter_go{
    display:flex;
}
.wrap_table_buttons .filter_row{
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    height: 37px;
    margin-right: 10px;
}
.lancer_recherche{
    height: 24px;
    margin-right: 5px;
    color:#fff;
    text-transform: uppercase;
    cursor:pointer;
}
.filter_recherche_manuelle{
    position:absolute;
    right:0;
    top:-31px;
}

/* Popup des moyens disponibles sur planning d'exploitation */
#popup_show_dispo {
    width: 600px;
}

#popup_show_dispo .subtitle_page {
    text-align: center;
    padding-bottom: 0;
}

#popup_show_dispo #wrap_choices {
    text-align: center;
    line-height: 24px;
    margin: 10px 0;
}

#popup_show_dispo #wrap_choices .choice_type {
    display: inline-block;
    padding: 2px 9px 1px 9px;
    margin: 0 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    font-weight: bold;
    font-size: 15px;
    color: white;
    cursor: pointer;
    background-color: #CCC;
}

#popup_show_dispo #wrap_choices .choice_type.choice_driver.active,
#popup_show_dispo #wrap_choices .choice_type.choice_driver:hover {
    background-color: #8ac007;
}

#popup_show_dispo #wrap_choices .choice_type.choice_truck.active,
#popup_show_dispo #wrap_choices .choice_type.choice_truck:hover {
    background-color: #1868fa;
}

#popup_show_dispo #wrap_choices .choice_type.choice_trailer.active,
#popup_show_dispo #wrap_choices .choice_type.choice_trailer:hover {
    background-color: #FAA81B;
}

#popup_show_dispo #wrap_popup_filters {
    text-align: center;
    margin: 10px 0;
}

#popup_show_dispo #wrap_popup_filters select {
    margin: 0 10px;
}

#popup_show_dispo .table_popup {
    font-size: 14px;
    margin-bottom: 10px;
}

#popup_show_dispo .table_popup tbody tr td {
    text-align: left;
    width: 50%;
}

#popup_show_dispo .table_popup tbody tr td:first-child {
    border-right: solid 5px white;
}

#popup_show_dispo .table_popup tbody tr td:last-child {
    border-left: solid 5px white;
}

#popup_show_dispo .wrap_pager.pager_popup {
    background: none;
    text-align: center;
    margin-top: 10px;
}

#popup_show_dispo .wrap_pager.pager_popup .pager {
    border-right: none;
}

#popup_show_dispo .wrap_buttons {
    margin: 10px 0;
}
/* Fin popup des moyens disponibles sur planning d'exploitation */

.change_correspondant{
    zoom: 0.8;
    margin: 0 5px 0 0;
    cursor: pointer;
}


#sidebar-left #page_wrapper #sidebar #nav_left .submenu{
       position: absolute;
    display: none;
    margin-top: -70px;
    margin-left: 118px;
    background: WHITE;
    flex-wrap: wrap;
    padding: 10px;
    border-left: none;
    width: 410px;
    box-shadow: 5px 0px 5px rgba(50,50,50,0.5);
    /*border :1px solid #555;
    border-left : none;*/
        border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
body.hidden_menu#sidebar-left #page_wrapper #sidebar #nav_left .submenu{
    position:fixed;
}
#sidebar-left #page_wrapper #sidebar #nav_left>li{
    position:relative;
}
#sidebar-left #page_wrapper #sidebar #nav_left li:hover .submenu{
    display:flex;    
}
#sidebar-left #page_wrapper #sidebar #nav_left .submenu a{
    background-image: none !important;
    display: block;
    height: 24px;
    border: solid 1px #ffa02d;
    color: #7b7b7b;
    font-weight: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 2px;
    padding: 5px;
}
#sidebar-left #page_wrapper #sidebar #nav_left .submenu a:hover{
    background-color:#ffa02d;
    color:#fff;
    transition:background 0.5s;
}

.purple#sidebar-left #page_wrapper #sidebar #nav_left .submenu a {
    border-color: #c368e2;
}
.blue#sidebar-left #page_wrapper #sidebar #nav_left .submenu a {
    border-color: #37a9f1;
}
.green#sidebar-left #page_wrapper #sidebar #nav_left .submenu a {
    border-color: #48d554;
}
.purple#sidebar-left #page_wrapper #sidebar #nav_left .submenu a:hover {
    background-color: #c368e2;
}
.blue#sidebar-left #page_wrapper #sidebar #nav_left .submenu a:hover {
    background-color: #37a9f1;
}
.green#sidebar-left #page_wrapper #sidebar #nav_left .submenu a:hover {
    background-color: #48d554;
}
table tr.stroke td{
  text-decoration: line-through;
}

/* Popup des références supplémentaires */
#popup_refsup {
    width: 700px;
}
#popup_refsup select.typereference {
    width: 200px;
}
#popup_refsup select.destot_id {
    width: 100px;
}
#popup_refsup input.reference {
    width: 275px;
}
#popup_refsup tr div.row_field:last-child {
    margin-right: 0;
}

table#tableForm ul#wrap_refsup {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
table#tableForm ul#wrap_refsup li {
    margin: 5px 0 0 0;
    padding: 0;
}
table#tableForm ul#wrap_refsup li span {
    float: none;
}
/* Fin popup des références supplémentaires */

button.reload_data {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: -4px;
    border: none;
    margin: 0;
    cursor: pointer;
    background: url("../images/icons/refresh.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
/* Filtres dans entete colonne */
select.clone_filter{
       height: 20px;
       padding:0 !important;
       width:100%;
}
.hastable .wrap_searchcol{
    display:flex;
    justify-content:center;
    height: 100%;
    align-items: center;
}
.hastable .wrap_searchcol>*:first-child
{
    overflow :  hidden;
    flex:1;
    text-overflow : ellipsis;
}
/* Fin Filtres dans entete colonne */
.code_blue{
    font-weight:bold;
    color:blue;
}
.code_green{
    font-weight:bold;
    color:green;
}
tr.inovert_code td{
    background:#fafafa;
}
a.search_code{
    display:block;
    position:relative;
    cursor:pointer;
}
a.search_code:after{
    content: "\f063";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 0;
    position: absolute;
    height: 100%;
    display: flex;
    top: 0;
    align-items: center;
}
a.search_code.open:after{
    content: "\f062";
}
tr.inactive td{
    background:#ffcccc;
}

/* Popup "moyens non disponibles" */
.ui-dialog.wrap_dialog_confirm.popup_meansperiod p {
    padding: 0;
    margin: 0;
}

.ui-dialog.wrap_dialog_confirm.popup_meansperiod p.meansperiod_subtitle {
    padding-top: 8px;
}

.ui-dialog.wrap_dialog_confirm.popup_meansperiod #dialog-confirm,
.ui-dialog.wrap_dialog_confirm.popup_meansperiod #dialog-confirm ul {
    padding-top: 0;
    padding-bottom: 0;
}

.ui-dialog.wrap_dialog_confirm.popup_meansperiod #dialog-confirm ul li {
    padding-top: 3px;
    padding-bottom: 3px;
}
/* Fin popup "moyens non disponibles" */

/* Partie tableau "lite" intégré dans les formulaires */
div.hastable.table_in_form {
    margin-left: 100px;
    margin-right: 100px;
    border: solid 1px #888;
}

div.hastable.table_in_form table tr td {
    padding: 0;
    margin: 0;
}

div.hastable.table_in_form table tr td .wrap_td {
    margin: 0;
    padding: 0;
    border-right: none;
    border-top: none;
    border-radius: 0;
}

div.hastable.table_in_form tr td.actions ul.actions li,
div.hastable.table_in_form tr td.actions ul.actions li a {
    margin: 0;
    padding: 0;
    height: 23px;
}

div.hastable.table_in_form .wrap_table {
    padding: 0;
}

div.hastable.table_in_form .wrap_pager {
    margin: 0;
}

span.show_logo_adr_mini {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    margin-top : 4px;
    background: transparent url(../images/icons/adr_16.png) no-repeat center;
}

.hastable.planning span.show_logo_adr_mini {
    margin: 0;
    vertical-align: text-bottom;
}

span.logo_adr_mini {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    background: transparent url(../images/icons/adr_16.png) no-repeat center;
}

/* Gestion des champs importés (Import) */
.wrap_import_fields {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}

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

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

.wrap_import_fields .wrap_fields_ref p.title_fields,
.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_ref .fields_ref,
.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_ref .fields_ref {
    background: #eee;
    border-color: #399AAD;
}
.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 .wrap_fields_ref li {
    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 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) */

/* Gestion des accès par champ/colonne */
div.wrap_access_fields {
    display: flex;
    justify-content: center;
    margin: 8px 0 10px 0;
    text-align: center;
}

div.wrap_access_fields div {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    max-width: 350px;
    width: 30%;
}

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

div.wrap_access_fields div ul {
    border: solid 2px #999;
    background: #EEE;
    padding: 6px 0;
    min-height: 240px;
    max-height: 350px;
    overflow: auto;
    scrollbar-width: thin;
    text-align: left;
}
div.wrap_access_fields div ul.is_hover {
    background: #FFF;
    border-style: dashed;
    border-width: 2px;
}

div.wrap_access_fields li {
    padding: 5px 10px;
    margin: -1px 6px 0 6px;
    border: solid 1px #AAA;
    background: #FFF;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    list-style: none;
    cursor: pointer;
}
div.wrap_access_fields li.type_action {
    background: #D7BFFF;
}
div.wrap_access_fields li.type_button {
    background: #B3E4FF;
}
div.wrap_access_fields li.is_drag {
    z-index: 10;
}
div.wrap_access_fields li.is_drag:hover {
    border-color: #666;
}
div.wrap_access_fields ul li.li_temp {
    background: #53d454;
    border-color: #53d454;
}

div.wrap_access_fields div.wrap_fields_edit p.title_fields {
    color: #2b821a;
}
div.wrap_access_fields div.wrap_fields_edit ul {
    background: #ebf7eb;
    border-color: #3bad39;
}

div.wrap_access_fields div.wrap_fields_view p.title_fields {
    color: #1D8396;
}
div.wrap_access_fields div.wrap_fields_view ul {
    background: #EBF5F7;
    border-color: #399AAD;
}

div.field_access_denied { /* Champ en accès interdit dans un formulaire */
    display: inline-block;
    width: 80%;
    background: #BBB;
    height: 19px;
    vertical-align: middle;
}
div.field_access_denied.type_select {
    width: 60%;
}
div.field_access_denied.type_picture_cut {
    width: 100px;
    height: 140px;
}
div.field_access_denied.type_map {
    display: none;
}
div.field_access_denied.type_yesno {
    width: 20%;
}
div.field_access_denied.type_text_date {
    width: 40%;
}
div.field_access_denied.type_date {
    width: 105px;
}
div.field_access_denied.type_date.textdate_date {
    margin-left: 10px;
}
div.field_access_denied.error {
    background: #BBB;
    border: solid 1px red;
}
/* Fin gestion des accès par champ/colonne */

/* Affichage des activités conducteur sur fiche tournée */
table#tr_driver_act {
    border-spacing: 3px;
    display: inline-block;
    vertical-align: middle;
}

table#tr_driver_act tr th,
table#tr_driver_act tr td {
    background: #f2f2f2;
    color: #333;
    text-align: center;
    padding: 6px 5px;
    margin: 0;
}

table#tr_driver_act tr th {
    background: #AAA;
    color: white;
    width: 160px;
    line-height: 17px;
    vertical-align: middle;
    font-weight: bold;
}
/* Fin affichage des activités conducteur sur fiche tournée */

div.button_picture_del {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 4px 2px 0 2px;
    background: url("../images/icons/trash_16.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

#nochange_etiquettes{
    max-height: 50px;
    display: block;
    overflow: auto;
}

/* Mise en forme "switch" */
#tableForm .label_wrap_slider {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
    cursor: pointer;
}

#tableForm .label_wrap_slider .wrap_slider {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    vertical-align: middle;
}

#tableForm .label_wrap_slider input {
    display: none;
}

#tableForm .label_wrap_slider .wrap_slider .slider_switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 24px;
    border: solid 1px #999;
}

#tableForm .label_wrap_slider .wrap_slider .slider_switch:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

#tableForm .label_wrap_slider div.content_wrap_slider span.label_txt_enabled,
#tableForm .label_wrap_slider div.content_wrap_slider span.label_txt_disabled {
    display: inline-block;
    vertical-align: middle;
    color: #3b3b3b;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

#tableForm .label_wrap_slider input:checked + div.content_wrap_slider span.label_txt_disabled {
    display: none;
}
#tableForm .label_wrap_slider input:not(:checked) + div.content_wrap_slider span.label_txt_enabled {
    display: none;
}

#tableForm .label_wrap_slider input:checked + div.content_wrap_slider .wrap_slider .slider_switch {
    background-color: #2196F3;
}

/*Templates lettre de voiture*/
#fusion{
    overflow:auto;
    position:relative;
}
#ldv_info_block{
    padding:5px;
}
#ldv_info_block h3{
    font-size:14px;
    font-weight:bold;
    text-align:center;
    background:#ebebeb;
}
#ldv_info_block button{
    width:100%;
}
#ldv_info_block .fa{
    font-size:16px;
    padding:3px;

}
#stock_elements_content .a_drager{
    max-width:350px;
    cursor : pointer;
}
.a_drager{
    /*position:absolute;*/
    font-size : 15px;
    background:rgba(255,255,255,0.5) !important;
        cursor : grab;
}
.a_drager.ok {border:1px solid green;  }
.a_drager:hover {border:1px solid blue;  }
#resizable {
    width: 100px;
    height: 100px;
    background: #ccc;
}
.ui-resizable-helper { border: 2px dotted #00F; }
.modifieur{
    position:absolute;
    top:-21px;
    right:0;
    height:15px;
    background:white;
    padding:3px;
    border:1px solid green;
    border-bottom:none;
}
#pre_stock_elements_content{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}
#stock_elements_actions table.tableForm tr td{
    padding-top:0;
    padding-bottom:0;
}
#stock_elements_content{
    overflow:auto;
}
#stock_elements{
    display: flex;
    flex-direction: column;
    max-height: 100%;
    height: 90vh;
    background: #ddd;
}
#stock_elements>div{
    background:#fff;
    margin:5px;
    margin-bottom:0px;
}

.trajet_signature +.has_infobulle {
    display:inline;
}

.wrap_td .fa-lg{
    line-height:1.5em;
}
#status_icon + i{
    font-size:30px;
}
 
.agrandisseur{
    z-index:10000;
    display:block;
    cursor:pointer;
    position:fixed;
    bottom: 0px ; 
    right:0px;
    background: lightgrey;
    padding: 5px;
    border-top-left-radius: 10px;
}
body.full  #page-header,
body.full .subtitle_page,
body.full .wrap_alert_bloc,
body.full #sidebar,
body.full .wrap_menu_admin{
    display: none;    
}
body.full #page-content-wrapper{
    padding:0 !important;       
}

.breadthumb_error{
    position: absolute;
    background: #800;
    left: 0;
    top: 100%;
    width: 108px;
    border: 1px solid #888;
    color: white;
    margin: 2px;
    padding: 5px;
}
.affect_address{
    display: flex;
    border: 1px solid #555;
    cursor:pointer;
    margin-top: 5px;
    justify-content: flex-start;
    align-items: stretch;
}
.affect_address>div:first-child{
    display: flex;
    align-content: center;
    align-items: center;
    background: #FF8E0D;
    padding: 5px;
    color: #fff;
    width: 21px;
    justify-content: center;
}
.affect_address>div:last-child{
    padding:5px;
}
/* Affichage des untités dans les champs de formulaire */
div.has_unit {
    display:flex;
}
div.has_unit>input {
    border-top-right-radius : 0;
    border-bottom-right-radius : 0;
}
div.has_unit .field_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;
}
div.view_unit .field_unit {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
}    

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

.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;
}

/* Affichage du bloc de formulaire "quantité" dans la fiche OT */
table.form_item_quantite {
    margin: 0 auto;
    border-spacing: 3px;
}

table.form_item_quantite tr th,
table.form_item_quantite tr td {
    background: #f2f2f2;
    color: #333;
    text-align: center;
    padding: 6px 5px;
    margin: 0;
}

table.form_item_quantite tr:nth-child(2n of .visible) td {
    background: #DFDFDF;
}

table.form_item_quantite tr th {
    background: #EAE6DF;
    color: black;
    vertical-align: middle;
}

table.form_item_quantite tr.tr_tax.visible td,
table.form_item_quantite tr.tr_tax td {
    background: #ffe2a8;
}

table.form_item_quantite tr td.td_label {
    font-weight: bold;
    text-align: left;
}

table.form_item_quantite tr td div.wrap_item_qte_emb {
    display: flex;
}
table.form_item_quantite tr td div.wrap_item_qte_emb div.wrap_item_quantite {
    width: 60px;
    margin-right: 5px;
}
table.form_item_quantite tr td div.wrap_item_qte_emb ul.wrap_emballage_mul {
    text-align: left;
}

table.form_item_quantite tr td div.wrap_liv_dif,
table.form_item_quantite tr td div.wrap_tax_dif {
    font-weight: bold;
    display: flex;
    align-items: center;
}
table.form_item_quantite tr td div.wrap_liv_dif div.wrap_checkbox,
table.form_item_quantite tr td div.wrap_tax_dif div.wrap_checkbox {
    padding-left: 8px;
    font-weight: normal;
}
table.form_item_quantite tr td div.wrap_liv_dif div.wrap_checkbox span.checkbox_choice,
table.form_item_quantite tr td div.wrap_tax_dif div.wrap_checkbox span.checkbox_choice {
    padding-top: 2px;
}

table.form_item_quantite tr td input,
table.form_item_quantite tr td select {
    box-shadow: none;
    border: 1px solid #BBB;
    box-sizing: border-box;
    width: 100%;
    height: 26px;
}
table.form_item_quantite tr td input:focus,
table.form_item_quantite tr td select:focus {
    border-color: #AAA;
}
/* Fin affichage du bloc de formulaire "quantité" dans la fiche OT */

/* Mise en forme explication du calcul du coût de production de tournée */
div.detail_cout_prod_tour {
    background: #313F84;
    width: 50%;
    min-width: 500px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 5px 5px 5px;

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

div.detail_cout_prod_tour div.title_cout_prod_tour {
    position: absolute;
    top: -10px;
    left: 8px;
    color: #333;
    background: #4ECDF4;
    padding: 3px 5px;
}

div.detail_cout_prod_tour .level_1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 5px;
    padding: 5px;
}

div.detail_cout_prod_tour .level_2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 3px;
    padding: 0;
    min-width: 190px;
}
div.detail_cout_prod_tour .level_2.dashed {
    border: 2px dashed white;
}

div.detail_cout_prod_tour .level_3 {
    color: #333;
    margin: 5px;
    padding: 5px;
}
div.detail_cout_prod_tour .level_3.driver {
    background: #A1D17B;
}
div.detail_cout_prod_tour .level_3.truck {
    background: #FFA759;
}
div.detail_cout_prod_tour .level_3.trailer {
    background: #F7EF88;
}
div.detail_cout_prod_tour .level_3.overhead_percent {
    background: #4ECDF4;
}

div.wrap_calc_example {
    display: flex;
    flex-direction: column;
    width: 100%;
}
div.wrap_calc_example div.wrap_calc_rows {
    display: flex;
    flex-direction: row;
    height: 30px;
    width: 100%;
}
div.wrap_calc_example div.wrap_calc_rows div {
    background: green;
    color: white;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}
div.wrap_calc_example div.wrap_calc_rows div.row_rest {
    background: orange;
    margin-top: 5px;
    height: 25px;
    line-height: 25px;
}
div.wrap_calc_example div.wrap_calc_rows div.row_error {
    width: 100%;
    background: red;
}
div.wrap_calc_example div.wrap_calc_hours,
div.wrap_calc_example div.wrap_calc_days {
    display: flex;
    flex-direction: row;
    border-left: solid 1px #BBB;
}
div.wrap_calc_example div.wrap_calc_hours {
    border-top: solid 1px #BBB;
}
div.wrap_calc_example div.wrap_calc_hours div,
div.wrap_calc_example div.wrap_calc_days div {
    flex: auto;
    text-align: center;
    background: #EEE;
    border: solid 1px #BBB;
    border-top: none;
    border-left: none;
    padding: 2px 0;
}
div.wrap_calc_example div.wrap_calc_hours div {
    background: #DDD;
}
/* Fin Mise en forme explication du calcul du coût de production de tournée */

.autofact {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px;
    opacity: 0.7;
}

/* Élargissement de la colonne des labels sur la popup "modification de type de document" */
div.formTypeDoc table.tableForm tr td.label {
    width: 30% !important;
}