.filters-box-wrapper {margin-bottom: 10px}
.filters-box { background:#def2f9; width:100%;}
.filters-box .filters-models,
.filters-box .filters-elements { display:table-cell; padding:3px 10px; vertical-align:middle; }
.filters-box .filters-models { border-right:1px solid #bfd6e6; white-space: nowrap; height: 28px}
.filters-box .filters-elements { border-left:1px solid #ffffff; line-height: 28px}
.filters-box .filters-elements em {margin-right: 20px}
.filters-box .filters-elements a.action { color:#1760b0; white-space: nowrap}
.filters-box .filters-elements .button-group { margin-right: 25px;}

.filters-box-customize {background:#def2f9; border-top: 1px solid #BFD6E6; padding: 10px; display: none}
.filters-box-customize .button-group {float:left; line-height: 28px; margin: 0 10px 15px}
.filters-box-customize .button-group .jAutochecklist_wrapper {display: block; }
.filters-box-customize .button-group > input {display: block; margin-top: -4px}
.filters-box-customize .button-group > label {margin-right: 20px}
.filters-box-customize div.action {margin: 20px 20px 0; float: right}

table.list th {font-weight: bold; text-align: center}
table.list { width:100%; table-layout:auto; background:#f0f0f0; border-collapse:collapse; border-spacing: 0 4px}
table.list thead th { padding:0 2px 0 4px; user-select:none; -moz-user-select:none; -webkit-user-select:none;}
table.list thead th > div { width:auto; padding:0 10px; line-height:22px; height:22px; white-space:nowrap; max-width:100%; user-select:none; -moz-user-select:none; -webkit-user-select:none; }

table.list thead th.sorting {}
table.list thead th.sorting > div.ordered { cursor:pointer; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; }
table.list thead th.sorting > div.ordered:hover { background:#d8d8d8; }
table.list thead th.sorting > div.ordered-asc,
table.list thead th.sorting > div.ordered-desc { background:#c7deed; }
table.list thead th.sorting > div.ordered-asc:before,
table.list thead th.sorting > div.ordered-desc:before,
table.list thead th.sorting > div.ordered:hover:before { content:""; float:right; background:url(../images/table-order-sprite.png) no-repeat right 0; width:11px; height:21px; margin-left:-11px; }
table.list thead th.sorting > div.ordered-desc:hover:before,
table.list thead th.sorting > div.ordered-asc:before { background-position:center 0; }
table.list thead th.sorting > div.ordered-asc:hover:before,
table.list thead th.sorting > div.ordered-desc:before { background-position:left 0; }

table.list tbody td {
  background:#ffffff; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:2px 8px;
}
table.list tbody td div.tooltip { margin:-10px -8px; padding:10px 8px; }

table.list tbody tr.separator td {
  background:none; border:0 none; border-radius:0; height:4px; padding:0;
  box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
table.list tbody td.ordered { background:#def2f9; }

table.list thead th { background: none; }
table.list thead th.moveable > div.ondrag { color:#ffffff; background:#31a3d5; cursor:move; box-shadow:0 0 5px rgba(0,0,0,0.5); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); }
table.list thead th.moveable > div.ondrag > .btn { display:none; }
table.list thead th.drag-over-left > div,
table.list thead th.drag-over-right > div { position:relative; }
table.list thead th.drag-over-left > div:before,
table.list thead th.drag-over-right > div:before { position:absolute; content:url(../images/table-list-moveable-ondrop.png); top:-25px; }
table.list thead th.drag-over-left > div:before { left:-10px; }
table.list thead th.drag-over-right > div:before { right:-8px; }
table.list thead th.drag-over-left,
table.list tbody td.drag-over-left { border-left:1px dashed #818181; }
table.list thead th.drag-over-right,
table.list tbody td.drag-over-right { border-right:1px dashed #818181; }


table.list.alter-even-td tbody tr.line td:nth-child(even),
table.list.alter-even-td tbody tr.odd td:nth-child(even),
table.list.alter-even-td tbody tr.even td:nth-child(even)
{ background-color:#f4f4f4; }

table.list.alter-even-td tbody tr.red td {background: #FEE; color: red}
table.list.alter-even-td tbody tr.red td:nth-child(even) {background: #FDD; color: red}

table.list.highlight-line tbody tr.line:hover td,
table.list.highlight-line tbody tr.odd:hover td,
table.list.highlight-line tbody tr.even:hover td
{ background-color:#fffbcc;}
table.list.highlight-line tbody tr.line:hover td:nth-child(even),
table.list.highlight-line tbody tr.odd:hover td:nth-child(even),
table.list.highlight-line tbody tr.even:hover td:nth-child(even),
table.list.list-menu tbody.tablelist tr.line.tr-customer.selected td
{ background-color:#fff8ad; }
table.list.rounded-line { border-collapse:separate; padding:8px 6px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
table.list.rounded-line tbody tr.line td,
table.list.rounded-line tbody tr.odd td,
table.list.rounded-line tbody tr.even td
{ box-shadow:0 2px 0px -1px #FFFFFF; -moz-box-shadow:0 2px 0px -1px #FFFFFF; -webkit-box-shadow:0 2px 0px -1px #FFFFFF; }
table.list.rounded-line tbody tr.line td:first-child,
table.list.rounded-line tbody tr.odd td:first-child,
table.list.rounded-line tbody tr.even td:first-child {
  border-left:1px solid #dcdcdc; 
  box-shadow:0 2px 0px -1px #FFFFFF, inset 2px 0 0px -1px #FFFFFF;
  -moz-box-shadow:0 2px 0px -1px #FFFFFF, inset 2px 0 0px -1px #FFFFFF;
  -webkit-box-shadow:0 2px 0px -1px #FFFFFF, inset 2px 0 0px -1px #FFFFFF;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
}
table.list.rounded-line tbody tr.line td:last-child,
table.list.rounded-line tbody tr.odd td:last-child,
table.list.rounded-line tbody tr.even td:last-child
{ border-right:1px solid #dcdcdc;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-top-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
}


table.list-meeting { width:100%; table-layout:auto; background:#f0f0f0; border-collapse:collapse; border-top:1px solid #cccccc; }
table.list-meeting tr.line td.date { vertical-align:middle; padding:10px 20px 10px 10px; background:url(../images/timeline-planning.png) no-repeat right center; width:30px; padding-bottom:5px; }
table.list-meeting tr.line td.date:after { content:""; display:block; height:8px;width: 56px; }
table.list-meeting tr.my-meeting td.date { background-image:url(../images/timeline-planning-mine.png); }
table.list-meeting tr.line td.meeting { padding-right:7px; }
table.list-meeting tr.line td.meeting table.list { padding:0; }
table.list-meeting tr.line:first-child td.date:after { content:""; display:block; height:4px; }
table.list-meeting tr.line:last-child td.meeting table.list tr.separator { display:none; }
table.list-meeting tr.line:last-child td.date:after { content:""; display:block; height:4px; }
table.list-meeting tr.title th { text-transform:uppercase; padding:10px 10px 10px 25px; color:#666666; }
table.list-meeting tfoot tr td { height:10px; border-bottom:1px solid #cccccc; }

table.create-table { table-layout:fixed; width:100%; }
table.create-table td { border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; border-left:1px solid #c1c1c1; height: 209px; line-height: 15px; }
table.create-table td ul { margin:0; padding:0; list-style:none; }
table.create-table td li { cursor:pointer; border-top:1px solid #c1c1c1; }
table.create-table td li label { display:block; padding:7px 10px; cursor:pointer; }
table.create-table td li label input { vertical-align:top; margin:1px 4px -4px 0; }
table.create-table td li.menu { background:#efefef url(../images/create-table-li-sprite.png) no-repeat right top; font-weight:bold; }
table.create-table td li.selected { background-color:#42424a; background-position:right bottom; }
table.create-table td li.selected label { color:#ffffff; }
table.create-table td li.checked {}
table.create-table td li.checked label { font-weight:bold; }
table.create-table td li:first-child { border-top:0 none; }
table.create-table td li:hover { background:#fffcc9;  }
table.create-table td li:hover label { color:#42424a; }

table.create-table td.lvl3 { border-right:1px solid #c1c1c1; }
table.create-table td.lvl2 ul,
table.create-table td.lvl3 ul { height: 209px; overflow: auto; }



table.grid { width:100%; border-collapse:collapse; }
table.grid thead tr th { border:1px solid #bdbdc0; background:#d9d9db; padding:7px 10px; font-size:11px; color:#3f3f3f; font-weight:bold; }
table.grid thead tr th.date { width:70px; }
table.grid tbody tr td { border:1px solid #dbdbdd; font-size:12px; padding:10px; }table.not-full-width {
    width: auto;
}

/* pour les tableaux des statistiques */
#chart-data { width: 100%; }

td.center { text-align: center; }

table tr.not-completed td {
    background-color: #fff8ad;
}

.table-volets th {
    border: 1px solid #888;
}

.table-volets .square {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
}
.table-volets .migrate {
    cursor:pointer;
    color:#ffffff; font-size:12px; font-weight:bold;
    vertical-align:middle; padding:2px 4px;
    box-shadow:inset 0 1px 3px -1px #f2f2f2;
    background: #1b72cf;
}
.table-volets .test-in-queue {
    background: #ffd11c;
    color:#ffffff; font-size:12px; font-weight:bold;
    vertical-align:middle; padding:2px 4px;
    color: black;
    border: 1px solid black;
}
.table-volets .planner-now {
    background: #A0FFA0;
    color:#ffffff; font-size:12px; font-weight:bold;
    vertical-align:middle; padding:2px 4px;
    color: black;
    border: 1px solid red;
}
.table-volets .planner {
    background: #A0FFA0;
    color:#ffffff; font-size:12px; font-weight:bold;
    vertical-align:middle; padding:2px 4px;
    color: black;
    border: 1px solid black;
}
.table-volets .disabled .customer {
    background: #A05050;
    cursor: no-drop;
    color: black;
}

.migrate-planner {
    border: 1px solid #888;
    width: auto;
    margin-left: 100px;
}

.bg-blue { background-color: #D0D0FF !important; }
.bg-lightblue { background-color: #E0E0FF !important; }
.bg-green { background-color: #D0FFD0 !important; }
.bg-lightgreen { background-color: #E0FFE0 !important; }
.bg-red { background-color: #FFD0D0 !important; }
.bg-lightred { background-color: #FFE0E0 !important; }

.relative-sticky-line {
    position: relative;
}

.sticky-line th {
    position: sticky;
    top: 81px;
}

.sticky-line.second-little-line th {
    top: 103px;
}

.sticky-line th:not([class*="bg-"]) {
    background: #f0f0f0 !important;
    z-index: 1;
}

.table-volets .notInStats {
    opacity: .6;
}
.customer-table .sticky {
    position: sticky;
    left: 0;
}