@charset "UTF-8";
/*-------------------------------------------------------------
 Reset
---------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
.small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent; }

ul {
  list-style-position: inside;
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0; }

ul li {
  padding: 0;
  margin: 0; }

ol {
  margin: 0 0 12px 0;
  padding: 0;
  list-style: decimal;
  list-style-position: inside; }

ol li {
  padding: 0 0 4px 0;
  margin: 0; }

p {
  margin: 0 0 12px 0; }

a {
  color: #000;
  text-decoration: underline;
  outline: none; }

a:hover, a:active {
  outline: none; }

a img {
  border: none; }

em {
  font-style: italic; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

form, fieldset {
  margin: 0;
  padding: 0;
  border: none; }

input, button, select {
  vertical-align: middle; }

table {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0; }

td {
  padding: 0;
  margin: 0; }

th {
  padding: 0;
  margin: 0;
  text-align: left; }

textarea {
  overflow: auto;
  resize: both !important; }

input {
  outline: none; }

.ie6 legend, .ie7 legend {
  margin-left: -7px; }

input[type="radio"] {
  vertical-align: text-bottom;
  cursor: pointer; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible; }

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/*-------------------------------------------------------------
 Fonts
---------------------------------------------------------------*/
@font-face {
  font-family: 'BabyMinePlump';
  src: url("fonts/babymine-plump-webfont.eot");
  src: url("fonts/babymine-plump-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/babymine-plump-webfont.woff") format("woff"), url("fonts/babymine-plump-webfont.ttf") format("truetype"), url("fonts/babymine-plump-webfont.svg#DamionRegular") format("svg"); }
@font-face {
  font-family: 'BabyMineFatOblique';
  src: url("fonts/babymine-fatoblique-webfont.eot");
  src: url("fonts/babymine-fatoblique-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/babymine-fatoblique-webfont.woff") format("woff"), url("fonts/babymine-fatoblique-webfont.ttf") format("truetype"), url("fonts/babymine-fatoblique-webfont.svg#BabyMineFatOblique") format("svg");
  font-weight: normal;
  font-style: normal; }
/*-------------------------------------------------------------
 Primary styles
---------------------------------------------------------------*/
html {
  background: #eef0f3; }

body,
.x-body,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: normal;
  color: #505255; }

a {
  color: #626366; }

a:hover {
  color: #000; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  padding: 0; }

h1 {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  margin: 0 0 30px 0; }

h2 {
  font-family: BabyMinePlump, arial, sans-serif;
  font-size: 24px;
  color: #3f3f3f;
  font-weight: normal;
  margin: 0 0 16px 0; }

h3 {
  font-size: 20px;
  font-weight: normal;
  color: #3f4142; }

h4 {
  font-size: 16px;
  font-weight: normal;
  color: #494949; }

h4 {
  font-size: 14px;
  font-weight: normal;
  color: #494949;
  margin: 0 0 10px 0; }

::-moz-selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #333;
  color: #fff;
  text-shadow: none; }

label:hover {
  color: #000; }

/*-------------------------------------------------------------
 Extjs custom
---------------------------------------------------------------*/
#mask, .x-mask {
  background: #fff; }

.x-mask {
  background: #fff;
  opacity: 0.8;
  position: fixed;
  height: 100%; }

.ie7 .x-mask, .ie8 .x-mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); }

.x-grid-dirty-cell {
  background-image: none; }

.x-mask-msg {
  background-color: rgba(255, 255, 255, 0.7);
  border: 0;
  -moz-box-shadow: 0px 0px 3px 0px #656565;
  -webkit-box-shadow: 0px 0px 3px 0px #656565;
  -o-box-shadow: 0px 0px 3px 0px #656565;
  box-shadow: 0px 0px 3px 0px #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }

.x-mask-msg div {
  padding: 15px 30px 15px 50px;
  background-image: url("../js/lib/ext-4.0.7/resources/themes/images/gray/grid/loading.gif");
  background-repeat: no-repeat;
  background-position: 17px center;
  cursor: wait;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #222222;
  font: normal 11px tahoma, arial, verdana, sans-serif; }

.x-mask-msg.dark div {
  font-weight: bold;
  text-shadow: 0 1px 1px white;
  font-size: 12Px; }

.x-css-shadow,
.x-ie-shadow {
  display: none !important; }

.x-tree-panel .x-grid-row-selected .x-grid-cell,
.x-tree-panel .x-grid-row-selected .x-grid-rowwrap-div {
  color: #000000 !important;
  background: #5390E9 !important; }

.x-tree-arrows .x-tree-elbow-plus,
.x-tree-arrows .x-tree-elbow-minus,
.x-tree-arrows .x-tree-elbow-end-plus,
.x-tree-arrows .x-tree-elbow-end-minus {
  background-image: url("image/arrows.png"); }

.x-window-default,
.x-message-box .x-window-body,
.x-window-header-default-top {
  background-color: #FAFAFA;
  border-width: 0; }

/* Tooltip */
.x-tip-header,
.x-tip-body,
.x-form-invalid-tip-body {
  color: #000;
  font-size: 12px;
  line-height: 13px; }

.x-tip {
  background: #fff;
  padding: 7px 9px;
  padding: 3px 4Px;
  text-align: center;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); }

.x-field.x-item-disabled {
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

.x-field.x-item-disabled .x-mask {
  display: none; }

.x-field.x-item-disabled .x-form-trigger-wrap {
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); }

.x-tool-toggle {
  display: none; }

.x-panel-body {
  heigth: 100%;
  overflow: hidden; }

/*-------------------------------------------------------------
 Box
---------------------------------------------------------------*/
.box {
  margin-bottom: 9px; }

.box .btc,
.box .bmc,
.box .bfc,
.box .bf2c {
  display: block;
  width: auto;
  float: none;
  margin-right: 5px;
  height: 100%; }

.box .btc2,
.box .bmc2,
.box .bfc2,
.box .bf2c2 {
  display: block;
  width: 5px;
  float: right;
  height: 100%; }

.box .btc,
.box .bmc,
.box .bfc,
.box .bf2c,
.box .btc2,
.box .bmc2,
.box .bfc2,
.box .bf2c2 {
  background-image: url(image/sprite_box.png?v=3.21.0);
  background-repeat: no-repeat; }

.box .box-t {
  min-height: 38px;
  overflow: hidden; }

.box .box-t .btc {
  overflow: hidden;
  background-position: 0 0;
  min-height: 38px;
  line-height: 40px;
  padding-left: 4px;
  padding-left: 6px;
  text-shadow: 0px 2px 0px #fff; }

.box .box-t .btc2 {
  overflow: hidden;
  background-position: -2495px 0;
  min-height: 38px; }

.box .box-m {
  overflow: hidden; }

.box .box-m .bmc {
  background: #fff;
  padding: 8px 7px 1px 7px; }

.box .box-m .bmc2 {
  height: 100%;
  background: url(image/box-m.png?v=3.21.0) right 0 repeat-y; }

.box .box-f {
  height: 5px;
  overflow: hidden; }

.box .box-f .bfc {
  background-position: 0 -114px;
  height: 5px;
  padding-left: 1px; }

.box .box-f .bfc2 {
  background-position: -2495px -114px;
  height: 5px; }

.box .box-f2 {
  height: 39px;
  overflow: hidden;
  font-size: 11px;
  color: #77a7e; }

.box .box-f2 .bf2c {
  background-position: 0 -266px;
  height: 34px;
  height: 39px;
  padding: 5px 0 0 5px;
  text-shadow: 0px 2px 0px #fff;
  letter-spacing: 1px;
  color: #777A7E;
  font-weight: bold; }

.box .box-f2 .bf2c2 {
  background-position: -2495px -266px;
  float: right; }

.box .box-t2 .bt2c {
  background: #fbfbfb;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #f0f0f0;
  min-height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding-right: 4px;
  padding-left: 4px;
  letter-spacing: 1px; }

.bt-item {
  float: right;
  float: left;
  vertical-align: middle;
  padding-left: 8px; }

.box .textItem {
  color: #777A7E;
  font-weight: bold; }

.box .box-t .btgroupItems {
  float: right; }

/* box - maj */
.box .btc .tb,
.box .btc .tb2 {
  padding: 0 !important; }

.box .btc .bt-item {
  height: 38px; }

.box .btc .tb > div,
.box .btc .tb2 > div,
.box .btc .tb > span,
.box .btc .tb2 > span,
.box .btc .tb > a,
.box .btc .tb2 > a {
  margin: 5px 1px 4px 1px; }

.box .btc {
  height: 100%;
  overflow: hidden; }

.box .box-t {
  overflow: hidden; }

.box .btc2,
.box .btc {
  margin-bottom: -99999px;
  padding-bottom: 99999px; }

.ie7 .box .btc,
.ie8 .box .btc {
  height: 38px; }

.ie7 .box .btc2,
.ie7 .box .btc,
.ie8 .box .btc2,
.ie8 .box .btc {
  margin-bottom: 0;
  padding-bottom: 0; }

/* Box-b */
.box-b {
  line-height: 38px;
  margin-bottom: 10px; }

.box-b .bc, .box-b .bc2 {
  height: 38px; }

.box-b .bc2 {
  float: right; }

.box-b .bc {
  background: url(image/sprite_box.png?v=3.21.0) 0 -342px no-repeat;
  margin-right: 5px; }

.box-b .bc2 {
  width: 5px;
  background: url(image/sprite_box.png?v=3.21.0) -2495px -342px no-repeat; }

.box-b .breadCrumb {
  padding-top: 4px; }

.box-b .breadCrumb .item {
  height: 29px;
  line-height: 32px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: #777a7e;
  text-shadow: 0px 1px 0px #fff;
  padding: 0 0px 0 5px; }

.box-b .breadCrumb .bt .r {
  height: 29px; }

.box-b .buttonBreadCrumb {
  display: inline-block; }

.box-b .breadCrumb .bt .ico {
  position: relative;
  width: 16px !important;
  height: 16px !important;
  top: 7px; }

.box-b .buttonBreadCrumb .bt .l,
.box-b .buttonBreadCrumb .bt .r {
  cursor: default; }

/* box-b - maj */
.box-b .bc .tb,
.box-b .bc .tb2 {
  padding: 0 !important; }

.box-b .bc .tb > div,
.box-b .bc .tb2 > div,
.box-b .bc .tb > span,
.box-b .bc .tb2 > span,
.box-b .bc .tb > a,
.box-b .bc .tb2 > a {
  margin: 5px 1px 4px 1px; }

.box-b .bc {
  height: 100%;
  overflow: hidden; }

.box-b .box-t {
  overflow: hidden; }

.box-b .bc2,
.box-b .bc {
  margin-bottom: -99999px;
  padding-bottom: 99999px; }

.ie7 .box-b .bc,
.ie8 .box-b .bc {
  height: 38px; }

.ie7 .box-b .bc2,
.ie7 .box-b .bc,
.ie8 .box-b .bc2,
.ie8 .box-b .bc {
  margin-bottom: 0;
  padding-bottom: 0; }

/* Box-c */
.box-c .btc {
  height: 38px;
  background: url(image/sprite_box.png?v=3.21.0) 0 -152px no-repeat;
  line-height: 38px;
  padding-left: 6px;
  padding-right: 3px; }

.box-c .bmc {
  background: url(image/sprite_box.png?v=3.21.0) 0 0 repeat-y;
  padding: 1px; }

.box-c .bf2c {
  height: 35px;
  height: 39px;
  background: url(image/sprite_box.png?v=3.21.0) 0 -266px no-repeat;
  line-height: 38px;
  padding-left: 6px;
  padding: 5px 4px 0 5px;
  text-shadow: 0px 2px 0px #fff;
  letter-spacing: 1px;
  color: #777A7E;
  font-weight: bold; }

.box-c .bt2c {
  background: #fbfbfb;
  border-left: 1px solid #dfdfdf;
  border-bottom: 1px solid #f0f0f0;
  min-height: 35px;
  min-height: 39px;
  line-height: 32px;
  overflow: hidden;
  padding-right: 4px;
  padding-left: 4px;
  letter-spacing: 1px; }

.box-c .box-f2 {
  position: relative;
  z-index: 10;
  font-size: 11px;
  color: #77a7e; }

/* box-c - maj */
.box-c .btc .tb,
.box-c .btc .tb2 {
  padding: 0 !important; }

.box-c .btc .tb > div,
.box-c .btc .tb2 > div,
.box-c .btc .tb > span,
.box-c .btc .tb2 > span,
.box-c .btc .tb > a,
.box-c .btc .tb2 > a {
  margin: 5px 1px 4px 1px; }

.box-c .btc {
  height: 100%;
  overflow: hidden; }

.box-c .box-t {
  overflow: hidden; }

.box-c .btc2,
.box-c .btc {
  margin-bottom: -99999px;
  padding-bottom: 99999px; }

.ie7 .box-c .btc,
.ie8 .box-c .btc {
  height: 38px; }

.ie7 .box-c .btc2,
.ie7 .box-c .btc,
.ie8 .box-c .btc2,
.ie8 .box-c .btc {
  margin-bottom: 0;
  padding-bottom: 0; }

/* Box-d */
.box-d .btc {
  height: 38px;
  background: url(image/sprite_box.png) -5px -152px no-repeat;
  line-height: 38px;
  padding-left: 6px;
  margin-right: 5px; }

.box-d .btc2 {
  float: right;
  width: 5px;
  height: 38px;
  background: url(image/sprite_box.png) -2495px -152px no-repeat; }

.box-d .bmc {
  background: url(image/box-c-inner.png) right 0 repeat-y;
  padding: 1px; }

.box-d .bmc2 {
  height: 100%;
  float: right; }

.box-d .box-f2 {
  font-size: 11px;
  color: #77a7e; }

.box-d .bf2c {
  height: 38px;
  line-height: 38px;
  background: url(image/sprite_box.png) -5px -266px no-repeat;
  padding-left: 6px;
  padding: 5px 0 0 5px;
  margin-right: 5px;
  text-shadow: 0px 2px 0px #fff;
  letter-spacing: 1px;
  color: #777A7E;
  font-weight: bold; }

.box-d .bf2c2 {
  height: 38px;
  width: 5px;
  float: right;
  background: url(image/sprite_box.png) -2495px -266px no-repeat; }

.box-d .bt2c {
  background: #fbfbfb;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #f0f0f0;
  height: 38px;
  line-height: 32px;
  overflow: hidden;
  padding-right: 4px;
  padding-left: 4px;
  letter-spacing: 1px; }

/* box-d - maj */
.box-d .btc .tb,
.box-d .btc .tb2 {
  padding: 0 !important; }

.box-d .btc .tb > div,
.box-d .btc .tb2 > div,
.box-d .btc .tb > span,
.box-d .btc .tb2 > span,
.box-d .btc .tb > a,
.box-d .btc .tb2 > a {
  margin: 5px 1px 4px 1px; }

.box-d .btc {
  height: 100%;
  overflow: hidden; }

.box-d .box-t {
  overflow: hidden; }

.box-d .btc2,
.box-d .btc {
  margin-bottom: -99999px;
  padding-bottom: 99999px; }

.ie7 .box-d .btc,
.ie8 .box-d .btc {
  height: 38px; }

.ie7 .box-d .btc2,
.ie7 .box-d .btc,
.ie8 .box-d .btc2,
.ie8 .box-d .btc {
  margin-bottom: 0;
  padding-bottom: 0; }

/*-------------------------------------------------------------
 Button
---------------------------------------------------------------*/
.bt {
  display: block;
  float: left;
  overflow: hidden;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap; }

.bt .l, .bt .r {
  display: none;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  cursor: pointer;
  letter-spacing: normal; }

.bt .l {
  display: block;
  float: left; }

.bt .r {
  display: block;
  float: left; }

.bt img {
  vertical-align: middle; }

.bt .label {
  float: left;
  padding-left: 10px;
  background: none !important;
  line-height: 26px;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bt .ico {
  display: block;
  width: 24px !important;
  height: 24px !important;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  opacity: 0.7;
  position: relative;
  float: left; }

.bt .label {
  display: block;
  height: 24px;
  float: right;
  padding: 0 0 0 4px !important;
  background: none; }

.bt:hover .ico {
  opacity: 1; }

.bt, .bt .bt-c, .bt .bt-r, .bt .bt-c span {
  display: block;
  cursor: pointer; }

.bt .bt-c {
  float: left; }

.bt .bt-c span {
  padding: 0 6px 0 10px;
  min-width: 8px; }

button.bt {
  border: 0;
  padding: 0;
  background: transparent; }

/* off */
.bt.off, .bt.off * {
  cursor: default !important;
  cursor: not-allowed !important;
  color: #ccc; }

.bt.off .ico,
.bt.off:hover .ico {
  opacity: 0.3 !important; }

.ie7 .bt.off .ico, .ie8 .bt.off .ico {
  filter: alpha(opacity=30); }

.ie7 .bt {
  display: inline;
  zoom: 1; }

.ie7 .bt .label {
  display: inline;
  float: none; }

/* Button type A (buttons in a box toolbar) */
.bt.a {
  line-height: 29px;
  font-size: 12px;
  font-size: 11px; }

.bt.a span {
  height: 29px; }

.bt.a .l {
  background-position: -10px -106px;
  padding-left: 10px; }

.bt.a .r {
  width: 10px;
  background-position: -137px -106px; }

.bt.a .ico {
  top: 2px; }

.bt.a:hover .l {
  background-position: -157px -106px; }

.bt.a:hover .r {
  background-position: -284px -106px; }

.bt.a:hover .ico {
  opacity: 1; }

.bt.a:active .l, .bt.a.on .l {
  background-position: -304px -106px; }

.bt.a:active .r, .bt.a.on .r {
  background-position: -431px -106px; }

/* Button type A - highlight */
.bt.a.highlight .l,
.bt.a.highlight .r {
  background-image: url(image/sprite_buttons.png); }

.bt.a.highlight .l {
  background-position: 0 -960px; }

.bt.a.highlight .r {
  background-position: -390px -960px; }

.bt.a.highlight:hover .l {
  background-position: 0 -1000px; }

.bt.a.highlight:hover .r {
  background-position: -390px -1000px; }

.bt.a.highlight:active .l, .bt.a.highlight.on .l {
  background-position: 0 -1040px; }

.bt.a.highlight:active .r, .bt.a.highlight.on .r {
  background-position: -390px -1040px; }

/* Button type B */
.bt.b {
  height: 29px;
  line-height: 29px;
  font-size: 11px; }

.bt.b .l, .bt.b .r {
  background-image: url(image/sprite_buttons.png); }

.bt.b .label {
  padding-right: 10px; }

.bt.b span {
  height: 29px; }

.bt.b .ico {
  top: 2px; }

.bt.b .l {
  background-position: 0 0;
  padding-left: 10px; }

.bt.b .r {
  background-position: -2550px 0;
  width: 10px; }

.bt.b:hover {
  color: #000; }

.bt.b:hover .l {
  background-position: 0 -40px; }

.bt.b:hover .r {
  background-position: -2550px -40px; }

.bt.b:active,
.bt.b.on,
.bt.b.bt-filtered {
  color: #666; }

.bt.b:active .l,
.bt.b.on .l,
.bt.b.bt-filtered .l {
  background-position: 0 -80px; }

.bt.b:active .r,
.bt.b.on .r,
.bt.b.bt-filtered .r {
  background-position: -2550px -80px; }

/* Button type C */
.bt.c {
  height: 29px;
  line-height: 29px;
  font-size: 11px;
  font-weight: bold;
  color: #dfdfdf;
  text-shadow: none; }

.bt.c span {
  height: 29px; }

.bt.c .l {
  background-position: -16px -274px;
  padding-left: 10px; }

.bt.c .r {
  width: 10px;
  background-position: -183px -274px; }

.bt.c:hover {
  color: #fff; }

.bt.c:hover .l {
  background-position: -203px -274px; }

.bt.c:hover .r {
  background-position: -370px -274px; }

.bt.c:active {
  color: #fff; }

.bt.c:active .l {
  background-position: -390px -274px; }

.bt.c:active .r {
  background-position: -557px -274px; }

/* Button type D (used in dropdown menu) */
.bt.d {
  height: 29px;
  line-height: 29px;
  font-size: 11px;
  font-weight: bold;
  color: #dfdfdf; }

.bt.d span {
  height: 29px; }

.bt.d .l {
  background-position: -16px -274px;
  padding-left: 10px; }

.bt.d .r {
  width: 10px;
  background-position: -183px -274px; }

.bt.d:hover {
  color: #fff; }

.bt.d:hover .l {
  background-position: -203px -274px; }

.bt.d:hover .r {
  background-position: -370px -274px; }

.bt.d:active,
.bt.d.bt-filtered {
  color: #fff; }

.bt.d:active .l,
.bt.d.bt-filtered .l {
  background-position: -390px -274px; }

.bt.d:active .r,
.bt.d.bt-filtered .r {
  background-position: -557px -274px; }

/* Button type E (buttons in the second toolbar of a box) */
.bt.e {
  height: 30px;
  line-height: 30px;
  font-size: 12px; }

.bt.e .l, .bt.e .r {
  height: 30px;
  background-image: url(image/sprite_buttons.png); }

.bt.e .label {
  line-height: 33px;
  line-height: 31px; }

.bt.e span {
  height: 29px; }

.bt.e .ico {
  top: 3px;
  height: 24px !important; }

.bt.e .l {
  background-position: 999px;
  padding-left: 10px; }

.bt.e .r {
  width: 10px;
  background-position: 999px; }

.bt.e:hover .l {
  background-position: 0 -40px; }

.bt.e:hover .r {
  background-position: -2550px -40px; }

.bt.e:hover .ico {
  opacity: 1; }

.bt.e:active .l {
  background-position: 0 -80px; }

.bt.e:active .r {
  background-position: -2550px -80px; }

.bt.e.on .l {
  background-position: 0 -80px; }

.bt.e.on .r {
  background-position: -2550px -80px; }

.bt.e.off:hover .l {
  background-position: 999px !important; }

.bt.e.off:hover .r {
  background-position: 999px !important; }

.bt.e.on.off:hover .l {
  background-position: 0 -80px; }

.bt.e.on.off:hover .r {
  background-position: -2550px -80px; }

.bt.e.noState, .bt.e.noState .l, .bt.e.noState .r {
  cursor: default; }

.bt.e.noState .label {
  color: inherit; }

.bt.e.noState:hover {
  color: #777A7E; }

.bt.e.noState:hover .l {
  background-position: 999px 999px !important; }

.bt.e.noState:hover .r {
  background-position: 999px 999px !important; }

.ie7 .bt.e.noState .label {
  color: #484C51; }

/* Button type F 16x16 (small icons visible in a page options) */
.bt.f {
  width: 21px;
  height: 21px; }

.bt.f .ico {
  width: 16px !important;
  height: 16px !important;
  top: 3px;
  left: 3px; }

.bt.f:hover .ico {
  opacity: 1; }

/* Button type G (Button with no border and a right arrow) */
.bt.g {
  height: 29px;
  line-height: 31px;
  font-size: 11px; }

.bt.g .l,
.bt.g .r {
  background-image: url(image/sprite_buttons.png); }

.bt.g span {
  height: 29px; }

.bt.g .l {
  background-position: 0px -480px;
  padding-left: 5px; }

.bt.g .r {
  background-position: -380px -480px;
  width: 20px; }

.bt.g .ico {
  top: 2px; }

.bt.g:hover .l {
  background-position: 0 -520px; }

.bt.g:hover .r {
  background-position: -380px -520px; }

.bt.g:hover .ico {
  opacity: 1; }

.bt.g:active .l,
.bt.g.on .l,
.bt.g.bt-filtered .l {
  background-position: 0 -560px; }

.bt.g:active .r,
.bt.g.on .r,
.bt.g.bt-filtered .r {
  background-position: -380px -560px; }

.bt.g.off .l {
  background-position: 0 -480px; }

.bt.g.off .r {
  background-position: -380px -480px; }

.bt.f:hover .ico {
  opacity: 1; }

/* Button type g2 (Button with borders and a right arrow) */
.bt.g2 {
  height: 29px;
  line-height: 31px;
  font-size: 11px; }

.bt.g2 .l,
.bt.g2 .r {
  background-image: url(image/sprite_buttons.png); }

.bt.g2 span {
  height: 29px; }

.bt.g2 .l {
  background-position: 0px -520px;
  padding-left: 5px; }

.bt.g2 .r {
  background-position: -380px -520px;
  width: 20px; }

.bt.g2 .ico {
  top: 2px; }

.bt.g2:hover .l {
  background-position: 0 -520px; }

.bt.g2:hover .r {
  background-position: -380px -520px; }

.bt.g2:hover .ico {
  opacity: 1; }

.bt.g2:active .l,
.bt.g2.on .l,
.bt.g2.bt-filtered .l {
  background-position: 0 -560px; }

.bt.g2:active .r,
.bt.g2.on .r,
.bt.g2.bt-filtered .r {
  background-position: -380px -560px; }

.bt.g2.off .l {
  background-position: 0 -480px; }

.bt.g2.off .r {
  background-position: -380px -480px; }

/* Button type H (Small button) */
.bt.h {
  height: 20px;
  line-height: 21px;
  font-size: 11px; }

.bt.h .l, .bt.h .r {
  height: 20px; }

.bt.h .l {
  background-position: -16px -352px;
  padding-left: 10px; }

.bt.h .r {
  width: 10px;
  background-position: -183px -352px; }

.bt.h .ico {
  top: 6px;
  width: 8px !important;
  height: 8px !important; }

.bt.h:hover {
  color: #000; }

.bt.h:hover .l {
  background-position: -203px -352px; }

.bt.h:hover .r {
  background-position: -370px -352px; }

.bt.h:active {
  color: #666; }

.bt.h:active .l {
  background-position: -390px -352px; }

.bt.h:active .r {
  background-position: -557px -352px; }

/* Button type I (Button used in the breadcrumb) */
.bt.i {
  height: 29px;
  line-height: 29px; }

.bt.i .l, .bt.i .r {
  height: 29px;
  background-image: url(image/sprite_buttons.png); }

.bt.i .ico {
  top: 2px;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important; }

.bt.i .label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal; }

.bt.i .l {
  background-position: 0 -1400px;
  padding-left: 7px; }

.bt.i .r {
  background-position: 0 -1400px;
  width: 23px; }

.bt.i:hover {
  color: #000; }

.bt.i:hover .l {
  background-position: 0 -1440px; }

.bt.i:hover .r {
  background-position: -977px -1440px; }

.bt.i:active {
  color: #666; }

.bt.i:active .l {
  background-position: 0 -1480px; }

.bt.i:active .r {
  background-position: -977px -1480px; }

.bt.i.off {
  color: #ccc; }

.bt.i.off .l {
  background-position: 999px 999px; }

.bt.i.off .r {
  background-position: 999px 999px; }

.bt.i.noState, .bt.i.noState .l, .bt.i.noState .r {
  cursor: default; }

.bt.i.noState .label {
  color: inherit; }

.bt.i.noState:hover {
  color: #777A7E; }

.bt.i.noState:hover .l {
  background-position: 999px 999px; }

.bt.i.noState:hover .r {
  background-position: 999px 999px; }

/* Button type J (Tab style button) */
.bt.j {
  height: 32px;
  line-height: 22px;
  font-size: 12px;
  font-size: 11px; }

.bt.j .l, .bt.j .r {
  background-image: url(image/sprite_buttons.png);
  height: 32px; }

.bt.j .l {
  padding-left: 16px;
  background-position: 999px 999px; }

.bt.j .r {
  width: 16px;
  background-position: 999px 999px; }

.bt.j .ico {
  top: 2px; }

.bt.j.on .l {
  background-position: 0px -880px; }

.bt.j.on .r {
  background-position: -384px -880px; }

/* Button type K (Small button + icon16x16) */
.bt.k {
  min-width: 26px;
  height: 20px;
  line-height: 21px;
  font-size: 11px; }

.bt.k .l, .bt.k .r {
  height: 20px; }

.bt.k .ico {
  top: 2px;
  width: 16px !important;
  height: 16px !important; }

.bt.k .l {
  background-position: 999px 999px;
  padding-left: 5px; }

.bt.k .r {
  background-position: 999px 999px;
  width: 5px; }

.bt.k:hover {
  color: #000; }

.bt.k:hover .l {
  background-position: -203px -352px; }

.bt.k:hover .r {
  background-position: -375px -352px; }

.bt.k:active {
  color: #666; }

.bt.k:active .l {
  background-position: -390px -352px; }

.bt.k:active .r {
  background-position: -562px -352px; }

.bt.k.off {
  color: #ccc; }

.bt.k.off .l {
  background-position: 999px 999px; }

.bt.k.off .r {
  background-position: 999px 999px; }

/* Button type L (height: 26 - no background - icon 16x16) */
.bt.l {
  height: 26px;
  line-height: 26px; }

.bt.l .l, .bt.l .r {
  height: 26px;
  background-image: url(image/sprite_buttons.png); }

.bt.l .ico {
  top: 6px;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important; }

.bt.l .l {
  background-position: 999px 999px;
  padding-left: 7px; }

.bt.l .r {
  background-position: 999px 999px;
  width: 7px; }

.bt.l:hover {
  color: #000; }

.bt.l:hover .l {
  background-position: 0 -1160px; }

.bt.l:hover .r {
  background-position: -393px -1160px; }

.bt.l:active {
  color: #666; }

.bt.l:active .l {
  background-position: 0 -1200px; }

.bt.l:active .r {
  background-position: -393px -1200px; }

.bt.l.off {
  color: #ccc; }

.bt.l.off .l {
  background-position: 999px 999px; }

.bt.l.off .r {
  background-position: 999px 999px; }

/* Button type M (height: 26 - dark - icon 16x16) */
.bt.m {
  height: 26px;
  line-height: 26px; }

.bt.m .l, .bt.m .r {
  height: 26px;
  background-image: url(image/sprite_buttons.png); }

.bt.m .ico {
  top: 5px;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important; }

.bt.m .l {
  background-position: 0 -1280px;
  padding-left: 7px; }

.bt.m .r {
  background-position: -393px -1280px;
  width: 7px; }

.bt.m:hover {
  color: #000; }

.bt.m:hover .l {
  background-position: 0 -1320px; }

.bt.m:hover .r {
  background-position: -393px -1320px; }

.bt.m:active {
  color: #666; }

.bt.m:active .l {
  background-position: 0 -1360px; }

.bt.m:active .r {
  background-position: -393px -1360px; }

.bt.m.off {
  color: #ccc; }

.bt.m.off .l {
  background-position: 999px 999px; }

.bt.m.off .r {
  background-position: 999px 999px; }

/* Button type M (height: 26 - dark - no background - icon 16x16) */
.bt.n {
  height: 26px;
  line-height: 26px; }

.bt.n .l, .bt.n .r {
  height: 26px;
  background-image: url(image/sprite_buttons.png); }

.bt.n .ico {
  top: 5px;
  width: 16px !important;
  height: 16px !important;
  opacity: 1 !important; }

.bt.n .l {
  background-position: 999px 999px;
  padding-left: 7px; }

.bt.n .r {
  background-position: 999px 999px;
  width: 7px; }

.bt.n:hover {
  color: #000; }

.bt.n:hover .l {
  background-position: 0 -1320px; }

.bt.n:hover .r {
  background-position: -393px -1320px; }

.bt.n:active {
  color: #666; }

.bt.n:active .l {
  background-position: 0 -1360px; }

.bt.n:active .r {
  background-position: -393px -1360px; }

.bt.n.off {
  color: #ccc; }

.bt.n.off .l {
  background-position: 999px 999px; }

.bt.n.off .r {
  background-position: 999px 999px; }

/* Button type o (height: 26px) */
.bt.o {
  line-height: 26px;
  font-size: 12px;
  font-size: 11px; }

.bt.o, .bt.o .l, .bt.o .r {
  height: 26px; }

/* ff need height */
.bt.o .l, .bt.o .r {
  background-image: url(image/sprite_buttons.png); }

.bt.o span {
  height: 26px; }

.bt.o .l {
  background-position: 0 -1560px;
  padding-left: 7px; }

.bt.o .r {
  width: 7px;
  background-position: -2553px -1560px;
  margin-right: 5px; }

.bt.o .ico {
  width: 16px !important;
  height: 16px !important;
  top: 5px; }

.bt.o:hover .l {
  background-position: 0 -1600px; }

.bt.o:hover .r {
  background-position: -2553px -1600px; }

.bt.o:hover .ico {
  opacity: 1; }

.bt.o:active .l, .bt.o.on .l {
  background-position: 0 -1640px; }

.bt.o:active .r, .bt.o.on .r {
  background-position: -2553px -1640px; }

/* Button type p (height: 26px - comme sur les ecrans de liste) */
.bt.p {
  line-height: 26px;
  font-size: 12px;
  font-size: 11px; }

.bt.p, .bt.p .l, .bt.p .r {
  height: 26px; }

/* ff need height */
.bt.p .l, .bt.p .r {
  background-image: url(image/sprite_buttons.png); }

.bt.p span {
  height: 26px; }

.bt.p .l {
  background-position: -1000px -1000px;
  padding-left: 7px; }

.bt.p .r {
  width: 7px;
  background-position: -1000px -1000px; }

.bt.p .ico {
  width: 16px !important;
  height: 16px !important;
  top: 5px; }

.bt.p:hover .l {
  background-position: 0 -1600px; }

.bt.p:hover .r {
  background-position: -2553px -1600px; }

.bt.p:hover .ico {
  opacity: 1; }

.bt.p:active .l, .bt.p.on .l {
  background-position: 0 -1640px; }

.bt.p:active .r, .bt.p.on .r {
  background-position: -2553px -1640px; }

/*.bt */
.bt, .bt .bt-c, .bt .bt-r, .bt .bt-c span {
  display: block;
  cursor: pointer; }

.bt .bt-c {
  float: left; }

.bt .bt-r {
  width: 5px;
  float: left; }

.bt .bt-c span {
  padding: 0 6px 0 10px; }

/* Button type 1 (only display in the top toolbar (.subMenu-tb)) */
.bt1, .bt1 .bt-c, .bt1 .bt-r, .bt1 .bt-c span {
  height: 33px;
  line-height: 34px;
  white-space: nowrap; }

.bt1 .bt-c {
  background: url(image/bt1.gif) 0 0 no-repeat;
  padding-right: 10px; }

.bt1 .bt-c span {
  background-position: 12px center;
  text-indent: 26px; }

.bt1 .bt-r {
  background: url(image/bt1.gif) right 0 no-repeat; }

.bt1:hover .bt-c {
  background-position: 0 -33px; }

.bt1:hover .bt-r {
  background-position: right -33px; }

.bt1:active .bt-c {
  background-position: 0 -66px; }

.bt1:active .bt-r {
  background-position: right -66px; }

.bt1 .bt-c span {
  font-weight: normal;
  color: #555;
  text-shadow: 0 0 0 transparent, 0 1px 0 #fff; }

.bt1:hover .bt-c span {
  color: #000; }

/* Button type 2 (Most commonly used button without borders) */
.bt2 {
  min-width: 29px;
  cursor: pointer; }

.bt2, .bt2 .bt-c, .bt2 .bt-r, .bt2 .bt-c span {
  height: 26px;
  line-height: 26px;
  color: #000; }

.bt2 .bt-c {
  background: url(image/bt2.gif) 0 0 no-repeat;
  min-width: 24px; }

.bt2 .bt-r {
  background: url(image/bt2.gif) right 0 no-repeat; }

.bt2:hover .bt-c {
  background-position: 0 -26px; }

.bt2:hover .bt-r {
  background-position: right -26px; }

.bt2:active .bt-c {
  background-position: 0 -52px; }

.bt2:active .bt-r {
  background-position: right -52px; }

/* Button type 3 (Most commonly used button) */
.bt3, .bt3 .bt-c, .bt3 .bt-r, .bt3 .bt-c span {
  height: 33px;
  line-height: 34px; }

.bt3 .bt-c {
  background: url(image/bt3.gif) 0 0 no-repeat;
  padding-right: 10px; }

.bt3 .bt-c span {
  background-position: 12px center;
  text-indent: 26px; }

.bt3 .bt-r {
  background: url(image/bt3.gif) right 0 no-repeat; }

.bt3:hover .bt-c {
  background-position: 0 -33px; }

.bt3:hover .bt-r {
  background-position: right -33px; }

.bt3:active .bt-c {
  background-position: 0 -66px; }

.bt3:active .bt-r {
  background-position: right -66px; }

.bt3 .bt-c span {
  font-weight: bold;
  color: #555;
  text-shadow: 0 0 0 transparent, 0 1px 0 #fff; }

.bt3:hover .bt-c span {
  color: #000; }

/* Button type 4 (Small button with only icon. Used in default list) */
.bt4, .bt4 .bt-c, .bt4 .bt-r, .bt4 .bt-c span {
  height: 16px;
  line-height: 16px;
  overflow: hidden; }

.bt4 .bt-c span {
  font-size: 0em;
  line-height: -999em;
  min-width: 16px;
  text-indent: 0;
  padding: 0;
  background-position: center center !important; }

.bt4 .bt-r {
  display: none; }

.bt4 .bt-c {
  float: none; }

/* Bouton action dans la barre de pagination */
.bt5 {
  min-width: 29px;
  cursor: pointer; }

.bt5, .bt5 .bt-c, .bt5 .bt-r, .bt5 .bt-c span {
  height: 26px;
  line-height: 26px;
  color: #000; }

.bt5 .bt-c {
  background: url(image/sprites.png) -10px -896px no-repeat;
  min-width: 24px; }

.bt5 .bt-r {
  background: url(image/sprites.png) -182px -896px no-repeat;
  margin-right: 5px; }

.bt5 .bt-c span {
  opacity: 0.7; }

.bt5:hover .bt-c {
  background-position: -197px -896px; }

.bt5:hover .bt-r {
  background-position: -369px -896px; }

.bt5:hover .bt-c span {
  opacity: 1; }

.bt5:active .bt-c,
.bt5.on .bt-c,
.bt5.bt-filtered .bt-c {
  background-position: -384px -896px; }

.bt5:active .bt-r,
.bt5.on .bt-r,
.bt5.bt-filtered .bt-r {
  background-position: -556px -896px; }

.bt5:active .bt-c span,
.bt5.on .bt-c span,
.bt5.bt-filtered span {
  opacity: 1; }

/*-------------------------------------------------------------
 Button with icons
---------------------------------------------------------------*/
.btico16 {
  display: block;
  float: left;
  overflow: hidden;
  width: 16px;
  height: 16px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  background: url(image/buttons_w_icons_16x16.png) 999px 999px no-repeat; }

.btico16.off {
  opacity: 0.4;
  cursor: auto; }

.btico16.off {
  filter: alpha(opacity=40); }

.btico16-info:hover {
  background-position: -16px 0; }

.btico16-info:active {
  background-position: -32px 0; }

.btico16-info,
.btico16-noRollover .btico16-info:hover,
.btico16-noRollover .btico16-info:active {
  background-position: 0 0; }

.btico16-infocolor {
  background-position: 0 0; }

.btico16-infocolor:hover {
  background-position: -16px 0; }

.btico16-infocolor:active {
  background-position: -32px 0; }

.btico16-edit {
  background-position: 0 -16px; }

.btico16-edit:hover {
  background-position: -16px -16px; }

.btico16-edit:active {
  background-position: -32px -16px; }

.btico16-delete {
  background-position: 0 -32px; }

.btico16-delete:hover {
  background-position: -16px -32px; }

.btico16-delete:active {
  background-position: -32px -32px; }

.btico16-regroup:hover {
  background-position: -16px -48px; }

.btico16-regroup:active {
  background-position: -32px -48px; }

.btico16-regroup,
.btico16-noRollover .btico16-regroup:hover,
.btico16-noRollover .btico16-regroup:active {
  background-position: 0 -48px; }

.btico16-decline:hover {
  background-position: -16px -64px; }

.btico16-decline:active {
  background-position: -32px -64px; }

.btico16-decline,
.btico16-noRollover .btico16-decline:hover,
.btico16-noRollover .btico16-decline:active {
  background-position: 0 -64px; }

.btico16-noRollover .btico16 {
  cursor: default; }

.btico16-refine {
  background-position: 0 -95px; }

.btico16-refine:hover {
  background-position: -16px -95px; }

.btico16-refine:active {
  background-position: -95px -32px; }

/*-------------------------------------------------------------
 ButtonGroup
---------------------------------------------------------------*/
.btgroupItems {
  height: 100%;
  overflow: hidden;
  float: left;
  padding-left: 10px; }

.btgroupItemsCenter {
  position: absolute;
  height: 26px;
  overflow: hidden;
  width: 317px;
  left: 50%;
  margin-left: -90px;
  padding: 2px 0 0 0; }

.btgroup {
  display: block;
  float: left;
  overflow: hidden;
  height: 100%;
  text-decoration: none;
  cursor: pointer; }

.btgroup span {
  display: none;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat; }

.btgroup span {
  float: left; }

.btgroup .label {
  display: block;
  float: left;
  background: none;
  padding-left: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btgroup .l {
  display: block;
  float: left; }

.btgroup .r {
  display: block;
  float: left; }

.btgroup img {
  vertical-align: middle; }

/* ButtonGroup type A (buttons in the red mainToolbar) */
.btgroup.a {
  height: 22px;
  line-height: 22px;
  font-size: 11px; }

.btgroup.a:hover .ico {
  opacity: 1; }

.btgroup.a span {
  height: 22px; }

.btgroup.a .ico {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  opacity: 0.7;
  position: relative;
  top: -2px; }

.btgroup.a .l {
  padding-left: 10px; }

.btgroup.a .r {
  width: 10px; }

.btgroup.a:hover {
  color: #000; }

.btgroup.a:active {
  color: #666; }

.btgroup.a.btg-last .l, .btgroupItems .btgroup.a:last-child .l {
  background-position: -1183px -445px; }

.btgroup.a.btg-last .r, .btgroupItems .btgroup.a:last-child .r {
  background-position: -1356px -445px; }

.btgroup.a.btg-last:hover .l, .btgroupItems .btgroup.a:last-child:hover .l {
  background-position: -1183px -477px; }

.btgroup.a.btg-last:hover .r, .btgroupItems .btgroup.a:last-child:hover .r {
  background-position: -1356px -477px; }

.btgroup.a.btg-last:active .l,
.btgroupItems .btgroup.a:last-child:active .l,
.btgroup.a.btg-last.on .l,
.btgroupItems .btgroup.a.on:last-child .l,
.btgroup.a.btg-last.bt-filtered .l,
.btgroupItems .btgroup.a.bt-filtered:last-child .l {
  background-position: -1183px -509px; }

.btgroup.a.btg-last:active .r,
.btgroupItems .btgroup.a:last-child:active .r,
.btgroup.a.btg-last.on .r,
.btgroupItems .btgroup.a.on:last-child .r,
.btgroup.a.btg-last.bt-filtered .r,
.btgroupItems .btgroup.a.bt-filtered:last-child .r {
  background-position: -1356px -509px; }

.btgroup.a .l, .btgroup.a.btg-center .l {
  background-position: -1008px -445px; }

.btgroup.a .r, .btgroup.a.btg-center .r {
  background-position: -1173px -445px; }

.btgroup.a:hover .l, .btgroup.a.btg-center:hover .l {
  background-position: -1008px -477px; }

.btgroup.a:hover .r, .btgroup.a.btg-center:hover .r {
  background-position: -1173px -477px; }

.btgroup.a:active .l,
.btgroup.a.on .l,
.btgroup.a.bt-filtered .l,
.btgroup.a.btg-center:active .l,
.btgroup.a.btg-center.on .l,
.btgroup.a.btg-center.bt-filtered .l {
  background-position: -1008px -509px; }

.btgroup.a:active .r,
.btgroup.a.on .r,
.btgroup.a.bt-filtered .r,
.btgroup.a.btg-center:active .r,
.btgroup.a.btg-center.on .r,
.btgroup.a.btg-center.bt-filtered .r {
  background-position: -1173px -509px; }

.btgroup.a.btg-first .l, .btgroupItems .btgroup.a:first-child .l {
  background-position: -998px -445px; }

.btgroup.a.btg-first .r, .btgroupItems .btgroup.a:first-child .r {
  background-position: -1173px -445px; }

.btgroup.a.btg-first:hover .l, .btgroupItems .btgroup.a:first-child:hover .l {
  background-position: -998px -477px; }

.btgroup.a.btg-first:hover .r, .btgroupItems .btgroup.a:first-child:hover .r {
  background-position: -1173px -477px; }

.btgroup.a.btg-first:active .l,
.btgroupItems .btgroup.a:first-child:active .l,
.btgroup.a.btg-first.on .l,
.btgroupItems .btgroup.a.on:first-child .l,
.btgroup.a.btg-first.bt-filtered .l,
.btgroupItems .btgroup.a.bt-filtered:first-child .l {
  background-position: -998px -509px; }

.btgroup.a.btg-first:active .r,
.btgroupItems .btgroup.a:first-child:active .r,
.btgroup.a.btg-first.on .r,
.btgroupItems .btgroup.a.on:first-child .r,
.btgroup.a.btg-first.bt-filtered .r,
.btgroupItems .btgroup.a.bt-filtered:first-child .r {
  background-position: -1173px -509px; }

/* ButtonGroup type B (buttons in the box toolbar) */
.btgroup.b {
  height: 29px;
  line-height: 30px;
  font-size: 11px; }

.btgroup.b:hover .ico {
  opacity: 1; }

.btgroup.b span {
  height: 29px; }

.btgroup.b .ico {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  opacity: 0.7;
  position: relative;
  top: 3px; }

.btgroup.b .l {
  padding-left: 12px; }

.btgroup.b .r {
  width: 12px; }

.btgroup.b:hover {
  color: #000; }

.btgroup.b:active {
  color: #666; }

.btgroup.b.btg-first .l, .btgroupItems .btgroup.b:first-child .l {
  background-position: -16px -445px; }

.btgroup.b.btg-first .r, .btgroupItems .btgroup.b:first-child .r {
  background-position: -187px -445px; }

.btgroup.b.btg-first:hover .l, .btgroupItems .btgroup.b:first-child:hover .l {
  background-position: -16px -484px; }

.btgroup.b.btg-first:hover .r, .btgroupItems .btgroup.b:first-child:hover .r {
  background-position: -187px -484px; }

.btgroup.b.btg-first:active .l,
.btgroupItems .btgroup.b:first-child:active .l,
.btgroup.b.btg-first.on .l,
.btgroupItems .btgroup.b.on:first-child .l {
  background-position: -16px -523px; }

.btgroup.b.btg-first:active .r,
.btgroupItems .btgroup.b:first-child:active .r,
.btgroup.b.btg-first.on .r,
.btgroupItems .btgroup.b.on:first-child .r {
  background-position: -187px -523px; }

.btgroup.b.btg-first.off:hover .l, .btgroupItems .btgroup.b.off:first-child .l {
  background-position: -16px -445px; }

.btgroup.b.btg-first.off:hover .r, .btgroupItems .btgroup.b.off:first-child .r {
  background-position: -187px -445px; }

.btgroup.b.btg-last .l, .btgroupItems .btgroup.b:last-child .l {
  background-position: -199px -445px; }

.btgroup.b.btg-last .r, .btgroupItems .btgroup.b:last-child .r {
  background-position: -804px -445px; }

.btgroup.b.btg-last:hover .l, .btgroupItems .btgroup.b:last-child:hover .l {
  background-position: -199px -484px; }

.btgroup.b.btg-last:hover .r, .btgroupItems .btgroup.b:last-child:hover .r {
  background-position: -804px -484px; }

.btgroup.b.btg-last:active .l,
.btgroupItems .btgroup.b:last-child:active .l,
.btgroup.b.btg-last.on .l,
.btgroupItems .btgroup.b.on:last-child .l {
  background-position: -199px -523px; }

.btgroup.b.btg-last:active .r,
.btgroupItems .btgroup.b:last-child:active .r,
.btgroup.b.btg-last.on .r,
.btgroupItems .btgroup.b.on:last-child .r {
  background-position: -804px -523px; }

.btgroup.b.btg-last.off:hover .l, .btgroupItems .btgroup.b.off:last-child .l {
  background-position: -199px -445px; }

.btgroup.b.btg-last.off:hover .r, .btgroupItems .btgroup.b.off:last-child .r {
  background-position: -804px -445px; }

.btgroup.b .l, .btgroup.b.btg-center .l {
  background-position: -199px -445px; }

.btgroup.b .r, .btgroup.b.btg-center .r {
  background-position: -784px -445px; }

.btgroup.b:hover .l, .btgroup.b.btg-center:hover .l {
  background-position: -199px -484px; }

.btgroup.b:hover .r, .btgroup.b.btg-center:hover .r {
  background-position: -784px -484px; }

.btgroup.b:active .l,
.btgroup.b.on .l,
.btgroup.b.btg-center:active .l,
.btgroup.b.btg-center.on .l {
  background-position: -199px -523px; }

.btgroup.b:active .r,
.btgroup.b.on .r,
.btgroup.b.btg-center:active .r,
.btgroup.b.btg-center.on .r {
  background-position: -784px -523px; }

.btgroup.b.off:hover .l, .btgroup.b.off.btg-center .l {
  background-position: -199px -445px; }

.btgroup.b.off:hover .r, .btgroup.b.off.btg-center .r {
  background-position: -804px -445px; }

/* off */
.btgroup.off, .btgroup.off * {
  cursor: default !important;
  cursor: not-allowed !important;
  color: #ccc; }

.btgroup.off .ico,
.btgroup.off:hover .ico {
  opacity: 0.3 !important; }

/* Button group items 2 */
.btGroupItems2 {
  position: relative;
  top: -5px;
  left: -4px;
  height: 100%;
  overflow: hidden;
  /*padding-left: 10px;*/ }

.btGroupItems2 .bt {
  padding: 0 10px;
  float: left;
  color: #75787d; }

.btGroupItems2 .bt .l {
  background: none; }

.btGroupItems2 .bt .r {
  display: none; }

.btGroupItems2 .bt .ico {
  height: 38px !important; }

.btGroupItems2 .label {
  display: block;
  line-height: 38px;
  padding-left: 22px; }

.btGroupItems2 .bt.on {
  background: #000;
  color: #fff; }

.btGroupItems2 .bt.on .label {
  display: block;
  text-shadow: none; }

.buttonProductsList.on .ico,
.tab_footerpanelproductlistview.on .ico {
  background-image: url(image/icons/icon_productsList_white_24.png) !important; }

.buttonPagesList.on .ico,
.tab_footerpanelpagelistview.on .ico,
.tab_footerpanelpagethumblistview.on .ico {
  background-image: url(image/icons/icon_pagesList_white_24.png) !important; }

.buttonAnnotationsList.on .ico,
.tab_footerpanelannotationslistview.on .ico {
  background-image: url(image/icons/icon_notesList_white_24.png) !important; }

.buttonRevisionsList.on .ico,
.tab_footerpanelrevisionslistview.on .ico {
  background-image: url(image/icons/icon_pagesHistoryList_white_24.png) !important; }

.buttonAssociatedVisualList.on .ico,
.tab_footerpanelassociatedvisuallistview.on .ico {
  background-image: url(image/icons/icon_productsList_white_24.png) !important; }

/* Button group workflow */
.btgroupPageWorkflow .btg-first .ico {
  top: 1px; }

.btgroupPageWorkflow .btgroup .ico {
  opacity: 1; }

.btgroupPageWorkflow a.btgroup .ico,
.btgroupPageWorkflow a.bt .ico {
  width: 16px !important;
  height: 16px !important;
  top: 7px; }

.btgroupPageWorkflow .btgroup .label {
  padding-right: 6px;
  padding-left: 4px; }

.btgroupPageWorkflow .btg-first {
  background: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #e2e2e2;
  border-right: none;
  line-height: 28px;
  color: #000;
  cursor: default; }

.btgroupPageWorkflow .btg-first .l {
  background-image: none;
  padding: 0; }

.btgroupPageWorkflow .btg-first .l2 {
  display: block;
  padding-right: 10px;
  padding-left: 5px;
  background: url(image/buttonBackgroundGradientMask.png) 0 0 repeat-x; }

.btgroupPageWorkflow .btg-first .r {
  display: none; }

.btgroupPageWorkflow .btg-first .label {
  padding-left: 2px;
  padding-right: 0;
  text-shadow: none; }

.btgroupPageWorkflow .label {
  color: #3a3a3a; }

/*-------------------------------------------------------------
 Toolbar
---------------------------------------------------------------*/
/* Toolbar 1 (Elements aligned to the right) */
.tb {
  float: right;
  overflow: hidden;
  padding-top: 10px; }

.tb .bt {
  margin-left: 5px; }

/* Toolbar 2 (Elements aligned to the left) */
.tb2 {
  float: left;
  padding-top: 5px; }

.tb2 .bt {
  margin-left: 0;
  margin-right: 5px; }

.tb2 .bt.g, .tb2 .bt.i {
  margin: 0; }

.tb2 .breadCrumb {
  position: relative;
  left: -8px;
  left: -5px;
  margin-top: 4px; }

.tb2 .labelIcon.li-24 {
  padding-top: 2px;
  padding-right: 6px; }

/* Toolbar 3 */
.tb3 {
  overflow: hidden;
  float: left; }

.tb3 .bt {
  float: right; }

/* Toolbar 4 ( */
.tb4 {
  display: inline-block;
  margin: 0 auto; }

.tb4 .bt,
.tb4 .item {
  display: inline-block;
  height: 24px;
  line-height: 21px;
  margin-left: 4px; }

.tb4 .bt:first-child,
.tb4 .item:first-child {
  margin-left: 0; }

/* Bottom toolbar */
.bbar {
  float: left;
  overflow: hidden;
  height: 100%; }

.bbar2 {
  overflow: hidden;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 250px; }

.bbar2 .textItem {
  display: block;
  float: left;
  line-height: 30px;
  cursor: default; }

.bbar .textItem {
  display: block;
  float: left;
  line-height: 30px;
  cursor: default; }

.sep {
  float: left;
  width: 2px;
  height: 32px;
  height: 29px;
  background: url(image/sprites.png) -894px -424px no-repeat;
  margin: 0 4px; }

/*------------------------------------------------------------- 
 Icon
---------------------------------------------------------------*/
.ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  opacity: 0.7;
  position: relative; }

.ie7 .ico {
  display: inline;
  zoom: 1; }

.ico-16 {
  width: 16px;
  height: 16px;
  display: inline-block;
  opacity: 1; }

.ico-24 {
  width: 24px;
  height: 24px;
  display: inline-block;
  opacity: 1; }

/* list */
.ico-activate-24 {
  background: url(image/icons/icon_activate.png) center center no-repeat !important; }

.ico-add {
  background-position: -16px -153px; }

.ico-add-16 {
  background: url(image/icons/icon_add.gif) 0 0 no-repeat !important; }

.ico-add-8 {
  background-position: -1667px -305px; }

.ico-add-dark-16 {
  background: url(image/sprite_icons_16x16.png) -80px -48px no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-addDoublePages-24 {
  background-position: -136px -177px; }

.ico-addPages-24 {
  background-position: -112px -153px; }

.ico-addSinglePage-24 {
  background-position: -136px -153px; }

.ico-addToCart-24 {
  background-position: -472px -177px; }

.ico-applyRightPreset-24 {
  background: url(image/sprite_icons_24x24.png) -168px -120px no-repeat !important; }

.ico-arrowBottomWhite-16 {
  background: url(image/sprite_icons_16x16.png) -128px -64px no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-arrowTopWhite-16 {
  background: url(image/sprite_icons_16x16.png) -128px -48px no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-arrowDoubleUp-24 {
  background: url(image/sprite_icons_24x24.png) -384px 0px no-repeat !important; }

.ico-arrowDoubleDown-24 {
  background: url(image/sprite_icons_24x24.png) -360px 0px no-repeat !important; }

.ico-arrowRight-16 {
  background: url(image/sprite_icons_16x16.png) -16px -80px no-repeat !important; }

.ico-associateProduct-24 {
  background: url(image/sprite_icons_24x24.png) -312px -96px no-repeat !important; }

.ico-attachment-16 {
  background: url(image/sprite_icons_16x16.png) -128px 0px no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-affectationAuto-24 {
  background: url(image/sprite_icons_24x24.png) -336px -96px no-repeat !important; }

.ico-back-24 {
  background-position: -352px -201px; }

.ico-back2-24 {
  background: url(image/sprite_icons_24x24.png) -72px -120px no-repeat !important; }

.ico-bin {
  background: url(image/icons/icon_desactivateList.png) center center no-repeat !important; }

.ico-calculatedField-24 {
  background-position: -496px -153px; }

.ico-calendar-16 {
  background-image: url(image/icons/icon_calendar.gif); }

.ico-cancel {
  background-position: -304px -177px; }

.ico-category-24 {
  background: url(image/sprite_icons_24x24.png) -288px -144px no-repeat !important; }

.ico-cdf-16 {
  background: url(image/icons/icon_cdf.png) center center no-repeat !important; }

.ico-changeZoneMode-24 {
  background: url(image/sprite_icons_24x24.png) -168px -144px no-repeat !important; }

.ico-clear-16 {
  background-position: -355px -157px; }

.ico-clear-24 {
  background-position: -352px -153px; }

.ico-close-24 {
  background-position: -40px -153px; }

.ico-close-w-24 {
  background: url(image/icons/icon_close_w_24.png) 0 0 no-repeat !important; }

.ico-collapseBottom {
  background-position: -208px -153px; }

.ico-compare-24 {
  background: url(image/icons/icon_compare.png) 50% 50% no-repeat !important; }

.ico-comparediff-24 {
  background: url(image/icons/icon_comparediff.png) 50% 50% no-repeat !important; }

.ico-compareFlatplan-24 {
  background: url(image/sprite_icons_24x24.png) -312px -72px no-repeat !important; }

.ico-configNbProductsBySector-24 {
  background: url(image/sprite_icons_24x24.png) -192px -144px no-repeat !important; }

.ico-copyProduct-24 {
  background: url(image/sprite_icons_24x24.png) -288px -120px no-repeat !important; }

.ico-copy-16 {
  background: url(image/icons/icon_copy.png) center center no-repeat !important; }

.ico-conception-16 {
  background: url(image/sprite_icons_16x16.png) -80px -64px no-repeat !important; }

.ico-conception-24 {
  width: 24px;
  height: 24px;
  background: url(image/sprite_icons_24x24.png) -216px -144px no-repeat !important; }

.ico-bundleMaxProdPerPage-24 {
  background: url(image/sprite_icons_24x24.png) -336px -120px no-repeat !important; }

.ico-create {
  background-position: -16px -153px; }

.ico-csv-24 {
  background: url(image/icons/icon_csv_16.gif) 0 0 no-repeat !important; }

.ico-decline-16 {
  background: url(image/sprites.png) -380px -206px no-repeat !important; }

.ico-dragdrop-16 {
  background: url(image/icons/icon_dragdrop.png) center center no-repeat !important; }

.ico-disable-16 {
  background: url(image/icons/icon_disable.png) center center no-repeat !important; }

.ico-decline-24 {
  background-position: -376px -201px; }

.ico-declassed-16 {
  background: url(image/icons/icon_declassed.png) 0 0 no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-delete-10 {
  background: url(image/icons/icon_delete_10.gif) center center no-repeat !important; }

.ico-delete-16 {
  background: url(image/icons/icon_delete.png) 0 0 no-repeat !important; }

.ico-delete-24 {
  background-position: -352px -154px; }

.ico-delete-8 {
  background: url(image/icons/icon_delete_8.png) 0 0 no-repeat !important; }

.ico-delete-dark-16 {
  background: url(image/sprite_icons_16x16.png) -96px -48px no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-delete2-16 {
  background: url(image/icons/icon_delete.gif) 0 0 no-repeat !important; }

.ico-deletePages-24 {
  background-position: -112px -177px; }

.ico-deleteProd-24 {
  background: url(image/icons/icon_delete_24.png) 0 0 no-repeat !important; }

.ico-deleteToCart-24 {
  background-position: -472px -201px; }

.ico-deploy {
  background-position: -232px -177px; }

.ico-deployBottom {
  background-position: -208px -177px; }

.ico-deselectPages-24 {
  background: url(image/sprite_icons_24x24.png) -264px -24px no-repeat !important; }

.ico-download-16 {
  background: url(image/icons/icon_download_black.png) center center no-repeat !important; }

.ico-duplicate-16 {
  background: url(image/icons/icon_duplicate_16.png) center center no-repeat !important; }

.ico-duplicateGray-24 {
  background-position: -280px -153px; }

.ico-duplicateProd-16 {
  background: url(image/icons/icon_duplicate_16.png) 0 0 no-repeat !important; }

.ico-duplicateProd-24 {
  background: url(image/icons/icon_duplicate_24.png) 0 0 no-repeat !important; }

.ico-discount-24 {
  background: url(image/sprite_icons_24x24.png) -336px -144px no-repeat !important; }

.ico-edit {
  background: url(image/icons/icon_edit.png) 0 0 no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-edit-16 {
  background: url(image/sprites.png) -1682px -235px no-repeat !important; }

.ico-edit-24 {
  background: url(image/icons/icon_edit_24.png) 0 0 no-repeat !important; }

.ico-editProd-24 {
  background: url(image/icons/icon_edit_24.png) 0 0 no-repeat !important; }

.ico-editStates-24 {
  background: url(image/icons/icon_edit-states_24.png) 0 0 no-repeat !important;
  background-position: 0px 0px; }

.ico-editSteps-24 {
  background: url(image/icons/icon_edit-step_24.png) 0 0 no-repeat !important;
  background-position: 0px 0px; }

.ico-erase-8 {
  background: url(image/icons/icon_delete_8.png) 0 0 no-repeat !important; }

.ico-nobackground {
  background: none !important; }

.ico-erase2-8 {
  background: url(image/icons/icon_erase2_8.png) 0 0 no-repeat !important; }

.ico-excel-24 {
  background-position: -424px -177px; }

.ico-export {
  background-position: -160px -201px; }

.ico-export-16 {
  background: url(image/icons/icon_export.gif) 0 0 no-repeat !important; }

.ico-export-mapping-24 {
  background: url(image/sprite_icons_24x24.png) -264px -48px no-repeat !important; }

.ico-exportCloud-24 {
  background: url(image/icons/icon_export_cloud.png) center center no-repeat !important; }

.ico-exportIndesign-24 {
  background: url(image/icons/icon_indesign.png) center center no-repeat !important; }

.ico-ext-add {
  background: url(image/icons/icon_add.gif) 0 0 no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-ext-delete {
  background: url(image/icons/icon_delete.gif) center center no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-fail-16 {
  background: url(image/icons/icon_fail_16.png) 0 0 no-repeat !important; }

.ico-favoriteOff-24 {
  background-position: -184px -177px; }

.ico-favoriteOn-24 {
  background-position: -184px -201px; }

.ico-fieldInfo-24 {
  background: url(image/icons/icon_info_24.gif) 0 0 no-repeat !important; }

.ico-filter {
  background-position: -16px -177px; }

.ico-filter-16 {
  background-position: -20px -182px; }

.ico-flatplan-24 {
  background-position: -184px -153px; }

.ico-flatplanPreview-24 {
  background: url(image/sprite_icons_24x24.png) -120px -120px no-repeat !important; }

.ico-flatplanPreviewPdfHd-24 {
  background: url(image/icons/icon_pdf.gif) center center no-repeat !important; }

.ico-forceProductImageUpdate-16 {
  background: url(image/sprite_icons_16x16.png) -112px -48px no-repeat !important; }

.ico-forceProductImageUpdate-24 {
  background: url(image/sprite_icons_24x24.png) -192px -120px no-repeat !important; }

.ico-fullscreenOff-24,
.buttonFullscreen .ico {
  background: url(image/sprite_icons_24x24.png) -288px -72px no-repeat !important; }

.ico-fullscreenOn-24,
.buttonFullscreen.enabled .ico {
  background: url(image/sprite_icons_24x24.png) -264px -72px no-repeat !important; }

.ico-generateProductPreview-24 {
  background: url(image/sprite_icons_24x24.png) -120px -120px no-repeat !important; }

.ico-glueBottom-16 {
  background: url(image/sprite_icons_16x16.png) -32px -48px no-repeat !important; }

.ico-glueLeft-16 {
  background: url(image/sprite_icons_16x16.png) -48px -48px no-repeat !important; }

.ico-glueRight-16 {
  background: url(image/sprite_icons_16x16.png) -16px -48px no-repeat !important; }

.ico-glueTop-16 {
  background: url(image/sprite_icons_16x16.png) 0 -48px no-repeat !important; }

.ico-goto-16 {
  background: url(image/icons/icon_i_16.png) center center no-repeat !important; }

.ico-hand-24 {
  background: url(image/icons/icon_hand.png) center center no-repeat !important; }

.ico-hascomment {
  background: url(image/icons/icon_hascomment.png) center center no-repeat !important;
  width: 16px;
  height: 16px; }

.ico-help {
  background-position: -88px -153px; }

.ico-hidden-16 {
  background: url(image/sprite_icons_16x16.png) -96px -32px no-repeat !important; }

.ico-history-24 {
  background: url(image/sprite_icons_24x24.png) -192px 0 no-repeat !important; }

.ico-historyList-24 {
  background: url(image/icons/icon_historyList_24.png) center center no-repeat !important; }

.ico-html-24 {
  background: url(image/icons/icon_html_24.png) 0 0 no-repeat !important; }

.ico-import {
  background-position: -88px -201px; }

.ico-importCloud-24 {
  background: url(image/icons/icon_import_cloud.png) center center no-repeat !important; }

.ico-importPageName-24 {
  background-position: -88px -201px; }

.ico-importReport {
  background: url(image/icons/icon_importReport.png) center center no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-importReportWithoutError {
  background: url(image/icons/icon_view.png) center center no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-importReportWithError {
  background: url(image/icons/icon_view_red.png) center center no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-indesign-16 {
  background: url(image/sprite_icons_16x16.png) -48px -32px no-repeat !important; }

.ico-info-16 {
  background: url(image/sprites.png) -1645px -448px no-repeat !important; }

/* blue */
.bt .ico-info-16 {
  background: url(image/icons/icon_view.png?v=3.14.0) center center no-repeat !important; }

/* grey */
.ico-info-24 {
  background-position: -1640px -445px; }

.ico-controlView-16 {
  background: url(image/sprite_icons_16x16.png) -95px -64px no-repeat !important; }

.ico-controlView-24 {
  background: url(image/sprite_icons_24x24.png) -360px -95px no-repeat !important; }

.ico-info2-16 {
  background: url(image/sprite_icons_16x16.png) -128px -32px no-repeat !important; }

.ico-invchar-16 {
  background: url(image/icons/icon_invchar_16.png?v=@@version@@) center center no-repeat !important; }

.ico-journal-24 {
  background-position: -280px -201px; }

.ico-key-16 {
  background: url(image/icons/icon_key_16.png) 0 0 no-repeat !important; }

.ico-layout-16 {
  background: url(image/sprite_icons_16x16.png) -64px -64px no-repeat !important; }

.ico-layout-24 {
  width: 24px;
  height: 24px;
  background: url(image/sprite_icons_24x24.png) -264px -144px no-repeat !important; }

.ico-list {
  background-position: -160px -177px; }

.ico-loadtemplate-24 {
  background: url(image/icons/icon_loadtemplate_24.png) center center no-repeat !important; }

.ico-mail-24 {
  background: url(image/icons/icon_mail_24.png) center center no-repeat !important; }

.ico-move-24 {
  background-position: -112px -201px; }

.ico-move-8 {
  background: url(image/sprite_icons_16x16.png) -116px -35px no-repeat !important; }

.ico-moveDown-16 {
  background: url(image/icons/icon_move_down.png) 0 0 no-repeat !important; }

.ico-moveDownData-16 {
  background: url(image/icons/moveDownData.png) 0 0 no-repeat !important; }

.ico-movePages-24 {
  background-position: -112px -201px; }

.ico-moveup {
  background: url(image/icons/icon_move_up.png) center center no-repeat !important; }

.ico-moveUp-16 {
  background: url(image/icons/icon_move_up.png) 0 0 no-repeat !important; }

.ico-moveUpData-16 {
  background: url(image/icons/moveUpData.png) 0 3px no-repeat !important; }

.ico-noteArrow-24 {
  background: url(image/sprite_icons_24x24.png) -216px -120px no-repeat !important; }

.ico-noteArrowDouble-24 {
  background: url(image/sprite_icons_24x24.png) -240px -120px no-repeat !important; }

.ico-noteCircle-24 {
  background: url(image/icons/icon_note_circle.png) center center no-repeat !important; }

.ico-noteHide-24 {
  background: url(image/icons/icon_note_hide.png) center center no-repeat !important; }

.ico-notePen-24 {
  background: url(image/icons/icon_note_pen.png) center center no-repeat !important; }

.ico-notePin-24 {
  background: url(image/icons/icon_note_pin.png) center center no-repeat !important; }

.ico-distance-measure-24 {
  background: url(image/icons/icon_distance_measure.png) center center no-repeat !important; }

.ico-area-measure-24 {
  background: url(image/icons/icon_area_measure.png) center center no-repeat !important; }
  
.ico-noteRect-24 {
  background: url(image/icons/icon_note_rect.png) center center no-repeat !important; }

.ico-measureShow-24 {
    background: url(image/icons/icon_mesure_show.png) center center no-repeat !important; }
    
.ico-noteShow-24 {
  background: url(image/icons/icon_note_show.png) center center no-repeat !important; }

.ico-notesList-24 {
  background: url(image/icons/icon_notesList_24.png) center center no-repeat !important; }

.ico-note-16 {
  background: url(image/icons/icon_note_16.png) center center no-repeat !important; }

.ico-note {
  background: url(image/icons/) center no-repeat !important; }

.ico-ok-16 {
  background: url(image/icons/icon_ok.gif) center center no-repeat !important; }

.ico-optimalSize-24 {
  background: url(image/icons/icon_optimal_size.png) center center no-repeat !important; }

  .ico-option-24 {
    background-position: -352px -177px; }

.ico-options-16 {
  background-position: -1667px -187px; 
}

.ico-options-black-16 {
  background-position: -355px -182px; 
}

.page.fpPage.over .ico-options-black-16 {
  background-image: url(image/sprites.png) !important;
  background-position: -1667px -187px;
}

.page.fpPage.over .ico-zoom-8 {
  background-image: url(image/sprites.png) !important;
  background-position: -1667px -171px !important;
}

.ico-order-24 {
  background-position: -40px -177px; }

.ico-orderAsc-24 {
  background-position: -40px -177px; }

.ico-orderDesc-24 {
  background-position: -328px -177px; }

.ico-orderFlatplanByImport-24 {
  background-position: -40px -177px; }

.ico-pageEdition-24 {
  background-position: -64px -153px; }

.ico-pagehistory {
  background-position: -256px -177px; }

.ico-pager-first-24 {
  background-position: -520px -201px; }

.ico-pager-last-24 {
  background-position: -520px -177px; }

.ico-pager-next-24 {
  background-position: -520px -177px; }

.ico-pager-nextPages-24 {
  background-position: -448px -201px; }

.ico-pager-previous-24 {
  background-position: -448px -153px; }

.ico-pager-previousPages-24 {
  background-position: -448px -177px; }

.ico-pages {
  background-position: -16px -201px; }

.ico-pagesList-24 {
  background: url(image/icons/icon_pagesList_24.png) center center no-repeat !important; }

.ico-pageTemplate-24 {
  background: url(image/sprite_icons_24x24.png) -312px -48px no-repeat !important; }

.ico-buttonPageRack-24 {
  background: url(image/sprite_icons_24x24.png) -48px -168px no-repeat !important; }

.ico-buttonPageRackLeft-24 {
  background: url(image/sprite_icons_24x24.png) -72px -168px no-repeat !important; }

.ico-buttonPageRackRight-24 {
  background: url(image/sprite_icons_24x24.png) -96px -168px no-repeat !important; }

.ico-pdf-24 {
  background-position: -424px -153px; }

.ico-pdf-high-24 {
  background-position: -424px -153px; }

.ico-pdf-low-24 {
  background-position: -424px -153px; }

.ico-pdf-medium-24 {
  background-position: -424px -153px; }

.ico-pdfGray-24 {
  background-position: -280px -177px; }

.ico-pointer-24 {
  background: url(image/icons/icon_pointer.png) center center no-repeat !important; }

.ico-preparation-16 {
  background: url(image/sprite_icons_16x16.png) -48px -64px no-repeat !important; }

.ico-preparation-24 {
  width: 24px;
  height: 24px;
  background: url(image/sprite_icons_24x24.png) -240px -144px no-repeat !important; }

.ico-printFlatplan-24 {
  background: url(image/icons/icon_print.gif) 0 0 no-repeat !important; }

.ico-private-48 {
  width: 40px;
  height: 29px;
  background: url(image/sprite_icons_24x24.png) -312px 0 no-repeat !important; }

.ico-prod {
  background: url(image/icons/icon_prod.png) 0 0 no-repeat !important; }

.ico-standard {
  background: url(image/icons/icon_prod.png?v=3.4.1) 0 0 no-repeat !important; }

.ico-visual {
  background: url(image/icons/icon_shoot.png?v=3.4.1) 0 0 no-repeat !important; }

.ico-dashboard {
  background: url(image/icons/icon_dashboard.png) center 5px no-repeat !important; }

.ico-product-24 {
  background-position: -400px -153px; }

.ico-productDecline-32 {
  background-position: -407px -10px; }

.ico-productGroup {
  background-position: -328px -201px; }

.ico-productGroup-24 {
  background-position: -329px -201px; }

.ico-productMask-24 {
  background-position: -472px -153px; }

.ico-productRegroup-32 {
  background-position: -376px -177px; }

.ico-productsList-24 {
  background: url(image/icons/icon_productsList_24.png) center center no-repeat !important; }

.ico-dualinfo-24 {
  background: url(image/icons/icon_pagesList_24.png) center center no-repeat !important; }

.ico-printtag-24 {
  background: url(image/icons/icon_printtag_16.png) center center no-repeat !important; }

.ico-publishPage-24 {
  background: url(image/sprite_icons_24x24.png) -144px -120px no-repeat !important; }

.ico-realSize-24 {
  background: url(image/icons/icon_real_size.png) center center no-repeat !important; }

.ico-returnform_16 {
  width: 16px;
  height: 16px;
  background: url(image/icon_returnform_16.png) 0 0 no-repeat !important; }

.ico-refresh-16 {
  background: url(image/sprite_icons_16x16.png) -32px -32px no-repeat !important; }

.ico-refresh-24 {
  background: url(image/sprite_icons_24x24.png) -240px -72px no-repeat !important; }

.ico-regroup-16 {
  background: url(image/sprites.png) -379px -157px no-repeat !important; }

.ico-regroup-24 {
  background-position: -376px -153px; }

.ico-regroupFolder-24 {
  background-position: -376px -177px; }

.ico-reject {
  background-position: -304px -177px; }

.ico-removeFlattableProd-24 {
  background: url(image/icons/icon_removeFromFlattable.png) center center no-repeat !important; }

.ico-renamePages-24 {
  background: url(image/sprite_icons_24x24.png) -288px -48px no-repeat !important; }

.ico-resizeHandle-16 {
  width: 16px !important;
  height: 16px !important;
  background: url(image/sprite_icons_16x16.png) -64px -48px no-repeat !important; }

.ico-revisionFlatplan-24 {
  background-position: -256px -153px; }

.ico-role-24 {
  background-position: -328px -153px; }

.ico-role2-24 {
  background: url(image/sprite_icons_24x24.png?v=3.1.0) 0 -168px no-repeat !important; }

.ico-rotateClockwise-24 {
  background: url(image/sprite_icons_24x24.png) -336px -48px no-repeat !important; }

.ico-rotateCounterClockwise-24 {
  background: url(image/sprite_icons_24x24.png) -360px -48px no-repeat !important; }

.ico-sample-24 {
  background: url(image/icons/icon_sample_24.png) 0 0 no-repeat !important; }

.ico-save-24 {
  background: url(image/icons/icon_save_24.png) 0 0 no-repeat !important; }

.ico-sb-events-16 {
  background: url(image/sprite_icons_16x16.png) -96px 0 no-repeat !important; }

.ico-sb-events-24 {
  background-position: -664px -153px; }

.ico-sb-lastaccess-16 {
  background: url(image/sprite_icons_16x16.png) -32px -64px no-repeat !important; }

.ico-sb-todo-16 {
  background: url(image/sprite_icons_16x16.png) -112px 0 no-repeat !important; }

.ico-sb-activity-16 {
  background: url(image/sprite_icons_16x16.png) -112px -64px no-repeat !important; }

.ico-sb-maintenance-16 {
  background: url(image/sprite_icons_16x16.png) 0px -80px no-repeat !important; }

.ico-sb-todo-24 {
  background-position: -664px -177px; }

.ico-simulate-24 {
  background: url(image/icons/icon_simulate2.gif) center center no-repeat !important; }

.ico-import2-24 {
  background: url(image/icons/icon_ok.gif) center center no-repeat !important; }

.ico-search {
  background-position: -88px -177px; }

.ico-search-16 {
  background-position: -92px -182px; }

.ico-search-24 {
  background-position: -88px -177px; }

.ico-searchadd-24 {
  background: url(image/sprite_icons_24x24.png) -120px -144px no-repeat !important; }

.ico-selectAll-24 {
  background-position: -40px -201px; }

.ico-selectPages-24 {
  background: url(image/sprite_icons_24x24.png) -288px -24px no-repeat !important; }

.ico-selectSecteurs-24 {
  background-position: -136px -201px; }

.ico-setValueForField-16 {
  background: url(image/sprite_icons_16x16.png) -64px -32px no-repeat !important; }

.ico-shoot {
  background: url(image/icons/icon_shoot.png) 0 0 no-repeat !important; }

.ico-shoot-24 {
  background-position: -400px -177px; }

.ico-show {
  background: url(image/icons/icon_view.png) center center no-repeat !important;
  width: 16px !important;
  height: 16px !important; }

.ico-showCart-24 {
  background-position: -472px -177px; }

.ico-snapshot-24 {
  background: url(image/icons/icon_snapshot_24.png) 0 0 no-repeat !important; }

.ico-stropRayon {
  background: url(image/icons/icon_stop_rayon.png) 0 0 no-repeat !important; }

.ico-start-24 {
  background: url(image/sprite_icons_24x24.png) -336px -72px no-repeat !important; }

.ico-supplier-24 {
  background: url(image/icons/icon_supplierDetail_16x16.png) center 5px no-repeat !important; }

.ico-start-24 {
  background: url(image/sprite_icons_24x24.png) -336px -72px no-repeat !important; }

.ico-selection-24 {
  background: url(image/icons/icon_selection_24.png) center center no-repeat !important; }

.ico-thumb {
  background-position: -160px -153px; }

.ico-them {
  background-position: -160px -153px; }

.ico-thematic-24 {
  background: url(image/sprite_icons_24x24.png) -310px -144px no-repeat !important; }

.ico-toggleHasVisualWaitingValidation-24 {
  background: url(image/sprite_icons_24x24.png) -24px -168px no-repeat !important; }

.ico-forceUseLastVersionPageRackBatch-24 {
  background: url(image/icons/ico_forceuselastversionpagerackbatch_24.png) center center no-repeat !important; }

.ico-forceUseLastVersionPageRack-24 {
  background: url(image/icons/ico_forceuselastversionpagerack_24.png) center center no-repeat !important; }

.ico-undeploy {
  background-position: -232px -153px; }

.ico-undeploy-16 {
  background: url(image/icons/icon_prev.png) center center no-repeat !important; }

.ico-updateByImport-24 {
  background-position: -16px -153px; }

.ico-updateImage-24 {
  background-position: -16px -153px; }

.ico-validate {
  background-position: -304px -153px; }

.ico-validityshow-24 {
  background: url(image/sprite_icons_24x24.png) -360px -120px no-repeat !important; }

.ico-validityhide-24 {
  background: url(image/sprite_icons_24x24.png) -360px -145px no-repeat !important; }

.ico-view-24 {
  background: url(image/icons/icon_view.png) center center no-repeat !important; }

.ico-visible-16 {
  background: url(image/sprite_icons_16x16.png) -80px -32px no-repeat !important; }

.ico-visual-24 {
  background-position: -400px -201px; }

.ico-warn-16 {
  background: url(image/icons/icon_warning.png) center center no-repeat !important; }

.ico-warn-red-16 {
  background: url(image/icons/icon_warning_red.png) center center no-repeat !important; }

.ico-wfCancel-16 {
  background: url(image/sprite_icons_16x16.png) 0 0 no-repeat !important; }

.ico-wfCancel2-16 {
  background: url(image/sprite_icons_16x16.png) -80px 0 no-repeat !important; }

.ico-wfNextStep-16 {
  background: url(image/sprite_icons_16x16.png) -48px 0 no-repeat !important; }

.ico-wfOk-16 {
  background: url(image/sprite_icons_16x16.png) -16px 0 no-repeat !important; }

.ico-wfOk2-16 {
  background: url(image/sprite_icons_16x16.png) -64px 0 no-repeat !important; }

.ico-wfPreviousStep-16 {
  background: url(image/sprite_icons_16x16.png) -32px 0 no-repeat !important; }

.ico-wfstate {
  background-position: -256px -201px; }

.ico-workflow-24 {
  background-position: -66px -177px; }

.ico-workflowRole-24 {
  background: url(image/sprite_icons_24x24.png) -264px -120px no-repeat !important; }

.ico-xml-24 {
  background-position: -424px -201px; }

.ico-zoom-16 {
  background: url(image/sprite_icons_16x16.png) -16px -32px no-repeat !important; }

.ico-zoom-24 {
  background: url(image/icons/icon_show.png) center center no-repeat !important; }

.ico-zoom-8 {
  background: url(image/sprite_icons_16x16.png) -16px -32px no-repeat !important; 
}

.ico-zoomMinus-24 {
  background: url(image/icons/icon_zoom_minus_flatplan.png) center center no-repeat !important; }

.ico-zoomPlus-24 {
  background: url(image/icons/icon_zoom_plus_flatplan.png) center center no-repeat !important; }

.ico-zoomWhite-16 {
  background-position: -1667px -171px; }

.ico-zoomWhite-16 {
  background-position: -1667px -171px; }

.ico-nbmaxprod-16 {
  background: url(image/icons/icon_nbmaxprod.png) center center no-repeat !important; }

.ico-nbmaxprod-24 {
  background: url(image/sprite_icons_24x24.png) -360px -24px no-repeat !important; }

.ico-productintensityOn-24 {
  background: url(image/sprite_icons_24x24.png) -384px -120px no-repeat !important; }

.ico-productintensityOff-24 {
  background: url(image/sprite_icons_24x24.png) -384px -144px no-repeat !important; }

.ico-assignUnplacedProduct-24 {
  background: url(image/sprite_icons_24x24.png) -336px -96px no-repeat !important; }

.ico-removePageProduct-24 {
  background: url(image/sprite_icons_24x24.png) -336px -96px no-repeat !important; }

/* Icons specific */
.ico-trade {
  background: none !important; }

.ico-trade .bg {
  display: block;
  width: 21px !important;
  height: 16px !important;
  position: relative;
  top: 5px;
  left: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0px -5px 4px 0px rgba(0, 0, 0, 0.4); }

.ico-trade .bg2 {
  display: block;
  width: 16px !important;
  height: 16px !important;
  position: relative;
  left: 3px;
  background: url(image/sprites.png) -1667px -219px no-repeat; }

.ico-wf {
  background: none !important; }

.ico-wf .bg {
  display: block;
  width: 21px !important;
  height: 16px !important;
  position: relative;
  top: 5px;
  left: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0px -5px 4px 0px rgba(0, 0, 0, 0.3); }

.ico-wf .bg2 {
  display: block;
  width: 16px !important;
  height: 16px !important;
  position: relative;
  left: 3px;
  background: url(image/sprites.png) -1667px -235px no-repeat; }

/* misc */
.masked {
  display: none; }

.calendarTrigger {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer; }

/* bt-icon */
.bt-activate .bt-c span {
  background: url(image/icons/icon_activate.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-activatedList .bt-c span {
  background: url(image/icons/icon_activatedList.png) 7px center no-repeat; }

.bt-add .bt-c span {
  background: url(image/icons/icon_add.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-associate .bt-c span {
  background: url(image/icons/icon_associate.png) 7px center no-repeat; }

.bt-cancel .bt-c span {
  background: url(image/icons/icon_cancel.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-cancel2 .bt-c span {
  background: url(image/icons/icon_cancel.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-cdf .bt-c span {
  background: url(image/icons/icon_cdf.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-compare .bt-c span {
  background: url(image/icons/icon_compare.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-copy .bt-c span {
  background: url(image/icons/icon_copy.png) 7px center no-repeat; }

.bt-delete .bt-c span {
  background: url(image/icons/icon_delete.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-desactivatedList .bt-c span {
  background: url(image/icons/icon_desactivateList.png) 7px center no-repeat; }

.bt-download .bt-c span {
  background: url(image/icons/icon_download_grey.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-disable .bt-c span {
  background: url(image/icons/icon_disable.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-pdf .bt-c span {
  background: url(image/icons/icon_pdf.gif) center center no-repeat !important;
  text-indent: 20px; }

.bt-duplicate .bt-c span {
  background: url(image/icons/icon_duplicate.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-refresh .bt-c span {
  background: url(image/icons/icon_refresh.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-edit .bt-c span {
  background: url(image/icons/icon_edit.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editDislayRules .bt-c span {
  background: url(image/icons/icon_rules.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editfield2 .bt-c span {
  background: url(image/icons/icon_edit-field2.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editfields .bt-c span {
  background: url(image/icons/icon_text-field.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editGroups .bt-c span {
  background: url(image/icons/icon_editGroups.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editlabels .bt-c span {
  background: url(image/icons/icon_edit-label.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editState .bt-c span {
  background: url(image/icons/icon_edit-state.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-editStep .bt-c span {
  background: url(image/icons/icon_edit-step.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-export .bt-c span {
  background: url(image/icons/icon_export.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-favoriteOff .bt-c span {
  background: url(image/icons/icon_star_off.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-favoriteOn .bt-c span {
  background: url(image/icons/icon_star_on.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-filter .bt-c span {
  background: url(image/icons/icon_filter.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-history .bt-c span {
  background: url(image/sprite_icons_24x24.png) -189px 1px no-repeat; }

.bt-import .bt-c span {
  background: url(image/icons/icon_import.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-list .bt-c span {
  background: url(image/icons/icon_nav2_list.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-mail .bt-c span {
  background: url(image/icons/icon_mail.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-members .bt-c span {
  background: url(image/icons/icon_members.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-movedown .bt-c span {
  background: url(image/icons/icon_move_down.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-moveup .bt-c span {
  background: url(image/icons/icon_move_up.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-ok .bt-c span {
  background: url(image/icons/icon_ok.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-prev .bt-c span {
  background: url(image/icons/icon_prev.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-print .bt-c span {
  background: url(image/icons/icon_print.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-process .bt-c span {
  background: url(image/icons/ico_process.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-printtag .bt-c span {
  background: url(image/icons/icon_printtag_16.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-removeFromFlattable .bt-c span {
  background: url(image/icons/icon_removeFromFlattable.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-reorder .bt-c span {
  background: url(image/icons/icon_reorder.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-requestCorrections .bt-c span {
  background: url(image/icons/icon_cancel.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-role .bt-c span {
  background: url(image/icons/icon_role.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-search .bt-c span {
  background: url(image/icons/icon_show.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-show .bt-c span {
  background: url(image/icons/icon_view.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-showWithError .bt-c span {
  background: url(image/icons/icon_view_red.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-simulate .bt-c span {
  background: url(image/icons/icon_simulate.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-simulate2 .bt-c span {
  background: url(image/icons/icon_simulate2.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-unlock .bt-c span {
  background: url(image/icons/right.gif) 7px center no-repeat;
  text-indent: 20px; }

.bt-view .bt-c span {
  background: url(image/icons/icon_show.png) 7px center no-repeat;
  text-indent: 20px; }

.bt-xls .bt-c span {
  background: url(image/icons/icon_excel_16.png) 7px center no-repeat;
  text-indent: 20px; }

/*-------------------------------------------------------------
 Z-index
---------------------------------------------------------------*/
.x-slider-thumb {
  z-index: 20 !important; }

.nav-handle {
  z-index: 30 !important; }

.moarBox {
  z-index: 40 !important; }

.thumbToolTip {
  z-index: 50 !important; }

.thumbToolTip-mouseZone {
  z-index: 60 !important; }

.prodTop {
  z-index: 65 !important; }

.popup {
  z-index: 70 !important; }

#mask,
.x-mask {
  z-index: 90 !important; }

.x-layer {
  z-index: 104 !important; }

.dd2 {
  z-index: 105 !important; }

.message {
  z-index: 120 !important; }

.sidebox {
  z-index: 150 !important; }

.tooltip {
  z-index: 155 !important; }

.x-boundlist-floating {
  z-index: 156 !important; }

.calendar {
  z-index: 160 !important; }

#lightBox {
  z-index: 200 !important; }

/*-------------------------------------------------------------
 Util
---------------------------------------------------------------*/
.disableSelection,
.disableSelection * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.hidden {
  visibility: hidden; }

/*-------------------------------------------------------------
 Main zones
---------------------------------------------------------------*/
#main {
  height: 100%;
  overflow: hidden;
  margin: 23px;
  margin: 13px 23px; }

/*-------------------------------------------------------------
 Header
---------------------------------------------------------------*/
#header {
  white-space: nowrap;
  padding-bottom: 10px; }

.header-inner {
  height: 70px;
  overflow: hidden; }

.logo {
  width: 180px;
  float: left;
  margin-left: 71px;
  margin-top: 20px; }

.logo a {
  display: block; }

  .logoGun {
    margin-top: 15px; 
  }

  .logoGun img{
    height:40px;
  }

.client {
  position: relative;
  text-align: right;
  vertical-align: middle;
  float: right;
  width: 190px;
  height: 70px;
  margin-right: 70px;
  cursor: pointer; }

.client .cli-table {
  width: 100%;
  height: 100%; }

.client .cli-td {
  vertical-align: middle; }

.client img {
  display: block;
  float: right; }

/*-------------------------------------------------------------
 Fullscreen mode
---------------------------------------------------------------*/
body.fullscreen #header,
body.fullscreen .header-inner,
body.fullscreen .mainToolbar,
body.fullscreen .mt-inner {
  display: none; }

body.fullscreen #main {
  margin: 10px; }

/*-------------------------------------------------------------
 Footer
---------------------------------------------------------------*/
#footer {
  padding: 30px 0 20px 0;
  text-align: center;
  font-size: 11px; }

/*-------------------------------------------------------------
 Navigation
---------------------------------------------------------------*/
.mainNav {
  position: relative;
  width: 800px;
  height: 70px;
  overflow: hidden;
  float: left; }

.nav-handle {
  position: absolute;
  width: 11px;
  height: 100%;
  top: 0;
  left: 23px; }

.nav-handle span {
  display: block;
  background: url(image/sprites.png) -1055px -315px no-repeat;
  width: 11px;
  height: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  cursor: pointer; }

.nav-handle span {
  background-position: -1055px -315px; }

.nav-handle:hover span {
  background-position: -1076px -315px; }

.nav-handle:active span {
  background-position: -1097px -315px; }

.nav-l {
  float: left;
  width: 10px;
  height: 70px;
  background: url(image/sprites.png) -1027px -305px no-repeat; }

/* Navigation */
#nav {
  position: absolute;
  display: none;
  top: 0;
  z-index: 20;
  height: 100%;
  overflow: hidden;
  float: left;
  margin: 0 0 0 24px;
  margin: 0;
  padding-top: 10px; }

#nav a {
  background: url(image/sprites.png) -1244px -325px no-repeat;
  /*width: 85px;*/
  width: 75px; }

#nav li,
#nav a,
#nav span {
  display: block;
  float: left; }

#nav span {
  width: 48px;
  height: 48px;
  overflow: hidden;
  margin: 0 0 0 16px;
  background-image: url(image/sprite_nav_1_1.png);
  background-repeat: no-repeat;
  text-indent: -999px;
  font-size: 0;
  cursor: pointer; }

#nav .nav-01 a {
  background: none; }

#nav .nav-01 a span {
  background-position: 0 0; }

#nav .nav-02 a span {
  background-position: -48px 0; }

#nav .nav-03 a span {
  background-position: -96px 0; }

#nav .nav-04 a span {
  background-position: -144px 0; }

#nav .nav-05 a span {
  background-position: -192px 0; }

#nav .nav-06 a span {
  background-position: -240px 0; }

#nav .nav-07 a span {
  background-position: -288px 0; }

#nav .nav-08 a span {
  background-position: -336px 0; }

#nav .nav-09 a span {
  background-position: -384px 0; }

#nav .nav-01 a:hover span {
  background-position: 0 -48px; }

#nav .nav-02 a:hover span {
  background-position: -48px -48px; }

#nav .nav-03 a:hover span {
  background-position: -96px -48px; }

#nav .nav-04 a:hover span {
  background-position: -144px -48px; }

#nav .nav-05 a:hover span {
  background-position: -192px -48px; }

#nav .nav-06 a:hover span {
  background-position: -240px -48px; }

#nav .nav-07 a:hover span {
  background-position: -288px -48px; }

#nav .nav-08 a:hover span {
  background-position: -336px -48px; }

#nav .nav-09 a:hover span {
  background-position: -384px -48px; }

#nav .nav-01.on a span {
  background-position: 0 -96px; }

#nav .nav-02.on a span {
  background-position: -48px -96px; }

#nav .nav-03.on a span {
  background-position: -96px -96px; }

#nav .nav-04.on a span {
  background-position: -144px -96px; }

#nav .nav-05.on a span {
  background-position: -192px -96px; }

#nav .nav-06.on a span {
  background-position: -240px -96px; }

#nav .nav-07.on a span {
  background-position: -288px -96px; }

#nav .nav-08.on a span {
  background-position: -336px -96px; }

#nav .nav-09.on a span {
  background-position: -384px -96px; }

/* Main nav on */
.mainNav.on .nav {
  display: block !important; }

.mainNav.on .nav-handle span {
  background-position: -1055px -315px;
  cursor: pointer; }

.mainNav.on .nav-handle:hover span {
  background-position: -1076px -315px; }

.mainNav.on .nav-handle:active span {
  background-position: -1097px -315px; }

.mainNav.on .nav-handle {
  left: 680px; }

.mainNav.on .nav-handle span {
  background-position: -1055px -357px; }

.mainNav.on .nav-handle:hover span {
  background-position: -1076px -357px; }

.mainNav.on .nav-handle:active span {
  background-position: -1097px -357px; }

/* Viewport size 1 */
.vp-size-1 #nav a {
  width: 55px;
  background: none; }

.vp-size-1 #nav span {
  margin-left: 2px; }

/* subNavItem */
ul.subNavItem {
  margin: 0;
  padding: 0;
  font-size: 12px;
  list-style: none;
  list-style-position: outside; }

ul.subNavItem a {
  display: block;
  text-decoration: none;
  color: #f1f1f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 6px; }

ul.subNavItem a:hover {
  color: #fff;
  background: #2d2d2d; }

ul.subNavItem li {
  list-style-position: outside; }

ul.subNavItem li.off {
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
  cursor: not-allowed; }

ul.subNavItem li.off div,
ul.subNavItem li.off a {
  cursor: not-allowed; }

ul.subNavItem li.off a:hover {
  color: #fff;
  background: inherit; }

.ie7 .dropdown {
  min-width: 180px; }

/*-------------------------------------------------------------
 listToolbar
---------------------------------------------------------------*/
.listToolbar {
  margin: 0 auto 8px auto; }

.listToolbar .lt-item {
  padding: 0 20px; }

.listToolbar .bt {
  float: right; }

.bt-selectAll,
.bt-unselectAll,
.bt-invertSelection,
.bt-deleteSelectedEl {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(image/listToolBarCheckBox.png);
  background-repeat: no-repeat;
  margin: 0 1px; }

.bt-selectAll span,
.bt-unselectAll span,
.bt-invertSelection span,
.bt-deleteSelectedEl span {
  display: none; }

.bt-selectAll {
  background-position: -17px -20px; }

.bt-selectAll:hover {
  background-position: -17px -40px; }

.bt-selectAll:active {
  background-position: -17px -60px; }

.bt-unselectAll {
  background-position: -37px -20px; }

.bt-unselectAll:hover {
  background-position: -37px -40px; }

.bt-unselectAll:active {
  background-position: -37px -60px; }

.bt-invertSelection {
  background-position: -57px -20px; }

.bt-invertSelection:hover {
  background-position: -57px -40px; }

.bt-invertSelection:active {
  background-position: -57px -60px; }

.bt-deleteSelectedEl {
  background: url(image/icons/icon_delete.gif) center center no-repeat;
  margin-left: 10px; }

.ie7 .listToolbar .lt-item:first-child {
  width: 140px; }

/*-------------------------------------------------------------
 paginate
---------------------------------------------------------------*/
.paginate {
  color: #646464; }

.paginate td {
  vertical-align: middle;
  cursor: default;
  white-space: nowrap; }

.paginate .bt-c span {
  display: block;
  width: 8px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: 7px center; }

.paginate .pa-first .bt-c span {
  background-image: url(image/icons/page-first.gif); }

.paginate .pa-first-disabled .bt-c span {
  background-image: url(image/icons/page-first-disabled.gif); }

.paginate .pa-prev .bt-c span {
  background-image: url(image/icons/page-prev.gif); }

.paginate .pa-prev-disabled .bt-c span {
  background-image: url(image/icons/page-prev-disabled.gif); }

.paginate .pa-pageV input {
  width: 30px;
  border: 1Px solid #d7d7d7;
  color: #666;
  margin: 0 4px;
  padding: 3px 1px;
  text-align: center; }

.paginate .pa-next .bt-c span {
  background-image: url(image/icons/page-next.gif); }

.paginate .pa-next-disabled .bt-c span {
  background-image: url(image/icons/page-next-disabled.gif); }

.paginate .pa-last .bt-c span {
  background-image: url(image/icons/page-last.gif); }

.paginate .pa-last-disabled .bt-c span {
  background-image: url(image/icons/page-last-disabled.gif); }

.paginate .pa-linePerPage {
  padding-right: 6px;
  padding-left: 16px; }

.paginate .pa-linePerPageSelect {
  vertical-align: middle; }

.paginate .pa-linePerPageSelect select {
  padding: 0; }

.paginate .pa-nbElements {
  padding-left: 16px; }

.paginate .bt .bt-c span {
  width: 24px; }

.ie7 .paginate .bt .bt-c span {
  width: 10px; }

.paginate .pa-first .bt,
.paginate .pa-prev .bt,
.paginate .pa-next .bt,
.paginate .pa-last .bt {
  min-width: 0;
  width: 24px; }

.paginate .pa-first .bt .bt-c,
.paginate .pa-prev .bt .bt-c,
.paginate .pa-next .bt .bt-c,
.paginate .pa-last .bt .bt-c {
  min-width: 0 !important; }

.paginate .pa-first .bt .bt-c span,
.paginate .pa-prev .bt .bt-c span,
.paginate .pa-next .bt .bt-c span,
.paginate .pa-last .bt .bt-c span {
  width: 16px !important;
  height: 16px !important;
  position: relative;
  top: 5px;
  left: 2px;
  background-position: center center;
  padding-left: 0;
  padding-right: 0; }

.paginate .pa-first-disabled,
.paginate .pa-prev-disabled,
.paginate .pa-next-disabled,
.paginate .pa-last-disabled {
  cursor: default; }

.paginate .pa-first-disabled .bt,
.paginate .pa-prev-disabled .bt,
.paginate .pa-next-disabled .bt,
.paginate .pa-last-disabled .bt {
  cursor: default; }

.paginate .pa-first-disabled .bt span,
.paginate .pa-prev-disabled .bt span,
.paginate .pa-next-disabled .bt span,
.paginate .pa-last-disabled .bt span {
  cursor: default; }

.paginate .pa-first-disabled .bt .bt-r,
.paginate .pa-prev-disabled .bt .bt-r,
.paginate .pa-next-disabled .bt .bt-r,
.paginate .pa-last-disabled .bt .bt-r {
  background: none !important; }

.paginate .pa-first-disabled .bt .bt-c,
.paginate .pa-prev-disabled .bt .bt-c,
.paginate .pa-next-disabled .bt .bt-c,
.paginate .pa-last-disabled .bt .bt-c {
  background: none !important; }

.ie7 .paginate .bt-filter,
.ie7 .paginate .bt-add {
  width: 40px; }

/*-------------------------------------------------------------
 selectToolbar
---------------------------------------------------------------*/
.selectToolbar {
  margin: 0 auto 8px auto; }

.selectToolbar .lt-item {
  padding: 5px 0 0 4px; }

.selectToolbar .lt-item .arrow {
  padding: 1 0 0 4px; }

.selectToolbar .actionList {
  margin: 0 0 0 20px; }

.placementTable {
  border: 0; }

.placementTable td.value {
  border: 0;
  vertical-align: middle; }

/*-------------------------------------------------------------
 form
---------------------------------------------------------------*/
label > input {
  margin-right: 5px;
  position: relative;
  top: -1px; }

/*-------------------------------------------------------------
 listTable, listTable2, showTable, formTable, formTable2
---------------------------------------------------------------*/
table.listTable,
table.listTable2,
table.showTable,
table.formTable,
table.formTable2,
table.listTablePopup {
  border: 1px solid #bfbfbf;
  margin: 0 auto 10px auto;
  min-width: 635px;
  /*border-collapse: separate;*/ }

table.listTable tbody a:hover,
table.listTable2 tbody a:hover,
table.showTable tbody a:hover,
table.formTable tbody a:hover,
table.formTable2 tbody a:hover,
table.listTablePopup tbody a:hover {
  color: #000; }

table.listTable th,
table.listTable2 th,
table.showTable th,
table.formTable th,
table.listTablePopup th {
  /*position: relative;*/
  background: url(image/subMenu.gif) 0 0 repeat-x;
  border-bottom: 1px solid #c5c5c5;
  padding: 2px 3px 2px 8px;
  height: 38px;
  height: 35px;
  line-height: 30px;
  vertical-align: middle; }

table.formTable thead th {
  border-top: 1px solid #BDBDBD;
  padding: 0 0 0 11px; }

table.formTable thead:first-child th {
  border-top: none; }

table.listTable th,
table.listTable th h3,
table.listTable th a,
table.listTable2 th,
table.listTable2 th h3,
table.listTable2 th a,
table.showTable th,
table.showTable th h3,
table.showTable th a,
table.formTable th,
table.formTable th h3,
table.formTable th a,
table.listTablePopup th,
table.listTablePopup th h3,
table.listTablePopup th a {
  font-size: 12px;
  font-weight: normal;
  color: #000 !important;
  text-shadow: 0px 1px 0px #fff; }

table.listTable th .tb .bt,
table.listTable2 th .tb .bt,
table.showTable th .tb .bt,
table.formTable th .tb .bt {
  margin-top: 0;
  margin-bottom: 0; }

table.listTable th .tb,
table.listTable2 th .tb,
table.showTable th .tb,
table.formTable th .tb {
  /*padding-top: 1px;*/ }

.ie7 table.listTable th .tb,
.ie7 table.listTable2 th .tb,
.ie7 table.showTable th .tb,
.ie7 table.formTable th .tb {
  position: absolute;
  top: 3px;
  right: 3px;
  float: none; }

table.listTable th a,
table.listTable2 th a,
table.showTable th a,
table.formTable th a,
table.listTablePopup th a {
  color: #000 !important; }

table.showTable tr:last-child td,
table.listTable2 tr:last-child td,
table.showTable tr:last-child td,
table.formTable tr:last-child td,
table.listTablePopup tr:last-child td {
  border-bottom: 0; }

td.label {
  background: #fafafa;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  vertical-align: top;
  height: 20px;
  padding-top: 6px;
  padding-right: 6px;
  padding-left: 30px;
  text-align: right; }

td.value,
td.action {
  background: #fff;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: top;
  min-height: 20px;
  padding: 6px; }

.ie7 td.label {
  width: 200px; }

table.listTable2 th .subMenu-tb,
table.showTable th .subMenu-tb,
table.formTable th .subMenu-tb {
  float: right;
  position: relative;
  top: 0px; }

table.listTable .bt-item,
table.listTable2 .bt-item,
table.showTable .bt-item,
table.formTable .bt-item,
table.formTable2 .bt-item {
  padding: 0;
  margin: 0; }

table.listTable .bt-item a,
table.listTable2 .bt-item a,
table.showTable .bt-item a,
table.formTable .bt-item a,
table.formTable2 .bt-item a {
  color: #626366; }

.showTable .tb .bt,
.formTable .tb .bt {
  float: right; }

/*-------------------------------------------------------------
 listTable & listTable2
---------------------------------------------------------------*/
table.listTable td,
table.listTable2 td {
  padding: 4px 5px;
  border-bottom: 1px solid #E2E2E2; }

table.listTablePopup td {
  padding: 0px 0px; }

table.listTable th,
table.listTable2 th,
table.listTablePopup th {
  line-height: 22px;
  height: auto; }

table.listTable .oddLine td,
table.listTable2 .oddLine td {
  background: #fff;
  border-top: 1px solid #fff; }

table.listTable .evenLine td,
table.listTable2 .evenLine td {
  background: #f6f6f6;
  border-top: 1px solid #f6f6f6; }

table.listTable .oddLineTd,
table.listTable2 .oddLineTd {
  background: #fff;
  border-top: 1px solid #fff; }

table.listTable .evenLineTd,
table.listTable2 .evenLineTd {
  background: #f6f6f6;
  border-top: 1px solid #f6f6f6; }

table.listTable .subLine td,
table.listTable2 .subLine td {
  padding-left: 20px; }

table.listTable > tbody > tr.over td,
table.listTable2 > tbody > tr.over td {
  background: #dcdcdc url(image/listTable_cell_over.gif) 0 0 repeat-x;
  border-bottom-color: #d2d2d2; }

table.listTable td.action,
table.listTable2 td.action {
  width: 16px;
  width: 30px;
  padding-left: 0;
  padding-right: 0; }

table.listTable td.cb,
table.listTable2 td.cb {
  width: 30px; }

table.listTable td.action:last-child,
table.listTable2 td.action:last-child {
  padding-right: 6px; }

span.dateTime {
  white-space: nowrap;
  font-size: 11px; }

span.time {
  display: block;
  color: #9e9e9e; }

.ie7 table.listTable td.action .bt,
.ie7 table.listTable2 td.action .bt {
  width: 30px; }

/*-------------------------------------------------------------
 listTable2
---------------------------------------------------------------*/
table.listTable2 th,
table.listTablePopup th {
  height: auto;
  height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px; }

/* Thead h2 */
table.listTable2 th.h2,
table.listTablePopupth.h2 {
  background: url(image/subMenu.gif) repeat-x 0 0 transparent;
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px solid #D0D0D0;
  padding: 8px;
  color: #000; }

/*table.listTable2 tr.h2 th a {color: #fff; font-weight: normal;}
table.listTable2 tr.h2 th a:hover {color: #fff;}*/
/* Thead h3 */
table.listTable2 tr.h3 th,
table.listTablePopup tr.h3 th {
  height: auto;
  line-height: normal;
  font-size: 11px;
  padding: 4px;
  background: #fafafa; }

table.listTable2 tr.h3 th a,
table.listTablePopup tr.h3 th a {
  color: #fff;
  font-weight: normal; }

table.listTable2 tr.h3 th a:hover,
table.listTablePopup tr.h3 th a:hover {
  color: #fff; }

/*-------------------------------------------------------------
 showTable
---------------------------------------------------------------*/
table.showTable th h3 {
  font-weight: inherit;
  font-size: inherit;
  padding: 0;
  margin: 0;
  color: #000;
  float: left;
  line-height: 25px; }

table.showTable td.formTitle {
  background: #ac1f23;
  color: #fff; }

table.showTable td.formTitle a {
  color: #2f2f2f;
  font-size: 11px; }

table.showTable td.formTitle a:hover {
  color: #000; }

table.showTable th ul,
table.formTable th ul {
  position: relative;
  top: 2px;
  float: right;
  margin: 0 8px 0 0; }

/*-------------------------------------------------------------
 formTable
---------------------------------------------------------------*/
.formTable {
  border: 1px solid #d7d9df; }

.formTable td.value {
  background: #fff; }

.formTable td.label label {
  cursor: default; }

.formTable td.label label:hover {
  color: inherit; }

.formTable td.value input[type="radio"] {
  margin: 0 2px 0 12px; }

.formTable td.value input[type="checkbox"] {
  margin: 0 2px 0 12px; }

/*-------------------------------------------------------------
 formTable2 (Form table without borders)
---------------------------------------------------------------*/
.formTable2 td.label,
.formTable2 td.value {
  padding: 3px;
  background: none;
  border: 0;
  height: auto; }

/*-------------------------------------------------------------
 boutons au sein des listTable & listTable2
---------------------------------------------------------------*/
table.listTable .bt.e {
  position: relative;
  overflow: visible;
  margin-right: 5px; }

table.listTable .bt.e,
table.listTable .bt.e .l,
table.listTable .bt.e .r {
  height: 26px;
  line-height: 26px;
  color: #000;
  padding: 0; }

table.listTable .bt.e .l {
  background: url(image/bt2.gif) 0 0 no-repeat;
  min-width: 24px; }

table.listTable .bt.e .r {
  background: url(image/bt2.gif) right 0 no-repeat;
  width: 5px;
  float: none;
  position: absolute;
  right: -5px; }

table.listTable .bt.e .ico {
  top: 0;
  float: none;
  margin: 0 auto;
  left: 2px; }

/* hover */
table.listTable .bt.e:hover .l {
  background-position: 0 -26px; }

table.listTable .bt.e:hover .r {
  background-position: right -26px; }

/* Ajout de quelques regles specifiques */
table.listTable .bt.e .ico-edit,
table.listTable .bt.e .ico-show {
  width: 16px !important;
  height: 16px !important;
  top: 5px; }

/*-------------------------------------------------------------
 Form messages 
---------------------------------------------------------------*/
tr.errorBottom td {
  vertical-align: top;
  padding-top: 6px;
  padding-bottom: 20px;
  text-align: center; }

tr.errorTop td,
tr.errorBottom td {
  background: inherit; }

.errorMessage {
  display: inline-block;
  cursor: default;
  height: 16px;
  padding-left: 24px;
  line-height: 18px;
  margin-left: 8px;
  font-size: 11px;
  background: url(image/icons/icon_warning.png) 0 0 no-repeat;
  color: #333; }

.warningMessage {
  display: inline-block;
  cursor: default;
  padding-left: 27px;
  padding-top: 1px;
  background: url(image/icons/icon_warning.png) 18px 6px no-repeat;
  color: #C43843;
  padding: 7px 20px 7px 44px;
  font-weight: bold; }

.error {
  color: #ee0000;
  font-weight: bold; }

.formErrorMessage {
  visibility: hidden;
  padding: 0 0 0 10px;
  color: #ff1500; }

/*-------------------------------------------------------------
 Sidebox
---------------------------------------------------------------*/
.sidebox {
  position: fixed;
  top: 250px;
  top: 98px;
  right: 0;
  width: 0; }

.ie7 .sidebox {
  position: absolute; }

.sidebox .sb-c {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto !important; }

.sidebox .sb-handle-c {
  position: relative;
  width: 38px;
  float: left;
  margin-left: -38px;
  top: 40px;
  top: 120px; }

.sb-hct-t {
  height: 14px;
  background: url(image/sidebox.png) -48px -48px no-repeat; }

.sb-hct-m {
  background: url(image/sidebox.png) -109px -56px repeat-y; }

.sb-hct-b {
  height: 14px;
  background: url(image/sidebox.png) -48px -94px no-repeat; }

.sb-hcb-m {
  height: 100%;
  background: url(image/sidebox.png) -541px -48px no-repeat; }

.sb-hcb-b {
  height: 8px;
  background: url(image/sidebox.png) -48px -136px no-repeat; }

.sidebox .sb-content-c {
  overflow: hidden;
  height: 100%; }

.sb-content-c-m {
  background: #f3f3f3;
  border: 1px solid #BDBDBD;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.sb-ccm-c {
  overflow: hidden; }

.sb-ccm-c2 {
  padding: 12px; }

/* Sidebox IE7 fix */
.ie7 .sb-hct-b {
  height: 7px; }

.ie7 .sbEventItemList,
.ie7 .sbTodoList {
  overflow: auto; }

.ie7 .sb-tabs,
.ie7 .sb-tabs * {
  cursor: pointer; }

/* Sidebox tabs */
.sb-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: outside; }

.sb-tabs .sb-tab {
  position: relative;
  padding: 4px 0 4px 8px;
  cursor: pointer; }

.sb-tabs .sb-tab:last-child {
  padding-bottom: 0; }

.sb-tabs .sb-tab:first-child {
  padding-top: 0; }

.sb-tabs .sb-tab .pins {
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2; }

.sb-tabs .sb-tab a {
  display: block;
  width: 100%;
  height: 32px;
  background: url(image/sidebox.png) -20px -144px no-repeat; }

.sb-tabs .sb-tab a .label {
  display: none; }

.sb-tabs .sb-tab .ico {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 8px;
  /*left: 9px;*/
  left: 7px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat; }

.sb-tabs .sb-tab a:hover .ico {
  opacity: 0.3; }

.sb-tabs .sb-tab.on a {
  background-position: -56px -144px; }

.sb-tabs .sb-tab .ico-sb-activity-16 {
  top: 9px;
  left: 9px; }

.sb-arrow {
  position: relative;
  display: block;
  height: 24px;
  margin-left: 8px;
  cursor: pointer;
  margin-bottom: 4px; }

.sb-arrow .sb-arrow-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: url(image/sidebox.png) -16px 0px no-repeat; }

.sb-arrow.on .sb-arrow-ico {
  background-position: 0px 0px; }

.sb-arrow .sb-arrow-ico {
  opacity: 0.4; }

/* Sidebox contents */
.sidebox h2 {
  cursor: default; }

.sidebox h3 {
  font-size: 15px;
  color: #4d789d;
  font-weight: bold;
  margin: 0 0 5px 4px; }

.sidebox h3 .date {
  text-align: right;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  float: right;
  display: block;
  padding-top: 4px;
  padding-right: 2px; }

.sidebox .itemListC:last-child {
  margin-bottom: 0; }

.sidebox .itemListC {
  margin-bottom: 0; }

/* Event item list */
.sbEventItemList {
  position: relative;
  overflow-y: auto;
  height: 100%; }

.sbEventItemList .il-a {
  position: relative; }

.sbEventItemList .label {
  display: block; }

.sbEventItemList .nbValidatePages {
  padding-left: 10px;
  font-size: 12px;
  color: #484847;
  text-shadow: none;
  font-weight: normal; }

.sbEventItemList .opt {
  display: block;
  padding-bottom: 1px;
  overflow: hidden; }

.sbEventItemList .date {
  font-size: 12px;
  color: #484847;
  float: left; }

.sbEventItemList .eventListDetailProgress {
  font-size: 11px;
  margin-left: 7px;
  color: #494949;
  top: -2px;
  position: relative; }

.sbEventItemList .eventListPageList {
  font-size: 12px;
  margin-left: 8px;
  color: #494949; }

.sbEventItemList .positionEvent {
  font-size: 12px;
  color: #C01919;
  padding-left: 6px;
  top: -2px;
  position: relative; }

.sbEventItemList .bar {
  float: left;
  margin-top: 1px; }

.sbEventItemList .il-item-with-date .opt {
  display: block;
  padding-bottom: 1px;
  overflow: hidden; }

.ie7 .sbEventItemList .il-item-with-date .opt {
  left: -15px;
  position: relative; }

.sbEventItemList .bt {
  float: right;
  position: relative;
  top: 0;
  right: 0px; }

.bt-showReport {
  display: block;
  position: absolute;
  top: 13px;
  right: 13px;
  height: 29px !important; }

.sbEventItem:hover {
  cursor: pointer; }

.eventListButtons {
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 20px 10px 20px; }

/* sbTodoItemList */
.sbTodoList {
  position: relative;
  overflow-y: auto; }

.todoList .x-panel-body {
  background: none;
  border: 0px; }

.todoItemList {
  overflow: auto; }

.sbTodoItemList .label2 {
  display: block;
  font-size: 12px;
  color: #484847;
  font-weight: normal;
  text-shadow: none;
  padding-top: 4px; }

.sbTodoItemList .pageNumber {
  float: right; }

.todo-collapse-tool-collapsed {
    margin-left: 15px !important;
}

.todo-collapse-tool-collapsed::before {
    content: " ";
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #555555;
    border-right: 0; 
    position: absolute;
    margin-top: 6px;
    margin-left: -12px;
}
.todo-collapse-tool-deployed{
  margin-left: 15px !important;
}
.todo-collapse-tool-deployed::before {
  content: " ";
  border-style: solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 7px solid #555555;
  border-bottom: 0;
  position: absolute;
  margin-top: 6px;
  margin-left: -12px;
 }

.todoItemCDF {
  cursor: pointer;
  margin-bottom: 10px; }

.todoItemCDF .label:hover {
  text-decoration: underline;
  color: #000; }

.itemListC .il-item-selected .il-a {
  background: #edf2fa; }

.sb-content-c-m .todoList,
.sb-content-c-m .todoList > .x-panel-body {
  width: auto !important;
  height: auto !important;
  position: inherit !important;
  top: inherit !important;
  left: inherit !important; }

/* options */
.sidebox .options {
  padding: 0 29px 0 0;
  position: relative;
  top: -39px;
  right: 0;
  float: right;
  width: 148px; }

.sidebox .options > input,
.sidebox .options > label {
  display: block;
  float: right; }

.sidebox .options > input {
  top: 1px;
  position: relative; }

.sidebox .options > label {
  text-align: right;
  width: 86px;
  margin-right: 6px; }

/*-------------------------------------------------------------
 Sidebox left side
---------------------------------------------------------------*/
.sb-left {
  right: auto;
  left: 0; }

.sb-left .sb-handle-c {
  position: absolute;
  right: -30px;
  z-index: 2; }

.sb-left .sb-c {
  z-index: 3; }

.sb-left .sb-content-c-m {
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.sb-left .sb-tabs .sb-tab .ico {
  left: 5px; }

.sb-arrow .sb-arrow-ico {
  margin-left: -10px; }

.sb-left .sb-hct-t {
  background-position: -182px -48px; }

.sb-left .sb-hct-m {
  background-position: -245px -56px; }

.sb-left .sb-hct-b {
  background-position: -182px -94px; }

.sb-left .sb-hcb-m {
  background-position: -675px -48px; }

.sb-left .sb-hcb-b {
  background-position: -182px -136px; }

.sb-left .sb-tabs .sb-tab {
  padding-left: 7px; }

.sb-left .sb-tabs .sb-tab a {
  background-position: -19px -144px; }

.sb-left .sb-tabs .sb-tab.on a {
  background-position: -188px -144px; }

.sb-left .sb-tabs .sb-tab .pins {
  left: auto;
  right: -10px; }

.sb-left .sb-arrow .sb-arrow-ico {
  background-position: 0px 0px; }

.sb-left .sb-arrow.on .sb-arrow-ico {
  background-position: -16px 0px; }

/*-------------------------------------------------------------
 Sidebox lastaccess /tab
---------------------------------------------------------------*/
.sb-lastaccess-flatplan {
  overflow: hidden;
  margin-bottom: 18px; }

.sb-lastaccess-product {
  overflow: hidden; }

.lastaccess {
  margin-bottom: 50px; }

.lastaccess .itemListC .il-a {
  font-size: 13px;
  font-weight: normal;
  padding: 6px; }

.sb-lastaccess-content {
  overflow: hidden;
  margin-bottom: 23px; }

.sb-lastaccess-content .itemListC {
  position: relative;
  overflow: auto; }

.sb-lastaccess-flatplan .itemListC {
  margin-bottom: 23px; }

.sb-lastaccess-content .btn-list {
  position: relative;
  top: -6px;
  float: right; }

.sb-lastaccess-content .date {
  display: block;
  font-size: 12px;
  color: #484847; }

/*-------------------------------------------------------------
 Sidebox activity tab
---------------------------------------------------------------*/
.la-body {
  padding: 10px 0 40px; }

.la-body > .inner {
  height: 100%;
  overflow: auto; }

/* box1 */
.box1 {
  border: 1px solid #ccc;
  border-top: 0;
  border-bottom: 0; }

.box1 > .title {
  display: block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  background: #efefef url(image/boxAccordionTitle.gif) 0 0 repeat-x;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.box1 > .title .inner {
  padding: 4px 0 4px 8px;
  margin-right: 5px;
  background: url(image/icons/icon_deploy_b_off.png) right center no-repeat; }

.box1 > .title:hover {
  background-position: 0 bottom; }

.box1 > .body {
  background: #fff; }

.box1 .box2 {
  display: none; }

/* box1 open */
.box1.open .box2 {
  display: block; }

.box1.open > .title .inner {
  background-image: url(image/icons/icon_deploy_b_on.png); }

/* box 2*/
.box2 > .body {
  position: relative;
  cursor: pointer; }

.box2 > .body:hover {
  color: #000; }

.box2 > .body > .ico {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 8px;
  width: 16px;
  height: 16px;
  z-index: 2;
  background: url(image/icons/icon_deploy_b_off.png) 0 0 no-repeat; }

.box2 .body .content {
  position: relative;
  padding: 6px 10px 6px 34px; }

.box2:nth-child(odd) .body .content {
  background: #fff; }

.box2:nth-child(even) .body .content {
  background: #f1f1f1; }

.box2 .body .content > .sub1 {
  font-size: 11px;
  color: #757575; }

.box2 .body .content > .sub2 {
  font-size: 11px;
  color: #333; }

.box2 .body .content > .bt {
  position: relative;
  top: -6px;
  float: right; }

.box2:last-child {
  border-bottom: 0; }

/* box2 open */
.box2.open > .body > .ico {
  background-image: url(image/icons/icon_deploy_b_on.png); }

.box2.open .box3 {
  display: block; }

/* box3  */
.box3 {
  display: none;
  margin: 0 0 0 34px; }

.box3 > li > .title {
  color: #000; }

.box3 > li {
  padding: 4px 12px; }

.box3 > li:nth-child(odd) {
  background: #f1f1f1; }

.box3 > li:nth-child(even) {
  background: #fff; }

.box3 > li .bt {
  position: relative;
  float: right; }

/* debug */
/*-------------------------------------------------------------
 Main toolbar
---------------------------------------------------------------*/
.mainToolbar {
  height: 26px;
  overflow: hidden;
  background: #4d789d;
  clear: both; }

.mainToolbar .mt-inner {
  margin: 0 70px; }

.mt-items {
  height: 26px;
  padding-top: 2px;
  float: right; }

.mt-items .mt-item {
  float: left;
  margin: 0;
  padding: 0; }

.mt-items .mt-item.searchField {
  position: relative;
  left: -2px;
  float: left; }

.mt-items .mt-item.sf-button {
  position: relative;
  left: -2px; }

.mainToolbar .mt-user {
  float: left;
  line-height: 26px;
  cursor: default;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px; }

.mainToolbar .mt-user strong {
  font-weight: normal;
  padding-left: 10px;
  font-weight: normal; }

.mainToolbar .logout {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background: url(image/sprites.png) -11px -8px no-repeat; }

.mainToolbar .logout span {
  display: none; }

.mainToolbar .logout:hover {
  background-position: -35px -8px; }

.mainToolbar .help {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  margin-top: 4px;
  background: url(image/icons/help.png) no-repeat; }

.mainToolbar .help span {
  display: none; }

.mainToolbar .help:hover {
  background: url(image/icons/help-on.png) no-repeat; }

.searchField3 .sf-bt-clear {
  top: 0px;
}
/*-------------------------------------------------------------
 Tooltip
---------------------------------------------------------------*/
.tooltip {
  position: absolute;
  top: 200px;
  left: 200px;
  font-size: 11px;
  color: #000;
  white-space: nowrap; }

.tooltip ul {
  margin-bottom: 0; }

.tooltip .tt-c {
  position: relative; }

.tooltip .tt-c .tt-l {
  cursor: default; }

.tooltip .tt-c .tt-r {
  display: none; }

/* Tooltip type text */
.tooltip.tt-text {
  color: #000;
  font-size: 12px;
  line-height: 13px; }

.tooltip.tt-text .tt-c {
  background: #ffffff;
  padding: 7px 9px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2); }

.ie7 .tooltip.tt-text .tt-c,
.ie8 .tooltip.tt-text .tt-c {
  border: 1px solid #ccc; }

.tooltip.tt-text .tt-anchor {
  display: none; }

/* Tooltip type element */
.tooltip.tt-el .tt-l {
  background: #393939;
  min-width: 180px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px; }

.tooltip.tt-el .tt-anchorBody {
  position: relative;
  margin-top: -14px; }

.tooltip.tt-el .tt-anchor {
  position: relative;
  top: 0;
  left: 0;
  width: 30px;
  height: 14px;
  background: url(image/sprites.png) -834px -436px no-repeat; }

.tooltip.tt-el .tt-anchor-top {
  background: url(image/sprites.png) -834px -436px no-repeat; }

.tooltip.tt-el .tt-anchor-bottom {
  background: url(image/sprites.png) -834px -436px no-repeat; }

.tooltip.tt-el .tt-anchor-right {
  background: url(image/sprites.png) -834px -488px no-repeat;
  width: 15px;
  height: 33px; }

.tooltip.tt-el h3 {
  margin: 0 0 10px 0; }

.tooltip.tt-el h4 {
  margin: 0 0 10px 0; }

.tooltip.tt-el ul {
  list-style: disc inside none; }

.tooltip.tt-el li {
  padding: 0 0 3px 0; }

.tooltip.tt-el li:last-child {
  padding-bottom: 0; }

.tooltip.tt-el ul:last-child {
  margin-bottom: 0; }

/*-------------------------------------------------------------
 pageThumb
---------------------------------------------------------------*/
.pageThumb img {
  display: block; }

.pageThumb .pt-tl,
.pageThumb .pt-tr,
.pageThumb .pt-bl,
.pageThumb .pt-br {
  background-repeat: no-repeat;
  background-position: 0 0; }

.pageThumb .pt-tl {
  width: 19px;
  height: 17px; }

.pageThumb .pt-tc {
  width: 19px;
  height: 17px; }

.pageThumb .pt-tc img {
  height: 17px; }

.pageThumb .pt-tr {
  width: 29px;
  height: 17px; }

.pageThumb .pt-bl {
  width: 19px;
  height: 21px; }

.pageThumb .pt-bc {
  width: 19px;
  height: 21px; }

.pageThumb .pt-bc img {
  height: 21px; }

.pageThumb .pt-br {
  width: 29px;
  height: 21px; }

.pageThumb.spv .pt-tl {
  background-image: url(image/pageMask/pageMask-spv-tl.png); }

.pageThumb.spv .pt-tr {
  background-image: url(image/pageMask/pageMask-spv-tr.png); }

.pageThumb.spv .pt-bl {
  background-image: url(image/pageMask/pageMask-spv-bl.png); }

.pageThumb.spv .pt-br {
  background-image: url(image/pageMask/pageMask-spv-br.png); }

.pageThumb.gv .pt-tl {
  background-image: url(image/pageMask/pageMask-gv-tl.png); }

.pageThumb.gv .pt-tr {
  background-image: url(image/pageMask/pageMask-gv-tr.png); }

.pageThumb.gv .pt-bl {
  background-image: url(image/pageMask/pageMask-gv-bl.png); }

.pageThumb.gv .pt-br {
  background-image: url(image/pageMask/pageMask-gv-br.png); }

.pageThumb.mv .pt-tl {
  background-image: url(image/pageMask/pageMask-mv-tl.png); }

.pageThumb.mv .pt-tr {
  background-image: url(image/pageMask/pageMask-mv-tr.png); }

.pageThumb.mv .pt-bl {
  background-image: url(image/pageMask/pageMask-mv-bl.png); }

.pageThumb.mv .pt-br {
  background-image: url(image/pageMask/pageMask-mv-br.png); }

.pageThumb.pv .pt-tl {
  background-image: url(image/pageMask/pageMask-pv-tl.png); }

.pageThumb.pv .pt-tr {
  background-image: url(image/pageMask/pageMask-pv-tr.png); }

.pageThumb.pv .pt-bl {
  background-image: url(image/pageMask/pageMask-pv-bl.png); }

.pageThumb.pv .pt-br {
  background-image: url(image/pageMask/pageMask-pv-br.png); }

/*-------------------------------------------------------------
 Pagination (Pagination 2 (module/media))
---------------------------------------------------------------*/
.pagination {
  height: 100%;
  position: relative;
  overflow: hidden; }

.pagination input.text {
  position: relative;
  top: -1px;
  background: #fff;
  border: 0;
  padding: 6px 4px 4px 4px;
  width: 61px;
  text-align: center;
  font-weight: bold;
  color: #777a7e;
  line-height: 20px;
  -webkit-box-shadow: inset 0px 2px 3px 0px #c6c6c6;
  -moz-box-shadow: inset 0px 2px 3px 0px #c6c6c6;
  box-shadow: inset 0px 2px 3px 0px #c6c6c6;
  border-bottom: 1px solid #f1f1f1; }

.pagination input.text.off {
  background: none;
  border: 0;
  box-shadow: none;
  cursor: default;
  cursor: not-allowed; }

.pagination .textItem {
  position: relative;
  margin: 0 6px;
  cursor: default;
  float: left;
  line-height: 32px; }

.pagination .textItemGoto {
  line-height: 30px; }

.pagination .ti-display {
  margin-right: 3px;
  margin-left: 22px; }

.ie .pagination input.text {
  line-height: normal; }

.ie7 .pagination input.goToPage {
  top: 3px; }

.pagination .bt.e .l {
  padding-left: 4px; }

.pagination .bt.e .r {
  width: 3px; }

.pagination .bt.e:hover .r {
  background-position: -2558px -40px; }

.pagination .bt.e:active .r {
  background-position: -2558px -80px; }

/* nbResults */
.nbResults {
  display: inline-block;
  text-align: center;
  cursor: default;
  background: #E9ECEE;
  text-shadow: 0px 1px 0px #FFF;
  color: #686F78;
  padding: 0 11px;
  text-shadow: none;
  border-radius: 4px;
  cursor: default;
  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.2); }

/*-------------------------------------------------------------
 Misc
---------------------------------------------------------------*/
.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.noMargin {
  margin: 0 0 !important; }

.bmc {
  padding: 0 10px; }

/* clear */
.clear {
  clear: both;
  width: 1px;
  height: 1px;
  overflow: hidden;
  visiblity: hidden; }

.x-hide-nosize,
.x-hide-nosize * {
  height: 0 !important;
  width: 0 !important; }

/* Note */
.note {
  display: block;
  width: 25px;
  height: 25px;
  background-color: #4d789d;
  border-radius: 25px;
  border: 2px solid white;
  box-shadow: 0px 0px 4px 2px gray;
  cursor: default; 
}

.note::after{
  content: "";
  background: url(image/pin_black.png) no-repeat;
  background-size: 14px;
  width: 17px;
  height: 19px;
  position: absolute;
  top: -10px;
  right: -12px;
}

.note .nb {
  display: block;
  position: relative;
  top: 5px;
  left: 1px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  width: 19px;
  cursor: default;
  text-align: center; }

.ext-webkit .note .nb {
  top: 14px; }

/* Pins */
.pins {
  display: block;
  width: 25px;
  height: 25px;
  background: #4d789d;
  border-radius: 25px;
  cursor: default; 
  border: 2px solid white;
  box-shadow: 0px 0px 2px 2px gray;
}

.sb-tab-maintenance .pins{
  background: red;
}

.sb-tab-maintenance .pins .pinsNb{
  font-size: 16px;
  top: 3px;
  left: 1px;
  font-weight: normal;
}

.sb-tab-todo .pins{
  background: orange;
}

.pins .pinsNb {
  display: block;
  position: relative;
  top: 4px;
  left: 0px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 20px;
  cursor: default;
  text-align: center; }

.ext-webkit .pins .pinsNb {
  top: 14px; }

.ie7 .pins {
  background-image: url(image/pins_bg.png); }

.ie7 .pins .pinsNb {
  top: 6px; }

/* paging */
.paging {
  height: 100%;
  position: relative;
  overflow: hidden; }

.paging input.text {
  position: relative;
  top: -1px;
  background: #fff;
  border: 0;
  padding: 6px 4px 4px 4px;
  width: 31px;
  text-align: center;
  font-weight: bold;
  color: #777a7e;
  line-height: 20px;
  -webkit-box-shadow: inset 0px 2px 3px 0px #c6c6c6;
  -moz-box-shadow: inset 0px 2px 3px 0px #c6c6c6;
  box-shadow: inset 0px 2px 3px 0px #c6c6c6;
  border-bottom: 1px solid #f1f1f1; }

.paging input.text.off {
  background: none;
  border: 0;
  box-shadow: none; }

.paging .textItem {
  position: relative;
  margin: 0 6px;
  cursor: default; }

.paging .ti-display {
  margin-right: 3px;
  margin-left: 22px; }

.ie .paging input.text {
  line-height: normal; }

.ie7 .paging input.goToPage {
  top: 3px; }

.paging .bt.e .l {
  padding-left: 4px; }

.paging .bt.e .r {
  width: 3px; }

.paging .bt.e:hover .r {
  background-position: -397px -40px; }

.paging .bt.e:active .r {
  background-position: -397px -80px; }

/* breadCrumb */
.breadCrumb {
  /*height: 100%; */
  overflow: hidden;
  padding-left: 5px; }

.pict {
  vertical-align: middle;
  padding: 0 4px; }

/*.breadCrumb .buttonBreadCrumb:nth-last-child(-n+2) .bt {color: #484c51; font-weight: bold; text-transform: uppercase;}*/
.breadCrumb .item:last-child {
  font-weight: bold;
  color: #000; }

/* subMenu */
.subMenu {
  position: relative;
  background: url(image/subMenu.gif) 0 0 repeat-x;
  border-bottom: 1px solid #D0D0D0;
  height: 31px;
  padding: 6px;
  overflow: hidden; }

.subMenu,
.subMenu * {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.subMenu .sm-c {
  width: 100%;
  height: 30px;
  border-collapse: collapse;
  border-spacing: 0; }

.subMenu .sm-cell1,
.subMenu .sm-cell3 {
  width: 300px; }

.subMenu .subMenu-tb .bt {
  margin-right: 6px; }

.subMenu-toolbar {
  position: relative;
  float: right;
  width: 200px; }

.subMenu-toolbar td {
  padding-right: 0 !important; }

.subMenu .subMenu-toolbar {
  position: relative;
  float: none;
  width: auto; }

.subMenu-tb {
  position: absolute;
  top: -5px;
  right: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin: -1px auto 0 auto; }

.subMenu-tb td {
  padding: 0 1px 0 2px;
  padding: 0; }

.subMenu-tb .bt {
  overflow: hidden;
  margin-right: 2px;
  white-space: nowrap;
  margin-right: 0; }

.subMenu .subMenu-tb {
  position: relative;
  top: auto;
  right: auto; }

/* navigateMenu_v2 */
.navigateMenu_v2 {
  margin: 10px auto; }

.navigateMenu_v2 td {
  padding: 0 4px; }

.ie7 .navigateMenu_v2 .bt {
  min-width: 100px; }

.navigateMenu-container {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: 0px -9px 9px -10px;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 100; }

.popup-footer-sticky {
  padding-bottom: 70px; }

/* Mandatory */
.mandatoryField {
  white-space: nowrap; }

.mandatoryLegend {
  text-align: center;
  font-style: italic; }

.mandSign {
  padding: 6px;
  background: url(image/icons/mandatoryIcon.gif) 0 0 no-repeat;
  text-indent: -1000px;
  font-size: 0.05em;
  color: #fff;
  top: -10px;
  vertical-align: middle;
  font-size: 0; }

.ie7 .mandSign {
  text-indent: 0; }

/* Status */
.status {
  padding: 3px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  cursor: default;
  white-space: nowrap; }

.status-icon .smallIcon {
  padding-right: 10px; }

.status0 {
  color: #FFF;
  background-color: #EF0000;
  text-transformation: uppercase; }

/* Undefined */
.status1 {
  color: #FFF;
  background-color: #E40071;
  text-transformation: uppercase; }

/* Active */
.status2 {
  color: #FFF;
  background-color: #FF9F29;
  text-transformation: uppercase; }

/* Scheduled */
.status3 {
  color: #FFF;
  background-color: #89C000;
  text-transformation: uppercase; }

/* Ended */
.status4 {
  color: #000;
  background-color: #E0E0E0;
  text-transformation: uppercase; }

/* Archived */
.statusVersion1 {
  color: #FFF;
  background-color: #FF9F29;
  text-transformation: uppercase; }

/* planified */
.statusVersion2 {
  color: #FFF;
  background-color: #E40071;
  text-transformation: uppercase; }

/* in_progress */
.statusVersion3 {
  color: #FFF;
  background-color: #89C000;
  text-transformation: uppercase; }

/* finished */
.btnImage {
  cursor: pointer; }

/* AssociationList widget */
.assoList .ico-add {
  background: url(image/icons/icon_add.gif) 0 0 no-repeat;
  width: 16px !important;
  height: 16px !important; }

.assoList .ico-delete {
  background: url(image/icons/icon_delete.gif) 0 0 no-repeat;
  width: 16px !important;
  height: 16px !important; }

.assoList .ico-moveUp {
  background: url(image/icons/icon_move_up.png) 0 0 no-repeat;
  width: 16px !important;
  height: 16px !important; }

.assoList .ico-moveDown {
  background: url(image/icons/icon_move_down.png) 0 0 no-repeat;
  width: 16px !important;
  height: 16px !important; }

.assoList .x-grid-body {
  overflow: hidden; }

.assoList.off {
  opacity: 0.6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }

.assoList.off .ico-add,
.assoList.off .ico-moveUp,
.assoList.off .ico-moveDown,
.assoList.off .ico-delete {
  display: none; }

/* widget.MultipleListForm */
.orderingList .hidden {
  display: none;
  display: block;
  visibility: hidden; }

.orderingList.cantAdd .buttonAdd {
  display: none; }

/*.orderingList .buttonAdd,
.orderingList .buttonDelete,
.orderingList .buttonMoveUp,
.orderingList .buttonMoveDown
{width: 26px;}*/
/* */
.listTumbLabel {
  border-collapse: collapse;
  border-spacing: 0; }

.listTumbLabel td {
  padding: 0 !important;
  vertical-align: middle !important; }

.listTumbLabel .img {
  width: 50px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  background: #fff !important;
  border: 1px solid #ccc !important; }

.listTumbLabel .ltImg {
  margin-top: -28px;
  width: 50px;
  height: 30px;
  visibility: hidden; }

.listTumbLabel .label {
  padding-left: 6px !important;
  display: none; }

/* */
.tick {
  text-align: center; }

/* listActions */
.lt-actionColumn {
  width: 150px; }

.listActions {
  float: right;
  height: 14px; }

/* gpopup */
.gpopup .box .box-t {
  font-weight: bold; }

.gpopup .box .box-m {
  background: #fff;
  margin: 0 1px; }

.gpopup .box .box-m .bmc2 {
  display: none; }

.gpopup .box .box-m .bmc {
  margin: 0;
  padding: 0; }

.gpopup .popupContent {
  padding: 0;
  height: 100%; }

.gpopup .footToolbar {
  padding: 0 5px; }

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

#productMaskPopupContent {
  /*height:300px;overflow:auto;*/ }

/* Statut */
.statut {
  display: inline;
  padding: 3px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  cursor: default;
  white-space: nowrap; }

.statut-icon .smallIcon {
  padding-right: 10px; }

/* */
.prodListInPageBody.x-hide-display,
.prodListC.x-hide-display {
  display: block !important; }

/*-------------------------------------------------------------
 Form elements 
---------------------------------------------------------------*/
input[type="text"] {
  font-size: 11px; }

input[type="checkbox"] {
  cursor: pointer; }

select {
  font-size: 11px; }

input.text2 {
  padding: 4px; }

input.disable {
  opacity: 0.3;
  background: #EBEBEB;
  cursor: default; }

.ie7 input.disable,
.ie8 input.disable {
  filter: alpha(opacity=30); }

.formItem {
  padding: 0 0 10px 0; }

/* Checkbox/radio item (<span class="cbItem"><input /><label></label></span>) */
.cbItem-off {
  opacity: 0.5; }

.cbItem {
  display: inline-block;
  padding: 2px 20px 2px 0; }

.cbItem input {
  vertical-align: top; }

.cbItem label {
  padding-left: 4px; }

/* frm-table */
.frm-table,
.formTable {
  min-width: 0 !important; }

.frm-table .frm-label,
.frm-table .frm-value,
.formTable .label,
.formTable .value {
  padding: 4px;
  vertical-align: top; }

.frm-table .frm-label,
.formTable .label {
  padding-right: 10px; }

.frm-table .frm-value,
.formTable .value {
  padding-right: 10px; }

/* dateSelect */
.dateSelect {
  height: 100%;
  overflow: hidden;
  font-size: 11px; }

.dateSelect .from {
  float: left;
  height: 100%;
  overflow: hidden;
  padding-bottom: 4px; }

.dateSelect .from span,
.dateSelect .to span {
  display: block;
  float: left; }

.dateSelect .to {
  float: left;
  padding-left: 10px; }

.dateSelect .ds-label {
  padding-top: 6px;
  padding-right: 4px; }

.dateSelect .ds-inpt {
  padding-top: 3px; }

.dateSelect .ds-inpt input {
  width: 60px; }

.dateSelect .ds-bt {
  padding-top: 3px;
  padding-left: 4px; }

.calendarBt {
  display: block;
  width: 16px;
  height: 16px;
  background: url(image/sprites.png) -1667px -155px no-repeat; }

.calendar {
  left: -600px;
  top: -600px; }

/* fix little display bug  */
/* labelIcon */
.labelIcon {
  display: block;
  height: 24px;
  overflow: hidden; }

.labelIcon .ico {
  float: left; }

.labelIcon .label {
  float: left;
  line-height: 30px;
  line-height: 25px;
  padding-left: 2px; }

.labelIcon.li-24 .label {
  line-height: 29px;
  padding-left: 6px; }

.labelIconSector {
  width: 180px;
  width: 160px;
  margin-top: 7px;
  white-space: nowrap; }

.labelIconSectorInTable {
  white-space: nowrap; }

/*-------------------------------------------------------------
 Dropdown elements
---------------------------------------------------------------*/
/* dropdown */
.dropdown {
  background: #393939;
  color: #fff;
  height: 100%;
  overflow: hidden; }

.dropdown label:hover {
  color: #fff; }

.dropdown h4 {
  font-family: BabyMinePlump, arial, sans-serif;
  color: #fff;
  text-shadow: 0px 1px 0px #000; }

.dropdown select,
.dropdown option {
  color: #000 !important; }

.dropdown input.text,
.dropdown input.inpt {
  border: 0;
  padding: 5px;
  background: #2b2b2b;
  color: #535353;
  color: #ccc;
  -webkit-box-shadow: inset 0px 4px 3px 0px #1c1c1c;
  -moz-box-shadow: inset 0px 4px 3px 0px #1c1c1c;
  box-shadow: inset 0px 4px 3px 0px #1c1c1c; }

.dropdown .bt {
  text-shadow: none !important; }

.dropdown .btnImage {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(image/icons/icon_calendar_white.png) center center no-repeat; }

.dropdown .btnImage img {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0; }

/* Dropdown-2 */
.dd2 {
  position: absolute;
  visibility: visible !important;
  top: 0;
  left: 0;
  background: #fff;
  display: none;
  line-height: normal;
  border: 1px solid #dedede;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }

.dd2 .itemListB li.off {
  opacity: .3;
  cursor: not-allowed; }

.dd2 .itemListB li.off * {
  cursor: not-allowed; }

.dd2 .itemListB li.off a:hover {
  color: inherit; }

.ie7 .dd2 .itemListB li.off .ico,
.ie8 .dd2 .itemListB li.off .ico {
  filter: alpha(opacity=30); }

.ie7 .dd2 .itemListB li.off a,
.ie8 .dd2 .itemListB li.off a {
  color: #ccc; }

.dd2 .itemListB li a {
  display: block; }

.dd2 .ico {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  position: relative;
  top: -5px;
  float: left;
  margin-right: 7px; }

.dd2 .ico-indesign-16 {
  width: 16px;
  height: 16px;
  top: -2px;
  left: 2px; }

.dd2 .option {
  display: block; }

.ie7 .dd2 .option {
  border: 1px solid transparent; }

/* frm-filter (Default filter form displayed in overlay) */
.frm-filter {
  width: 400px; }

.frm-filter {
  padding: 10px;
  height: 100%;
  overflow: hidden; }

.frm-filter .tb {
  margin-top: 7px; }

.frm-filter .bt .l {
  min-width: 64px;
  text-align: center; }

.frm-filter select {
  max-width: 250px; }

/* frm-searchFieldFilter */
.frm-searchFieldFilter {
  width: 500px; }

.frm-searchFieldFilter .frm-label {
  padding-bottom: 9px;
  text-align: right;
  padding-right: 13px;
  vertical-align: middle; }

.frm-searchFieldFilter .bt.b .l {
  padding-left: 5px; }

.frm-searchFieldFilter .bt.b .label {
  padding-right: 5px; }

.frm-searchFieldFilter .tb {
  padding-top: 12px; }

/* frm-prodListSearchFieldFilter */
.frm-prodListSearchFieldFilter {
  width: 450px !important; }

.frm-prodListSearchFieldFilter .frm-label {
  padding-bottom: 9px;
  text-align: right;
  padding-right: 13px;
  padding-left: 13px;
  vertical-align: middle; }

.frm-prodListSearchFieldFilter .bt.b .l {
  padding-left: 5px; }

.frm-prodListSearchFieldFilter .bt.b .label {
  padding-right: 5px; }

.frm-prodListSearchFieldFilter .tb {
  padding-top: 12px; }

/* frm-prodListSearchFieldFilter2 */
.frm-prodListSearchFieldFilter2 {
  padding-top: 9px;
  width: 450px; }

.frm-prodListSearchFieldFilter2 .frm-label {
  padding-bottom: 9px;
  text-align: right;
  padding-right: 13px;
  padding-left: 13px;
  vertical-align: middle; }

.frm-prodListSearchFieldFilter2 .frm-label,
.frm-prodListSearchFieldFilter2 .frm-value {
  padding: 2px 7px;
  vertical-align: middle; }

.frm-prodListSearchFieldFilter2 .frm-btRemove {
  padding-left: 5px; }

.frm-prodListSearchFieldFilter2 .frm-btAdd {
  padding-left: 20px; }

.plsff2-item.first .frm-btRemove {
  display: none; }

/*-------------------------------------------------------------
 Item list
---------------------------------------------------------------*/
.itemList {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: outside; }

.itemList .il-item:first-child .il-a {
  border-top: 1Px solid #ebebeb; }

.itemList .il-a {
  display: block;
  background: url(image/itemList.gif) 0 bottom repeat-x;
  padding: 6px 4px;
  border-bottom: 1px solid #ebebeb; }

.itemList .il-a:hover {
  background-position: -1280px bottom;
  border-bottom: 1px solid #f1f1f1; }

.itemList .il-img {
  position: relative;
  float: left;
  border: 1px solid #cdcdcd;
  width: 56px;
  height: 56px;
  overflow: hidden;
  margin-right: 10px; }

.itemList .il-img img {
  position: relative; }

.ie7 .itemList .il-a {
  height: 0; }

/* Item list b (used in dropdown menu) */
.itemListB {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  text-shadow: 0px 2px 0px #fff;
  white-space: nowrap;
  max-height: 460px;
  min-width: 160px !important;
  overflow: auto; }

.itemListB .il-a,
.suggest .groupTitle {
  display: block;
  background: url(image/itemList.gif) 0 bottom repeat-x;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #fff;
  text-decoration: none;
  padding: 8px 12px;
  line-height: normal;
  white-space: normal; }

.itemListB .il-a:hover {
  background-position: -1280px bottom;
  border-bottom: 1px solid #f1f1f1;
  color: #000; }

.itemListB .il-a span {
  cursor: pointer; }

.ie7 .itemListB .il-a span.option {
  /*width: 70px;*/ }

/* Item list c (used in the sidebox) */
.itemListC {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  text-shadow: 0px 2px 0px #fff;
  list-style-position: outside; }

.itemListC .il-item {
  margin-bottom: 5px; }

.itemListC .il-item:last-child {
  margin-bottom: 0; }

.itemListC .il-a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  display: block;
  background: #e9e9e9;
  padding: 14px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 9px #D5D5D5 inset;
  -moz-box-shadow: 0 6px 9px #D5D5D5 inset;
  box-shadow: 0 6px 9px #D5D5D5 inset; }

.itemListC .il-a img {
  vertical-align: bottom;
  padding-right: 3px; }

.itemListC .il-item-selected .il-a {
  background: #edf2fa; }

.ie7 .itemList .ico,
.ie7 .itemList .ico .bg,
.ie7 .itemList .ico .bg2,
.ie7 .itemListB .ico,
.ie7 .itemListB .ico .bg,
.ie7 .itemListB .ico .bg2,
.ie7 .itemListC .ico,
.ie7 .itemListC .ico .bg,
.ie7 .itemListC .ico .bg2 {
  position: static !important; }

.ie7 .itemList .ico .bg2,
.ie7 .itemListB .ico .bg2,
.ie7 .itemListC .ico .bg2 {
  margin-left: 2px !important; }

/*-------------------------------------------------------------
 Tabs
---------------------------------------------------------------*/
.tabs,
.tabl,
.tabc,
.tabr {
  height: 28px;
  cursor: pointer; }

.tab {
  display: block;
  position: relative;
  overflow: hidden;
  line-height: 31px;
  float: right;
  margin-left: -36px;
  text-decoration: none;
  font-size: 14px; }

.tabl,
.tabc,
.tabr {
  display: block;
  float: left;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat; }

.tabl {
  width: 33px;
  background-position: -16px -610px; }

.tabc {
  padding: 0;
  background-position: -49px -610px;
  text-shadow: 0px 1px 0px #fff;
  overflow: hidden; }

.tabr {
  width: 33px;
  background-position: -846px -610px; }

.tab .ico {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-right: 10px;
  opacity: .6;
  margin-top: 2px; }

.tab .label {
  display: block;
  float: left;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  letter-spacing: 0; }

.tab,
.tab:hover,
.tab.on:hover {
  color: #64676b; }

.tab:hover {
  color: #36383a; }

.tab.on {
  z-index: 1; }

.tab.on,
.tab.on:hover {
  color: #000; }

.tab.on .tabl {
  background-position: -16px -572px; }

.tab.on .tabc {
  background-position: -49px -572px; }

.tab.on .tabr {
  background-position: -846px -572px; }

.tab.on .ico {
  opacity: 1; }

/*-------------------------------------------------------------
 Carousel2
---------------------------------------------------------------*/
.carousel2 {
  width: 100%;
  overflow: hidden;
  height: 100%; }

.carousel2 .car-mask {
  float: left;
  position: relative;
  overflow: hidden; }

.carousel2 .car-mask2 {
  overflow: hidden; }

.carousel2 .car-arrow-left,
.carousel2 .car-arrow-right {
  display: block;
  float: left;
  width: 26px;
  position: relative;
  height: 100%;
  cursor: pointer; }

.carousel2 .car-arrow-left span,
.carousel2 .car-arrow-right span {
  position: relative;
  top: 50%;
  margin-top: -50px; }

.carousel2 .car-arrow-left span,
.carousel2 .car-arrow-right span {
  display: block;
  width: 26px;
  height: 100px; }

.carousel2 .car-items {
  position: relative;
  width: 9999px;
  width: 40000px;
  height: 100%;
  overflow: hidden; }

.carousel2 .car-item {
  float: left;
  cursor: pointer; }

.carousel2 .car-arrow-left span {
  background: url(image/sprites.png) -834px -153px no-repeat; }

.carousel2 .car-arrow-left:hover span {
  background-position: -870px -153px; }

.carousel2 .car-arrow-left:active span {
  background-position: -906px -153px; }

.carousel2 .car-arrow-right span {
  background: url(image/sprites.png) -834px -263px no-repeat; }

.carousel2 .car-arrow-right:hover span {
  background-position: -870px -263px; }

.carousel2 .car-arrow-right:active span {
  background-position: -906px -263px; }

.carousel2-off .car-arrow-left span,
.carousel2-off .car-arrow-right span {
  display: none;
  cursor: auto; }

/* pageCarousel */
.pageCarousel .car-mask2 {
  width: 900px; }

/* detailCarousel */
.detailCarousel .car-mask2 {
  width: 600px; }

/*-------------------------------------------------------------
 Carousel
---------------------------------------------------------------*/
.carousel {
  overflow: hidden; }

.carousel .car-table {
  margin: 0 auto;
  padding: 0; }

.carousel .car-prev,
.carousel .car-next,
.carousel .car-content,
.carousel .car-item {
  border: 0;
  padding: 0; }

.carousel .car-content {
  padding: 10px 0; }

.carousel .car-content-c {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative; }

.carousel .car-prev a,
.carousel .car-next a {
  display: block;
  width: 46px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer; }

.carousel .car-prev a {
  background-image: url(image/car-arrow-left.png); }

.carousel .car-next a {
  background-image: url(image/car-arrow-right.png);
  right: 0; }

.carousel .car-prev span,
.carousel .car-next span {
  display: none; }

.carousel .car-items {
  margin: 0 auto;
  padding: 0; }

.carousel .car-item span {
  cursor: pointer; }

.carousel .car-prev a.press {
  background-image: url(image/car-arrow-left-press.png); }

.carousel .car-next a.press {
  background-image: url(image/car-arrow-right-press.png); }

/* Disabled */
.carousel.disabled .car-prev,
.carousel.disabled .car-next {
  visibility: hidden; }

.carousel.disabled .car-item a,
.carousel.disabled .car-item a span {
  cursor: default !important; }

.carousel.disabled {
  color: #666; }

/* car-filter */
.car-filter {
  margin: 0 auto; }

/* carousel */
.carousel {
  background: url(image/carousel_background.gif) 0 0 repeat-x; }

.carousel .car-item {
  width: 115px;
  height: 74px;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4; }

.carousel .car-item a {
  display: block;
  width: 115px;
  height: 74px; }

.carousel .car-item span {
  display: block;
  background-position: center center;
  background-repeat: no-repeat; }

.carousel .car-item-on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  font-weight: bold;
  color: #000; }

.carousel .car-item-on span,
.carousel .car-item-on img {
  background-color: #fff;
  border: 1px solid #838383; }

.carousel-brand .car-item span {
  width: 115px;
  height: 74px; }

.carousel-brand .car-item img,
.carouselAssociatedProducts .car-item img {
  width: 90px; }

.carousel-versionType .car-item a {
  width: 150px;
  height: 150px; }

.carousel-versionType .car-item span {
  width: 150px;
  height: 150px; }

.carousel-versionType .car-item img {
  width: 90px; }

.carousel-productEdit .car-item a {
  width: 115px;
  height: 74px; }

.carousel-productEdit .car-item span,
.carousel-productDetail .car-item span {
  display: block;
  width: 115px;
  height: 74px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer; }

.carousel-productEdit .car-item img {
  width: 90px; }

.carousel-productEdit .title,
.carousel-productDetail .title {
  width: 115px;
  min-height: 31px;
  text-align: center;
  padding-top: 3px; }

/*-------------------------------------------------------------
 Custom scrollbar (Webkit, Firefox)
---------------------------------------------------------------*/
/* Customer webkit scrollbar 1 */
.custScroll::-webkit-scrollbar,
.x-scroller-ct::-webkit-scrollbar {
  width: 6px;
  height: 9px; }

.custScroll::-webkit-scrollbar-button:start:decrement,
.custScroll::-webkit-scrollbar-button:end:increment,
.x-scroller-ct::-webkit-scrollbar-button:start:decrement,
.x-scroller-ct::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
  background-color: transparent; }

.custScroll::-webkit-scrollbar-track-piece,
.x-scroller-ct::-webkit-scrollbar-track-piece {
  margin: 10px 0;
  margin: 0;
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px; }

.custScroll::-webkit-scrollbar-thumb:vertical,
.x-scroller-ct::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: rgba(4, 25, 50, 0.3);
  -webkit-border-radius: 4px; }

.custScroll::-webkit-scrollbar-thumb:horizontal,
.x-scroller-ct::-webkit-scrollbar-thumb:horizontal {
  width: 50px;
  background-color: rgba(4, 25, 50, 0.3);
  -webkit-border-radius: 4px; }

/* Customer webkit scrollbar 2 */
.custScroll2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: #feffff;
  border-left: 1Px solid #606060; }

.custScroll2::-webkit-scrollbar-button:start:decrement,
.custScroll2::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
  background-color: transparent; }

.custScroll2::-webkit-scrollbar-track-piece {
  margin: 0px 0;
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px; }

.custScroll2::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: rgba(4, 25, 50, 0.22);
  -webkit-border-radius: 4px; }

.custScroll2::-webkit-scrollbar-thumb:horizontal {
  width: 1px;
  background-color: rgba(4, 25, 50, 0.22);
  -webkit-border-radius: 4px; }

/* Customer webkit scrollbar 3 */
.custScroll3::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background: #fff;
  border-left: 1Px solid #606060; }

.custScroll3::-webkit-scrollbar-button:start:decrement,
.custScroll3::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
  background-color: transparent; }

.custScroll3::-webkit-scrollbar-track-piece {
  margin: 0px 0; }

.custScroll3::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: rgba(4, 25, 50, 0.4); }

.custScroll3::-webkit-scrollbar-thumb:horizontal {
  width: 1px;
  background-color: rgba(4, 25, 50, 0.4); }

/*-------------------------------------------------------------
 Page
---------------------------------------------------------------*/
/* page-a */
.page-a {
  display: block;
  background: #fff;
  border: 1px solid #d5d5d5;
  box-shadow: 3px 3px 4px 0px #d5d5d7; }

/* page-b */
.page-b {
  margin-left: 10px; }

.page-b img {
  display: block; }

.p-gv {
  position: relative;
  width: 170px;
  height: 220px;
  background: url(image/pages.png) 0 0 no-repeat; }

.p-gv .p-img {
  position: absolute;
  top: 13px;
  left: 16px;
  background: #fff;
  width: 135px;
  height: 190px;
  overflow: hidden;
  display: table;
  vertical-align: middle; }

.p-gv .p-img div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.p-mv {
  position: relative;
  width: 170px;
  height: 220px;
  background: url(image/pages.png) 0 -232px no-repeat; }

.p-mv .p-img {
  position: absolute;
  top: 15px;
  left: 13px;
  background: #fff;
  width: 135px;
  height: 190px;
  overflow: hidden;
  display: table;
  vertical-align: middle; }

.p-mv .p-img div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.p-pv {
  position: relative;
  width: 170px;
  height: 220px;
  background: url(image/pages.png) 0 -472px no-repeat; }

.p-pv .p-img {
  position: absolute;
  top: 13px;
  left: 10px;
  background: #fff;
  width: 135px;
  height: 190px;
  overflow: hidden;
  display: table;
  vertical-align: middle; }

.p-pv .p-img div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.p-gv_134x134 {
  position: relative;
  width: 170px;
  height: 220px;
  background: url(image/pages.png) -210px 55px no-repeat; }

.p-gv_134x134 .p-img {
  position: absolute;
  top: 64px;
  left: 21px;
  background: #fff;
  width: 134px;
  height: 134px;
  overflow: hidden;
  display: table;
  vertical-align: middle; }

.p-gv_134x134 .p-img div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.p-mv_134x134 {
  position: relative;
  width: 170px;
  height: 220px;
  background: url(image/pages.png) -210px -210px no-repeat; }

.p-mv_134x134 .p-img {
  position: absolute;
  top: 64px;
  left: 21px;
  background: #fff;
  width: 134px;
  height: 134px;
  overflow: hidden;
  display: table;
  vertical-align: middle; }

.p-mv_134x134 .p-img div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

.p-pv_134x134 {
  position: relative;
  width: 170px;
  height: 220px;
  background: url(image/pages.png) -210px -459px no-repeat; }

.p-pv_134x134 .p-img {
  position: absolute;
  top: 64px;
  left: 21px;
  background: #fff;
  width: 134px;
  height: 134px;
  overflow: hidden;
  display: table;
  vertical-align: middle; }

.p-pv_134x134 .p-img div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center; }

/* Page Item */
.pageItem {
  position: relative;
  cursor: pointer;
  padding: 5px;
  padding: 10px; }

.pageItem h4,
.pageItem .nbPage {
  margin-left: 15px; }

.pageItem h4 {
  margin-bottom: 0; }

.pageItem h4 strong {
  font-family: BabyMineFatOblique, Arial, sans-serif;
  color: #4d789d;
  font-size: 13px;
  padding-left: 10px;
  font-weight: normal; }

.nbPage {
  color: #566973;
  font-size: 11px;
  cursor: default;
  height: 24px;
  line-height: 24px; }

.nbPage .ico {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 4px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat; }

.pageItem-over {
  background: #F3F3F3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 0px 6px 9px #d5d5d5;
  -webkit-box-shadow: inset 0px 6px 9px #d5d5d5;
  -moz-box-shadow: inset 0px 6px 9px #d5d5d5; }

.pageItem .sep {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 2px;
  height: 280px;
  background: url(image/sprites.png) -910px -395px no-repeat; }

.pageItem.newEdition .sep {
  display: block; }

/*-------------------------------------------------------------
 Button & Buttons group
---------------------------------------------------------------*/
.bt,
.btgroup,
.labelIcon {
  color: #777a7e;
  text-shadow: 0px 1px 0px #fff;
  font-weight: bold;
  font-size: 11px; }

.bt:hover,
.btgroup:hover {
  color: #404040; }

.bt:active,
.btgroup:active,
.btgroup.on {
  color: #404040; }

/*-------------------------------------------------------------
 Popup
---------------------------------------------------------------*/
/*
 Update (3.2) : Mise en commentaire des hauteurs 100% pour les popins
 Celles-ci posent trop de problèmes d affichage de scrollbar qui ne devraient pas etre présentes
*/
html.popup {
  background: #fafafa;
  background: none;
  height: 100%; }

body.popup {
  background: none;
  padding: 20px;
  padding: 0;
  visibility: visible;
  padding: 8px 7px 2px 7px; }

/*-------------------------------------------------------------
 Zone
---------------------------------------------------------------*/
.zone {
  background: #000;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 6px 9px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 0px 6px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 6px 9px rgba(0, 0, 0, 0.3);
  border: 1px dashed #999;
  cursor: pointer; }

.zone:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.04);
  border-color: #000; }

.zone.on,
.zone.on:hover {
  opacity: 1;
  background: black;
  background: rgba(0, 173, 255, 0.5);
  box-shadow: inset 0px 6px 9px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 6px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 6px 9px rgba(0, 0, 0, 0.3);
  border-width: 1px;
  border-color: #007AFF; }

.zone-updated {
  background-color: #FF8F00; }

.ie7 .zone,
.ie8 .zone {
  filter: alpha(opacity=4); }

/*-------------------------------------------------------------
 listTableLog
---------------------------------------------------------------*/
table.listTableLog {
  min-width: 900px; }

table.listTableLog td {
  padding-top: 2px;
  padding-bottom: 2px; }

table.listTableLog th,
table.listTableLog th a {
  font-size: 11px;
  color: #3A4855;
  font-weight: bold; }

table.listTableLog td.label {
  width: 100px; }

table.listTableLog td.ft-ov {
  width: 300px; }

table.listTableLog td.ft-nv {
  width: 220px;
  font-weight: bold !important;
  color: #072E3D !important; }

table.listTableLog .action {
  text-align: right; }

table.listTableLog .lt-utilisateur {
  width: 80px; }

table.listTableLog .lt-date {
  width: 80px; }

table.listTableLog .lt-type {
  width: 90px; }

table.listTableLog .lt-after {
  padding-left: 16px; }

table.listTableLog tr.oddLine td.subEvenLine {
  background: #F5F7F8; }

table.listTableLog tr.evenLine td.subOddLine {
  background: #fff; }

table.listTableLog tr.evenLine td.subEvenLine {
  background: #F5F7F8; }

table.listTableLog tr.newLine td {
  border-top: 2px solid #E2E2E2; }

table.listTableLog td.lt-field {
  border-left: 1px solid #E3E7EC; }

table.listTableLog tr.newLine:first-child td {
  border-top: none; }

table.listTableLog tr.over td {
  background: inherit !important; }

table.listTableLog td.actionCompare {
  border-left: 1px solid #E3E7EC;
  /*vertical-align: top;*/ }

table.listTableLog td.actionCompare .bt {
  margin-top: 4px; }

table.listTableLog .thumb .th-img td,
table.listJournalValueTable .thumb .th-img td {
  width: auto;
  height: auto; }

table.listTableLog .thumb,
table.listJournalValueTable .thumb {
  margin: 0; }

table.listTableLog .multipleItem .mi-img,
table.listJournalValueTable .multipleItem .mi-img {
  width: 100%;
  height: auto; }

/*-------------------------------------------------------------
 wysiwygContent
---------------------------------------------------------------*/
.wysiwygContent h1 {
  font-size: 2em; }

.wysiwygContent h2 {
  font-size: 1.8em; }

.wysiwygContent h3 {
  font-size: 1.6em; }

.wysiwygContent h4 {
  font-size: 1.4em; }

.wysiwygContent h5 {
  font-size: 1.2em; }

.wysiwygContent p {
  display: block;
  margin: 1px 0;
  font-size: 1.2em; }

.wysiwygContent b,
.wysiwygContent strong {
  font-weight: bold; }

.wysiwygContent small {
  font-size: 80%; }

.wysiwygContent sub,
.wysiwygContent sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

.wysiwygContent sup {
  top: -0.5em; }

.wysiwygContent sub {
  bottom: -0.25em; }

.wysiwygContent img {
  border: 0; }

.wysiwygContent ul {
  display: block;
  list-style-type: disc;
  margin: 1px; }

.wysiwygContent li {
  display: list-item;
  list-style-type: disc;
  list-style-position: inside; }

/*-------------------------------------------------------------
 searchField
---------------------------------------------------------------*/
/* SearchField (displayed in the top red toolbar) */
.searchField {
  height: 100%;
  overflow: hidden; }

.searchField .sf-inpt {
  float: left;
  border: 0;
  width: 200px;
  height: 22px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  padding: 0px 6px;
  border-radius: 3px 0px 0 3px; }

.searchField .sf-inpt {
  background-position: -998px -570px; }

.searchField .sf-clearBt {
  float: left;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url(image/sprites.png) -1128px -541px no-repeat; }

.searchField .sf-clearBt.sf-clear-off {
  background: url(image/sprites.png) -1095px -541px no-repeat;
  display: none; }

.searchField .sf-moreBt {
  float: left;
  width: 33px;
  height: 22px;
  cursor: pointer;
  background: url(image/sprites.png) -1150px -541px no-repeat; }

.searchField .sf-moreBt.sf-options-off {
  background-position: -1183px -541px; }

.sf-okBt {
  position: relative;
  width: 42px;
  height: 22px;
  float: left;
  background: url(image/sprites.png) -1324px -445px no-repeat;
  cursor: pointer; }

.sf-okBt.over {
  background-position: -1324px -477px; }

.sf-okBt.active {
  background-position: -1324px -509px; }

.sf-okBt .ico {
  display: block;
  position: absolute;
  top: -1px;
  left: 8px;
  width: 24px;
  height: 24px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  opacity: 0.7; }

.sf-okBt.over .ico,
.sf-okBt.active .ico {
  opacity: 1; }

.searchFieldFilterForm {
  display: none; }

/* Searchfield detailed box */
.moarBox {
  background: #fff;
  border: 1px solid #dedede;
  padding: 20px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }

/* SearchField 2 (Bigger searchfield) */
.searchField2 {
  position: relative;
  height: 29px;
  overflow: hidden; }

.searchField2 .sf2-input {
  border: 1px solid #dfdfdf;
  border-top: 1px solid #e7e7e7;
  background: #fff;
  height: 29px;
  overflow: hidden; }

.searchField2 .ext-gecko .sf2-input {
  margin-right: 38px; }

.searchField2 .sf2-input input {
  border: 0;
  background: none;
  height: 29px;
  width: 100%;
  float: left;
  padding: 0 4px;
  font-size: 12px; }

.searchField2 .sf2-arrow {
  width: 32px;
  height: 29px;
  cursor: pointer; }

.searchField2 .sf2-arrow .ico {
  position: relative;
  width: 16px !important;
  height: 16px !important;
  background: url(image/sprites.png) -1700px -155px no-repeat; }

.searchField2 .sf2-bt {
  float: right; }

.searchField2 .sf2-bt .ico {
  left: 7px;
  top: 2px; }

.searchField2 .sf2-bt .l {
  width: 33px;
  height: 29px;
  background: url(image/sprites.png) -109px -106px no-repeat; }

.searchField2 .sf2-bt .r {
  width: 5px;
  height: 29px;
  background: url(image/sprites.png) -142px -106px no-repeat; }

.searchField2 .sf2-bt-clear {
  float: right; }

.searchField2 .sf2-form {
  display: none; }

/* SearchField 3 (use : module/media) */
.searchField3 {
  position: relative;
  height: 29px;
  overflow: hidden; }

.searchField3 .sf-input {
  background: url(image/sprites.png) -10px -939px no-repeat;
  height: 29px;
  overflow: hidden;
  padding-right: 33px;
  border-right: 1px solid #dfdfdf;
  font-weight: bold;
  padding-left: 4px; }

.searchField3 .sf-input textarea {
  background: transparent;
  border: 0; }

.searchField3 .ext-gecko .sf-input {
  margin-right: 38px; }

.searchField3 .sf-input input {
  border: 0;
  background: none;
  height: 29px;
  width: 100%;
  float: left;
  padding: 0 4px;
  font-size: 12px;
  text-shadow: 0 -1px 2px #fff !important; }

.ie7 .searchField3 .sf-input input {
  line-height: 32px; }

.searchField3 .sf-arrow {
  width: 32px;
  height: 29px;
  cursor: pointer;
  position: absolute;
  right: 37px;
  top: 0; }

.searchField3 .sf-arrow .ico {
  position: relative;
  width: 16px;
  height: 16px;
  top: 7px;
  left: 8px;
  background: url(image/sprites.png) -1699px -155px no-repeat; }

.searchField3 .sf-bt {
  float: right; }

.searchField3 .sf-bt .ico {
  left: 5px;
  top: 0px; }

.searchField3 .sf-bt .l {
  width: 33px;
  height: 29px;
  background: url(image/sprites.png) -19px -106px no-repeat; }

.searchField3 .sf-bt .r {
  width: 5px;
  height: 29px;
  background: url(image/sprites.png) -142px -106px no-repeat; }

.searchField3 .sfbt-search.off {
  opacity: 0.5;
  cursor: not-allowed; }

.searchField3 .sf-bt-clear {
  float: right;
  height: 32px;
  position: absolute;
  right: 40px;
  cursor: pointer;
  visibility: hidden; }

.searchField3 .sf-bt-clear:hover .ico {
  opacity: 1; }

.searchField3 .sf-bt-clear .ico {
  top: 3px;
  opacity: .4; }

.searchField3 .sf-form {
  display: none; }

.searchField3 .pins {
  position: absolute;
  top: -3px;
  right: -10px; }

.searchField3.fill .sf-bt-clear {
  visibility: visible; }

.searchField3.on .sf-bt .l {
  background: url(image/sprites.png) -291px -978px no-repeat; }

.searchField3.on .sf-bt .r {
  background: url(image/sprites.png) -405px -978px no-repeat; }

/* searchfield3 with textarea inside */
.searchField3-ta .sf-input {
  padding-right: 0; }

.searchField3-ta .sf-input > textarea,
.searchField3 .sf-input > textarea {
  background: none;
  border: 0;
  width: 100%;
  resize: none !important;
  padding: 9px 0 0 6px; }

/* SearchField 4 (use : module/list - height: 26) */
.searchField4 {
  position: relative;
  height: 26px; }

.searchField4 > input[type="text"] {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: 0;
  top: 0;
  left: 0;
  display: block;
  background: #EAECEF;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  background: linear-gradient(#DFE1E4, #EAECEF);
  box-shadow: inset 0 3px 4px 2px #CED0D2;
  font-size: 12px;
  font-weight: bold;
  color: #505255;
  text-shadow: 0 -1px 2px #fff !important;
  padding: 1px 0 0 10px; }

.searchField4 > .sf-action {
  position: relative;
  z-index: 2;
  float: right; }

.searchField4 > .sf-action .bt .r {
  margin-right: 0; }

/* searchField4 with checkbox */
.sf-w-cb {
  margin-left: 36px; }

.sf-w-cb .sf-cb {
  position: relative;
  left: -22px;
  width: 26px;
  height: 26px; }

.sf-w-cb .sf-cb > input {
  position: relative;
  top: 4px; }

/* SearchField 5 (use : vprod/vshoot/vvisual) */
.searchField5 {
  position: relative;
  height: 29px;
  overflow: hidden; }

.searchField5 .sf-input {
  background: url(image/sprites.png) -10px -939px no-repeat;
  height: 29px;
  overflow: hidden;
  padding-right: 33px;
  border-right: 1px solid #dfdfdf;
  font-weight: bold;
  padding-left: 4px; }

.searchField5 .ext-gecko .sf-input {
  margin-right: 38px; }

.searchField5 .sf-input input {
  border: 0;
  background: none;
  height: 29px;
  width: 100%;
  float: left;
  padding: 0 4px;
  font-size: 12px;
  text-shadow: 0 -1px 2px #fff !important; }

.ie7 .searchField5 .sf-input input {
  line-height: 32px;
  text-align: right; }

.searchField5 .sf-arrow {
  width: 32px;
  height: 29px;
  cursor: pointer;
  position: absolute;
  right: 37px;
  top: 0; }

.searchField5 .sf-arrow .ico {
  position: relative;
  width: 16px;
  height: 16px;
  top: 7px;
  left: 8px;
  background: url(image/sprites.png) -1699px -155px no-repeat; }

.searchField5 .sf-bt {
  float: right; }

.searchField5 .sf-bt .ico {
  left: 7px;
  top: 2px; }

.searchField5 .sf-bt .l {
  width: 33px;
  height: 29px;
  background: url(image/sprites.png) -109px -106px no-repeat; }

.searchField5 .sf-bt .r {
  width: 5px;
  height: 29px;
  background: url(image/sprites.png) -142px -106px no-repeat; }

.searchField5 .sf-bt-clear {
  float: right;
  height: 32px;
  position: absolute;
  right: 40px;
  cursor: pointer;
  visibility: hidden; }

.searchField5 .sf-bt-clear:hover .ico {
  opacity: 1; }

.searchField5 .sf-bt-clear .ico {
  top: 3px;
  opacity: .4; }

.searchField5 .sf-form {
  display: none; }

.searchField5 .pins {
  position: absolute;
  top: -3px;
  right: -10px; }

.searchField5.fill .sf-bt-clear {
  visibility: visible; }

.searchField5.on .sf-bt .l {
  background: url(image/sprites.png) -371px -978px no-repeat; }

.searchField5.on .sf-bt .r {
  background: url(image/sprites.png) -405px -978px no-repeat; }

/* searchfield5 with textarea inside */
.searchField5-ta .sf-input {
  padding-right: 0; }

.searchField5-ta .sf-input > textarea {
  background: none;
  border: 0;
  width: 100%;
  resize: none !important;
  padding: 9px 0 0 6px; }

/*-------------------------------------------------------------
 Statusbar
---------------------------------------------------------------*/
.bar {
  display: block;
  width: 190px;
  height: 11px;
  background: url(image/sprites.png) -1372px -333px no-repeat; }

.bar span {
  display: block;
  height: 11px;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  text-indent: -1000px;
  font-size: 0; }

.bar1 span {
  background-position: -1372px -344px; }

.bar2 {
  width: 128px;
  background-position: -1372px -355px; }

.bar2 span {
  background-position: -1372px -366px; }

/*-------------------------------------------------------------
 Loading
---------------------------------------------------------------*/
.loading-indicator {
  display: block;
  width: 32px;
  height: 32px;
  background: url(image/loading.gif) center center no-repeat; }

.loading:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  background: rgba(255, 255, 255, 0.86) url("image/loadingSmallAnim.gif") center center no-repeat; }

/*-------------------------------------------------------------
 Columns
---------------------------------------------------------------*/
.col {
  height: 100%;
  overflow: hidden; }

.col-a {
  float: left; }

.col-b {
  float: left; }

/*-------------------------------------------------------------
 Thumb
---------------------------------------------------------------*/
.thumbList {
  overflow: hidden; }

.thumbList .thumb {
  float: left;
  border-radius: 4px;
  padding: 4px;
  width: 184px;
  min-height: 227px; }

.thumb {
  margin: 6px;
  overflow: hidden; }

.thumb table {
  width: 100%;
  height: 100%; }

.thumb table.productDetail {
  width: auto;
  height: 100%; }

.thumb .th-img {
  /*padding: 8px;*/
  text-align: center;
  /*height: 116px;*/
  vertical-align: bottom; }

.thumb .th-img td {
  width: 105px;
  height: 70px;
  width: 150px;
  height: 150px;
  height: 125px;
  vertical-align: bottom; }

.thumb .th-img img {
  display: block;
  margin: 0 auto;
  width: auto !important;
  height: auto !important;
  max-width: 125px;
  max-height: 125px; }

.thumb .thl-update .ico-zoom-16 {
  width: 16px !important;
  height: 16px !important;
  top: 2px; }

.thumb .th-label td {
  text-align: center;
  padding-top: 4px; }

.thumb .th-label .tb4 {
  margin-top: 4px; }

.thumb .thl-update {
  padding-top: 4px; }

.thumb .thl-tb {
  width: auto;
  margin: 0 auto; }

.thumb .thl-tb td {
  padding: 0 4px; }

.thumb .thl-text {
  width: 180px !important; }

.thumb .th-edit {
  padding-right: 6px; }

.thumb-wrap .thumb {
  cursor: pointer; }

.thumbListCreate .thl-update {
  display: none; }

.thumb.dropOver {
  background: #DADADA; }

.tb-prodDetail .thumb .th-img td {
  vertical-align: bottom; }

/* disabled */
.thumbList.disabled {
  color: #ccc; }

.thumbList.disabled .bt {
  display: none !important; }

/*
.thumbList.disabled .thl-text input[type="text"] {background: none;}*/
/*-------------------------------------------------------------
 img-wrapper
---------------------------------------------------------------*/
.img-wrapper {
  position: relative;
  display: table;
  margin: 0 auto; }

.img-wrapper-inner {
  display: table-cell; }

.img-wrapper .ico-declassed {
  position: absolute;
  top: 6px;
  left: 6px; }

/*-------------------------------------------------------------
 simplePopup
---------------------------------------------------------------*/
.simplePopup {
  background: #fff;
  border: 1px solid #DEDEDE;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }

.simplePopup-header {
  padding: 6px;
  background: #fff; }

.simplePopup-body {
  padding: 0px 0px 0px 16px;
  padding: 0; }

.spDataView {
  position: relative;
  height: 226px;
  overflow: auto;
  top: 30px; }

/* clientSwitch */
.clientSwitch {
  background: #fbfbfb;
  border: 1Px solid #ccc; }

.clientSwitch .spDataView {
  top: 20px; }

.clientSwitchList .itemListB {
  max-height: none; }

.clientSwitchList .itemListB .il-a {
  display: block;
  overflow: hidden;
  height: 56px; }

.clientSwitchList .itemListB .il-a .img {
  display: block;
  float: right;
  width: 84px;
  height: 38px;
  overflow: hidden;
  text-align: right; }

.clientSwitchList .itemListB .il-a .label {
  display: block;
  float: left;
  line-height: 38px; }

.clientSwitchList .itemListB .il-item:last-child .il-a {
  border-bottom: 0; }

.clientSwitch .x-tool {
  height: 24px !important; }

.clientSwitch .x-tool img {
  float: right;
  margin: 3px; }

/*-------------------------------------------------------------
 Product list
---------------------------------------------------------------*/
.prodList {
  /*height: 100%;*/
  margin-right: 4px; }

.prodList .prodListC {
  height: 100%; }

.prodList .loading-indicator {
  height: 100%;
  width: 100%; }

.prodList {
  border-right: 1px solid #dfdfdf; }

.prodList .il-a {
  height: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  padding: 0;
  cursor: default; }

.prodList .il-item {
  border: 1px solid #fff; }

.prodList .il-a .il-actions {
  padding-right: 10px; }

.prodList .il-a .actions {
  white-space: nowrap;
  width: 78px;
  width: 98px; }

.prodList .il-a .il-actions .info,
.prodList .il-a .il-actions .delete,
.prodList .il-a .il-actions .regroupInfo,
.prodList .il-a .il-actions .declineInfo {
  float: right; }

.prodList .il-item.on .info,
.prodList .il-item.on .delete,
.prodList .il-item.on .regroupInfo,
.prodList .il-item.on .declineInfo {
  cursor: default;
  opacity: 0; }

.prodList .info .ico,
.prodList .delete .ico {
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0 auto;
  top: 3px;
  left: 0; }

.prodList .info .ico-info-16 {
  background: url(image/sprites.png) -1640px -445px no-repeat !important; }

.prodList .info .ico-edit-16 {
  background: url(image/sprites.png) -1679px -232px no-repeat !important; }

.prodList .delete .ico {
  background: url(image/sprites.png) -351px -154px no-repeat !important; }

.prodList .bt.e {
  margin: 0;
  padding: 0;
  float: none;
  /*width: 26px;*/ }

.prodList .bt.e .l {
  padding-left: 0; }

.prodList .bt.e .r {
  width: 2px; }

.prodList .bt.e * {
  margin: 0;
  padding: 0; }

.prodList .bt.e:hover .r {
  background-position: -398px -40px; }

.prodList .bt.e:active .r {
  background-position: -398px -80px; }

.prodList .il-item.on {
  text-shadow: none; }

.prodList .il-item.on,
.itemList .il-item.on * {
  color: #fff; }

.prodList .il-item.on .il-a {
  background: #333;
  border-bottom-color: transparent; }

.prodList .il-item.on .info {
  cursor: default;
  opacity: 0; }

.prodList .il-item.on .delete {
  cursor: default;
  opacity: 0; }

/* item regroup */
.prodList .regroupInfo .ico {
  background: url(image/sprites.png) -376px -153px no-repeat !important; }

.prodList .il-item.regroup .il-a .actions {
  width: 78px; }

.prodList .il-regroupIco {
  height: 43px; }

.prodList .regroupIcon {
  display: block;
  width: 53px; }

.prodList .regroupIcon .ico {
  width: 32px;
  margin: 0 auto; }

/* item decline */
.prodList .declineInfo .ico {
  background: url(image/sprites.png) -376px -201px no-repeat !important; }

.prodList .il-item.decline .il-a .actions {
  width: 78px; }

.prodList .il-declineIco {
  height: 43px; }

.prodList .declineIcon {
  display: block;
  width: 53px; }

.prodList .declineIcon .ico {
  width: 32px;
  margin: 0 auto; }

/* Selected element */
.prodList .il-item-selected {
  border: 1px dotted #136497; }

.prodList .il-item-selected .il-a {
  background: #ADB9C7; }

/* Selected element (on) */
.prodList .il-item-selected.on {
  border: 1px solid #fff; }

/* Drag ghost element */
.x-dd-drag-proxy .il-item .info,
.x-dd-drag-proxy .il-item .delete,
.x-dd-drag-proxy .il-item .trade,
.x-dd-drag-proxy .il-item .il-img {
  display: none; }

.x-dd-drag-proxy .il-item,
.x-dd-drag-proxy .il-item * {
  padding-top: 0;
  padding-bottom: 0; }

/* ProdList type list */
.prodList.pl-list .label {
  padding-right: 40px; }

.prodList.pl-list .info,
.prodList.pl-list .delete {
  top: 40%; }

.prodList.pl-list .pl-c-inner {
  padding-top: 8px;
  padding-bottom: 8px; }

/* prodListInPage */
.prodListInPage {
  font-size: 11px; }

.prodListInPage .il-a {
  text-decoration: none;
  color: #000;
  padding: 3px 4px;
  padding: 0;
  overflow: hidden; }

.prodListInPage .pli-c {
  display: block;
  padding-right: 10px;
  padding-right: 33px; }

.prodListInPage .il-item.even .il-a {
  border-bottom: 1px solid #ebebeb; }

.prodListInPage .il-item.odd .il-a {
  background: #fff;
  border-bottom: 1px solid #ebebeb; }

.prodListInPage .actionList .bt {
  float: right; }

.prodListInPage .info {
  display: block;
  width: 16px;
  height: 16px;
  background: url(image/sprites.png) -1646px -449px no-repeat;
  float: left;
  cursor: pointer; }

.prodListInPage .delete {
  display: block;
  width: 16px;
  height: 16px;
  background: url(image/sprites.png) -1667px -203px no-repeat;
  float: left;
  cursor: pointer; }

.prodListInPage .info.hover,
.prodListInPage .delete.hover {
  background-color: #e4e4e4;
  border-radius: 4px; }

.prodListInPage .il-actions {
  float: right;
  margin-top: 4px;
  width: 33px;
  height: 16px;
  overflow: hidden; }

.p-prod .x-grid-cell-inner {
  white-space: normal;
  height: 100%; }

/* .prodList .il-item */
.pageProdList .pl-item {
  background: url(image/itemList.gif) 0 bottom repeat-x;
  padding: 6px 4px;
  border-bottom: 1px solid #ebebeb; }

.pageProdList td.actions {
  white-space: nowrap;
  width: 32px; }

.pageProdList .info {
  display: block;
  float: left;
  width: 16Px;
  height: 16Px;
  background: url(image/icons/icon_edit.png) 0 0 no-repeat; }

.pageProdList .delete {
  display: block;
  float: left;
  width: 16Px;
  height: 16Px;
  background: url(image/icons/icon_delete.png); }

.p-prod,
.pageProdList,
.pageProdList .pl-item {
  /*position: relative !important;*/ }

/* ProdList Filters */
.prodListFilterDate {
  margin: 0 0 6px 0;
  font-size: 11px; }

.prodListFilterDate td {
  vertical-align: middle;
  padding: 2px; }

.prodListFilterDate th {
  font-weight: normal;
  padding-top: 2px; }

.prodListFilterDate .plfd_date {
  width: 70px;
  font-size: 11px; }

/*-------------------------------------------------------------
 globalFilterDetail
---------------------------------------------------------------*/
.globalFilterDetail {
  position: relative;
  background: url(image/globalSearchBackground.gif) 0 0 repeat-x;
  display: none; }

.globalFilterDetail .gfd-body {
  overflow: hidden;
  height: 0; }

.globalFilterDetail .gfd-body .imgTemp {
  width: 851px;
  height: 255px;
  margin: 10px auto;
  background: url(image/_temp_globalFilter.png) 0 0 no-repeat; }

/*-------------------------------------------------------------
 Mask
---------------------------------------------------------------*/
#mask {
  display: none;
  position: absolute;
  background: #fff;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ie #mask {
  filter: alpha(opacity=0); }

/*-------------------------------------------------------------
 labelButton
---------------------------------------------------------------*/
.labelButton {
  height: 29px;
  overflow: hidden; }

.labelButton .lb-label {
  float: left;
  line-height: 32px;
  padding-right: 4px; }

.labelButton .lb-bt {
  float: left; }

.labelButton .bt {
  float: none; }

/*-------------------------------------------------------------
 Confirm message / Error message / Warning message
---------------------------------------------------------------*/
.message {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  overflow: hidden;
  cursor: default;
  text-align: center;
  white-space: nowrap;
  background: none;
  height: auto;
  padding: auto; }

.message,
.message h3 {
  color: #3a545e;
  font-size: 14px;
  font-weight: bold;
  line-height: 38px; }

.message .cm-l,
.message .cm-r {
  height: 49px;
  background-image: url(image/alertMessage.png);
  background-repeat: no-repeat;
  float: left;
  white-space: nowrap; }

.message .cm-l {
  background-position: 0 0;
  padding-left: 20px;
  padding-right: 8px; }

.message .cm-r {
  width: 12px;
  background-position: -1668px 0; }

.message .cm-ll {
  background: url(image/icons/icon_info_24.gif) 0 center no-repeat;
  padding-left: 26px; }

.message.errorMessage .cm-ll {
  background: url(image/icons/icon_error.gif) 0 center no-repeat;
  padding-left: 26px; }

.message.warningMessage .cm-ll {
  background: url(image/icons/icon_warning.gif) 0 center no-repeat;
  padding-left: 26px; }

.message.errorMessage .cm-ll {
  background: url(image/icons/icon_error.gif) 0 center no-repeat;
  padding-left: 26px; }

.message.errorMessage {
  padding-left: 0;
  margin-left: 0; }

.message.warningMessage {
  padding-left: 0;
  margin-left: 0; }

.message.errorMessage2 {
  line-height: normal;
  line-height: 16px;
  padding-left: 0;
  margin-left: 0; }

.message.errorMessage2 .cm-r {
  display: none; }

.message.errorMessage2 .cm-l {
  background: transparent;
  padding: 0;
  height: auto;
  padding: 12px;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #d20022;
  color: #fff;
  border: 0px solid #fff;
  border: 1px solid #ff4751; }

.message.errorMessage2 .cm-ll {
  background: url(image/icons/icon_warn_white.png) 0 center no-repeat;
  padding-left: 26px; }

/*-------------------------------------------------------------
 warn
---------------------------------------------------------------*/
.warn > * {
  vertical-align: middle; }

/*-------------------------------------------------------------
 largeMessage
---------------------------------------------------------------*/
/* large message */
.largeMessage {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.42);
  width: 100%;
  height: 100%;
  position: fixed; }

.largeMessage .cm-l {
  padding: 100px;
  background: none; }

.largeMessage,
.largeMessage .cm-l,
.largeMessage .cm-r {
  white-space: normal; }

.largeMessage,
.largeMessage h3 {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  line-height: normal; }

.largeMessage ul {
  margin-left: 20px; }

.largeMessage li {
  list-style-type: disc;
  margin: 0 0 10px 0; }

.largeMessage .cm-l {
  width: 100%;
  height: 100%; }

.largeMessage .cm-ll {
  position: absolute;
  background: #fff;
  border: 1px solid #444444;
  width: 500px;
  padding: 20px;
  text-align: left;
  min-height: 180px;
  margin: 0 auto;
  border-radius: 3px; }

.largeMessage .footer-tb {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  width: 100%; }

.largeMessage .bt-close {
  height: auto;
  float: right; }

.largeMessage .bt-close .label {
  min-width: 60px;
  text-align: center; }

/*-------------------------------------------------------------
 badge
---------------------------------------------------------------*/
.listToolbar .bt-filter {
  position: relative;
  overflow: visible; }

.badge {
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 999;
  background: url(image/badge.png) 0 0 no-repeat;
  color: #FFF;
  font-size: 11px;
  font-family: arial, sans-serif;
  font-weight: bold; }

.badge,
.badge .bg {
  display: block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  cursor: default;
  text-shadow: none !important; }

/*-------------------------------------------------------------
 popin-foot
---------------------------------------------------------------*/
.popin-foot {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 101;
  border-top: 1px solid #ececec;
  width: 100%;
  padding: 10px 10px 0px 10px;
  text-align: right; }

/*-------------------------------------------------------------
 CGU
---------------------------------------------------------------*/
.static-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 24px; }

.CGUBanner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  width: 100%;
  text-align: center;
  font-size: 1.3em;
  background-color: #4d789d;
  color: white;
  padding: 20px;
  z-index: 200; }

.CGUBanner a {
  color: #fff; }

.CGUBanner .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

.CGUBanner .btn-ok {
  font-size: 14px;
  background-color: #fff;
  color: #000;
  float: right; }

.cgu-txt {
  display: inline-block;
  padding-top: 6px; }

/*-------------------------------------------------------------
 wysiwyg-preview
---------------------------------------------------------------*/
.wysiwyg-preview h1 {
  font-size: 22px; }

.wysiwyg-preview h2 {
  font-size: 20px; }

.wysiwyg-preview h3 {
  font-size: 18px; }

.wysiwyg-preview h4 {
  font-size: 16px; }

.wysiwyg-preview h5 {
  font-size: 14px; }

.wysiwyg-preview ul {
  list-style: disc;
  margin-left: 12px; }

.wysiwyg-preview li {
  list-style-position: outside; }

.wysiwyg-preview ul > li {
  list-style: disc !important; }

.wysiwyg-preview ul ul > li {
  list-style: circle !important; }

.wysiwyg-preview ul ul ul > li {
  list-style: square !important; }

.wysiwyg-preview table {
  border: 1px dashed #BBB;
  border-collapse: separate;
  border-spacing: 2px; }

.wysiwyg-preview td,
.wysiwyg-preview th {
  border: 1px dashed #BBB;
  padding: 4px; }

.wysiwyg-preview strong {
  font-weight: bold; }

.wysiwyg-preview em {
  font-style: italic; }

.wysiwyg-preview .dd {
  margin-bottom: 1em; }

.wysiwyg-preview .wysiwyg-preview dt {
  font-weight: bold; }

.wysiwyg-preview dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-size: .9rem; }

.wysiwyg-preview dl,
.wysiwyg-preview dd {
  font-size: .9rem; }

.wysiwyg-preview dd {
  display: block;
  margin-inline-start: 40px; }

.wysiwyg-preview dt {
  font-weight: bold; }

.wysiwyg-preview dt {
  display: block; }

/*-------------------------------------------------------------
 js/widget/MultipleItem.js
---------------------------------------------------------------*/
.multipleItem {
  padding: 10px 10px 6px 10px;
  overflow: hidden; }

.multipleItem input[type="checkbox"] {
  margin: 0 !important; }

.multipleItem .mi-item {
  height: 130px;
  margin: 0 4px;
  overflow: hidden;
  float: left;
  cursor: pointer;
  border-radius: 4px; }

.multipleItem .mi-img {
  height: 77px;
  white-space: nowrap;
  border-collapse: collapse;
  left: 0;
  top: 0;
  position: relative; }

.multipleItem .mi-img td {
  text-align: center;
  vertical-align: middle; }

.multipleItem .mi-label {
  text-align: center; }

.multipleItem .mi-label label {
  padding-left: 4px; }

.multipleItem .mi-item,
.multipleItem .mi-img {
  width: 85px; }

.multipleItem .mi-item-on {
  box-shadow: 0 0 7px #A3A3A3; }

.multipleItem-readOnly .mi-item {
  cursor: default; }

.multipleItem.disabled {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

.multipleItem.disabled .mi-item {
  cursor: default; }

/*-------------------------------------------------------------
 js/goa/ThumbToolTip
---------------------------------------------------------------*/
.thumbToolTip {
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid #fff;
  -webkit-box-shadow: 0px 0px 6px 0px #ccc;
  -moz-box-shadow: 0px 0px 6px 0px #ccc;
  box-shadow: 0px 0px 6px 0px #333; }

.thumbTooltip img {
  display: block; }

.thumbToolTip .tt-c {
  position: relative; }

.thumbToolTip-mouseZone {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: none; }

/*-------------------------------------------------------------
 Lightbox
---------------------------------------------------------------*/
#lightBox {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  z-index: 22;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 2px 2px 2px 0px #b7b7b7;
  -moz-box-shadow: 2px 2px 2px 0px #b7b7b7;
  box-shadow: 2px 2px 2px 0px #b7b7b7; }

#lightBox .bt-close {
  width: 24px;
  height: 24px;
  top: -9px;
  right: -9px;
  position: absolute;
  background: url(image/sprites.png) -304px -201px no-repeat;
  cursor: pointer; }

#lightBox .popup {
  background: none; }

.lightBoxImage {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.lightBoxImage img {
  display: block; }

#lightBox.lightBoxIFrame {
  background: none;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none; }

/*-------------------------------------------------------------
 carouselProduct
---------------------------------------------------------------*/
.carouselProduct {
  height: 125px;
  /* Reservation height */ }

/*-------------------------------------------------------------
Widget input type file upload
<div class="upload upload-indicator upload-btn-wrapper">
...
</div>
https://codepen.io/adambene/pen/xRWrXN
---------------------------------------------------------------*/
.upload-btn-wrapper {
  position: relative;
  overflow: visible !important;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin: 4px;
  display: block !important;
  width: auto !important;
  height: auto !important; }

.upload-btn-wrapper .dragIcon {
  display: block;
  width: 50px;
  height: 50px;
  z-index: 100;
  position: relative; }

.upload-btn-wrapper.upload-indicator:after {
  display: none; }

.upload-btn-wrapper.upload-indicator .dragIcon:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  top: 0;
  left: 0;
  background: url(image/icons/icon_upload_cloud_64.png) center center no-repeat;
  background-size: 47%;
  opacity: 0.5;
  border-radius: 6px;
  height: calc(100%);
  width: calc(100%);
  pointer-events: none;
  border: 3px dashed #000000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.upload-btn-wrapper.dragover .image {
  background: #424242; }

.upload-btn-wrapper,
.upload-btn-wrapper input[type=file] {
  width: 50px;
  height: 50px; }

.upload-btn-wrapper .image {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  align-items: center; }

.upload-btn-wrapper .image > img {
  max-width: 50px;
  max-height: 50px; }

.upload-indicator:after {
  background-size: 80% !important; }

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
  opacity: 0; }

.upload-btn-wrapper > button {
  background: transparent;
  border: 0; }

.upload-btn-wrapper img {
  display: block;
  margin: 0 auto; }

.upload-btn-wrapper .txt > .inner {
  padding-left: 18px;
  text-align: left;
  font-size: 10px; }

.upload-btn-wrapper.dragover .txt > .inner {
  background: transparent;
  color: #000;
  border: 0; }

.upload-btn-wrapper .file {
  display: inline-block;
  background: #fff;
  padding: 2px 4px;
  z-index: 2;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  margin: 3px; }

.upload-btn-wrapper:hover .image {
  opacity: 0.6; }

.upload-btn-wrapper:hover:after {
  opacity: 1; }

/*-------------------------------------------------------------
 Flatplan 
---------------------------------------------------------------*/
#flatplan {
  height: 100%; }

#flatplan .flatplanC {
  height: 100%; }

#flatplan .loading-indicator {
  height: 100%;
  width: 100%; }

.flatplan {
  overflow: hidden; }

.fpSpreadContainer {
  float: left; }

.fpSpread {
  overflow: hidden;
  border: 1px solid #7d7d7d;
  margin: 0 23px 23px 0;
  float: left;
  box-shadow: 2px 2px 2px 0px #b7b7b7;
  -webkit-box-shadow: 2px 2px 2px 0px #b7b7b7;
  -moz-box-shadow: 2px 2px 2px 0px #b7b7b7;
  margin: 0; 
  border-radius: 5px;
}

.flatplan .spreadEmpty {
  float: left; }

.flatplanLayout .spread {
  position: relative;
  float: none; }

/* Attachment */
.flatplan .pinfo,
.PreparationPageDetailPageDetailViewPlacement .pinfo {
  position: absolute;
  top: -3px;
  right: 0;
  color: #000;
  cursor: default;
  padding: 0 0 0 2px;
  font-size: 10px;
  text-align: center;
  border-bottom-left-radius: 6px;
  color: #272727;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #DADADA));
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DADADA 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DADADA 100%);
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DADADA 100%);
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DADADA 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #DADADA 100%);
  border: 1px solid #eee;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.53);
  overflow: hidden; }

.flatplan .pinfo .item,
.PreparationPageDetailPageDetailViewPlacement .pinfo .item {
  float: left; }

.flatplan .item > span,
.PreparationPageDetailPageDetailViewPlacement .item > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  opacity: 1; }

.flatplan .pinfo .attachment,
.PreparationPageDetailPageDetailViewPlacement .pinfo .attachment {
  cursor: pointer; }

.flatplan .pinfo .attachment:hover,
.PreparationPageDetailPageDetailViewPlacement .pinfo .attachment:hover {
  background: #ACB3B8;
  color: #fff; }

/* Button type E (buttons in the second toolbar of a box) */
.main-flatplan .bt.e .l {
  padding-left: 4px; }

.main-flatplan .bt.e .r {
  width: 4px; }

.main-flatplan .bt.e:hover .r {
  background-position: -2556px -40px; }

.main-flatplan .bt.e:active .r,
.main-flatplan .bt.e.on .r,
.main-flatplan .bt.e.on.off:hover .r {
  background-position: -2556px -80px; }

.main-flatplan .box-d .btc .tb > div,
.main-flatplan .box-d .btc .tb2 > div,
.main-flatplan .box-d .btc .tb > span,
.main-flatplan .box-d .btc .tb2 > span,
.main-flatplan .box-d .btc .tb > a,
.main-flatplan .box-d .btc .tb2 > a {
  margin-right: 4px; }

/* Chutier > Add box */
#dropDownProductType,
#dropDownProductTypeInAddPopup {
  width: 252px !important; }

/* flatplan spread */
.fpSpread .note {
  position: absolute;
  bottom: 10px;
  left: 20px;
  z-index: 20; }

/* flatplan page */
.fpPage {
  position: relative;
  float: left;
  cursor: pointer;
  overflow: hidden; }

.fpPage img {
  cursor: pointer; }

.fpPage .mask {
  z-index: 10;
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
  background-repeat: no-repeat; }

.fpPage .border {
  z-index: 11;
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0; }

.fpPage .prodMask {
  z-index: 9;
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0.9;
  position: absolute; }

.fpPage .publicMask {
  width: 100%;
  height: 100%;
  z-index: 12;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.visuel.fpPage .publicMask {
  position: absolute;
  z-index: 11;
  pointer-events: none;
}
.med-inner .imgContainer.ev_imgContainer{
  z-index: 0;
}
.fpPage .publicMask .ico{
  pointer-events: all;
}

.fpPage .publicMask .ico {
  position: relative;
  width: 39px;
  height: 28px;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -20px; }

.fpPage .publicMask .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: default;
  top: 0;
  left: 0;
  background: rgba(249, 249, 249, 0.62); }

.fpPage .prodMask .prodMaskIco {
  width: 100%;
  height: 100%;
  background: url(image/loading.gif) center center no-repeat; }

.ie7 .fpPage .prodMask,
.ie8 .fpPage .prodMask {
  filter: alpha(opacity=90); }

.ie7 .fpPage .mask,
.ie8 .fpPage .mask {
  background-color: #fff;
  filter: alpha(opacity=40); }

.fpPage .imgLoading {
  background: url(image/loading.gif) center center no-repeat; }

.fpPage .prevP {
  display: none;
  background: #585858;
  padding: 2px 4px;
  margin: 4px 4px 0 0;
  height: 16px;
  line-height: 15px;
  color: #fff; }

.flatplan .img {
  position: relative;
  overflow: hidden;
  background-color: #ECECEC;
  background-color: #fff; }

.flatplan .img img {
  display: block;
  margin: 0 auto; }

.fpPage.prodLoading .prodMask {
  display: block; }

/* */
.fpPage .pageMask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed #fff;
  display: none; }

.fpPage.page-over .pageMask {
  display: block; }

/* controlview-active */
.fpPage.controlview-active .bt-controlView .ico {
  opacity: 1; }

.fpPage.controlview-active .bt-controlView {
  background: rgba(37, 50, 68, 0.51);
  box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.37); }

.fpPage.controlview-active .p-prod {
  border: 0 !important; }

.fpPage.controlview-active .paco-category:hover .paco-category-inner {
  cursor: default;
  border: 0 !important; }

.fpPage.controlview-active .paco-category-inner {
  border: 0 !important; }

.fpPage.controlview-active .paco-category-verybig .paco-cat-text {
  padding-left: 0; }

#PreparationFlatplan .fpPage.controlview-active .p-prod .paco-themes,
#PreparationFlatplanViewThumb .fpPage.controlview-active .page-content .paco-themes {
  display: none; }

/* fp page countUpdatedProduct */
.prodUpdatedCnt {
  line-height: 16px;
  height: 16px;
  background: #5A6268;
  position: absolute;
  bottom: 26px;
  right: 2px;
  z-index: 13;
  text-align: center;
  border-radius: 25px;
  color: #FFF;
  font-weight: bold;
  font-size: 10px;
  padding: 1px 2px;
  min-width: 16px; }

.fpPage .info {
  position: absolute;
  bottom: 26px;
  right: 20px;
  z-index: 10;
  width: 18px;
  height: 18px;
  background: #BECDD3;
  text-align: center;
  border-radius: 11px; }

.fpPage .info .ico {
  width: 16px;
  height: 16px; }

/* flatplan preparation > page > validity */
.fpPage .validity {
  background: #e6e6e6;
  padding: 0 4px;
  height: 15px;
  overflow: hidden;
  text-align: center; }

.PreparationFlatplanViewThumb .fpPage .validity {
  height: 11px;
  font-size: 9px; }

.fpPage .product-itensity {
  background: #e6e6e6;
  padding: 0 4px;
  height: 15px;
  overflow: hidden;
  text-align: center;
  height: 11px;
  font-size: 9px; }

/* flatplan summary */
.summary {
  float: left;
  margin-right: 13px;
  padding: 13px;
  background: #F6F6F6;
  background: -webkit-linear-gradient(#fff, #F6F6F6);
  background: -o-linear-gradient(#fff, #F6F6F6);
  background: -moz-linear-gradient(#fff, #F6F6F6);
  background: linear-gradient(#fff, #F6F6F6);
  border: 1px solid #DDDFE1;
  box-shadow: 2px 2px 2px 0px #E8E8E8;
  -webkit-box-shadow: 2px 2px 2px 0px #E8E8E8;
  -moz-box-shadow: 2px 2px 2px 0px #E8E8E8;
  overflow: auto; }

.summary .sum-prod {
  white-space: nowrap; }

.summary .sum-prod .ico {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  margin-left: 8px; }

.summary-spreadEmpty {
  display: none;
  float: left; }

.summary p:last-child {
  margin-bottom: 0; }

.size2 .summary {
  width: 268px; }

.size2 .summary-inner {
  height: 288px; }

.size1 .summary {
  width: 202px; }

.size1 .summary-inner {
  height: 218px; }

.size0 .summary {
  display: none; }

.size0 .summary-spreadEmpty {
  display: block; }

/* Ghost spread element */
.spreadDd {
  position: relative;
  float: none;
  overflow: hidden;
  width: 216px;
  height: 251px; }

.spreadDd .fpPage {
  float: none; }

.spreadDd .fpPage .mask,
.spreadDd .fpPage .x-scroller,
.spreadDd .fpPage .x-grid-header-ct,
.spreadDd .fpPage .border {
  display: none; }

/* */
.fpPage .sectorsNew {
  height: 11px; }

/* flatplan sizes */
.size0 .fpPage .sectors td,
.size0 .fpPage .sectorsNew .sectorItem {
  height: 4px; }

.size0 #PreparationFlatplan.editMode .fpPage .prevP {
  margin-top: 1px;
  display: none; }

.size1 .fpPage .sectors td,
.size1 .fpPage .sectors .sectorItem {
  height: 11px; }

.size1 #PreparationFlatplan.editMode .fpPage .prevP {
  margin-top: 4px; }

.size2 .fpPage .sectors td,
.size2 .fpPage .sectors .sectorItem {
  height: 15px; }

.size2 #PreparationFlatplan.editMode .fpPage .prevP {
  margin-top: 4px; }

/* flatplan editMode */
.PreparationFlatplanView.editMode .fpSpread,
.PreparationFlatplanViewThumb.editMode .fpSpread,
.PreparationFlatplanViewPlacement.editMode .fpSpread {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.PreparationFlatplanView.editMode .fpPage .prevP,
.PreparationFlatplanViewThumb.editMode .fpPage .prevP,
.PreparationFlatplanViewPlacement.editMode .fpPage .prevP {
  display: block;
  margin-left: 8px; }

.PreparationFlatplanView.editMode .border,
.PreparationFlatplanViewThumb.editMode .border,
.PreparationFlatplanViewPlacement.editMode .border {
  display: block; }

.PreparationFlatplanView.editMode .mask,
.PreparationFlatplanViewThumb.editMode .mask,
.PreparationFlatplanViewPlacement.editMode .mask {
  display: block; }

.PreparationFlatplanView.editMode .fpPage.over .mask,
.PreparationFlatplanViewThumb.editMode .fpPage.over .mask,
.PreparationFlatplanViewPlacement.editMode .fpPage.over .mask,
.flatplan-editMode .fpPage.over .mask {
  display: block; }

.PreparationFlatplanView.editMode .fpPage.dropLeft .mask,
.PreparationFlatplanViewThumb.editMode .fpPage.dropLeft .mask,
.PreparationFlatplanViewPlacement.editMode .fpPage.dropLeft .mask,
.flatplan-editMode .fpPage.dropLeft .mask {
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(image/icons/icon_pageMove_left.png);
  background-position: left center; }

.PreparationFlatplanView.editMode .fpPage.dropRight .mask,
.PreparationFlatplanViewThumb.editMode .fpPage.dropRight .mask,
.PreparationFlatplanViewPlacement.editMode .fpPage.dropRight .mask,
.flatplan-editMode .fpPage.dropRight .mask {
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(image/icons/icon_pageMove_right.png);
  background-position: right center; }

.PreparationFlatplanView.editMode .fpPage .prevP,
.PreparationFlatplanViewThumb.editMode .fpPage .prevP,
.PreparationFlatplanViewPlacement.editMode .fpPage .prevP,
.flatplan-editMode .fpPage .prevP {
  display: inline-block; }

/* Options */
.fpPage .options {
  height: 23px;
  line-height: 23px;
  color: #2a2a2a;
  overflow: hidden;
  padding: 0 3px 0 3px; }

.fpPage .options .nb {
  float: left;
  font-weight: bold;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.fpPage .options .tb {
  float: right; }

.fpPage .options input.cb {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
  opacity: .6;
  cursor: pointer; }

.ie7 .fpPage .options input.cb,
.ie8 .fpPage .options input.cb {
  margin-top: 7px; }

.fpPage .options input.cb:hover {
  opacity: 1; }

.fpPage .sectors td,
.fpPage .sectorsNew .sectorItem {
  height: 11px;
  font-size: 1px;
  border-bottom: 1px solid #ccc; }

.fpPage .options,
.fpPage .options .nb,
.fpPage .options .tb {
  cursor: pointer; }

.fpPage .sectorsNew .sectorItem {
  float: left; }

.fpPage .options .bt {
  width: 16px;
  height: 16px;
  margin-left: 0;
  margin-top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 100%; }

.fpPage .options .bt .ico {
  top: 0;
  left: 0; }

.fpPage .options .bt-info {
  cursor: default; }

.fpPage .zones {
  position: absolute;
  top: 0;
  left: 0; }

.fpPage .zones-inner {
  position: relative; }

.fpPage .zone {
  position: absolute;
  z-index: 1; }

/* Product list in page */
.fpPage .p-prod {
  border-right: 1Px solid #ccc;
  border-left: 1Px solid #fff;
  overflow-x: hidden;
  overflow-y: auto; }

.fpPage .p-prod .x-panel {
  border: 0; }

.fpPage .p-prod .x-grid-header-hidden .x-grid-body {
  border: 0; }

.fpPage .p-prod .x-grid-row-selected .x-grid-cell,
.fpPage .p-prod .x-grid-row-selected .x-grid-rowwrap-div,
.prodListInPage .x-grid-row-selected .x-grid-cell,
.prodListInPage .x-grid-row-selected .x-grid-rowwrap-div {
  background: #ADB9C7 !important;
  border-color: #136497 !important; }

.fpPage .p-prod .x-grid-cell-inner {
  padding: 0; }

.fpPage .p-prod .ac-td {
  vertical-align: middle; }

.fpPage .p-prod .noSector .secteur {
  display: none; }

/* FF template width fix */
.fpPage .p-prod .tpl-table {
  width: 100%; }

.fpPage .p-prod .tpl-table .tpl > table {
  width: 100%; }

/* set 100% width to the first table in template */
/* Over */
.fpPage.over .trade {
  background-color: #393939 !important; }

.fpPage.over .options {
  background-color: #393939 !important;
  color: #fff; }

/* Selected */
.fpPage.selected .border {
  border: 1px solid #393939; }

.size0 .fpPage.selected .border {
  border-width: 2px;
  border-bottom-width: 4px; }

.size1 .fpPage.selected .border {
  border-width: 2px;
  border-bottom-width: 6px; }

.size2 .fpPage.selected .border {
  border-width: 4px;
  border-bottom-width: 12px; }

.fpPage.selected .options input.cb {
  opacity: 1; }

.fpPage.selected .options {
  background-color: #6F808B !important;
  color: #fff; }

.ie7 .fpSpread,
.ie7 .fpPage,
.ie7 .fpPage .p-prod {
  position: relative; }

.ie7 .fpPage .options input {
  position: relative;
  right: 0;
  top: -6px; }

.flatplanNew .fpPage.selected .border {
  border-color: #6f808b; }

.flatplanNew .fpPage.selected .options {
  background-color: #6f808b !important; }

/* Drag over */
/* */
#main.main-list {
  margin: 0; }

#main.main-form {
  margin: 0; }

#main.main-show {
  margin: 0; }

/*Form box*/
.box-form {
  margin: 23px; }

/* popupMoveProducts */
.popupMoveProducts table.popupMove .tb {
  padding: 0; }

.popupMoveProducts table.popupMove td {
  vertical-align: middle;
  padding: 3px; }

/* Flatplan small */
.flatplanSmall .fpPage .prodMask {
  opacity: 1; }

.ie7 .flatplanSmall .fpPage .prodMask,
.ie8 .flatplanSmall .fpPage .prodMask {
  filter: alpha(opacity=100); }

.flatplanSmall .fpPage .options .bt {
  margin-left: 0; }

.flatplanSmall .fpPage .options .nb {
  width: 27px !important; }

/* Flatplan medium */
.size1 .fpPage .options .nb {
  width: 127px !important;
  /* on retire 16 pixel de la valeur precedente (nouvelle icone dans la toolbar (vue de control)) */
  width: 120px !important;
  /* update 3 : annulation update2  */ }

/* Flatplan large */
.size2 .fpPage .options .nb {
  width: 115px !important; }

/* Preparation > Flatplan large */
#PreparationFlatplan.size2 .fpPage .options .nb {
  width: 179px !important;
  /* on retire 16 pixel de la valeur precedente (nouvelle icone dans la toolbar (vue de control)) */
  width: 172px !important;
  /* update 3 : annulation update2  */ }

/*-------------------------------------------------------------
 Flatplan > revision
---------------------------------------------------------------*/
.fpRevision .il-aTable {
  width: 100%; }

.fpRevision .prodC {
  position: relative;
  overflow: hidden; }

.size0 .fpRevision .fpPage .options .nb,
.size1 .fpRevision .fpPage .options .nb,
.size2 .fpRevision .fpPage .options .nb {
  width: auto; }

.fpRevision .itemList {
  text-shadow: none; }

.fpRevision .fpPage {
  cursor: default; }

.fpRevision .fpPage .mask {
  display: none;
  cursor: default; }

.fpRevision .prodListInPage {
  overflow: auto; }

.fpRevision .prod {
  cursor: pointer; }

.fpRevision .prod:hover {
  background: #f0f0f0; }

.fpRevision .prodListInPage .prod-valid {
  border: 1px solid #0B8115;
  background: #69CA0F;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AEF300), color-stop(1, #69CA0F));
  background-image: -o-linear-gradient(bottom, #88FF00 0%, #6FCC12 100%);
  background-image: -moz-linear-gradient(bottom, #AEF300 0%, #69CA0F 100%);
  background-image: -webkit-linear-gradient(bottom, #AEF300 0%, #69CA0F 100%);
  background-image: -ms-linear-gradient(bottom, #AEF300 0%, #69CA0F 100%);
  background-image: linear-gradient(to bottom, #AEF300 0%, #69CA0F 100%); }

.fpRevision .prodListInPage .prod-valid:hover {
  border-color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #88FF00), color-stop(1, #6FCC12));
  background-image: -o-linear-gradient(bottom, #88FF00 0%, #6FCC12 100%);
  background-image: -moz-linear-gradient(bottom, #88FF00 0%, #6FCC12 100%);
  background-image: -webkit-linear-gradient(bottom, #88FF00 0%, #6FCC12 100%);
  background-image: -ms-linear-gradient(bottom, #88FF00 0%, #6FCC12 100%);
  background-image: linear-gradient(to bottom, #88FF00 0%, #6FCC12 100%); }

.fpRevision .prodListInPage .prod {
  position: relative; }

.fpRevision .prodListInPage .pli-c {
  padding-right: 33px; }

.fpRevision .cb {
  display: none; }

.fpRevision .ico {
  vertical-align: middle;
  margin: 0 2px 2px 0;
  margin: 2px;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  opacity: 1; }

.fpRevision .ico.moveTo {
  background-image: url(image/icons/icon_prodMoveTo.png); }

.fpRevision .ico.chutier {
  background-image: url(image/icons/icon_chutier.png); }

.fpRevision .ico.add {
  background-image: url(image/icons/icon_prodAffectation.png); }

.fpRevision .ico.delete {
  background-image: url(image/icons/icon_prodBackChutier.png); }

.fpRevision .ico.movePos {
  background: #fff;
  border: 1Px solid #cacacb;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  word-spacing: normal;
  padding: 0 1px;
  line-height: 15px;
  text-align: center;
  margin: 2px 1px 1px 1px;
  color: #000 !important; }

.fpRevision .ico.moveFrom {
  display: block;
  background-image: url(image/icons/icon_prodMoveFrom.png); }

.fpRevision .ico.moveTo {
  display: block;
  background-image: url(image/icons/icon_prodMoveTo.png); }

.fpRevision .ico.updData {
  width: 26px;
  height: 9px;
  position: absolute;
  top: 6px;
  right: 6px;
  border-radius: 0;
  background: url(image/icons/icon_prodUpdate.png) 0 0 no-repeat; }

.fpRevision .prodDelete * {
  text-decoration: line-through !important;
  text-shadow: none;
  color: #8B8B8B !important; }

.fpRevision .prodMoveFrom * {
  text-decoration: line-through;
  text-shadow: none;
  color: #8B8B8B !important; }

/* Page Delete */
.fpRevision .pageDelete .il-item a {
  background: transparent;
  text-shadow: none; }

.fpRevision .pageDelete .mask {
  display: block;
  background: rgba(233, 233, 233, 0.4); }

.fpRevision .pageDelete .p-prod {
  border-color: transparent; }

.ie7 .fpRevision .pageDelete .mask,
.ie8 .fpRevision .pageDelete .mask {
  filter: alpha(opacity=40); }

/* Page add */
.fpRevision .pageAdd .il-item a {
  background: transparent;
  text-shadow: none; }

.fpRevision .pageAdd .options .nb {
  background: #2D75AD;
  color: #fff; }

.fpRevision .pageAdd .options .nb,
.fpRevision .pageMove .options .new {
  height: 12px;
  line-height: normal;
  min-width: 20px;
  text-align: center;
  margin-top: 4px;
  padding: 1px 6px;
  height: 15px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 12px; }

/* Page move */
.fpRevision .pageMove .options .prev {
  text-decoration: line-through;
  margin-left: 8px;
  display: inline-block; }

.fpRevision .pageMove .options .new {
  background: #2D75AD;
  color: #fff; }

.fpRevision .itemList .il-a {
  background: none; }

.prodIdx {
  cursor: default;
  position: absolute;
  top: 6px;
  right: 22px;
  background: #72757a;
  color: #fff;
  font-size: 11px;
  text-align: center;
  padding: 2px 6px;
  border-radius: 3px; }

/*-------------------------------------------------------------
 Flatplan > layout
---------------------------------------------------------------*/
.FpLaFlatplan .fpPage.selected .mask {
  display: block;
  border: 1px solid #6F808B;
  border-width: 1px; }

.FpLaFlatplan .fpPage .note {
  position: absolute; }

.FpLaFlatplan .fpPage .imgLoading {
  background-image: url(image/loading_grey.gif);
  background-image: url(image/loading.gif);
  background-image: none !important; }

.ie7 .FpLaFlatplan .fpPage .mask,
.ie8 .FpLaFlatplan .fpPage .mask {
  filter: alpha(opacity=100); }

.flatplan-editMode .fpPage .prevP {
  display: inline-block; }

.FpLaFlatplan .paco-theme {
  color: #fff;
  padding: 3px 6px; }

/*-------------------------------------------------------------
 Flatplan > conception 
---------------------------------------------------------------*/
.flatplanCo .page .page-inner {
  position: relative; }

.flatplanCo .page .page-inner:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9) url(image/loading.gif) center center no-repeat;
  display: none; }

.flatplanCo .page-mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: 2px dashed #fff;
  display: none; }

.flatplanCo .paco-categories {
  font-size: 11px;
  overflow: auto; }

.paco-category {
  position: relative;
  overflow: hidden; }

.paco-category-inner {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: 1px solid transparent; }

.paco-category-inner:after {
  content: "";
  display: block;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: 1px dashed #fff;
  box-sizing: border-box;
  box-shadow: inset 0 -5px 30px -3px rgba(0, 0, 0, 0.59); }

.paco-category-inner2 {
  width: 100%;
  display: table-cell;
  position: relative; }

.paco-category-inner2 > div {
  display: inline; }

.paco-themes {
  overflow: hidden;
  height: 21px;
  border-bottom: 1px solid #ccc; }

.paco-themes:after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  background: transparent;
  z-index: 2;
  top: 0;
  left: 0; }

.paco-theme {
  position: relative;
  display: block;
  float: left;
  text-align: center;
  font-size: 13px;
  padding: 3px; }

.paco-theme .txt {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  height: 16px;
  text-overflow: ellipsis; }

.paco-theme .buttonDelete {
  position: absolute;
  float: none;
  visibility: hidden;
  top: 2px;
  right: 0; }

.paco-theme:hover .buttonDelete {
  visibility: visible; }

.paco-theme .btico16 {
  float: right; }

.paco-theme .txt {
  display: inline-block;
  max-width: 70%;
  overflow: hidden;
  height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.paco-category .paco-category-inner2 {
  vertical-align: middle; }

.paco-category-inner2 .paco-cat-text-inner {
  overflow: hidden;
  display: table;
  width: 100%;
  vertical-align: middle;
  color: #fff; }

.flatplanCo .pageLoading .page-inner:after {
  display: block; }

/* Gestion des controles : icones */
.paco-icocontrolcontainer {
  position: absolute;
  top: 50%;
  right: 4px;
  display: table; }

.paco-icocontrol {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: table-cell; }

/* sm/md */
.paco-category-small .paco-icocontrol,
.paco-category-medium .paco-icocontrol {
  width: 16px;
  height: 16px; }

.paco-category-small .paco-icocontrolcontainer {
  right: 2px;
  /* Right margin */
  margin-top: -8px; }

.paco-category-medium .paco-icocontrolcontainer {
  margin-top: -8px;
  right: 3px; }

/* verybig */
.paco-category-verybig .paco-icocontrol {
  width: 32px;
  height: 32px;
  display: block; }

.paco-category-verybig .paco-icocontrolcontainer {
  display: block;
  margin-top: -16px; }

/* icons */
.ico-control-default {
  background: #ccc !important; }

.ico-control-ok {
  background-image: url(image/icons/icon_control-ok.png) !important; }

.ico-control-discount-ko {
  background-image: url(image/icons/icon_control-discount-ko.png) !important; }

.ico-control-product-ko {
  background-image: url(image/icons/icon_control-product-ko.png) !important; }

.ico-control-category-ko {
  background-image: url(image/icons/icon_control-category-ko.png) !important; }

.ico-control-ko {
  background-image: url(image/icons/icon_control-ko.png) !important; }

.ico-control-phare-ko {
  background-image: url(image/icons/icon_control-phare.png) !important; }

/* default */
.paco-nbProducts {
  display: inline-block;
  vertical-align: middle; }

.paco-category .paco-category-inner2 .paco-action {
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px; }

.paco-category .paco-cat-text-inner {
  padding: 3px; }

.paco-category .paco-cat-text-inner2 {
  position: relative;
  display: block !important;
  overflow: hidden !important;
  color: #fff;
  text-overflow: ellipsis; }

/* small */
.paco-category.paco-category-small .paco-cat-text-inner2 {
  white-space: nowrap; }

.size1 .paco-category-small .paco-cat-text-inner2 {
  width: 100%;
  height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 204px;
  white-space: nowrap;
  color: #000; }

.size2 .paco-category-small .paco-cat-text-inner2 {
  height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000; }

.paco-category-small .paco-categoryName {
  display: block;
  text-align: center; }

.paco-category-small .paco-cat-text-inner2 > .paco-nbProducts {
  font-weight: bold; }

.paco-category-small .paco-discountname {
  display: inline; }

.paco-category-small .paco-nbProducts {
  display: inline; }

.paco-category-small .paco-categoryName {
  display: inline; }

.paco-category-small .paco-discountname,
.paco-category-small .paco-nbProducts,
.paco-category-small .paco-categoryName,
.paco-category-small .paco-cat-text-inner2 > .paco-nbProducts {
  font-size: 8px; }

/* medium */
.paco-category-medium .paco-category-inner2 {
  text-align: center;
  font-size: 16px; }

.paco-category-medium .paco-category-inner2 {
  text-align: center;
  font-size: 16px; }

.paco-category-medium .paco-nbProducts {
  font-size: 16px; }

.paco-category-medium .paco-ControlStateIdx {
  width: 32px;
  height: 32px;
  float: right;
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -16px; }

.paco-category-medium .paco-cat-text-inner {
  padding: 6px; }

.paco-category-medium .paco-discountname {
  max-height: 20px;
  overflow: hidden;
  font-size: 11px;
  line-height: 11px; }

.paco-category-medium .paco-categoryName {
  max-height: 20px;
  overflow: hidden;
  font-size: 11px;
  line-height: 11px; }

/* verybig */
.paco-category-verybig .paco-cat-text {
  padding-left: 20px; }

.paco-category-verybig .paco-discountname,
.paco-category-verybig .paco-categoryName {
  overflow: hidden;
  font-size: 16px;
  line-height: normal; }

.paco-category-verybig .paco-nbProducts {
  font-size: 40px;
  display: inline-block; }

.paco-category-verybig .paco-category-inner2 {
  text-align: center; }

.size2 .paco-category-small .paco-discountname,
.size2 .paco-category-small .paco-nbProducts,
.size2 .paco-category-small .paco-categoryName,
.size2 .paco-category-small .paco-cat-text-inner2 > .paco-nbProducts {
  font-size: 11px; }

/* selected */
#ConceptionFlatplan .paco-category-selected .paco-category-inner:after {
  display: block; }

/* over */
#ConceptionFlatplan .paco-category:hover .paco-category-inner {
  border-color: #fff;
  border-style: dashed; }

/* drag / drop page over */
#ConceptionFlatplan .flatplanCo .page-over .page-mask {
  display: block; }

/* drag / drop category over */
#ConceptionFlatplan .paco-category-over .paco-category-inner:after {
  display: block; }

/* drag ghost */
.x-dd-drag-ghost .pacoc {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7); }

.x-dd-drag-ghost .paco-category .paco-buttons {
  display: none !important;
  /* masque les boutons sur l indicateur de drag */ }

.paco-note {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 12px;
  color: #fff;
  cursor: pointer; }

.paco-note > div {
  vertical-align: middle; }

.paco-note .cnt {
  display: inline-block;
  position: relative;
  top: -1px;
  left: -5px;
  font-size: 11px; }

.paco-note-hidden {
  display: none !important; }

.paco-note-hidden:hover {
  display: block !important; }

.flatplanCo .paco-category:hover .paco-note-hidden {
  display: block !important;
  opacity: 0.25; }

.paco-nbProductsPhare {
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjFENDQ2ODMyNjlEMTFFOEFBNjVENDlBQTg3Q0VCQjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjFENDQ2ODQyNjlEMTFFOEFBNjVENDlBQTg3Q0VCQjAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMUQ0NDY4MTI2OUQxMUU4QUE2NUQ0OUFBODdDRUJCMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMUQ0NDY4MjI2OUQxMUU4QUE2NUQ0OUFBODdDRUJCMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpJn4+AAAAZySURBVHja5FttbBRFGH7vrve1R6G9o6UQSW21GGiDkR+ewVqEIBRSQNAIISR+xK/oPwyErxgxMf7yI1H/EGOM8Yf84gdGYzQYPgROUZEQQAwg2NoChV579Hq7t3vn+9xOy3mFa297d3u3neTZm86+M/M+z87OzM5MbclkkiZzqDCUKxrKV/1TxO+torKWgiNRu8kP4DUB04LN0CuQnxYgMS6JeANKnWwt4NVY+GAtgLhZTpglgJexRQ4fIgBxkTZpBHg51ne4TlO6CUAcaZNFADdjq9x/eCRBxLeKe5YX4MVY+OgsTekcSUAcabhndQFcjG1K/6FRN0TaNmFjWQGel8PH71HlK6NuIA33YGNVAZyM7envfmYQ97YLW8sJ8KzcH6pX5Ut3NcA92MDWagLgm2NHtqef0Qp2GP5OKVEBNsn9vzSosYtjGsIGtshjFQEcjJ1y/5FxZxC2O0Xeshdgozzw6/1q7K9xZ4At8iBvuQuA8ncqOTz92/OCkVZgL2cB1ssDJx+ID/2Zc0bkQV6UUa4CoOxdyjh6/ru3glTeXYX0s5ACPKVETs2LD501XADyogyUVcjxOZ/Bw7iP0cTYLRt49+80Irgq5++GHgz0pBcYsXw5nPuSWDSEaSrG6TmCaDpmq3KPPRG/kZrQxAdP5WcO7ZtP7mmPkd0ZoAp3XYKT/hFipOM86Uts8TELTFsSu7MA0RDG3/oMcsOE79WUXoemXKdEXIemXOPfa6RxnChR8IHF4axhMWrJ4arl35oUHC5gusYGf6cJki7QZXx5jxZg8Hgb/87NeKKNifhNF0gyWUqoTFS5miKqMdHhckovOFgcIYxrBtkrUqKkxLE7/QobXMxoMWchwFqO7I1e3+/EUwRRNX6VKBknSwWbkyqcM3RhWCSpZhUIrrdzc9jHkXWcILMVqVipsRp5BOaU4sYcda60Dtxv9wHR0HK+7rvV/blXifxMVgyuyodpysznhji6lsl/N7oTjIaW8HX/YM+Xkjxw1FLk3VMXkq9uEzZfVjH5A3eeCOk32tnwlntqq4XIt4I89h/bGQeyzwSlIOafy3x1G/vd0x4vf/LMAVzAiXF4fFNhKXiMr0t9M57pc1ctKV/y7Ds4gAvjWG7fAlLwBF+X+Gqf7vVULS078vAZvoMD44SxjyEpeJKvi6Xaddc81cvKhzz7Cp/hO+PkxL4GpeBpvi6Sap7s9lS3lwH5doKv8JlxOj+fw1LwnC7C6k6Pf2Xpkmff4KMgfy6/6wFSEPPnNml6x2Wvv6PkyMMn+AYfxVy/AAsiUhCfm23e6SsveAOrSoc8+wKfBPlLhV0RkoLY2FvkDaw47w2sKQHyawi+iGZ/pVhLYl26CMvPeAMdJpLvIPggyHcZW10wHnowtXRPW2jiLC9Vd7vwhYotAEIgoUVNE0DUHZjY+tLEQrMm95gmgKi72UwBWhKKeQKIultMFUBT/jWvBeh1myyA3GXiK9BlqgA46FyvL4WbJIBedz3dPnRdVAGa1dgVW+H3AbL2AqT7YLwjtE+s+feQ2UH40GKOAEoJCKCYKYCJHWC+OsKKibWATsOZXb4F5Kp6NBVXwj+RMvibwRbQaYoAgaQ2WJdQ+3LO6PTOZeKt5K586A/Sj8CwGHPfkSO/P6iEj1Cu5wngA3yxOXyYEt8olgAtqnw1t4rcDaktbnfVI1iseJOxlzG8K/MNC7Ke8bYcPt6ErfVsByozA3xxSo1oBQeL1QeMuwN0OGeSVLOBptZv6WLyr3ASTnx8lUaeRBxp82ADW+RB3kJ3hIZbQELpzmpgc1SR1/8EeaoXo1m+y/iExj7ZoTL2ML7wVLe9ztge6/sxMHTze27m4SzfBN3FF+BuI4DN5iIPFir8SyP85/uM9xiRHMuPiXx7WMA3GJuHbv5QGbvxNSWTSl5HAqOvQLOqdGU+8tTaXHXThzEm/wGnNDLeMkA+PUREGY0oM1U21iJt/z9AKnxpLo4A0dCshDpQndQiI0VgLd7f9JHqDaz4lPQTJpsZvXkc7ntFmU2oA3XpexS6+/AFPnF0VjFawMgUGHtv/jkfJ6Wa1XvFE3iJ0UmFC52ijmbUibqH9y6NTomNCRDvpsrZW7H39i3/vYCxgfQzN8UK50WdC+ADfIFPRgQwckzuM9HM8Z8dR6g0QqsYaTDHeGFM6zGPyWUXAOP4GSrNMD7fJiSAxcJ/AgwAlLSZDOsHw9YAAAAASUVORK5CYII=");
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 37px;
  font-size: 14px;
  background-size: cover;
  vertical-align: middle;
  color: #000;
  position: relative;
  top: -2px; }

.paco-category-small .paco-nbProductsPhare {
  width: 10px;
  height: 10px; }

.paco-category-medium .paco-nbProductsPhare {
  width: 16px;
  height: 16px;
  line-height: 17px;
  font-size: 10px; }

/* flatplan sizes */
.size0 .fpPage .sectors td,
.size0 .fpPage .sectorsNew .sectorItem {
  height: 4px; }

.size0 #ConceptionFlatplan.editMode .fpPage .prevP {
  margin-top: 1px;
  display: none; }

.size1 .fpPage .sectors td,
.size1 .fpPage .sectors .sectorItem {
  height: 11px; }

.size1 #ConceptionFlatplan.editMode .fpPage .prevP {
  margin-top: 4px; }

.size2 .fpPage .sectors td,
.size2 .fpPage .sectors .sectorItem {
  height: 15px; }

.size2 #ConceptionFlatplan.editMode .fpPage .prevP {
  margin-top: 4px; }

/* flatplan editMode */
#ConceptionFlatplan.editMode .fpSpread {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

#ConceptionFlatplan.editMode .fpPage .prevP {
  display: block;
  margin-left: 8px; }

#ConceptionFlatplan.editMode .border {
  display: block; }

#ConceptionFlatplan.editMode .mask {
  display: block; }

#ConceptionFlatplan.editMode .fpPage.over .mask,
.flatplan-editMode .fpPage.over .mask {
  display: block; }

#ConceptionFlatplan.editMode .fpPage.dropLeft .mask,
.flatplan-editMode .fpPage.dropLeft .mask {
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(image/icons/icon_pageMove_left.png);
  background-position: left center; }

#ConceptionFlatplan.editMode .fpPage.dropRight .mask,
.flatplan-editMode .fpPage.dropRight .mask {
  background-color: rgba(255, 255, 255, 0.2);
  background-image: url(image/icons/icon_pageMove_right.png);
  background-position: right center; }

.ie7 #ConceptionFlatplan.editMode .fpPage .mask,
.ie8 #ConceptionFlatplan.editMode .fpPage .mask,
.ie7 .flatplan-editMode .fpPage .mask,
.ie8 .flatplan-editMode .fpPage .mask {
  filter: alpha(opacity=70); }

#ConceptionFlatplan.editMode .fpPage .prevP,
.flatplan-editMode .fpPage .prevP {
  display: inline-block; }

/*-------------------------------------------------------------
 Flatplan > conception > sidepanel
---------------------------------------------------------------*/
.AbstractSideItem .inner {
  height: 100%;
  overflow: auto; }

.flatplanCo .fpPage {
  cursor: default; }

.fpcosi-title {
  background: url(image/header-2.gif) 0 0 repeat-x;
  padding: 4px;
  font-size: 11px;
  color: #505255;
  cursor: pointer;
  font-weight: bold;
  border-top: 1px solid #dddfe2;
  line-height: 21px;
  padding-left: 10px; }

.fpcosi-title .ico {
  float: left;
  margin: 0 9px 0 0;
  position: relative;
  top: -3px; }

.fpcosi-title .arrow {
  display: inline-block;
  float: right;
  width: 16px;
  height: 16px;
  background: url(image/icons/icon_deploy_b_on.png) 0 center no-repeat; }

.fpcosi-item {
  overflow: hidden;
  clear: both; }

.fpcosi-item .space {
  display: inline-block;
  height: 16px; }

.fpcosi-item .text {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 3px;
  max-width: 57%;
  white-space: normal; }

.fpcosi-item > ul.list {
  display: none;
  margin: 0; }

.fpcosi-item.open > ul.list {
  display: block; }

.fpcosi-item .node {
  position: relative;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #ebebeb;
  background: url(image/itemList.gif) 0 bottom repeat-x;
  padding: 4px;
  cursor: default; }

.fpcosi-item .arrow {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(image/icons/icon_deploy_b_off.png) 0 center no-repeat; }

.fpcosi-item.open > .node > .arrow {
  background-image: url(image/icons/icon_deploy_b_on.png); }

/* node over */
.fpcosi-item.haschild .node:hover {
  background: #fff; }

/* node drag on */
.fpcosi-item.drag > .node {
  background: #fff;
  border: 1px dotted #136497;
  border-top: 1px solid #ebebeb;
  background: #ADB9C7; }

.fpcosi-item .action {
  float: right;
  position: absolute;
  top: -1px;
  /* background: green; */
  top: 2px;
  right: 3px; }

.fpcosi-item .bt.e .ico {
  width: 16px !important;
  height: 16px !important;
  position: relative;
  top: 7px; }

/* node enable */
.fpcosi-item.on > .node,
.fpcosi-item.on:hover > .node {
  background: #f1f1f1; }

/* 
  Cas particulier pour les icones survol drag/drop
*/
/* 
  Cas particulier pour les icones survol drag/drop
*/
#ConceptionFlatplan .fpPage .options .nbmaxprod {
  display: inline-block;
  width: 16px;
  height: 16px;
  float: right;
  padding-right: 6px;
  font-size: 8px;
  position: relative;
  margin: 3px 4px 0; }

#ConceptionFlatplan .fpPage .options .nbmaxprod > .inner {
  display: block;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  background: rgba(0, 0, 0, 0.29);
  color: #fff;
  padding: 0 3px;
  text-align: center;
  line-height: 18px; }

#ConceptionFlatplan .fpPage .options .nbmaxprod .m {
  color: #fff; }

#ConceptionFlatplan .fpPage .options .warn {
  float: right; }

#ConceptionFlatplan .fpPage .options .nbmaxprod .m .ico {
  position: relative;
  top: 1px;
  width: 9px;
  height: 9px; }

#ConceptionFlatplan.size1 .fpPage .options .nb {
  width: 150px !important; }

#ConceptionFlatplan.size2 .fpPage .options .nb {
  width: 255px !important; }

/* */
.fpcosi-title.closed .arrow {
  background-image: url(image/icons/icon_deploy_b_off.png); }

/*-------------------------------------------------------------
 /module/label
---------------------------------------------------------------*/
table.labelRightTable tr.over td {
  background: inherit !important; }

/*-------------------------------------------------------------
 /module/home
---------------------------------------------------------------*/
.box .state {
  float: right;
  font-weight: bold; }

.box .label strong {
  padding-left: 10px; }

/* Home box */
.box-home {
  margin-left: auto;
  margin-right: auto; }

.box-home .box-m {
  height: 0; }

.box-home .box-f {
  visibility: hidden; }

.box-home .box-t {
  cursor: pointer; }

.box-home .box-t .op {
  font-weight: bold;
  padding-right: 14px; }

.box-home .box-t .label {
  float: left;
  padding-right: 10px; }

.box-home .box-t .btc .bt-item:last-child {
  padding-right: 7px; }

.box-home .box-t .btc {
  line-height: 42px; }

.box-home .bt.fav {
  margin-left: 0; }

.emptyFav {
  width: 39px; }

.emptyAdd {
  width: 39px; }

.codeGun {
  display: block;
  color: #485b6d;
  text-shadow: none;
  font: 10px bold Verdana, Arial, sans-serif;
  margin-top: 11px;
  overflow: hidden;
  max-width: 600px; }

.codeGun .cg-l {
  max-width: 592px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.codeGun .cg-l,
.codeGun .cg-r {
  display: block;
  float: left;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  height: 17px; }

.codeGun .cg-l {
  background-position: -997px -113px;
  line-height: 17px;
  padding-left: 10px; }

.codeGun .cg-r {
  background-position: -2106px -113px;
  width: 8px; }

.box-home .bt-item.tb {
  padding-left: 0; }

.ie7 .box-home .bt-item.tb {
  width: 95px; }

.box-home-filter {
  width: 880px;
  margin: 0 auto;
  margin-bottom: 10px; }

.box-home-filter .bc {
  padding: 4px 0 0 4px; }

.ext-gecko .box-home-filter .bc {
  padding-top: 0 !important; }

.ext-gecko .box-home-filter .bc,
.ext-gecko .box-home-filter .bc2 {
  height: 34px !important; }

/* versionDetail */
.versionDetail {
  height: 100%;
  overflow: hidden; }

.versionDetail .vd-pages {
  background: #f3f3f3;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 0px 6px 9px #d5d5d5;
  -webkit-box-shadow: inset 0px 6px 9px #d5d5d5;
  -moz-box-shadow: inset 0px 6px 9px #d5d5d5; }

.vd-pages-mask {
  overflow: auto;
  width: 558px;
  padding: 0;
  height: 250px;
  height: 261px; }

.vd-pages-mask td {
  padding-right: 10px; }

.vd-pages-mask td {
  vertical-align: top; }

.vd-pages-table {
  margin: 18px auto 0 auto;
  height: 212px; }

.vd-pages-table .vdpt-td {
  vertical-align: top; }

.ie7 .vd-pages-table {
  margin-top: 10px; }

.vdp-numPage {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  color: #626262;
  margin-top: 7px;
  cursor: pointer; }

.vdp-numPage .vdpn-inner {
  display: block;
  width: 50px;
  height: 22px;
  margin: 0 auto;
  padding: 10px 0 0 0; }

.vdp-numPage:hover {
  font-weight: bold;
  color: #000; }

.vdp-numPage:hover .vdpn-inner {
  background: url(image/arrow-top.png) center 0 no-repeat; }

.ie7 .vdp-numPage {
  bottom: -40px; }

.versionDetail .vd-pages .page-a {
  display: block;
  width: auto;
  height: auto; }

.versionDetail .vd-pages .page-a .thumbTooltip {
  position: relative;
  text-decoration: none;
  height: 100%; }

.versionDetail .vd-pages .page-a,
.vd-pages-mask,
.vd-pages-table,
.vd-pages-table .vdpt-td {
  position: relative; }

.versionDetail .vd-pages .page-a a {
  display: block;
  vertical-align: top;
  float: left; }

.versionDetail .vd-pages .page-a a img {
  display: block;
  border-right-width: 0 !important; }

.versionDetail .vd-pages .page-a a:last-child img {
  border-right-width: 3px !important; }

.versionDetail .page-a:hover {
  border: 1Px solid #000; }

.versionDetail .vd-detail {
  position: relative;
  padding-left: 25px;
  padding-top: 20px;
  width: 420px; }

.vd-detail .vdd-inner {
  position: relative;
  height: 256px; }

.versionDetail .tb .bt {
  float: right; }

.vd-detail h3 {
  clear: both;
  line-height: 18px; }

.vd-detail h3 strong {
  font-size: 16px;
  font-family: BabyMineFatOblique, arial, sans-serif;
  color: #2a2b2d;
  padding-left: 2px;
  color: #4d789d;
  font-weight: normal; }

.vd-detail .vd-state {
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 26px; }

.vd-detail .vd-state .st-label {
  float: left;
  padding-right: 18px;
  cursor: default; }

.vd-detail .vd-state .bar {
  float: left;
  margin-top: 1px; }

.vd-detail .vd-state .st-progressLabel {
  float: left;
  padding-left: 10px;
  font-size: 11px;
  cursor: default; }

.vd-detail .codeGun {
  display: inline;
  position: relative;
  left: 1px;
  background: transparent;
  color: #666;
  font-size: 11px;
  padding: 0;
  padding-left: 14px; }

.vd-detail .tb {
  float: none;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 0;
  width: 100%; }

.vd-detail .notes,
.vd-detail .updates {
  width: 64px;
  height: 24px;
  font-size: 12;
  font-weight: bold;
  color: #646464;
  float: left;
  line-height: 27px;
  overflow: hidden;
  cursor: default;
  margin-top: 3px; }

.vd-detail .notes .ico,
.vd-detail .updates .ico {
  float: left; }

.ico-updates-24 {
  background-position: -208px -201px; }

.ico-notes-24 {
  background-position: -232px -201px; }

.vd-detail .notes .label,
.vd-detail .updates .label {
  float: left; }

.vd-info {
  overflow: hidden;
  color: #616161;
  height: 157px; }

.vd-info .vdi-left {
  width: 50%;
  float: left; }

.vd-info .vdi-right {
  width: 50%;
  float: left; }

.vd-info .item {
  overflow: hidden;
  padding-bottom: 2px; }

.vd-info .item .icon {
  width: 28px;
  height: 28px;
  float: left;
  background-repeat: no-repeat;
  background-position: center center; }

.vd-info .item .label {
  width: 155px;
  float: left;
  padding: 7px 0 0 10px; }

.vd-info .params {
  clear: both;
  padding-top: 6px;
  height: 70px;
  overflow: auto; }

.vd-info .infoWorkflow {
  width: 135Px;
  height: 70px;
  overflow: auto; }

.vd-info .item-documentType .icon {
  background-image: url(image/icons/ico_home-document_type.png); }

.vd-info .item-nbPages .icon {
  background-image: url(image/icons/ico_home-page_number.png); }

.vd-info .item-size .icon {
  background-image: url(image/icons/ico_home-size.png); }

.vd-info .item-infos .icon {
  background-image: url(image/icons/ico_home-infos.png); }

.vd-info .item-spread .icon {
  background-image: url(image/icons/ico_home-spread.png); }

.vd-info .item-parameters .icon {
  background-image: url(image/icons/ico_home-parameters.png); }

.vd-info .item-parameters .params {
  font-size: 11px; }

/* Home tooltip option */
.ie7 #tt0 ul.subNavItem li {
  width: 200px; }

.ico-editiontype {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 4px; }

.tooltip.ddHomeFilter .tt-l {
  box-shadow: 3px 3px 5px 0px #000; }

/*-------------------------------------------------------------
 /module/home (standard)
---------------------------------------------------------------*/
.main-homepage .title-year {
  background: #C40026;
  color: #FFF;
  padding: 5px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border-radius: 3px; }

.main-homepage .title-year:hover {
  background: #f70030; }

.main-homepage .title-year .bt {
  float: right;
  position: relative;
  top: 0;
  right: 2px;
  width: 16px;
  height: 16px; }

.main-homepage .title-year .bt:hover .l,
.main-homepage .title-year .bt:hover .r {
  background: none; }

.main-homepage .title-year .bt .ico {
  top: 0;
  left: 0; }

.main-homepage .title-year .ico-arrowTopWhite-16 {
  display: none; }

.main-homepage .title-year-deploy .ico-arrowTopWhite-16 {
  display: block; }

.main-homepage .title-year-deploy .ico-arrowBottomWhite-16 {
  display: none; }

.main-homepage .operation-list {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px; }

.main-homepage .home-item-deploy .operation-list {
  display: block; }

.home-item {
  margin-bottom: 10px; }

.main-homepage .pageItem .btn-listc {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.94);
  width: 100%; }

.main-homepage .pageItem .btn-list {
  float: right; }

.main-homepage .pageItem:hover .btn-listc {
  display: block; }

/*-------------------------------------------------------------
 /module/home mode visual
---------------------------------------------------------------*/
/* Columns */
.homeVisualLeftDiv .columnInner {
  overflow: auto;
  padding-right: 2px; }

.homeVisualLeftDiv,
.homeVisualRightDiv {
  overflow: auto; }

.homeVisualLeftDiv {
  width: 708px;
  float: left; }

.homeVisualRightDiv {
  float: none;
  width: auto;
  padding-left: 10px; }

/* box-homeVisual */
.box-homeVisual .box-m {
  height: 291px; }

.box-homeVisual .box-t {
  cursor: pointer; }

.box-homeVisual .box-t .op {
  font-weight: bold;
  padding-right: 14px; }

.box-homeVisual .box-t .label {
  float: left;
  padding-right: 10px; }

.box-homeVisual .box-t .btc .bt-item:last-child {
  padding-right: 7px; }

.box-homeVisual .box-t .btc {
  line-height: 42px; }

/* boxVisualList */
.boxVisualList .bmc {
  overflow: auto; }

/* boxVisualList */
.boxVisualContent {
  overflow: hidden; }

.boxVisualContent .media.over .med-inner {
  background: #f3f3f3;
  box-shadow: inset 0px 6px 9px #d5d5d5;
  -webkit-box-shadow: inset 0px 6px 9px #d5d5d5;
  -moz-box-shadow: inset 0px 6px 9px #d5d5d5; }

/* .homeVisualTooltipInfo */
.homeVisualTooltipInfo .title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: none;
  margin: 0;
  padding: 0; }

/*-------------------------------------------------------------
 home (dashboard, standard, easyvisual)
---------------------------------------------------------------*/
.btgroupItemsCenter {
  position: absolute;
  display: div;
  height: 26px;
  overflow: hidden;
  left: 0;
  padding: 2px 0 0 0;
  z-index: 3px;
  width: 100%;
  text-align: center;
  pointer-events: none;
  margin-left: 0; }

.btgroupItemsCenter > div {
  pointer-events: all;
  display: table;
  float: none;
  margin: -2px auto 0 auto; }

.btgroupItemsCenter .mt-items .btgroupItems {
  margin-left: 3px;
  margin-right: 3px; }

/*-------------------------------------------------------------
 /module/flatplan
---------------------------------------------------------------*/
/* Box height fix */
.box-flatplan .x-docked-top {
  overflow: hidden; }

/* dropDownExport */
#dropDownExport {
  width: 380px; }

#dropDownExport .itemListB {
  max-height: none; }

#dropDownExportPageDetailLayout {
  width: 460px; }

/* dropDownControlView */
#dropDownControlView .ico,
#fvpmpv_buttonDdControlView .ico {
  background-size: contain;
  background-color: #b3b3b3;
  border-radius: 100%; }

#fvpmpv_buttonDdControlView .ico {
  width: 16px;
  height: 16px; }

/* */
#main.main-flatplan {
  margin-bottom: 23px; }

#main.main-flatplan .x-border-layout-ct {
  background: none; }

#main.main-flatplan .x-docked-top {
  /*height: 100%;*/ }

.loading {
  background: url(image/loading.gif) center center no-repeat; }

/* ProductDetail */
.box-prodDetail .bt-back {
  margin-right: 5px; }

#PreparationProductDetailView-body,
#PreparationPageDetailProductDetailView-body {
  background: #fff !important;
  border-right: 1px solid #dddfe2 !important; }

.versionTarifaireComboboxButton .label {
  overflow: hidden;
  max-width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis; }

#bt-trade .label {
  min-width: 40px; }

#bt-wfstate .label {
  min-width: 35px; }

.main-flatplan .col-a {
  width: 320px; }

.main-flatplan .col-b {
  width: auto;
  float: none; }

/* */
.main-flatplan .center {
  position: relative;
  height: 100%; }

.main-flatplan .tabs {
  position: absolute;
  z-index: 2;
  margin-top: 23px;
  right: 60px; }

.main-flatplan .fpContainer {
  position: relative;
  z-index: 1;
  top: -1px;
  overflow: hidden;
  height: 100%;
  overflow: hidden;
  clear: both; }

.main-flatplan .fpContainer .col-a {
  border-right: 2px solid #dddfe1;
  padding-right: 0 !important; }

/* Disabled flatplan */
.main-flatplan .disabled .fpPage .options .bt-option,
.main-flatplan .disabled .x-action-col-icon.delete,
.main-flatplan .disabled .x-action-col-icon.info,
.main-flatplan .disabled .prodList .il-a .il-actions .delete,
.main-flatplan .disabled .prodList .il-a .il-actions .info,
.main-flatplan .disabled .bt-viewHistory,
.main-flatplan .disabled .bt-viewEdit,
.main-flatplan .disabled .fpPage .bt-options,
.main-flatplan .disabled .fpPage .bt-zoom,
.main-flatplan .disabled .fpPage input.cb,
.main-flatplan .disabled .pageDetailView .productList .ac-tdDelete div,
.main-flatplan .disabled .pageDetailView .productList .ac-tdInfo div {
  display: none !important; }

.main-flatplan .disabled .prodList .il-a .actions {
  width: auto; }

/* Compare popup */
table.compare {
  margin: 0;
  border: 0;
  width: 100%; }

table.compare td.value {
  padding: 10px; }

span.tdel {
  color: red;
  text-decoration: line-through; }

span.tadd {
  color: #548bc2;
  text-decoration: underline; }

/* box-flatplan */
.box-flatplan {
  margin-bottom: 0; }

.box.box-flatplan .sliderLabel {
  margin-top: 8px; }

.box-flatplan .bmc .bmc-inner {
  padding: 10px; }

.box-flatplan .slider {
  float: right;
  margin: 5px 10px 0 0; }

.box-flatplan .sliderLabel {
  float: right;
  margin: 8px 14px 0 0;
  margin: -5px 14px 0 0; }

.flatplanMask {
  position: relative !important;
  overflow: auto;
  padding: 10px 0 10px 10px; }

/* box-prodList */
.box-prodList {
  margin-bottom: 0; }

.box-prodList .bmc {
  padding: 0 0 7px 1px;
  padding: 0 0 0 1px; }

.box-prodList #bt-prod-uncollapse {
  margin-top: 7px; }

.box-prodList .boxBody {
  overflow: auto;
  padding: 0 3px 0 0;
  padding: 5px 3px 0px 5px;
  padding: 0; }

.buttonProductType .label {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis; }

.buttonProductType2 .label {
  overflow: hidden; }

.box-prodList .x-panel-header {
  display: none; }

#collapse-placeholder-preparationSideView {
  background: #f6f6f6;
  border: 1px solid #dddfe2;
  border-right: 0; }

#collapse-placeholder-preparationSideView .x-tool {
  position: relative;
  left: 4px;
  top: 4px; }

.box-prodList.collapsed .x-container {
  background: #fff;
  border-top: 0; }

.box-prodList.collapsed .prodListPagination .paging {
  display: none; }

.box-prodList.collapsed #PreparationTreeContainer {
  display: none; }

/*#preparationSideView-body,*/
.main-flatplan .col-a.undeployed {
  width: 35px !important; }

.main-flatplan .col-a.undeployed .box-prodList .bt {
  margin-left: 0; }

.main-flatplan .col-a.undeployed .box-prodList .btgroup,
.main-flatplan .col-a.undeployed .box-prodList .bt,
.main-flatplan .col-a.undeployed .box-prodList .btgroupItems,
.main-flatplan .col-a.undeployed .box-prodList .tb2,
.main-flatplan .col-a.undeployed .box-prodList .box-t .label,
.main-flatplan .col-a.undeployed .box-prodList #prodList,
.main-flatplan .col-a.undeployed .box-prodList .searchField2 {
  display: none; }

.main-flatplan .col-a.undeployed .tb {
  float: left; }

.main-flatplan .col-a.undeployed .box-prodList #bt-prod-uncollapse {
  display: block !important; }

.prodListFilterContent {
  border-top: 2px solid #dddfe1;
  background: #f6f6f6;
  padding: 6px; }

.prodListFilterContent .bt .label {
  min-width: 44px; }

.prodFilterContent {
  max-height: 300px;
  overflow: auto; }

/* box-pageDetailList */
.box-pageDetailList {
  margin-bottom: 0; }

.box-pageDetailList .box-t .label {
  font-weight: bold;
  color: #000; }

.box-pageDetailList .boxBody {
  overflow: auto;
  padding: 0 3px 0 0;
  padding: 5px 3px 0px 5px;
  padding: 0; }

/* box-pdt-pageDetailThumb && box-pdt-pageDetailList */
.box-pdt-pageDetailThumb,
.box-pdt-pageDetailList {
  margin-bottom: 0; }

.box-pdt-pageDetailThumb .slider,
.box-pdt-pageDetailList .slider {
  margin-top: 4px; }

.box-pdt-pageDetailThumb .box-m .bmc,
.box-pdt-pageDetailList .box-m .bmc {
  position: relative;
  padding: 0; }

.box-pdt-pageDetailThumb .boxBody,
.box-pdt-pageDetailList .boxBody {
  overflow: auto;
  padding: 0 3px 0 0;
  padding: 5px 3px 0px 5px;
  padding: 0; }

.box-pdt-pageDetailThumb .slider,
.box-pdt-pageDetailList .slider {
  float: left;
  padding: 5px 15px 0 6px;
  height: 25px; }

.box-pdt-pageDetailThumb .sliderLabel,
.box-pdt-pageDetailList .sliderLabel {
  float: left;
  margin: 8px 14px 0 0;
  margin: 7px 14px 0 0; }

.box-pdt-pageDetailThumb.box-c .sliderLabel,
.box-pdt-pageDetailList.box-c .sliderLabel {
  margin-top: -4px; }

.box-pdt-pageDetailThumb .box-f2 .slider,
.box-pdt-pageDetailList .box-f .slider,
.box-pdt-pageDetailThumb .box-f2 .slider,
.box-pdt-pageDetailList .box-f .slider {
  padding: 0px 10px 0 6px; }

.box-pdt-pageDetailThumb .tabContent,
.box-pdt-pageDetailList .tabContent {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 1280px; }

.box-pdt-pageDetailThumb .tabContent .tc-body,
.box-pdt-pageDetailList .tabContent .tc-body {
  position: relative; }

.box-pdt-pageDetailThumb .tabContent .tc-body .tc-inner,
.box-pdt-pageDetailList .tabContent .tc-body .tc-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 0 20px; }

.box-pdt-pageDetailThumb .tabContent .tc-body .tc-bg,
.box-pdt-pageDetailList .tabContent .tc-body .tc-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: url(image/tabContent.png) 0 0 repeat-x;
  z-index: 9; }

.box-pdt-pageDetailThumb .tabContent .bt-close,
.box-pdt-pageDetailList .tabContent .bt-close {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -7px;
  right: 30px;
  float: none;
  height: 29px;
  z-index: 10; }

.box-pdt-pageDetailThumb .tb .bt,
.box-pdt-pageDetailList .tb .bt {
  float: left; }

.box-pdt-pageDetailThumb .carousel2 .car-arrow-left span,
.box-pdt-pageDetailList .carousel2 .car-arrow-left span {
  background-position: -1804px -153px; }

.box-pdt-pageDetailThumb .carousel2 .car-arrow-left:hover span,
.box-pdt-pageDetailList .carousel2 .car-arrow-left:hover span {
  background-position: -1840px -153px; }

.box-pdt-pageDetailThumb .carousel2 .car-arrow-left:active span,
.box-pdt-pageDetailList .carousel2 .car-arrow-left:active span {
  background-position: -1876px -153px; }

.box-pdt-pageDetailThumb .carousel2 .car-arrow-right span,
.box-pdt-pageDetailList .carousel2 .car-arrow-right span {
  background-position: -1804px -263px; }

.box-pdt-pageDetailThumb .carousel2 .car-arrow-right:hover span,
.box-pdt-pageDetailList .carousel2 .car-arrow-right:hover span {
  background-position: -1840px -263px; }

.box-pdt-pageDetailThumb .carousel2 .car-arrow-right:active span,
.box-pdt-pageDetailList .carousel2 .car-arrow-right:active span {
  background-position: -1876px -263px; }

.fpProdList .showSector .secteur {
  display: table-cell !important; }

.fpProdList .productItem {
  position: relative; }

.fpProdList .actionList {
  height: 24px;
  overflow: hidden;
  text-align: right;
  padding-right: 3px; }

.fpProdList .actionList .bt,
.fpProdList .actionList .btico16 {
  display: inline-block;
  float: none; }

.fpProdList .actionList .bt .l {
  padding-left: 1px; }

.fpProdList .actionList .bt .ico {
  width: 14px !important;
  height: 14px !important;
  top: 5px; }

.fpProdList .actionList .bt .ico-edit-16 {
  background-position: -1683px -238px !important; }

.fpProdList .actionList .bt .ico-delete-16 {
  top: 3px; }

.fpProdList .actionList .bt .ico-info-16 {
  top: 2px; }

.fpProdList .actionList .bt .ico-regroup-16 {
  width: 16px !important;
  top: 2px; }

.fpProdList .actionList .bt .ico-decline-16 {
  width: 16px !important;
  top: 2px; }

.fpProdList .actionList .bt .r {
  width: 2px; }

.fpProdList .actionList .bt:hover .l {
  background-position: -203px -352px; }

.fpProdList .actionList .bt:hover .r {
  background-position: -378px -352px; }

.fpProdList .actionList .bt:active .l {
  background-position: -390px -352px; }

.fpProdList .actionList .bt:active .r {
  background-position: -565px -352px; }

.x-grid-row td {
  position: relative !important; }

/* tpl-tableNew */
.tpl-table,
.tpl-tableNew {
  white-space: normal; }

.tpl-tableNew {
  overflow: hidden;
  display: table;
  width: 100%; }

.tpl-tableNew .sector,
.tpl-tableNew .tpl,
.tpl-tableNew .actionList {
  display: table-cell;
  vertical-align: middle; }

.tpl-tableNew .tplInner {
  overflow: hidden; }

.ie7 .tpl-tableNew {
  overflow: hidden;
  display: block; }

.ie7 .tpl-tableNew .sector,
.ie7 .tpl-tableNew .tpl,
.ie7 .tpl-tableNew .actionList {
  display: block;
  float: left;
  padding-top: 7px; }

/* Flatplan small */
.sectorsInPage {
  overflow: auto; }

.sectorInPage.over {
  background: #4F5357 !important;
  color: #fff !important; }

.sectorNb {
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: Arial;
  font-weight: bold;
  opacity: 0.8; }

.prodTop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 13px #D5D5D5;
  padding: 10px; }

/*-------------------------------------------------------------
 /module/flatplan/preparation/page
---------------------------------------------------------------*/
/* fix IE 11 */
#PreparationView .x-grid-table {
  width: 100% !important; }

/*-------------------------------------------------------------
 /module/flatplan/preparation thumb
---------------------------------------------------------------*/
.PreparationFlatplanViewThumb .fpPage .zone {
  position: absolute; }

.PreparationFlatplanViewThumb .fpProdList .actionList {
  height: auto; }

.PreparationFlatplanViewThumb .fpProdList .actionList {
  display: none; }

.PreparationFlatplanViewThumb .productItem:hover .actionList {
  display: block; }

/*-------------------------------------------------------------
 /module/flatplan/preparation -> Phare
---------------------------------------------------------------*/
.PreparationFlatplanViewPlacement .placements .placement.phare,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.phare {
  background: #FEED00;
  border-color: transparent; }

.PreparationFlatplanViewPlacement .placements .placement.empty,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.empty {
  border-left-style: solid;
  border-left-width: 3px;
  border-left-color: #ccc;
  background: inherit; }

.PreparationFlatplanViewPlacement .placements .placement.empty.phare,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.empty.phare {
  border-left-color: #FEED00;
  background: inherit;
  border-bottom: 1px solid #ebebeb; }

/*-------------------------------------------------------------
 /module/flatplan/preparation placement
---------------------------------------------------------------*/
.PreparationFlatplanViewPlacement .placements,
.PreparationPageDetailPageDetailViewPlacement .placements {
  position: relative;
  height: auto; }

.PreparationFlatplanViewPlacement .placements .placement,
.PreparationPageDetailPageDetailViewPlacement .placements .placement {
  position: relative;
  min-height: 27px;
  background: url(image/itemList.gif) 0 bottom repeat-x;
  border: 1px solid transparent;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #fff;
  cursor: default; }

.PreparationFlatplanViewPlacement .placements .placement {
  border-bottom: 1px solid #ebebeb; }

.PreparationFlatplanViewPlacement.size2 .placements .placement.empty,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.empty {
  min-height: 37px; }

.PreparationFlatplanViewPlacement .placements .placement.warningInvalidHighlight,
.PreparationFlatplanViewThumb .placements .placement.warningInvalidHighlight,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.warningInvalidHighlight,
.PreparationPageDetailPageDetailViewThumb .placements .placement.warningInvalidHighlight {
  background: #4d789d1a;
  border: 1px dashed #4d789d; }

/* selected */
.PreparationFlatplanViewPlacement .placements .placement.selected,
.PreparationFlatplanViewPlacement .placements .placement.selected.selectedPlacement,
.PreparationFlatplanViewPlacement .placements .placement.selected:hover,
.PreparationFlatplanViewPlacement .placements .placement.selected.selectedPlacement:hover,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.selected,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.selected.selectedPlacement,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.selected:hover,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.selected.selectedPlacement:hover {
  background: #ADB9C7;
  border-bottom-style: dotted;
  border-color: #136497;
  border-top-style: dotted; }

/* selectedPlacement */
.PreparationFlatplanViewPlacement .placements .placement.selectedPlacement,
.PreparationFlatplanViewPlacement .placements .placement.selectedPlacement:hover,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.selectedPlacement,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.selectedPlacement:hover {
  background: #4d789d;
  border-bottom: 1px solid #4d789d;
  border-top: 1px solid #4d789d; }

/* hover */
.PreparationFlatplanViewPlacement .placements .placement:hover,
.PreparationPageDetailPageDetailViewPlacement .placements .placement:hover {
  /*background: #efefef !important;*/
  background: #efefef; }

.PreparationFlatplanViewPlacement .placements .placement:hover .actionList,
.PreparationPageDetailPageDetailViewPlacement .placements .placement:hover .actionList {
  background: transparent !important; }

/* additionnal */
.PreparationFlatplanViewPlacement .placements.additionnal,
.PreparationPageDetailPageDetailViewPlacement .placements.additionnal {
  border-top: 3px solid #4d789d; }

.PreparationFlatplanViewPlacement .placements.additionnal .placement .bg,
.PreparationPageDetailPageDetailViewPlacement .placements.additionnal .placement .bg {
  background: #efefef; }

/* additionnal */
.PreparationFlatplanViewPlacement .placements.special,
.PreparationPageDetailPageDetailViewPlacement .placements.special {
  border-bottom: 3px solid #4d789d; }

.placements.special > .placement:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; }

.placements.special > .placement:hover:after {
  background: #0000001c; }

/* */
.PreparationFlatplanViewPlacement .page-content,
.PreparationPageDetailPageDetailViewPlacement .page-content {
  overflow-y: auto;
  overflow-x: hidden; }

.PreparationFlatplanViewPlacement .placements .placement .actionList,
.PreparationPageDetailPageDetailViewPlacement .placements .placement .actionList {
  position: relative;
  visibility: visible;
  top: inherit !important;
  right: inherit !important;
  width: 50px;
  height: 24px; }

.PreparationFlatplanViewPlacement .placements .placement .actionList > .inner,
.PreparationPageDetailPageDetailViewPlacement .placements .placement .actionList > .inner {
  float: right; }

.PreparationPageDetailPageDetailViewPlacement .placements .placement .actionList {
  width: 70px;
  padding-right: 20px; }

/*-------------------------------------------------------------
 /module/flatplan/preparation productItem-mask
---------------------------------------------------------------*/
.productItem .tpl-tableNew {
  background: #e8e8e8; }

.productItem-mask .tpl {
  opacity: 0.1; }

.PreparationPageDetailPageDetailViewThumb .placements .placement.productItem-mask .bg {
  background: #e8e8e8;
  opacity: 0.5 !important; }

/*-------------------------------------------------------------
 /module/flatplan/layout/flatplan
---------------------------------------------------------------*/
#dropDownWorkflow {
  width: 300px; }

/*-------------------------------------------------------------
 /module/flatplan new product flatplan
---------------------------------------------------------------*/
.fpProdListNew {
  font-size: 11px; }

.fpProdListNew .productItem {
  background: url(image/itemList.gif) 0 bottom repeat-x;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #fff;
  cursor: default; }

.fpProdListNew .productItem.on,
.fpProdListNew .productItem.on:hover {
  background: #ADB9C7;
  border-bottom: 1px dotted #136497;
  border-top: 1px dotted #136497; }

.fpProdListNew .productItem:hover {
  background: #fff; }

/*-------------------------------------------------------------
 /module/flatplan/productDetail
---------------------------------------------------------------*/
.prodDetail {
  display: none; }

.prodDetail .box-t .label {
  color: #000;
  font-weight: bold; }

.prodDetail .box-m .bmc {
  padding: 0 1px; }

.prodDetail table.formTable {
  margin: 0; }

.prodDetail .formItem {
  padding-left: 10px; }

.prodDetail .bt-options {
  width: 46px;
  height: 29px; }

.prodDetail .formItem {
  padding-bottom: 0px; }

.prodDetail .formItemContent {
  padding-top: 10px;
  padding-bottom: 10px; }

.prodDetail .fic-image {
  float: right; }

.prodDetail .fic-image h4 {
  display: none; }

.prodDetail .fic-image .formTable .label {
  visibility: hidden;
  color: #fff !important;
  width: 0;
  padding: 0;
  font-size: 0px;
  min-width: 0 !important; }

.businessSector {
  /*height: 100%;*/
  height: auto;
  overflow: hidden;
  margin-left: 20px; }

.businessSector .bs-label {
  float: left;
  padding-top: 5px;
  line-height: normal; }

.businessSector .labelIcon {
  float: left;
  padding-left: 12px; }

.businessSector .label {
  padding-top: 4px; }

h4.toggleTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #c30026;
  color: #000; }

h4.toggleTitle a {
  display: block;
  text-decoration: none;
  color: inherit;
  background: url(image/icons/icon_deploy_b_off.png) 0 center no-repeat;
  padding: 0 0 0 20px; }

h4.toggleTitle a:hover {
  color: #625d61; }

.prodDetail .formItemContent.on .toggleTitle a {
  background: url(image/icons/icon_deploy_b_on.png) 0 center no-repeat; }

.prodDetailContentBody {
  padding: 10px 25px; }

.prodDetailContentBodyResum {
  overflow: auto; }

.thumbList.tb-prodDetail .thumb {
  min-width: 160px; }

.imageOnTopRight {
  /*position: absolute; top: 0; right:25px; width: 354px;*/
  float: right; }

.prodDetail table.formTable td.label {
  width: 200px; }

/* detailAccordion */
.accordion h3 {
  background: url(image/header-2.gif) 0 0 repeat-x;
  padding: 4px;
  font-size: 11px;
  color: #505255;
  cursor: pointer;
  font-weight: bold;
  border-top: 1px solid #dddfe2; }

.accordion .groupAnchor {
  display: none; }

/*
.detailAccordion {height: auto !important;}
.detailAccordion .x-panel-header-default {border: none; border-top: 1px solid #dddfe2; cursor: pointer;}
.detailAccordion .x-panel-header-default {background: url(image/header-2.gif) 0 0 repeat-x; padding: 0 0 0 12px; line-height: 37px; line-height: 30px; line-height: 24px; line-height: 19px; font-weight: bold;}
.detailAccordion .x-panel-header-text-default {color: #505255 !important; cursor: pointer;}*/
/* box-noteDetail */
.box-noteDetail {
  margin-bottom: 0; }

.box-noteDetail .box-t .label {
  font-weight: bold;
  color: #000; }

.box-noteDetail .box-m .bmc {
  padding: 0 0 0 1px; }

/* box-productImport */
.box-productImport .box-t .label {
  color: #000;
  font-weight: bold; }

.prodDetail {
  padding: 10px 25px; }

.prodDetailDetail,
.prodDetailEdit {
  padding: 0; }

/* laisse leclip de loading au dessus du contenu peut imprte la position de la scrollbar */
.prodDetail .x-mask-msg {
  position: fixed !important;
  top: 110px !important;
  left: 50% !important;
  margin-left: -50px !important; }

/*
.prodDetail .formTable td.label {width: 194px; width: auto; min-width: 100px; width: 100px;}*/
.prodDetailResum .formTable,
.prodDetailDetail .formTable {
  border: 0; }

.prodDetailResum .formTable td.label,
.prodDetailDetail .formTable td.label {
  background: none;
  border: 0;
  color: #000; }

.prodDetailResum .formTable td.value,
.prodDetailDetail .formTable td.value {
  background: none;
  border: 0; }

.prodDetailResum .prodDetailContentBody {
  padding-top: 24px; }

table.formTable td.ft-ov {
  width: 300px; }

table.formTable td.ft-nv {
  width: 300px; }

table.formTable tr.highlight td {
  font-weight: bold !important; }

table.formTable tr.highlight td.ft-nv {
  color: #C30026 !important; }

table.formTable .thumb.highlight img {
  border: 1px solid #C30026; }

table.formTable .action {
  text-align: right; }

/* Tooltip */
.tooltipOnclick {
  display: block;
  width: 24px;
  height: 24px; }

.prodInfoTooltip {
  color: #fff; }

.tooltipOnclick.on {
  opacity: 0.5;
  filter: alpha(opacity=50); }

/* dropDownSectore */
.dropDownSector .itemListB {
  width: 290px; }

.dropDownSector a {
  text-decoration: none; }

.dropDownSector .option {
  height: 100%;
  overflow: hidden; }

.dropDownSector .cb,
.dropDownSector .ico,
.dropDownSector .option {
  vertical-align: middle;
  display: inline-block; }

.ie7 .dropDownSector .cb,
.ie7 .dropDownSector .ico,
.ie7 .dropDownSector .option {
  display: inline;
  zoom: 1; }

.dropDownWorkflow .cb,
.dropDownWorkflow .ico,
.dropDownWorkflow .option {
  vertical-align: middle;
  display: inline-block; }

.dropDownWorkflow .option {
  padding-left: 3px; }

/* box-breadcrumb */
.box-breadcrumb {
  margin-bottom: 10px !important; }

.breadCrumb .goTo {
  width: 200px;
  float: left;
  overflow: hidden; }

.breadCrumb .goTo .goToInput {
  display: block;
  float: left;
  background: transparent;
  border: 0;
  margin: 4px 0 0 0;
  padding: 3px 5px;
  font-size: 12px;
  width: 50px;
  font-weight: bold;
  border: 1Px solid #ccc;
  color: #999; }

.breadCrumb .goTo .bt {
  margin-top: 5px;
  margin-left: 4px; }

.breadCrumb .goTo .bt .label {
  line-height: 21px; }

.zoomInput {
  text-align: center;
  height: 25px;
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  padding: 5px;
}

.input-container {
  position: relative;
  display: inline-block;
}

.input-container::after {
  content: '▼';
  position: absolute;
  top: 24%;
  right: 11px;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.breadCrumb .goToInput:hover {
  background: #fff;
  border-color: #666; }

.breadCrumb .goTo .gLabel {
  float: left;
  width: 37px;
  line-height: 30px;
  margin-left: 30px;
  margin-right: 10px;
  font-size: 12px;
  color: #999; }

.breadCrumb .suggest > .bt .txt {
  display: none; }

.breadCrumb-operation .label {
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal; }

.breadCrumb .suggest > .bt > .l > .label {
  width: 100%; }

/* box-breadcrumb > dropdown */
#dropdown_bc_1 .itemListB .il-a span,
#dropdown_bc_2 .itemListB .il-a span,
#dropdown_bc_3 .itemListB .il-a span,
#dropdown_bc_4 .itemListB .il-a span {
  cursor: pointer;
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* .thumbList.flatplanFormImages */
.thumbList.flatplanFormImages .thumb {
  margin-bottom: 5px; }

.thumbList.flatplanFormImages .thumb:hover,
.thumbList.flatplanFormImages .thumb.on {
  background: #ececec; }

.flatplanFormImages .thumbList .thumb {
  min-height: 220px; }

.flatplanFormImages .thumb .thl-text {
  width: 143px;
  min-height: 43px; }

.thumbList.flatplanFormImages .thumb {
  cursor: pointer;
  min-height: 218px; }

.thumbListDragDrop img {
  cursor: move; }

.prodDetailHistory {
  padding: 10px 0 10px 10px;
  padding: 1px 10px 0 0; }

/**/
.prodDetailLogValue {
  padding: 0; }

.productToolbar .bt2c {
  border-left: 0;
  line-height: 38px; }

.productToolbar .listToolbar {
  margin-bottom: 0;
  margin-top: 0; }

/* prodDetailForm */
.prodDetailForm {
  margin: 10px; }

/* Regroupe / decline */
.prodGroupList {
  background: url(image/prodGroupListBg.gif) 0 bottom repeat-x; }

.prodRegroupCarousel .prodRegroupItem {
  position: relative;
  background: url(image/prodGroupListSep.png) right center no-repeat;
  padding-right: 16px;
  padding: 5px;
  height: 80px;
  padding: 0 24px; }

.prodRegroupCarousel .prodRegroupItem:last-child {
  background: none; }

.prodRegroupCarousel .prodRegroupItem .iconProdType {
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
  margin-top: 7px;
  cursor: default; }

.prodRegroupCarousel .prodRegroupItem .actionDelete {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 4px;
  right: 4px; }

/* carousel item template */
.prodRegroupCarousel .prodRegroupItem p {
  margin: 0; }

.prodRegroupCarousel .prodRegroupItem img {
  display: block; }

/* */
.prodRegroupCarousel .prodRegroupItem.on {
  background: #d3dadd;
  background: -webkit-linear-gradient(top, #dee4e7 0%, #c0c9cc 100%);
  background: -moz-linear-gradient(top, #dee4e7 0%, #c0c9cc 100%); }

html body .prodRegroupCarousel .car-arrow-left span,
html body .prodRegroupCarousel .car-arrow-right span,
html body .prodRegroupCarousel .car-arrow-left,
html body .prodRegroupCarousel .car-arrow-right {
  width: 46px;
  height: 46px; }

html body .prodRegroupCarousel .car-arrow-left span,
html body .prodRegroupCarousel .car-arrow-right span {
  top: 0;
  margin: 0; }

html body .prodRegroupCarousel .car-arrow-left,
html body .prodRegroupCarousel .car-arrow-right {
  margin-top: 20px; }

html body .prodRegroupCarousel .car-items {
  height: 100%;
  top: 0 !important; }

html body .prodRegroupCarousel .car-arrow-left span {
  background: url(image/car-arrow-left.png) 0 0 no-repeat; }

html body .prodRegroupCarousel .car-arrow-left:hover span {
  background-position: -870px -153px; }

html body .prodRegroupCarousel .car-arrow-left:active span {
  background-position: -906px -153px; }

html body .prodRegroupCarousel .car-arrow-right span {
  background: url(image/car-arrow-right.png) 0 0 no-repeat; }

html body .prodRegroupCarousel .car-arrow-right:hover span {
  background-position: -870px -263px; }

html body .prodRegroupCarousel .car-arrow-right:active span {
  background-position: -906px -263px; }

.buttonMoveUpData,
.buttonMoveDownData {
  width: 38px; }

.buttonMoveUpData .ico,
.buttonMoveDownData .ico {
  opacity: 1 !important;
  overflow: hidden;
  height: 24px; }

/*-------------------------------------------------------------
 /module/flatplan/productDetail -> Highlight
---------------------------------------------------------------*/
.prodDetail table.formTable td.label,
.prodDetail table.formTable td.value {
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out; }

.field_highlight td.label,
.field_highlight td.value {
  background: #4d789d;
  color: #fff; }

/*-------------------------------------------------------------
 /module/flatplan/productDetail -> Accordions
---------------------------------------------------------------*/
/* level 1 */
.prodDetail .accordion > .formItems {
  display: none; }

.prodDetail .accordion.on > .formItems {
  display: block; }

/* level 2 */
.prodDetail .accordion .formItemContent .fic-inner {
  display: none; }

.prodDetail .accordion .formItemContent.on .fic-inner {
  display: block; }

/*-------------------------------------------------------------
 /module/flatplan/product/history
---------------------------------------------------------------*/
.historySnapshot {
  padding: 3px 3px 4px 3px;
  padding: 0;
  position: relative; }

.hs-box {
  position: absolute;
  position: static;
  background: #EEE;
  font-weight: normal;
  color: black;
  text-align: right;
  border: 1px solid #CFCFCF;
  border-radius: 2px;
  padding: 4px 12px;
  padding: 0;
  font-size: 11px; }

.hs-box select {
  font-size: 11px; }

/* formTableHistory */
table.formTableHistory {
  border: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: 0; }

table.formTableHistory td,
table.formTableHistory th {
  border: 0;
  background: none; }

table.formTableHistory th {
  background: none;
  padding-left: 0;
  height: auto;
  line-height: normal;
  font-size: 11px;
  color: #3A4855;
  font-weight: bold;
  border-bottom: 2px solid #EBEBEB !important; }

table.formTableHistory tr.highlight td {
  color: #000;
  font-weight: normal; }

table.formTableHistory td.label,
table.formTableHistory td.value {
  padding: 5px;
  padding: 7px 5px 0px 5px;
  line-height: normal;
  min-height: 29px !important; }

table.formTableHistory td.label {
  width: 110px; }

table.formTableHistory td.ft-ov {
  width: 300px; }

table.formTableHistory td.ft-nv {
  width: 300px; }

table.formTableHistory tr.highlight td {
  font-weight: bold !important; }

table.formTableHistory tr.highlight td.ft-nv {
  color: #C30026 !important; }

table.formTableHistory .thumb.highlight img {
  border: 1px solid #C30026; }

table.formTableHistory .action {
  text-align: right; }

/*-------------------------------------------------------------
 /module/flatplan - Items Templates
---------------------------------------------------------------*/
/* Template A (Liste des produits - vignette) */
.templateA .secteur {
  width: 3px;
  font-size: 0; }

.templateA .image {
  position: relative;
  vertical-align: middle;
  width: 65px;
  height: 65px; }

.templateA .image img {
  display: block;
  margin: 0 auto; }

.templateA .code {
  color: #a3a3a3;
  font-size: 10px;
  display: block;
  padding-top: 8px; }

.templateA .content {
  padding-left: 6px; }

.templateA .tpl-label {
  color: #52575d;
  display: block; }

.templateA .tpl-imageMask {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 56px;
  margin-top: -29px;
  left: 4px;
  left: 6px;
  box-shadow: inset 0px 0px 9px #333;
  -webkit-box-shadow: inset 0px 0px 9px #333;
  -moz-box-shadow: inset 0px 0px 9px #333; }

/* Template B (Liste des produits - list) */
.templateB .tpl-label {
  color: #52575d;
  padding-left: 8px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px; }

/* Template C (Liste des produits dans une page - taille 1) */
.templateC {
  font-size: 10px;
  width: 50px;
  height: 17px;
  overflow: hidden; }

.templateC .tpl-label {
  color: #000;
  line-height: 20px;
  padding-left: 4px; }

/* Template D (Liste des produits dans une page - taille 2)  */
.templateD {
  font-size: 11px;
  width: 70px;
  height: 23px;
  overflow: hidden; }

.templateD .tpl-label {
  color: #000;
  padding-left: 8px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px; }

/* Template E (Liste des produits dans une page - taille 3)  */
.templateE {
  font-size: 11px;
  width: 160px; }

.templateE .tpl-label {
  color: #000;
  padding-left: 8px;
  vertical-align: middle;
  line-height: normal;
  padding: 6px 4px; }

.templateE .code {
  color: #7f7f7f;
  display: block; }

/* Template F (/module/media/productTree) */
.templateF {
  padding: 2px; }

.templateF .tpl-secotr {
  width: 4px; }

.templateF .tpl-label {
  color: #52575d;
  padding-left: 8px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px; }

/* misc */
.tpl-table.size1 .secteur {
  font-size: 0;
  white-space: nowrap; }

.tpl-table.size2 .secteur {
  font-size: 0;
  white-space: nowrap; }

.tpl-table.size3 .secteur {
  font-size: 0;
  white-space: nowrap; }

/*-------------------------------------------------------------
 /module/flatplan/layout/pageDetail
---------------------------------------------------------------*/
/* cursor */
#LayoutView .pageDetailView.cursor-default,
#LayoutView .pageDetailView.cursor-default #holder {
  cursor: auto; }

#LayoutView .pageDetailView.cursor-createNote,
#LayoutView .pageDetailView.cursor-createNote #holder {
  cursor: cell; }

#LayoutView .pageDetailView.cursor-moveNote,
#LayoutView .pageDetailView.cursor-moveNote #holder {
  cursor: move; }

#LayoutView .pageDetailView.cursor-hand,
#LayoutView .pageDetailView.cursor-hand #holder {
  cursor: move;
  cursor: -webkit-grab; }

#LayoutView .pageDetailView.cursor-handPress,
#LayoutView .pageDetailView.cursor-handPress #holder {
  cursor: move;
  cursor: -webkit-grabbing; }

#LayoutView .pageDetailView.cursor-pointer,
#LayoutView .pageDetailView.cursor-pointer #holder {
  cursor: pointer; }

/*-------------------------------------------------------------
 /module/flatplan/preparation/pageDetail
---------------------------------------------------------------*/
#PreparationPageDetailPageDetailView .box-t .boxTitle {
  height: 37px; }

#PreparationPageDetailPageDetailView .box-t .boxTitle .textItem {
  position: relative;
  display: block;
  height: 37px !important;
  top: -5px;
  height: inherit;
  float: left; }

#PreparationPageDetailPageDetailView.page-loading .spread,
#PreparationPageDetailPageDetailView.page-loading .bigNav,
#PreparationPageDetailPageDetailView.page-loading .btc .bt,
#PreparationPageDetailPageDetailView.page-loading .bf2c > *,
#PreparationPageDetailPageDetailView.page-loading .boxTitle {
  visibility: hidden !important; }

#PreparationPageDetailPageDetailView.page-loading .btc .bt-back {
  visibility: visible !important; }

/*-------------------------------------------------------------
 /module/flatplan/layout/pageDetail/annotationDetail
---------------------------------------------------------------*/
#dropDownExportFlatplanLayout {
  width: 370px; }

#dropDownExportFlatplanLayout .itemListB {
  max-height: 400px; }

.bt-item.label {
  color: #565A61;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff; }

.pageDetailView,
#holder {
  cursor: default; }

.spreadInnerContainer .noteMask {
  opacity: 0.15;
  display: none !important;
  /* Plus d affichage du mask sur demande #4442 */ }

.ie7 .spreadInnerContainer .noteMask,
.ie8 .spreadInnerContainer .noteMask {
  filter: alpha(opacity=15); }

/* Comparaison mode */
.pageDetailContainer.compareMode .slider,
.pageDetailContainer.compareMode .toolbarWorkflow,
.pageDetailContainer.compareMode .buttonNotePin,
.pageDetailContainer.compareMode .buttonNoteRect,
.pageDetailContainer.compareMode .buttonNoteEllipse,
.pageDetailContainer.compareMode .buttonNoteDraw,
.pageDetailContainer.compareMode .buttonSnapshot,
.pageDetailContainer.compareMode .buttonFlatTableImport,
.pageDetailContainer.compareMode .buttonExport,
.pageDetailContainer.compareMode .buttonNoteArrow,
.pageDetailContainer.compareMode .buttonNoteArrowDouble {
  display: none !important; }

.pageDetailContainer.lock .spread {
  background: #616161; }

.pageDetailContainer.lock .pageDetailView,
.pageDetailContainer.lock #holder {
  cursor: default; }

.noteMask .zones {
  display: none; }

.noteMask .spread .mask {
  display: none;
  background: #fff; }

/* AnnotationDetail */
.annotationDetail {
  font-size: 12px; }

ul.annotationList li.annotationItem {
  position: relative;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #e4e5e5; }

ul.annotationList li.annotationItem.odd {
  background: #FDFDFD;
  border-bottom-color: #eee; }

ul.annotationList li.annotationItem.even {
  background: #fff;
  border-bottom-color: #eee; }

ul.annotationList li.annotationItem.author {
  background: #f6f6f6 url(image/annotationAuthorBg.gif) 0 bottom repeat-x;
  border-bottom: 0; }

ul.annotationList li.annotationItem:last-child {
  border-bottom: 0; }

ul.annotationList li.annotationItem .tb {
  /*position: absolute; top: 0; right: 0;*/ }

ul.annotationList li.annotationItem .bt {
  visibility: visible; }

ul.annotationList li.annotationItem:hover .bt {
  visibility: visible; }

ul.annotationList .ai_head {
  overflow: hidden; }

ul.annotationList .ai_head .userThumb {
  float: left;
  margin-right: 14px; }

ul.annotationList .ai_head .date {
  color: #616161;
  font-size: 11px;
  padding-top: 0; }

ul.annotationList .ai_head .author {
  color: #000; }

ul.annotationList .ai_head .icon {
  width: 24px;
  height: 24px;
  float: right; }

ul.annotationList .ai_head .icon img {
  max-width: 100%; }

ul.annotationList .comment {
  color: #424242;
  padding-top: 6px; }

ul.annotationList .comment p {
  margin: 10px 0 0 0; }

.userThumb {
  position: relative; }

.userThumb,
.userThumb .mask,
.userThumb .img {
  width: 36px;
  height: 36px; }

.userThumb .mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(image/annotation_user_mask.png) 0 0 no-repeat; }

.userThumb .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #ededed;
  background-position: center bottom;
  background-position: center top;
  background-repeat: no-repeat; }

/*-------------------------------------------------------------
 /module/mapping/form
---------------------------------------------------------------*/
#ColumnMapping .x-grid-header-row {
  display: none; }

#ColumnMapping .x-panel-header {
  background: url(image/sprites.png) -21px -45px no-repeat;
  padding-left: 12px;
  line-height: 25px;
  font-weight: bold; }

#ColumnMapping .btn-add {
  background: url(image/icons/icon_add.gif) center no-repeat; }

#ColumnMapping .btn-import {
  background: url(image/icons/icon_excel_16.png) center no-repeat; }

#SubMappingFormDiv .x-grid-header-row {
  display: none; }

.headerCheckBox {
  margin: 0 5px 4px 0; }

/*-------------------------------------------------------------
 popup report
---------------------------------------------------------------*/
.reportShowTable {
  width: 100%;
  margin: 0 0 12px 0 !important; }

.reportRejectTable {
  width: 100%;
  margin: 0 0 12px 0 !important; }

/*-------------------------------------------------------------
 /module/flatplan/reportSimulation
---------------------------------------------------------------*/
.box-report .bmc {
  padding: 0;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #E9E9E9; }

.box-report .reportInnerScroll {
  overflow: auto;
  padding: 12px; }

.box-report .formTable2 {
  margin: 10px auto 0; }

#PreparationView .x-collapse-el {
  display: none; }

.reportField {
  font-weight: bold;
  color: #4d789d; }

/*-------------------------------------------------------------
 /module/flatplan/pageDetail
---------------------------------------------------------------*/
.box-pageDetail.hidden .spread {
  visibility: hidden !important;
  border: 3px solid red; }

/* pageDetailListSpread && pageDetailThumbSpread */
.pageDetailListSpread,
.pageDetailThumbSpread {
  -webkit-box-shadow: 1px 1px 15px 0px #333;
  box-shadow: 1px 1px 15px 0px #333;
  border: 1px solid #b7b7b7;
  background: #fff; }

.pageDetailListSpread .page,
.pageDetailThumbSpread .page {
  height: 100%; }

.pageDetailListSpread {
  font-size: 13px; }

.pageDetailListSpread .pageC {
  height: 100%; }

.pageDetailListSpread .pageC .pageCProducts {
  height: 100%;
  position: relative;
  vertical-align: top; }

.pageDetailListSpread .pageC .pageCInfos {
  height: 43px;
  border-top: 1px solid #cacdcf;
  background: url(image/pageInfo_bg.gif) 0 0 repeat-x;
  padding-left: 10px;
  vertical-align: middle; }

.pageDetailListSpread .pageC .pageCTrade {
  position: relative;
  height: 20px; }

.pageDetailListSpread .pageC .pageCTrade > .pinfo {
  position: absolute;
  top: 0;
  right: 0; }

.pageDetailListSpread .page {
  border-right: 1px solid #5c5c5c; }

.pageDetailListSpread .page:last-child {
  border-right: none; }

/*.prodListInPage .x-grid-row-selected .x-grid-cell
{   
    background: none;
    border: 0;
}*/
.pageDetailListSpread .itemList {
  border: 0; }

.pageDetailListSpread .itemList .il-item {
  height: 73px; }

.pageDetailListSpread .itemList .il-item .il-a {
  border-top: 1Px solid #EBEBEB;
  border-right: 1Px solid #EBEBEB; }

/* pageDetailThumbSpread */
/* Ext elements */
.x-splitter {
  background: transparent;
  background-color: #dddfe1; }

.x-splitter:hover {
  background-color: #98A3A5; }

.productsListCarousel {
  padding: 0 10px; }

.prodItem,
.noteItem,
.pageRevisionItem {
  position: relative;
  height: 120px;
  height: 136px;
  font-size: 11px;
  border: 1px solid transparent;
  color: #fff;
  padding: 6px;
  margin: 6px 0px;
  cursor: pointer;
  overflow: hidden; }

.prodItem .pi-c,
.noteItem .pi-c,
.pageRevisionItem .pri-c {
  display: block;
  padding: 0px 0 0 6px; }

/* prodItem (light) */
.pi-img {
  height: 76px;
  vertical-align: bottom; }

.pi-img img {
  display: block;
  margin: 0 auto; }

.pi-code {
  text-align: center; }

.pi-label {
  text-align: center; }

.prodItem.over {
  background: #000;
  border-color: #242424; }

.prodItem.on {
  background: #000;
  border-color: #242424; }

/* noteItem */
.noteItem {
  position: relative;
  width: 145px;
  margin-left: 10px;
  margin-right: 10px; }

.ni-user {
  font-weight: bold; }

.ni-date {
  color: #b1b1b1;
  font-weight: normal; }

.ni-preview {
  padding-top: 4px; }

.noteItem.over {
  background: #000;
  border-color: #242424; }

.noteItem.on {
  background: #000;
  border-color: #242424; }

.noteItem .ni-hascomment {
  display: block;
  width: 16px;
  height: 16px;
  float: right; }

/* Page revision item */
.pri-img {
  height: 76px;
  vertical-align: bottom; }

.pri-img img {
  display: block;
  margin: 0 auto; }

.pri-versionLabel {
  text-align: center;
  font-weight: bold; }

.pri-versionLabel .date {
  font-weight: normal;
  padding-left: 6px; }

.pageRevisionItem.over {
  background: #000;
  border-color: #242424; }

.pageRevisionItem.on {
  background: #000;
  border-color: #242424; }

/* spreadItem */
.spreadItem {
  height: 128px;
  margin: 0 4px;
  cursor: pointer;
  opacity: 0.7; }

.si-spread {
  border: 2px solid transparent; }

.si-spread img {
  display: block; }

.spreadItem.over .si-spread {
  border-color: #fff; }

.spreadItem.over {
  opacity: 1; }

.spreadItem.on .si-spread {
  background: #5E5E5E; }

.spreadItem.on {
  opacity: 1; }

.footerPanel {
  background: url(image/tabContent.png) 0 0 repeat-x;
  background: #212121; }

/* Pages carousel */
.pagesCarousel .si-spread {
  background: #333;
  border: 1px solid #fff;
  color: #fff;
  text-align: center; }

.pagesCarousel .si-spread td {
  border: 1Px solid #ccc; }

.pagesCarousel .car-arrow-left,
.pagesCarousel .car-arrow-right,
.pagesLayoutCarousel .car-arrow-left,
.pagesLayoutCarousel .car-arrow-right {
  height: 150px; }

/* Pages layout carousel */
.pagesLayoutCarousel .si-spread {
  background: #fff;
  border: 1px solid #fff; }

.pagesLayoutCarousel .si-spread.empty td {
  border: 1Px solid #ccc; }

.pagesLayoutCarousel .spreadItem.on .si-spread {
  background: #fff; }

.pagesLayoutCarousel .spreadItem.on {
  opacity: 1; }

.bigNav {
  visibility: hidden;
  position: absolute;
  background-image: url(image/sprites.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 52px;
  z-index: 100;
  cursor: pointer;
  top: 50%;
  margin-top: -50px; }

.bigNavLeft {
  background-position: -1804px -381px;
  left: 40px; }

.bigNavLeft:hover {
  background-position: -1840px -381px; }

.bigNavRight {
  background-position: -1804px -434px;
  right: 40px; }

.bigNavRight:hover {
  background-position: -1840px -434px; }

/* (bignav v2) */
.bignavc {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 100%;
  top: 0; }

.bignavc .inner {
  position: relative;
  top: 50%;
  margin-top: -50px;
  width: 18px;
  height: 52px;
  left: 16px;
  display: none;
  cursor: pointer; }

.bignavc-left {
  left: 0; }

.bignavc-right {
  right: 0; }

.bignavc-left .inner {
  background: url(image/sprites.png) -1804px -381px no-repeat; }

.bignavc-left .inner:hover {
  background: url(image/sprites.png) -1840px -381px no-repeat; }

.bignavc-right .inner {
  background: url(image/sprites.png) -1804px -434px no-repeat; }

.bignavc-right .inner:hover {
  background: url(image/sprites.png) -1840px -434px no-repeat; }

.bignavc:hover .inner {
  display: block; }

.ie7 .bigNavRight {
  right: -1px; }

.pageDetailView.nozones .zones {
  display: none; }

.pageDetailView.scroll {
  overflow: auto; }

.overLeft .bigNavLeft {
  visibility: visible !important; }

.overRight .bigNavRight {
  visibility: visible !important; }

/* Prodlist in page */
.pageDetailView .productList .x-panel,
.pageDetailView .productList .x-scroller {
  border: 0 !important; }

.pageDetailView .productList .ac-td {
  vertical-align: middle; }

.pageDetailView .productList .x-grid-cell-inner {
  padding-right: 0; }

.pageDetailView .productList .secteur {
  width: 4px; }

.pageDetailView .page.cantdel .buttonDelete {
  display: none; }

.pageDetailView .productList .x-grid-row.on .x-grid-cell {
  background: #333 !important; }

.pageDetailView .productList .x-grid-row.on .x-grid-cell * {
  color: #fff; }

.pageDetailView .productList .x-grid-row.on .bt,
.pageDetailView .productList .x-grid-row.on .btico16 {
  display: none; }

.field-zone-container {
  position: absolute;
  top: 0;
  left: 0; }

.field-zone {
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2); }

.field-zone > .inner {
  position: relative; }

.field-zone .actionList {
  position: absolute;
  display: none;
  top: -16px;
  right: 0; }

.field-zone .actionList .buttonEdit {
  display: none; }

.field-zone:hover {
  background: transparent;
  border: 2px dashed #000; }

.field-zone:hover .actionList {
  display: block; }

/*-------------------------------------------------------------
 /module/flatplan - bignav-container
---------------------------------------------------------------*/
.bignav-container {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100px;
  height: 100%; }

.bignav-container > .inner {
  position: relative;
  width: 100%;
  height: 100%; }

.bignav-container-left {
  pointer-events: visible;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  z-index: 30; }

.bignav-container-right {
  pointer-events: visible;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  right: 0;
  z-index: 30; }

.bignav-container:hover .bigNav {
  visibility: visible; }

.bignav-container .bigNav {
  top: 50%;
  margin-top: -28px; }

/*-------------------------------------------------------------
 /module/flatplan/preparation/page thumb
---------------------------------------------------------------*/
/*-------------------------------------------------------------
 /module/flatplan/log/move
---------------------------------------------------------------*/
.pageWfItem {
  display: inline-block;
  overflow: hidden;
  /*height: 29px;*/
  border-radius: 4px;
  box-shadow: inset 0px 3px 11px -2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  padding: 0 14px 0 7px;
  line-height: 30px;
  font-size: 11px;
  color: #fff; }

.pageWfItem .pi-ico,
.pageWfItem .pi-num,
.pageWfItem .pi-wf {
  float: left;
  height: 24px; }

.pageWfItem .pi-ico {
  background: url(image/icons/icon_pages_16.png) 0 center no-repeat;
  padding-left: 22px;
  /*height: 100%;*/ }

.pageWfItem .pi-num {
  padding-right: 10px; }

/*-------------------------------------------------------------
 /module/operation
---------------------------------------------------------------*/
.exampleText {
  color: #666666;
  font-size: 11px;
  font-style: italic;
  margin-left: 5px; }

.dateTable td {
  padding-right: 3px; }

.dateTable .pictoCalendar {
  padding: 3px 15px 0 0; }

.userName {
  padding: 0 0 0 10px; }

/* Submapping form 2 */
.submappingForm2 .x-grid-header-row {
  display: none; }

.submappingForm2 .x-grid-header-hidden .x-grid-body {
  border: 0; }

td.smf2-columnContainer,
td.smf2-fieldContainer {
  width: 50%;
  padding: 0;
  background: #fff; }

td.smf2-columnContainer .listTable,
td.smf2-fieldContainer .listTable {
  margin: 0;
  min-width: 0;
  width: 100%; }

td.smf2-columnCellContainer,
td.smf2-fieldCellContainer {
  padding: 0 !important; }

.submappingForm2 .smf2ListTable {
  border: none; }

#columnList,
#fieldList {
  height: 200px; }

/*-------------------------------------------------------------
 /module/label
---------------------------------------------------------------*/
/*-------------------------------------------------------------
 /module/user
---------------------------------------------------------------*/
.userShow .listTable2 ul {
  margin: 0; }

.sousEnseigneTitle {
  margin: 0;
  padding: 0; }

ul.sousEnseigneList {
  padding: 0;
  margin: 6px 0 25px 12px; }

ul.sousEnseigneList li.se-item {
  margin: 0 0 5px 0; }

.tableEnseigne .te-cell {
  vertical-align: top;
  width: 170px;
  white-space: nowrap; }

/*-------------------------------------------------------------
 module/version
---------------------------------------------------------------*/
.nestedList {
  background: none repeat scroll 0 0 #F7F7F7; }

.nestedList .nl-item {
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #FFFFFF;
  color: #7C7C7C;
  font-size: 13px;
  text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
  overflow: hidden; }

.nestedList .nl-item .nl-item-c {
  background: url(image/nestedList-item-arrow.gif) no-repeat scroll right center transparent;
  margin-right: 8px;
  padding: 12px;
  padding: 5px; }

.nestedList .nl-item img {
  padding-right: 10px;
  vertical-align: middle; }

.nestedList .nl-item-over {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000; }

.nestedList .nl-item-over .nl-item-c {
  background-image: url(image/nestedList-item-arrow-on.gif); }

.nestedList .nl-item-leaf .nl-item-c {
  background: none repeat scroll 0 0 transparent; }

.nestedList .nl-item-select {
  background: none repeat scroll 0 0 #D8D8D8;
  color: #000000;
  text-shadow: none; }

.nestedList-multiple .nl-item-leaf.nl-item-select {
  background: inherit;
  color: inherit;
  text-shadow: inherit; }

.nestedList .noResults {
  color: #787878;
  cursor: default;
  font-size: 14px;
  padding: 50px 0;
  text-align: center; }

/*-------------------------------------------------------------
 /module/field
---------------------------------------------------------------*/
#fieldList {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#fieldList .x-item-over {
  background: no-repeat scroll right bottom #EFEFEF;
  border: 1px solid #DDDDDD;
  padding: 4px; }

#fieldList .x-item-selected {
  background: no-repeat scroll right bottom #EFF5FB;
  border: 1px solid #99BBE8;
  padding: 4px; }

#fieldList .thumb-wrap {
  margin: 6px;
  overflow: hidden;
  border: dashed 1px #d0d0d0;
  padding: 1px;
  cursor: move; }

#fieldList .thumb img {
  padding-right: 5px; }

#fieldAdminContainer .btn-add {
  background: url(image/icons/icon_add.gif) center no-repeat; }

.formFieldAdmin table.formTable {
  border-bottom: 0px;
  margin: 0px auto 0 auto; }

.formFieldAdmin table.formTable .label {
  width: 205px; }

.formFieldAdmin .formTable td.value input[type="checkbox"] {
  margin: 0px; }

.formFieldAdmin .formTable td.value input[type="radio"] {
  margin: 0px; }

#fieldAdminContainer .x-column-header-trigger {
  display: none; }

#specificTable {
  margin-bottom: 10px; }

#specificTable table.formTable {
  margin-top: 0px;
  border-top: 0px;
  border-bottom: 1px solid #BFBFBF; }

.formGroupAdmin .formTable td.value input[type="radio"] {
  margin: 0 2px 0 0; }

.formGroupAdmin .formTable td.value input[type="checkbox"] {
  margin: 0 2px 0 0; }

.formGroupAdmin .formTable td.value .radioButton {
  margin-right: 14px; }

/*-------------------------------------------------------------

---------------------------------------------------------------*/
#customerTable {
  width: 100%; }

#customerTable .multipleItem .mi-img {
  top: 0;
  left: 0; }

#customerTable .multipleItem .mi-item {
  width: auto;
  height: auto;
  padding: 10px;
  border: 1px solid transparent; }

#customerTable .multipleItem .mi-item-on {
  background: transparent;
  margin: 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

#customerTable .multipleItem .mi-item:hover {
  border-color: #fff; }

/*-------------------------------------------------------------
 /module/logoutUnknow
---------------------------------------------------------------*/
body.page-logoutUnknown {
  text-align: center;
  padding: 40px; }

body.page-logoutUnknown .logo {
  margin: 0 auto 10px auto; }

/*-------------------------------------------------------------
 breadCrumbHead
---------------------------------------------------------------*/
.breadCrumbHead {
  float: left;
  height: 27px;
  overflow: hidden;
  margin: 2px; }

.breadCrumbHead,
.breadCrumbHead a {
  color: #A7A7A7;
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1px;
  text-shadow: -1px -1px 0 #FFFFFF;
  text-transform: uppercase; }

.breadCrumbHead a {
  cursor: pointer; }

.breadCrumbHead a:hover {
  color: #000000;
  text-decoration: none; }

.breadCrumbHead .bc-item {
  padding-right: 10px; }

.breadCrumbHead .bc-item .bc-label {
  position: relative;
  top: 1px; }

.breadCrumbHead .bc-item .bc-img {
  padding-right: 6px; }

.breadCrumbHead .bc-item .bc-img img {
  border: 1px solid #C3C3C3;
  vertical-align: middle; }

.breadCrumbHead .bc-sep {
  background: url(image/breadCrumbHead-arrow.gif) no-repeat scroll 0 center transparent;
  padding-right: 10px; }

.breadCrumbHead .bc-item-noimg .bc-img img {
  border: 0 none;
  width: 0; }

.breadCrumbHead span.bc-item {
  color: #777777; }

.breadCrumbHead {
  height: auto;
  position: relative;
  /*top: 5px;*/ }

.breadCrumbHead .bc-item,
.breadCrumbHead .bc-sep {
  display: block;
  float: left;
  height: 27px; }

.breadCrumbHead .bc-sep {
  /*background: none repeat scroll 0 0 transparent; padding-top: 10px;*/ }

.breadCrumbHead .bc-item .bc-label {
  line-height: 27px; }

.DropdownlistAdditionalValue {
  padding-left: 5px; }

/*-------------------------------------------------------------
 /module/flatplan/productEdit
---------------------------------------------------------------*/
.productEdit td {
  padding: 2px; }

#groupListContainer {
  margin-bottom: 5px; }

#groupList {
  overflow: hidden;
  margin-right: 75px; }

#groupList .bt {
  font-weight: normal; }

a.groupAnchor {
  text-decoration: none; }

.tooltipAlignment {
  height: 27px; }

/*-------------------------------------------------------------
 /module/flatplan/popup_setValueForFieldInFlatplan
---------------------------------------------------------------*/
.setValueForFieldInFlatplanTable > tbody > tr > th {
  border-right: 1px solid #c5c5c5; }

/*.setValueForFieldInFlatplanTable > tbody > tr > td.value {padding: 0;}*/
.setValueForFieldInFlatplanTable > tbody > tr > td.value .formTable {
  border: 0;
  margin: 0; }

/*-------------------------------------------------------------
 /module/media
---------------------------------------------------------------*/
#DetailInformationsView .box-t .bt {
  padding: 4px 4px 8px 4px; }

.main-media .x-border-layout-ct {
  background: none; }

.main-media .loading-indicator,
.mediaPopup .loading-indicator {
  width: 100% !important;
  height: 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }

.mediaPopup {
  box-shadow: rgba(0, 0, 0, 0.27) 0px 0px 10px; }

.main-media .loading-indicator {
  background-image: url(image/loading_grey.gif) !important; }

.mediaPopup .loading-indicator {
  background-image: url(image/loading.gif) !important; }

.mediaListList .x-scroller-vertical {
  border: 0; }

.mediaListList .x-column-header-trigger {
  display: none; }

.mediaListList .x-column-header-over {
  background: inherit; }

.box-mediaList .box-t .tbItem {
  float: left; }

.box-mediaList .slider {
  margin-top: 6px;
  margin-left: 10px; }

.box-mediaList .sliderLabel {
  line-height: 30px; }

.box-mediaList .searchField3 {
  width: 300px; }

/*-------------------------------------------------------------
 module visual (vprod/vshoot/vvisual)
   suggest_dropDownOperationList_production &&
   suggest_dropDownOperationList_archived
---------------------------------------------------------------*/
.box-mediaList .toolbar-first .operationDropDownContainer {
  float: left;
  width: 180px; }

.box-mediaList .toolbar-first .operationDropDownContainer > div {
  position: absolute; }

.box-mediaList .toolbar-first .operationDropDownContainer .suggest {
  z-index: 70;
  max-width: 180px; }

.box-mediaList .toolbar-first .operationDropDownContainer .suggest > .bt {
  width: 180px; }

.box-mediaList .toolbar-first .operationDropDownContainer .suggest > .bt > .l {
  width: calc(100% - 30px); }

.box-mediaList .toolbar-first .operationDropDownContainer .suggest > .bt .label {
  width: calc(180px - 30px - 10px - 18px);
  float: left;
  overflow: hidden;
  text-overflow: ellipsis; }

/*-------------------------------------------------------------
 /module/media - advanced search
---------------------------------------------------------------*/
.searchFieldWidget {
  float: left; }

.searchFieldWidget.anim > .searchField5,
.searchFieldWidget.anim > .searchField3,
.searchFieldWidget.anim.deployed > .searchField3 .sf-input {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.searchFieldWidget.deployed > .searchField5 {
  border-right: 0 !important;
  width: 4px !important; }

.searchFieldWidget.deployed > .searchField3 {
  width: 66px !important; }

.searchFieldWidget.deployed > .searchField3 .sf-input {
  padding-right: 0;
  padding-left: 0; }

.searchFieldWidget .bt:hover .ico {
  opacity: 0.7; }

.searchFieldWidget .sfbt-search:hover .ico,
.searchFieldWidget .sfbt-arrowup:hover .ico,
.searchFieldWidget .sfbt-arrowdown:hover .ico {
  opacity: 1; }

.searchFieldWidget.deployed > .fpPagesearchField3 .sf-input,
.searchFieldWidget.deployed > .searchField3 .sf-bt-clear {
  display: none; }

.searchFieldWidget .trigger-arrow-wrapper {
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  text-align: center;
  line-height: 24px;
  position: relative;
  margin: 2px 2px 0 2px; }

.searchFieldWidget .trigger-arrow-wrapper > .ico,
.searchFieldWidget .searchField3 .sf-bt .trigger-arrow-wrapper > .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -13px 0 0 -12px; }

.searchFieldWidget.filtered .trigger-arrow-wrapper {
  background: #d20022; }

.searchFieldWidget.filtered .ico-arrowDoubleDown-24 {
  background-position: -384px -24px !important; }

.searchFieldWidget.filtered .ico-arrowDoubleUp-24 {
  background-position: -408px -24px !important; }

.searchFieldWidget.filtered .trigger-arrow-wrapper > .ico,
.searchFieldWidget.filtered .searchField3 .sf-bt .trigger-arrow-wrapper > .ico {
  opacity: 1; }

.main-media .x-border-layout-ct {
  background: none; }

.box-mediaList .tbItem {
  float: left; }

.detailInfoGrid {
  font-size: 11px; }

.detailInfoGrid .gridTable .label {
  width: 30%; }

.main-media .tbItem {
  font-size: 11px;
  font-weight: bold;
  color: #777A7E;
  line-height: 30px;
  text-shadow: #FFF 0px 1px 0px; }

.main-media .buttonOrderBy .label {
  min-width: 80px; }

#dropDownOrderByList {
  width: 200px; }

/* Cart */
.buttonToggleCart .label {
  color: #478aaf;
  text-shadow: 0 2px #fff; }

/* Side */
.sidePanelClose .imgContainer img,
.sidePanelClose .box-DetailInfo .tb2,
.sidePanelClose .boxAccordion {
  visibility: hidden !important; }

.sidePanelClose .imgContainer,
.sidePanelClose .imgContainer:hover,
.sidePanelClose #DetailInformationsView .btc,
.sidePanelClose .x-splitter {
  background: #FAFAFA !important;
  cursor: default !important; }

.sidePanelClose .x-splitter {
  border-right: 1px solid #DDDFE1; }

.sidePanelClose .detailInfoGrid,
.sidePanelClose .imgContainer img,
.sidePanelClose #dvTopContainer .tb .bt,
.sidePanelClose .carouselAssociatedProducts .carouselAssociatedProducts {
  display: none !important; }

.sidePanelClose .detailInformationsTabContainer {
  overflow: hidden !important; }

.sidePanelClose .buttonProdDeploy .l {
  padding-left: 0; }

.sidePanelClose .buttonProdDeploy .r {
  width: 3px; }

.sidePanelClose .buttonProdDeploy:hover .r {
  background-position: -397px -40px; }

/*
.sidePanelClose .buttonProdDeploy {width: 10px; border: 1Px solid red;}
*/
/* Detail image */
/* boxAccordion */
.boxAccordion {
  margin: 0; }

.boxAccordion .boxContent {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px; }

.boxAccordion h3 {
  padding: 0;
  margin: 0; }

.boxAccordion h3 > a {
  display: block;
  background: #efefef url(image/boxAccordionTitle.gif) 0 0 repeat-x;
  padding: 4px 7px;
  margin: 0;
  text-decoration: none;
  font-size: 12px;
  color: #505256;
  font-weight: bold;
  border-top: 1px solid #dadada; }

.boxAccordion h3 > a:hover {
  background-position: 0 bottom; }

.boxAccordion:first-child h3 a {
  border-top: none; }

.boxAccordion h3 .action {
  float: right;
  display: none; }

.boxAccordion h3 .action > .bt {
  padding: 0 1px; }

.boxAccordion h3:hover .action {
  display: block; }

/* action-vertical */
.boxAccordion .action-vertical .btn-list,
.showTable .action-vertical .btn-list,
.formTable .action-vertical .btn-list,
.gridTable .action-vertical .btn-list {
  visibility: hidden; }

.boxAccordion tr:hover .action-vertical .btn-list,
.showTable tr:hover .action-vertical .btn-list,
.formTable tr:hover .action-vertical .btn-list,
.gridTable tr:hover .action-vertical .btn-list {
  visibility: visible; }

.boxAccordion .action-vertical .btn-list > .bt,
.showTable .action-vertical .btn-list > .bt,
.formTable .action-vertical .btn-list > .bt,
.gridTable .action-vertical .btn-list > .bt {
  display: block;
  float: none; }

/* action-horizontal */
table.formTable .action-horizontal {
  text-align: left; }

.action-horizontal-label .label,
.action-horizontal-label .btn-list {
  display: inline-block;
  vertical-align: middle; }

.action-horizontal-label .btn-list {
  float: right; }

.action-horizontal-label .label p {
  margin-bottom: 0; }

.boxAccordion .action-horizontal .btn-list,
.showTable .action-horizontal .btn-list,
.formTable .action-horizontal .btn-list,
.gridTable .action-horizontal .btn-list {
  visibility: hidden;
  white-space: nowrap; }

.boxAccordion tr:hover .action-horizontal .btn-list,
.showTable tr:hover .action-horizontal .btn-list,
.formTable tr:hover .action-horizontal .btn-list,
.gridTable tr:hover .action-horizontal .btn-list {
  visibility: visible; }

.boxAccordion .action-horizontal .btn-list > .bt,
.showTable .action-horizontal .btn-list > .bt,
.formTable .action-horizontal .btn-list > .bt,
.gridTable .action-horizontal .btn-list > .bt {
  display: inline-block; }

/* .gridTable */
table.gridTable {
  width: 100%; }

table.gridTable th {
  padding: 0 0 0 6px;
  background: #fafafa;
  border-bottom: 1px solid #c5c5c5;
  font-size: 11px; }

table.gridTable td.label,
table.gridTable td.value,
table.gridTable td.action {
  border: 0;
  background: none;
  padding: 4px 6px;
  color: #333;
  font-size: 11px; }

.ie7 table.gridTable td.label,
.ie7 table.gridTable td.value,
.ie7 table.gridTable td.action {
  padding-bottom: 0; }

table.gridTable td.label {
  border-right: 1px solid #e1e1e1;
  text-align: left;
  width: 164px; }

table.gridTable td.action {
  width: 40px;
  vertical-align: top; }

.gridTable td.value {
  min-width: 45px; }

/* Cellule d action contenant un bouton */
table.gridTable tr.oddLine td.label,
table.gridTable tr.oddLine td.value,
table.gridTable tr.oddLine td.action {
  background: #f4f4f4; }

table.gridTable tr.evenLine td.label,
table.gridTable tr.evenLine td.value,
table.gridTable tr.evenLine td.action {
  background: #fcfcfc; }

/* Media */
.media {
  display: block;
  position: relative;
  float: left;
  cursor: pointer; }

.media .med-inner {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px; }

.media .med-label {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0 4px 6px 4px;
  overflow: hidden; }

.media .med-label .med-label-text {
  float: left;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  text-align: left !important;
  padding-left: 4px; }

.media .med-label .med-label-text > p {
  margin: 0; }

/* Disable the first p in the template item */
.media .warn {
  position: absolute;
  top: 4px;
  top: 17%;
  left: 50%;
  margin-left: -12px;
  z-index: 11; }

.media .warn .ico {
  opacity: 1; }

.media.over .med-action {
  display: block; }

.media.over .med-inner {
  color: #000; }

.media.over .media-item {
  display: block; }

.media.selected .med-inner {
  background: #f3f3f3;
  box-shadow: inset 0px 6px 9px #d5d5d5;
  -webkit-box-shadow: inset 0px 6px 9px #d5d5d5;
  -moz-box-shadow: inset 0px 6px 9px #d5d5d5; }

.media.over .med-action .media-item {
  display: block; }

.med-action {
  position: absolute;
  z-index: 11;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  display: none; }

.med-action .ico {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat; }

.med-action .media-item {
  display: none; }

.med-action .media-item {
  background: #777;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent; }

.med-action .media-item:hover {
  background: #fff;
  border-color: #A5A5A5; }

.med-action .meda-edit .ico {
  background-image: url(image/icons/icon_edit_24.png); }

.med-action .meda-download .ico {
  background-image: url(image/icons/icon_download_grey.gif); }

.med-action .meda-zoom .ico {
  background-image: url(image/icons/icon_show.png); }

.med-action .meda-view .ico {
  background-image: url(image/icons/icon_view.png); }

.med-action .meda-delete .ico {
  background-image: url(image/icons/icon_delete_24.png); }

.med-action .meda-supplier .ico {
  background-image: url(image/icons/icon_supplierDetail.png); }

/* declassed */
.med-declassed {
  position: absolute;
  display: none;
  top: 10px;
  left: 10px;
  width: 24px;
  height: 24px;
  z-index: 20;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 3px; }

.med-declassed .ico {
  position: relative;
  top: 4px;
  display: inline-block;
  background-image: url(image/icons/icon_declassed_grey.png) !important;
  opacity: 1; }

.media:hover .med-declassed,
.mediaListList .mediaRow.over .med-declassed {
  display: block; }

.med-declassed.active {
  display: block; }

.med-declassed.active .ico {
  background-image: url(image/icons/icon_declassed.png) !important; }

.med-declassed.edit {
  cursor: pointer; }

.med-declassed.edit:hover {
  background: #fff;
  border: 1px solid #ccc; }

.mediaListList .med-declassed {
  top: 0;
  left: 0; }

/* MediaList */
.mediaList {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mediaList.size0 .meda-edit .ico {
  background-image: url(image/icons/icon_media_edit_16.png); }

.mediaList.size0 .meda-download .ico {
  background-image: url(image/icons/icon_media_download_16.png); }

.mediaList.size0 .meda-zoom .ico {
  background-image: url(image/icons/icon_media_show_16.png); }

.mediaList.size1 .meda-edit .ico {
  background-image: url(image/icons/icon_media_edit_16.png); }

.mediaList.size1 .meda-download .ico {
  background-image: url(image/icons/icon_media_download_16.png); }

.mediaList.size1 .meda-zoom .ico {
  background-image: url(image/icons/icon_media_show_16.png); }

.mediaList.size2 .meda-edit .ico {
  background-image: url(image/icons/icon_media_edit_16.png); }

.mediaList.size2 .meda-download .ico {
  background-image: url(image/icons/icon_media_download_16.png); }

.mediaList.size2 .meda-zoom .ico {
  background-image: url(image/icons/icon_media_show_16.png); }

/* Media list list view */
.mediaListList thead th {
  line-height: 20px;
  border-right: 1px solid #c5c5c5;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-weight: normal;
  font-size: 11px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
  background: -moz-linear-gradient(top, #f9f9f9, #e3e4e6);
  background: -ms-linear-gradient(top, #f9f9f9, #e3e4e6);
  background: linear-gradient(top, #f9f9f9, #e3e4e6); }

.mediaListList thead th,
.mediaListList tbody td {
  padding: 2px 6px; }

.mediaListList .cell-inner {
  font-size: 11px;
  overflow: hidden; }

.mediaListList td .cell-inner {
  min-height: 24px; }

.mediaListList .head {
  overflow: hidden;
  background: #e0e0e0;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
  background: -moz-linear-gradient(top, #f9f9f9, #e3e4e6);
  background: -ms-linear-gradient(top, #f9f9f9, #e3e4e6);
  background: linear-gradient(top, #f9f9f9, #e3e4e6); }

.ie7 .mediaListList thead th {
  background: #e0e0e0; }

.mediaListList .body table.mll_table {
  width: 100%; }

.mediaListList tr.mediaRow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px; }

.mediaListList tr.mediaRow.odd > td {
  background: #fafafa;
  border-top: 1Px solid #ececec; }

.mediaListList tr.mediaRow.selected td {
  background: #5390E9;
  color: #fff !important; }

.mediaListList tr.mediaRow .imgcTable {
  margin: 0 auto;
  height: 100%; }

.mediaListList .med-action {
  display: none;
  width: 126px;
  height: 24px;
  top: 0px;
  left: auto;
  right: 10px; }

.mediaListList .med-action .media-item {
  display: block;
  width: 24Px;
  height: 24px;
  float: right;
  margin-left: 6px; }

.mediaListList .mediaRow.over .med-action {
  display: block; }

.mediaListList .mllFileC {
  position: relative; }

.mediaListList .mediaRow,
.mediaListList .mediaRow td {
  cursor: pointer !important; }

.ie7 .mediaListList table.mll_table {
  width: 96%; }

/* thumb */
.mediaListList .med-img-mask {
  opacity: 0.5; }

.ie7 .mediaListList .med-img-mask,
.ie8 .mediaListList .med-img-mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

/* MediaForm */
table.mediaFormItemTable {
  width: 580px;
  margin: 0 auto 8px auto; }

table.mediaFormItemTable th {
  height: 28px;
  line-height: normal; }

table.mediaFormItemTable .label {
  width: 30%;
  padding-top: 6px; }

/* advanced search */
.advancedSearch {
  background: #f3f3f3;
  padding: 5px;
  border-bottom: 1px solid #DDDFE1;
  background: -webkit-linear-gradient(top, #FDFDFD 0%, whiteSmoke 100%); }

.advancedSearchTable {
  margin: 0 auto 10px auto;
  color: #666;
  text-shadow: -1px -2px #fff; }

.advancedSearchTable .col1,
.advancedSearchTable .col3 {
  width: 260px; }

.advancedSearchTable .orderingList .bt {
  width: 30px; }

.advancedSearchTable td {
  background: none;
  border: 0;
  vertical-align: middle;
  padding: 2px 4px;
  white-space: nowrap; }

.advancedSearchTable td.value {
  padding-right: 34px !important; }

.advancedSearchTable .s {
  position: relative;
  top: 1px;
  font-size: 11px;
  padding: 3px 3px;
  color: #6f6f6f; }

.advancedSearchTable input.text,
.advancedSearchTable textarea.text {
  background: rgba(0, 0, 0, 0.05);
  border: 0;
  padding: 5px 6px;
  box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.12);
  color: #000;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d3d3d3;
  border-left: 1px solid #fff;
  border-right: 1px solid #d3d3d3; }

.advancedSearchTable textarea.text {
  position: relative;
  height: 24px;
  top: 1px;
  resize: none !important;
  /* important needed to override default browser behaviour */
  padding: 6px 0 0 6px; }

.advancedSearchTable input.text:focus,
.advancedSearchTable textarea.text:focus {
  background: rgba(0, 0, 0, 0.06);
  box-shadow: inset 0px 4px 9px rgba(0, 0, 0, 0.18); }

.advancedSearch .buttonValidate .l,
.advancedSearch .buttonEmpty .l,
.advancedSearch .buttonClose .l {
  width: 80px;
  text-align: center; }

.advancedSearchTable.ast-metaData {
  margin-bottom: 0; }

.advancedSearch .dateTrigger {
  display: inline;
  vertical-align: middle;
  cursor: pointer; }

.advancedSearch .clear-button {
  position: relative;
  vertical-align: middle;
  top: -1px;
  left: 1px;
  cursor: pointer; }

/* detailProductsList */
.detailProductsList .x-grid-row .version .x-grid-cell-inner {
  height: auto;
  line-height: normal;
  padding-left: 40px;
  padding-top: 5px; }

.detailProductsList .x-grid-row .version .x-tree-elbow,
.detailProductsList .x-grid-row .version .x-tree-elbow-line,
.detailProductsList .x-grid-row .version .x-tree-elbow-end,
.detailProductsList .x-grid-row .version .x-tree-elbow-empty,
.detailProductsList .x-grid-row .version .x-tree-icon {
  display: none; }

.detailProductsList .x-grid-cell-inner {
  height: auto !important;
  line-height: normal !important; }

.detailProductsList .version .x-grid-cell-inner {
  cursor: default !important; }

.detailProductsList .buttonVersion {
  margin-top: 3px; }

.detailProductsList .colField {
  line-height: 25px;
  padding-left: 10px;
  color: #52575D; }

.detailProductsList .x-grid-row-selected .colField {
  color: #fff; }

/* mediaPopup */
.mediaPopupExport .labelc {
  color: #777A7E;
  font-weight: bold;
  font-size: 11px;
  padding: 2px 10px 0 6px; }

/* */
.advancedSearchTable .formFieldItem td.nbResult {
  visibility: hidden; }

.advancedSearchTable #formFieldItem_0 td.nbResult {
  visibility: visible; }

.module-media .media .med-label {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 0; }

/* Disable the first p in the template item */
/*-------------------------------------------------------------
 /module/flatplan > chutier
---------------------------------------------------------------*/
.prodListPagination {
  border-top: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  background: #f9f9f9; }

.prodListPagination .paging {
  padding-top: 5px; }

.prodListPagination .paging .textItem {
  float: left;
  margin: 0 3px; }

.prodListPagination .paging .textItem {
  color: #777A7E;
  text-shadow: 0px 2px 0px #fff;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 30px;
  font-size: 11px; }

.prodListPagination .paging .ti-display {
  margin-left: 0; }

.prodListPagination .bt.e .l {
  width: 24px; }

.prodListPagination .plp_display {
  float: right;
  margin-right: 4px; }

/*-------------------------------------------------------------
 /module/flatplan/import
---------------------------------------------------------------*/
#successMsg {
  text-align: center;
  margin-top: 20px;
  font-weight: bold; }

#errorMsg {
  text-align: center;
  margin-top: 20px;
  font-weight: bold; }

/*-------------------------------------------------------------
 /module/flatplan/popup
---------------------------------------------------------------*/
#popupWorkflow table.formTable:first-child {
  margin-top: 0; }

/*-------------------------------------------------------------
 /module/flatplan/preparation - thumb view
---------------------------------------------------------------*/
#PreparationFlatplanViewThumb .fpPage .options .nb {
  width: calc(100% - 20px) !important; }

#PreparationFlatplanViewThumb .options .tb .bt {
  display: none !important; }

#PreparationFlatplanViewThumb .fpPage:hover .tb .bt {
  display: block !important; }

#PreparationFlatplanViewThumb .fpPage .options .tb {
  float: right;
  position: absolute;
  right: 7px; }

#PreparationFlatplanViewThumb .fpPage.selected .options .tb {
  background-color: #6f808b; }

#PreparationFlatplanViewThumb .placements .placement .bg {
  opacity: 0.5;
  border-width: 2px; }

#PreparationFlatplanViewThumb .placements .placement .bg {
  opacity: 0;
  border-width: 2px; }

#PreparationFlatplanViewThumb .placements .placement:hover .bg {
  opacity: 1;
  background: rgba(0, 0, 0, 0.05);
  border: 2px dashed #000; }

#PreparationFlatplanViewThumb .placements .placement.selected .bg {
  opacity: 1;
  border-color: #000;
  background: rgba(0, 0, 0, 0.3); }

/*-------------------------------------------------------------
 /module/flatplan/preparation/page - thumb view
---------------------------------------------------------------*/
.PreparationPageDetailPageDetailViewThumb .spread {
  margin: 0 auto; }

/*-------------------------------------------------------------
 Placement (visible in module/flatplan)
---------------------------------------------------------------*/
.grilleMustache {
  position: relative;
  background: #F7F7F7;
  overflow: hidden; }

.grilleDefaut {
  background: #c0012c; }

.placementMustache {
  position: absolute;
  overflow: hidden;
  background: #fff; }

.placements {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.placements .placement {
  position: absolute; }

.placements .placement > .inner {
  position: relative;
  width: 100%;
  height: 100%; }

.placements .placement .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  pointer-events: none; }

.PreparationPageDetailPageDetailViewThumb .placements .placement {
  border: 2px dashed transparent; }

.PreparationFlatplanViewPlacement .placements .placement {
  border-size: 1px; }

.PreparationPageDetailPageDetailViewThumb .placements .placement:hover {
  border-color: #000; }

.placement.selected .bg {
  background: rgba(0, 0, 0, 0.1); }

.PreparationPageDetailPageDetailViewThumb .placements .placement.selected,
.PreparationFlatplanViewPlacement .placements .placement.selected {
  border-color: #000; }

/*.PreparationPageDetailPageDetailViewThumb .placements .placement.selected:hover,*/
.PreparationFlatplanViewPlacement .placements .placement.selected:hover {
  background: #ADB9C7 !important; }

.PreparationPageDetailPageDetailViewThumb .placements .placement.dragdrop,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.dragdrop,
.PreparationFlatplanViewPlacement .placements .placement.dragdrop,
.PreparationFlatplanViewThumb .placements .placement.dragdrop {
  background: #333 !important;
  border-color: transparent; }

.PreparationPageDetailPageDetailViewThumb .placements .placement.dragdrop:hover,
.PreparationPageDetailPageDetailViewPlacement .placements .placement.dragdrop:hover,
.PreparationFlatplanViewPlacement .placements .placement.dragdrop:hover,
.PreparationFlatplanViewThumb .placements .placement.dragdrop:hover {
  background: #333 !important;
  border-color: transparent; }

.PreparationFlatplanViewPlacement .placements .placement.selected > .productItem {
  background: transparent; }

.placements .selectedPlacement .bg {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1 !important; }

.PreparationPageDetailPageDetailViewThumb .placements .placement.selectedPlacement,
.PreparationFlatplanViewPlacement .placements .placement.selectedPlacement {
  border-color: #4d789d; }

.PreparationPageDetailPageDetailViewPlacement .placements .placement.selectedPlacement {
  border-color: #4d789d; }

.PreparationPageDetailPageDetailViewPlacement .placements .placement.selectedPlacement {
  border-width: 2Px; }

.placements .placement .actionList {
  position: absolute;
  visibility: hidden;
  top: 6px;
  right: 6px; }

.placements .placement:hover .actionList {
  visibility: visible; }

.placement-dd {
  position: absolute;
  top: 0;
  width: 100%;
  height: 6px;
  background: #333;
  z-index: 10;
  top: -3px;
  border: 1px dashed #b1b1b1;
  opacity: 0; }

.page.dd-active {
  border: 3px solid red; }

.dd-prod-active .placement-dd:hover {
  border: 1px dashed #000;
  opacity: 1; }

.PreparationFlatplanViewPlacement.dd-prod-active .placements .placement:hover,
.PreparationPageDetailPageDetailViewPlacement.dd-prod-active .placements .placement:hover {
  border: 1px dashed #000;
  background: #868686; }

.dd-prod-active .PreparationFlatplanViewThumb .placements .placement:hover .actionList {
  display: block; }

.PreparationPageDetailPageDetailViewPlacement.dd-prod-active .placements .placement:hover .actionList {
  display: none; }

.PreparationPageDetailPageDetailViewPlacement .controlview > .paco-themes,
.PreparationPageDetailPageDetailViewThumb .controlview > .paco-themes,
.PreparationPageDetailPageDetailViewList .controlview > .paco-themes {
  display: none; }

.PreparationPageDetailContainer .PreparationPageDetailPageDetailViewList > .bignav-container {
  display: none; }

.PreparationPageDetailContainer.controlView .page-content {
  height: auto !important;
  overflow: auto !important; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-categoryName {
  display: block;
  text-align: center; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-discountname {
  display: inline;
  font-size: 12px;
  line-height: normal; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-nbProducts {
  display: inline;
  font-size: 12px;
  line-height: normal;
  text-align: center; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-categoryName {
  display: inline;
  font-size: 12px;
  line-height: normal;
  max-height: none; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-icocontrolcontainer {
  margin-top: -16px; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-category-inner2 {
  padding-left: 20px; }

.PreparationPageDetailContainer.controlView .paco-category-medium .paco-discountname {
  display: block;
  font-size: 24px;
  line-height: normal; }

.PreparationPageDetailContainer.controlView .paco-category-medium .paco-nbProducts {
  display: block;
  display: block;
  font-size: 30px;
  line-height: normal;
  text-align: center; }

.PreparationPageDetailContainer.controlView .paco-category-medium .paco-categoryName {
  display: block;
  font-size: 24px;
  line-height: normal;
  max-height: none; }

.PreparationPageDetailContainer.controlView .paco-category-medium .paco-icocontrolcontainer {
  margin-top: -16px; }

.PreparationPageDetailContainer.controlView .paco-category-verybig .paco-discountname {
  display: block;
  font-size: 36px;
  line-height: normal; }

.PreparationPageDetailContainer.controlView .paco-category-verybig .paco-nbProducts {
  display: block;
  display: block;
  font-size: 42px;
  line-height: normal;
  text-align: center; }

.PreparationPageDetailContainer.controlView .paco-category-verybig .paco-categoryName {
  display: block;
  font-size: 36px;
  line-height: normal;
  max-height: none; }

.PreparationPageDetailContainer.controlView .paco-category-small .paco-icocontrol,
.PreparationPageDetailContainer.controlView .paco-category-medium .paco-icocontrol,
.PreparationPageDetailContainer.controlView .paco-category-verybig .paco-icocontrol {
  width: 32px;
  height: 32px; }

/*-------------------------------------------------------------
 /module/flatplan/PopupMoveDeleteProductPlacement
---------------------------------------------------------------*/
.PopupMoveDeleteProductPlacement .from .options,
.PopupMoveDeleteProductPlacement .from .pinfo,
.PopupMoveDeleteProductPlacement .from .placement.empty,
.PopupMoveDeleteProductPlacement .from .actionList,
.PopupMoveDeleteProductPlacement .from .sectorsNew,
.PopupMoveDeleteProductPlacement .from .placements.additionnal {
  display: none; }

.PopupMoveDeleteProductPlacement .from .page {
  height: auto; }

/*-------------------------------------------------------------
Search
---------------------------------------------------------------*/
#searchTable td.label {
  border-bottom: 1px solid #e2e2e2; }

#searchTable td.value {
  border-bottom: 1px solid #e2e2e2; }

#searchTable td.value input[type="checkbox"] {
  margin: 0 2px 0 0px; }

.filterRow {
  overflow: hidden; }

.filterRow .addButton {
  float: left; }

.filterRow input.searchValue {
  float: left; }

.selectFieldType,
.searchValue {
  margin-top: 5px; }

.selectFieldTypeContainer,
.selectOperatorContainer {
  float: left; }

.selectOperator {
  margin: 5px 5px 0px 5px; }

.rowIdx {
  margin: 5px 5px 0px 5px;
  min-width: 150px;
  float: left; }

.selectProductType,
.selectAction {
  margin-top: 5px;
  min-width: 150px;
  float: left; }

.selectField {
  margin: 5px 5px 0px 5px;
  min-width: 150px;
  float: left; }

.ruleRow {
  overflow: hidden; }

table.UserBrandGroupTable td {
  padding: 3px 3px; }

/*-------------------------------------------------------------
Groups administration
---------------------------------------------------------------*/
.listRestictions {
  list-style-type: disc; }

#restrictionList .hover {
  background-color: #111111; }

#restrictionList .ico-delete,
#membersList .ico-delete {
  background: url(image/icons/icon_delete.gif) 0 0 no-repeat;
  width: 16px !important;
  height: 16px !important;
  float: right;
  cursor: pointer; }

.nestedList .nl-item .label,
.nestedList .nl-item img {
  display: block;
  float: left; }

.nestedList .addRestrictionButton,
.nestedList .switchButton {
  display: block;
  float: right;
  margin: 0;
  width: 22px;
  height: 22px; }

.nestedList .addRestrictionButton {
  background: url(image/nestedList-item-add.png) no-repeat scroll right center transparent; }

.nestedList .addRestrictionButton:hover {
  background-image: url(image/nestedList-item-add-on.png); }

.nestedList .switchButton {
  background: url(image/nestedList-item-arrow.gif) no-repeat scroll right center transparent; }

.nestedList .switchButton:hover {
  background: url(image/nestedList-item-arrow-on.gif) no-repeat scroll right center transparent; }

/*-------------------------------------------------------------
Right profil administration
---------------------------------------------------------------*/
.rightTable {
  width: 100%; }

.rightTable td {
  padding-left: 10px; }

.rightTable .rightCheckbox {
  margin: 0px 0px 0px 0px; }

.rightTable .cbRight1 input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px; }

.rightTable .cbRight2 input[type="checkbox"] {
  vertical-align: top;
  margin-right: 5px; }

.rightTable .cbRight3 input[type="checkbox"] {
  vertical-align: top; }

.rightTable h5 {
  margin: 5px 0px 5px 0px; }

.rightTable .cbRight2 {
  margin-left: 0px; }

.rightTable .cbRight3 {
  margin-left: 10px; }

.rightTable td.rightCell {
  vertical-align: top;
  border: 1px solid #c5c5c5;
  padding-right: 12px;
  width: 275px;
  margin: 0 1px; }

.rightTable td.rightTitle {
  background: url(image/subMenu.gif) 0 0 repeat-x;
  border: 1px solid #c5c5c5;
  vertical-align: middle; }

.rightTable td.rightTitle h4 {
  float: left; }

.rightTable h4 {
  margin: 9px 0px 5px 10px;
  vertical-align: middle; }

.showrightLevel1 {
  font-weight: bold;
  font-size: 15px;
  margin-top: 5px; }

.showrightLevel2 {
  padding-left: 10px;
  font-size: 14px;
  padding-bottom: 5px; }

.showrightLevel3 {
  padding-left: 3px;
  padding-bottom: 5px; }

table.rightTable tr:last-child td {
  border-bottom: 1px; }

.rightTable h5 {
  font-size: 100%; }

.toggleRightButton {
  padding-right: 5px;
  margin-left: 3px;
  margin-right: 4px;
  vertical-align: top;
  margin-bottom: 5px;
  float: left; }

.toggleRightButtonShow {
  padding-right: 5px;
  margin-left: 9px;
  margin-right: 4px;
  vertical-align: top;
  margin-bottom: 5px;
  float: left; }

.toggleRightButtonOK {
  background: url(image/icons/icon_action_add.png) 0 0 no-repeat;
  width: 17px;
  height: 13px; }

.toggleRightButtonKO {
  background: url(image/icons/icon_action_remove.png) 0 0 no-repeat;
  width: 17px;
  height: 13px; }

.testResult {
  display: block; }

.bmcContent {
  overflow: auto; }

.rightsBreadCrumb {
  margin-bottom: 10px;
  text-align: center; }

#divSlider .x-slider-inner {
  width: 200px; }

/*-------------------------------------------------------------
 /module/vproduct/list && /module/vshootintention/list && /module/vvisual/list
---------------------------------------------------------------*/
.main-media .detailView .bt.a .l {
  padding-left: 4px; }

.main-media .detailView .bt.a .r {
  width: 4px;
  background-position: -143px -106px; }

.main-media .detailView .bt.a:hover .r {
  background-position: -290px -106px; }

.main-media .detailView .bt.a:active .r,
.main-media .detailView .bt.a.on .r {
  background-position: -437px -106px; }

.main-media .upload-indicator:after {
  border-radius: 0; }

/*-------------------------------------------------------------
 /module/vproduct/list
---------------------------------------------------------------*/
.mediaList .media .supplier {
  position: absolute;
  top: 7px;
  right: 7px;
  background: #c30026;
  border-radius: 4px;
  padding: 2px 4px; }

.mediaList .media .supplier .icon {
  width: 16px;
  height: 16px;
  background: url(image/icons/icon_supplier_white.png) 0 0 no-repeat; }

/*-------------------------------------------------------------
 /module/easyvisuals_product
---------------------------------------------------------------*/
.carouselAssociatedProducts {
  position: relative;
  background: url(image/carousel_background.gif) 0 0 repeat-x; }

.carouselAssociatedProducts .car-mask {
  margin-top: 5px; }

.carouselAssociatedProducts .car-arrow-left,
.carouselAssociatedProducts .car-arrow-right {
  width: 46px;
  height: 46px;
  float: left;
  top: 50%;
  margin-top: -23px; }

.carouselAssociatedProducts .car-arrow-left span,
.carouselAssociatedProducts .car-arrow-right span {
  display: none; }

.carouselAssociatedProducts .car-arrow-left {
  background: url(image/car-arrow-left.png) 0 0 no-repeat; }

.carouselAssociatedProducts .car-arrow-right {
  background: url(image/car-arrow-right.png) 0 0 no-repeat; }

.carouselAssociatedProducts .car-item {
  opacity: 0.4; }

.carouselAssociatedProducts .car-item .inner {
  padding: 3px 17px;
  margin: 3px;
  border: 1px solid transparent; }

.carouselAssociatedProducts .car-item.on {
  background: #fff;
  opacity: 1;
  border: 1px solid #e6e6e6; }

.ie7 .carouselAssociatedProducts .car-item,
.ie8 .carouselAssociatedProducts .car-item {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); }

.ie7 .carouselAssociatedProducts .car-item.on,
.ie8 .carouselAssociatedProducts .car-item.on {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

/*-------------------------------------------------------------
 /module/vproduct
---------------------------------------------------------------*/
.media .med-cnt {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 4px;
  padding-right: 4Px;
  line-height: 25px;
  font-size: 11px;
  text-align: center;
  background: url(image/nbPicturesBg.png) 0 0 no-repeat;
  z-index: 20; }

.media .med-label .med-label-icon {
  float: left; }

.pictoWf {
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: 0 0; }

.buttonWorkflowState img {
  margin-top: 8px; }

.ev_imgContainer {
  position: relative;
  margin: 0 auto; }

.ev_imgContainer .med-img-mask {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 11;
  opacity: 0.4; }

.ev_imgContainer .med-img {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  display: block;
  visibility: hidden; }

.ie7 .ev_imgContainer .med-img-mask,
.ie8 .ev_imgContainer .med-img-mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); }

/* vprod-title */
.vprod-title.deployed {
  background: url(image/icons/icon_move_down.png) 0 0 no-repeat;
  padding: 0 0 0 20px; }

.vprod-title {
  background: url(image/icons/icon_collapsed.png) 0 0 no-repeat;
  padding: 0 0 0 20px; }

/* advancedSearch > nestedList */
.advSearchNestedList .x-panel {
  border: 0 !important; }

.advSearchNestedList .x-panel-body {
  border-color: #e2e2e2; }

.advSearchNestedList .nl-item .nl-item-c {
  padding: 0;
  background: none; }

.advSearchNestedList .breadCrumbHead {
  margin: 0; }

.advSearchNestedList .noResults {
  padding: 10px 0;
  font-size: inherit; }

.advSearchNestedList .breadCrumb {
  background: #e6e6e6;
  border-bottom: 1px solid #dadada; }

.advSearchNestedList .breadCrumbHead {
  margin: 0 !important; }

.advSearchNestedList .breadCrumbHead,
.advSearchNestedList .breadCrumbHead a {
  color: #6b6b6b;
  text-shadow: none;
  text-transform: none; }

.advSearchNestedList .breadCrumbHead .bc-item,
.advSearchNestedList .breadCrumbHead .bc-sep {
  height: 24px; }

.advSearchNestedList .breadCrumbHead .bc-item .bc-label {
  line-height: normal; }

/*-------------------------------------------------------------
 /module/vshootintention
---------------------------------------------------------------*/
.media .intshoot-cnt {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 4px;
  padding-right: 4Px;
  line-height: 25px;
  font-size: 11px;
  text-align: center;
  background: url(image/nbProductBg.png) 0 0 no-repeat;
  z-index: 20; }

.shootIntentionList td {
  white-space: nowrap; }

/*-------------------------------------------------------------
 /module/vstate
---------------------------------------------------------------*/
/* in_progress */
.vstate_1 {
  background-color: #177fd0;
  color: white; }

.pictoWf_1 {
  background-image: url(image/v_wfState_1.png); }

/* received */
.vstate_2 {
  background-color: #e40071;
  color: white; }

.pictoWf_2 {
  background-image: url(image/v_wfState_2.png); }

/* available */
.vstate_3 {
  background-color: #008000;
  color: white; }

.pictoWf_3 {
  background-image: url(image/v_wfState_3.png); }

/* returned (color ok) */
.vstate_4 {
  background-color: #89c000;
  color: white; }

.pictoWf_4 {
  background-image: url(image/v_wfState_4.png); }

/* give_to_association */
.vstate_5 {
  background-color: #ededed;
  color: black; }

.pictoWf_5 {
  background-image: url(image/v_wfState_5.png); }

/* destroyed */
.vstate_6 {
  background-color: #800080;
  color: white; }

.pictoWf_6 {
  background-image: url(image/v_wfState_6.png); }

/* waiting reception */
.vstate_7 {
  background-color: #ffc4e3;
  color: white; }

.pictoWf_7 {
  background-image: url(image/v_wfState_7.png); }

/* waiting_shoot */
.vstate_8 {
  background-color: #f377e2;
  color: white; }

.pictoWf_8 {
  background-image: url(image/v_wfState_8.png); }

/* finished */
.vstate_9 {
  background-color: #b4df53;
  color: white; }

.pictoWf_9 {
  background-image: url(image/v_wfState_9.png); }

/* canceled */
.vstate_10 {
  background-color: #4d789d;
  color: white; }

.pictoWf_10 {
  background-image: url(image/v_wfState_10.png); }

/* VstateConstant::SAMPLE_ASKED */
.vstate_12 {
  background-color: #800080;
  color: white; }

.pictoWf_12 {
  background-image: url(image/v_wfState_12.png); }

/* VstateConstant::WAITING_VALIDATION */
.vstate_13 {
  background-color: #ed8900;
  color: white; }

.pictoWf_13 {
  background-image: url(image/v_wfState_13.png); }

/* VstateConstant::SHOOTING */
.vstate_14 {
  background-color: #d6be00;
  color: white; }

.pictoWf_14 {
  background-image: url(image/v_wfState_14.png); }

/* VstateConstant::SENT */
.vstate_15 {
  background-color: #407A6A;
  color: white; }

.pictoWf_15 {
  background-image: url(image/v_wfState_15.png); }

/*-------------------------------------------------------------
 /module/workflow/form_steps
---------------------------------------------------------------*/
.wf-icon-list {
  width: 370px; }

.wf-icon-list .cbItem {
  display: block;
  float: left; }

/*-------------------------------------------------------------
 Workflow type shoot state icon
---------------------------------------------------------------*/
.vworkflowIcon {
  display: block;
  width: 12px !important;
  height: 12px !important;
  float: left;
  border-radius: 3px; }

/*-------------------------------------------------------------
 /module/vvisual/list
---------------------------------------------------------------*/
/* popupEditWorkflow */
.popupEditWorkflow table.formTable {
  width: 100%; }

.popupEditWorkflow table.formTable th,
.popupEditWorkflow table.formTable td.label,
.popupEditWorkflow table.formTable td.value {
  height: 37px;
  vertical-align: middle;
  line-height: normal; }

.popupEditWorkflow table.formTable th {
  height: 27px; }

.popupEditWorkflow table.formTable:last-child {
  margin-bottom: 0; }

/* dropdown workflow */
#dropDownWorkflowStatus .option {
  overflow: hidden; }

#dropDownWorkflowStatus .option .label {
  padding-left: 5px; }

.buttonWorkflowState .vworkflowIcon {
  position: relative;
  top: 9px; }

#dropDownWorkflowStatusList .ddws_icon {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 0 0 2px;
  float: none; }

#dropDownWorkflowStatusList .option {
  display: inline-block;
  vertical-align: middle; }

#dropDownWorkflowStatusList input {
  display: inline-block;
  vertical-align: middle; }

/* Tick */
.media .med-tick {
  position: absolute;
  bottom: 23px;
  left: 10px;
  z-index: 10;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

.media .med-tick-ok,
.mediaRow .med-tick-ok {
  background-image: url(image/icons/icon_tick_on_24x24.png); }

.media .med-tick-ko,
.mediaRow .med-tick-ko {
  background-image: url(image/icons/icon_tick_off_24x24.png); }

.mediaRow .med-tick {
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center; }

/* */
.media.media-tick-off .med-tick {
  display: none; }

.media.media-tick-off:hover .med-tick {
  display: block; }

/* Detail panel */
.main-media .box-detail .upload > .upload-info {
  position: absolute;
  bottom: 0;
  width: 100%; }

/*-------------------------------------------------------------
 /module/search
---------------------------------------------------------------*/
.resultItem {
  position: relative; }

.resultItem .x-mask {
  background: #eef0f3; }

.resultItem .x-mask-msg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -16px; }

.resultItem.ri-loading .pa-nbElements {
  visibility: hidden; }

/*-------------------------------------------------------------
 /module/vproducthistory/journal 
---------------------------------------------------------------*/
.listTableLog .labelIconSectorInTable {
  width: auto;
  display: table; }

.listTableLog .labelIconSectorInTable > * {
  display: table-cell;
  float: none; }

/*-------------------------------------------------------------
 /module/vproduct/form
 /module/vproduct/show
---------------------------------------------------------------*/
.accordionContainer {
  border: 1px solid #BFBFBF;
  margin: 0 auto 10px auto;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.accordion-title .icon {
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  float: right;
  background: url(image/icons/icon_deploy_b_off.png) 0 0 no-repeat; }

.accordionContainer .formTable,
.accordionContainer .showTable {
  width: 100%;
  margin: 0;
  border: 0; }

.accordionContainer .formTable td.label,
.accordionContainer .showTable td.label {
  width: 150px; }

.accordionContainer .accordion .formTable,
.accordionContainer .accordion .showTable {
  display: none; }

.accordionContainer .accordion-active .formTable,
.accordionContainer .accordion-active .showTable {
  display: table; }

.accordionContainer .accordion-active .accordion-title .icon {
  background: url(image/icons/icon_deploy_b_on.png) 0 0 no-repeat; }

.vprodshow-columns {
  width: 100%;
  background: #fff; }

.vprodshow-columns .col-left {
  width: 50%;
  vertical-align: top; }

.vprodshow-columns .col-right {
  vertical-align: top;
  border-left: 1px solid #e2e2e2; }

/*-------------------------------------------------------------
 evolution 020
---------------------------------------------------------------*/
.popinchar {
  position: absolute;
  top: 63px;
  left: 216px;
  z-index: 10;
  background: #fdff99;
  border: 1Px solid #ffe000;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.27);
  max-width: 550px;
  z-index: 70; }

.invisibleChararacter {
  color: #00adff; }

.invisibleChararacterWS {
  font-size: 0; }

/*-------------------------------------------------------------
evolution O9 (drag drop image file) module/vproduct/list.php
---------------------------------------------------------------*/
.upload {
  display: inline-block;
  position: relative;
  overflow: hidden; }

.upload img {
  display: block; }

.dragover .img {
  background: #424242; }

.dragover img {
  opacity: 0.25; }

.upload-start {
  position: relative; }

.upload-start:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.65) url(image/loadingSmallAnim.gif) center center no-repeat; }

.upload > .upload-info {
  padding: 4px;
  text-align: center;
  border-radius: 4px; }

.upload-start .upload-info {
  background: #bbff00;
  color: #000; }

.upload-progress .upload-info {
  background: #ffd900;
  color: #000; }

.upload-load .upload-info {
  background: #bbff00;
  color: #000; }

.upload-error .upload-info {
  color: #000; }

.upload-indicator {
  border-radius: 6px; }

.upload-indicator.upload-start:after {
  border-radius: 4px; }

.upload-indicator > .upload-info {
  border-radius: 4px; }

.upload-indicator:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 4px dashed #000000;
  top: 0;
  left: 0;
  background: url(image/icons/icon_upload_cloud_64.png) center center no-repeat;
  opacity: 0.5;
  border-radius: 13px;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
  pointer-events: none; }

.upload-indicator .upload-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px; }

.upload-indicator .img {
  border-radius: 13px; }

/*-------------------------------------------------------------
module/vproduct/form.php
---------------------------------------------------------------*/
.vproduct-form .media .med-label {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0 4px 6px 4px;
  overflow: hidden; }

.vproduct-form .media .med-label .med-label-text {
  float: left;
  word-wrap: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
  text-align: left !important;
  padding-left: 4px; }

.vproduct-form .media .med-label .med-label-text > p {
  margin: 0; }

/*-------------------------------------------------------------
visualListTable
---------------------------------------------------------------*/
.visualListTable {
  margin: 0 !important;
  width: 100% !important; }

.visualListTable > tbody > tr > td {
  border-bottom: 1px solid #c5c5c5;
  border-top: 1px solid #c5c5c5; }

.visualListTable > tbody > tr > td:last-child {
  border-right: 1px solid #c5c5c5; }

.visualListTable > tbody > tr > td:nth-child(2) {
  border-right: 1px solid #c5c5c5; }

.suggest {
  position: relative;
  display: inline-block;
  z-index: 10; }

.suggest .search {
  width: 100%;
  padding: 4px; }

.suggest .menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  min-width: 260px;
  max-height: calc(100vh - 200px);
  overflow: auto;
  width: 410px;
  width: 360px;
  line-height: normal; }

.suggest > .bt > .l {
  min-width: 0 !important; }

.suggest .hl {
  color: #000;
  font-weight: bold; }

.suggest .search-div {
  position: relative;
  padding: 6px; }

.suggest .menu .itemListB {
  margin-bottom: 0; }

.suggest .menu .itemListB:last-child {
  margin-bottom: 0; }

.suggest .menu .itemListB > li:focus > a {
  background: red; }

.suggest .menu .itemListB > li.selected > a {
  background: #ececec;
  text-shadow: none; }

.suggest .groupTitle {
  font-weight: bold;
  padding: 8px 12px; }

.standard-select .bt {
  position: relative;
  float: none;
  min-width: 0px;
  background: #ffffff;
  border: 1px solid #171717;
  color: #000;
  text-decoration: none;
  padding: 2px 30px 2px 4px; }

.standard-select .bt .l {
  height: auto;
  float: none;
  padding: 0 !important;
  background: none; }

.standard-select .bt .label {
  display: block;
  height: auto;
  float: none;
  padding: 0 !important;
  background: none;
  line-height: normal;
  font-weight: normal; }

.standard-select .bt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  top: 50%;
  margin-top: -2px;
  margin-right: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 2.5px 0 2.5px;
  border-color: #000000 transparent transparent transparent; }

.standard-select .menu .itemListB > li:hover > a {
  background: #efefef; }

.standard-select .menu .itemListB > li.selected > a {
  background: #e6e6e6;
  color: #000; }

.standard-select .bt .r {
  display: none; }

.suggest.standard-select .menu {
  border: 1px solid #707070; }

.suggest.standard-select .search-div {
  padding: 6px; }

.suggest.standard-select .search {
  padding: 1px 3px;
  font-size: 11px;
  color: #707070; }

.suggest.standard-select .itemListB .il-a,
.suggest.standard-select .groupTitle {
  background: #fff;
  border: 0;
  padding: 4px 12px; }

.suggest.standard-select .itemListB .il-a,
.suggest.standard-select .groupTitle {
  color: #000; }

/*# sourceMappingURL=style.min.css.map */
/*flex box*/

.flexbox div.more_than_7_items {
    flex: 1;
    min-width: 33%;
    flex-wrap: nowrap;
    display: flex;
    justify-content: left;
    align-items: start;
}

.flexbox div.less_than_6_items {
    flex: 1;
    min-width: 50%;
    flex-wrap: nowrap;
    display: flex;
    justify-content: left;
    align-items: start;
}

.flexbox div.less_than_3_items {
    flex: 1;
    min-width: 100%;
    flex-wrap: nowrap;
    display: flex;
    justify-content: left;
    align-items: start;
}

.flexbox {
  flex-wrap: wrap;display: flex;width: 100%;
}

.flexbox-header {
  width: 100%;
  margin-bottom: 3px;
}

.customzoom {
  -moz-transform: scale(1);
  -moz-transform-origin: 0 0;
}

.placements .placement .inner{
  z-index: 9999;
}

.customzoom {
  -moz-transform: scale(1);
  -moz-transform-origin: 0 0;
}

.overstyle {
  border-color:#000 !important;
}

.overeditstyle {
  visibility: visible !important;
}

.page.fpPage .options:hover{
  background-color: #212121 !important;
  color:white;
}