/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
@font-face {
  font-family: 'DIN-Regular';
  src: url("/Look/Content/fonts/DIN/DIN-regular.eot");
  src: url("/Look/Content/fonts/DIN/DIN-regular.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/DIN/DIN-regular.otf") format("opentype"), url("/Look/Content/fonts/DIN/DIN-regular.svg#Din-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: url("/Look/Content/fonts/DIN/DIN-Bold.eot");
  src: url("/Look/Content/fonts/DIN/DIN-Bold.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/DIN/DIN-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Calendar';
  src: url("/Look/Content/fonts/calendar_note.eot");
  src: url("/Look/Content/fonts/calendar_note.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/calendar_note.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*
@font-face {
  font-family: 'DIN-Medium';
  src: url('/Content/fonts/DIN/DIN-Medium.eot');
  src: url('/Content/fonts/DIN/DIN-Medium.eot?#iefix') format("embedded-opentype"), url('/Content/fonts/DIN/DIN-Medium.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DIN-Light';
  src: url('/Content/fonts/DIN/DIN-Light.eot');
  src: url('/Content/fonts/DIN/DIN-Light.eot?#iefix') format("embedded-opentype"), url('/Content/fonts/DIN/DIN-Light.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DIN-Black';
  src: url('/Content/fonts/DIN/DIN-Black.eot');
  src: url('/Content/fonts/DIN/DIN-Black.eot?#iefix') format("embedded-opentype"), url('/Content/fonts/DIN/DIN-Black.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
*/
/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                   DEBUT COMMUN                   */
/* ------------------------------------------------ */
body {
  background-color: #F7F7F7;
  font-size: 1em;
  font-family: "DIN-Regular", "NSimSun", sans-serif;
  color: #8e8e8e;
}

.spacer {
  width: 15px;
  padding: 0;
  margin: 0;
}

.half-width {
  width: 50%;
}

.half-spacer {
  width: 7px;
  padding: 0;
  margin: 0;
}

.sub-link, .sub-link:link {
  color: Gray;
  font-size: 0.8em;
}

.clear {
  clear: both;
}

.clear-right {
  clear: right;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.display-block {
  display: block;
}

.width-100-percent {
  width: 100%;
}

.overflow-auto {
  overflow: auto;
}

.auto-width {
  width: auto;
}

.width-500px {
  width: 500px;
}

.width-600px {
  width: 600px;
}

.auto-margin {
  margin: auto;
}

.no-text-decoration {
  text-decoration: none;
}

.redColor {
  color: #EB4641;
}

.error {
  color: #EB4641;
}

.align-center {
  text-align: center;
}

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

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sort-handle {
  cursor: pointer;
}

.hidden {
  display: none;
}

.img-Plus, .img-Minus {
  width: 21px;
  height: 20px;
}

.img-Plus {
  background: transparent url(images/icones/plus.png) no-repeat center;
}

.img-Minus {
  background: transparent url(images/icones/minus.png) no-repeat center;
}

.waiting {
  background: transparent url(images/wait-16.gif) no-repeat center;
  padding: 9px;
  display: none;
}

.attachementForm input[type="submit"], .attachementForm input[type="button"], .attachementForm .attachmentsList, .attachementForm
.buttonDownload {
  font-size: 0.9em;
}

.attachementForm
.attachmentsList {
  height: 120px;
  overflow: auto;
}

.attachementForm
.attachmentsList
table {
  font-size: 0.9em;
  width: 100%;
  border: none;
}

.attachementForm
.attachmentsList
.invalid-attachment {
  text-decoration: line-through;
  color: Gray;
}

.attachementForm
.buttonDownload {
  text-align: center;
  width: 100%;
  margin-top: 10px;
}

/* ------------------------------------------------ */
/*                    FIN COMMUN                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                 DEBUT COMPONENTS                 */
/* ------------------------------------------------ */
input[type="text"][readonly]
, .select2-container[readonly] {
  background-color: transparent;
  color: #333333;
}

/* ------------------------------------------------ */
/*                  FIN COMPONENTS                  */
/* ------------------------------------------------ */

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                 DEBUT EXPANDABLE		            */
/* ------------------------------------------------ */
.expandable-panel {
    margin: 0.3em 0;
}

    .expandable-panel.expanded .expandable-panel-title > .icon-plus {
        display: none;
    }

    .expandable-panel.expanded .expandable-panel-title > .icon-minus {
        display: block;
    }

    .expandable-panel .expandable-panel-title .icon-plus, .expandable-panel .expandable-panel-title .icon-minus {
        float: right;
        color: black;
        font-size: 20px;
        font-size: 12px;
        line-height: 21px;
    }

    .expandable-panel .expandable-panel-title > .icon-plus {
        display: block;
    }

    .expandable-panel .expandable-panel-title > .icon-minus {
        display: none;
    }

.expandable-big-wait {
    background-position: center;
    background-image: url("/Look/Content/images/wait-51-gray.gif");
    background-repeat: no-repeat;
    height: 100px;
    margin-top: auto;
    margin-bottom: auto;
}

    .expandable-big-wait.bigger-wait {
        height: 40em;
    }

.widget .expandable-big-wait.bigger-wait {
    height: 100px;
}

.expandable-panel-title {
    display: block;
    line-height: 1.5em;
    background-color: LightGray;
    color: #333333;
}

a.expandable-panel-title {
    text-decoration: none;
}

    a.expandable-panel-title:link, a.expandable-panel-title:visited {
        background-color: LightGray;
        color: #333333;
        text-decoration: none;
    }

    a.expandable-panel-title:hover {
        background-color: #aaa;
        text-decoration: none;
    }

.expandable-panel.expanded a.expandable-panel-title {
    background-color: LightGray;
}

.expandable-panel-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .expandable-panel-content > div {
        width: auto;
    }

.expandable-error-message-detail {
    font-style: italic;
}

span.collapse-arrow {
    padding-left: 1.2em;
    padding-right: 1.2em;
}

.expandable-panel span.collapse-arrow {
    background: transparent url("images/icones/arrow-right-collapse.png") no-repeat center center;
}

.expandable-panel.expanded span.collapse-arrow.expanded {
    background: transparent url("images/icones/arrow-down-collapse.png") no-repeat center center;
}

/* ------------------------------------------------ */
/*                  FIN EXPANDABLE                  */
/* ------------------------------------------------ */

/*# sourceMappingURL=Expandable.css.map */

.extensible-table-form-header {
  width: calc(100% - 56px);
  padding-left: 28px;
  height: 30px;
  padding-bottom: 5px;
  line-height: 30px;
  display: inline-table; }
  .extensible-table-form-header:after {
    content: '' !important;
    border: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: absolute;
    width: 28px !important;
    height: 35px !important;
    right: 38px;
    box-sizing: border-box !important; }

.addOrRemoveCell {
  width: 28px; }
  .addOrRemoveCell button {
    height: 28px;
    cursor: pointer;
    position: relative;
    z-index: 999;
    width: 100%;
    box-sizing: border-box;
    padding: 1px 6px !important; }

.extensible-table-form-row + .extensible-table-form-row .extensible-form-cell {
  margin-top: 3px; }

.extensible-form-cell-title {
  width: 100%;
  width: calc(100% - 40px);
  margin-left: 40px;
  color: darkgray !important;
  font-weight: bold !important; }

.extensible-table-form-row .lineContainer {
  width: calc(100% - 56px); }

.extensible-table-form .labelContainer {
  background-color: transparent; }


.extensible-table-form.has-advanced-search .extensible-table-form-header {
    padding-left: 80px;
    width: calc(100% - 140px);
}

.extensible-table-form.has-advanced-search .lineContainer {
    width: calc(100% - 135px);
}

.extensible-table-form.has-advanced-search button.swap-search {
    background-color: #ec655a;
    margin: 0 5px 0 5px;
    border: 0;
    width: 35px;
    padding: 1px 0 1px 0;
}
/*# sourceMappingURL=Extensible.css.map */

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                 DEBUT DATE RANGE                 */
/* ------------------------------------------------ */
.dateRange {
  position: relative;
  height: 50px;
  /*
  	.dateRange-period ul
  	{
  		list-style-type: none;
  		float: left;
  		padding-left: 0;
  		margin-left: 5px;
  		border: 1px solid $Gray;
  		border-left: none;
  		margin-bottom: 0;
  		li
  		{
  			min-width:50px;
  			border-left: solid 1px $Gray;
  			cursor: pointer;
  			float: left;
  			padding: 5px;
  			background-color: #C8C8C8;
  			font-size: 0.79em;
  			&.selected-period
  			{
  				background-color: $Green;
  			} 
  			&:first-child
  			{
  				background-color: #DBDBDB;
  			}
  			+ li + li
  			{
  				background-color: #B4B4B4;
  			}
  		}
  	}
  */
}
.dateRange .k-picker-wrap:before, .dateRange .k-numeric-wrap:before {
  height: 1em !important;
}
.dateRange .dateRange-buttons {
  position: absolute;
  right: 0;
  top: 2px;
}
.dateRange .dateRange-buttons span {
  display: inline-block;
  cursor: pointer;
  width: 65px;
  padding-top: 32px;
  text-align: center;
  margin-right: 1px;
  margin-left: 1px;
  font-size: 0.8em;
}
.dateRange .dateRange-buttons .dateRange-button-calendar {
  background: transparent url("/Look/Content/images/icones/daterange-calendar.png") no-repeat center top;
}
.dateRange .dateRange-buttons .dateRange-button-range {
  background: transparent url("/Look/Content/images/icones/daterange-range.png") no-repeat center top;
}
.dateRange .dateRange-buttons .dateRange-button-period {
  background: transparent url("/Look/Content/images/icones/daterange-timeperiod.png") no-repeat center top;
}
.dateRange .dateRange-period li {
  display: block;
  float: left;
  margin-left: 1px;
  border: 1px solid lightgray;
  background-color: white;
  padding: 3px 5px 3px 5px;
  width: 70px;
  text-align: center;
  font-size: 0.9em;
  cursor: pointer;
}
.dateRange .dateRange-period li.selected-period {
  background-color: var(--firstColor);
  color: #F7F7F7;
}
.dateRange .dateRange-period ul {
  float: left;
  width: 250px;
  padding-left: 0;
}
.dateRange .dateRange-period ul li:first-child {
  width: 236px;
  margin-bottom: 1px;
  font-size: 0.9em;
  color: darkgray;
  cursor: default;
}
.dateRange .dateRange-period ul:last-child {
  margin-right: 20px;
}
.dateRange .dateRange-calendar, .dateRange .dateRange-range, .dateRange .dateRange-period {
  margin-right: 130px;
}
.dateRange .dateRange-calendar {
  padding-top: 10px;
}
.dateRange .dateRange-calendar .dateRange-calendar-from {
  margin-right: 100px;
}
.dateRange .dateRange-calendar .dateRange-calendar-from, .dateRange .dateRange-calendar .dateRange-calendar-to {
  width: 100px;
  display: inline-block;
}
.dateRange .dateRange-calendar span.k-select {
  width: 19px;
}

.inputContainer .dateRange .dateRange-period ul {
  padding-left: 0;
}

.lookform .k-datepicker {
  width: 9.5em;
}
.lookform .k-datepicker .k-picker-wrap .k-select {
  line-height: 33px;
  min-height: 30px;
}
.lookform .k-datepicker .k-picker-wrap input.k-input {
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
}

/* ------------------------------------------------ */
/*                  FIN DATE RANGE                  */
/* ------------------------------------------------ */
.k-datetimepicker .k-picker-wrap:before {
  content: none !important;
}
.k-datetimepicker .k-select .k-i-calendar:before, .k-datetimepicker .k-select .k-i-clock:before {
  content: none !important;
}
.k-datetimepicker .k-select .k-i-clock {
  margin-bottom: 10px !important;
}
.k-datetimepicker .k-picker-wrap span.k-select {
  width: 2.2em;
}

/* ------------------------------------------------ */
/*              DEBUT JQEDITRANGESLIDER             */
/* ------------------------------------------------ */
.ui-rangeSlider {
  height: 20px;
  padding-top: 15px;
}

.ui-rangeSlider-container {
  height: 1px;
  background-color: Red;
}

.ui-rangeSlider,
.ui-rangeSlider-container,
.ui-rangeSlider-arrow,
.ui-rangeSlider-handle {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container {
  margin-top: 7px;
}

.ui-rangeSlider-arrow {
  height: 20px;
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow {
  background: #8e8e8e;
}

.ui-rangeSlider-arrow {
  width: 14px;
  cursor: pointer;
  border: solid 9px #a2d748;
  background-color: #a2d748;
  margin-top: -2px;
  height: 6px;
  border-radius: 50%;
}

.ui-rangeSlider-leftArrow {
  border-left: solid 0px #a2d748;
  margin-left: -1px;
}

.ui-rangeSlider-rightArrow {
  border-right: solid 0px #a2d748;
  margin-right: -1px;
}

.ui-rangeSlider-arrow-inner {
  position: absolute;
  top: 50%;
  border: 5px solid transparent;
  width: 0;
  height: 0;
  margin-top: -7px;
}

.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner {
  border-right: 10px solid #F7F7F7;
  left: 0;
  margin-top: -6px;
}

.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner {
  border-right: 10px solid darkgray;
}

.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner {
  border-left: 10px solid #F7F7F7;
  right: 0;
  margin-right: -1px;
  margin-top: -5px;
}

.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner {
  border-left: 10px solid darkgray;
}

.ui-rangeSlider-innerBar {
  width: 110%;
  height: 100%;
  left: -10px;
  overflow: hidden;
}

.ui-rangeSlider-bar {
  background-color: var(--secondColor);
  height: 5px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  margin-top: -2px;
}

.ui-rangeSlider-handle {
    width: 14px;
    cursor: pointer;
    border: solid 9px var(--secondColor);
    background-color: var(--secondColor);
    margin-top: -10px;
    height: 5px;
    border-radius: 50%;
}

.ui-rangeSlider-leftHandle {
  border-left: solid 0px #e84242;
  margin-left: -1px;
  z-index: 50;
}

.ui-rangeSlider-rightHandle {
  border-right: solid 0px #e84242;
  margin-right: -1px;
  z-index: 50;
}

.ui-rangeSlider-handle-inner {
  position: absolute;
  top: 50%;
  border: 5px solid transparent;
  width: 0;
  height: 0;
  margin-top: -6px;
}

.ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner {
  border-right: 10px solid #F7F7F7;
  left: 0;
  margin-top: -6px;
}

.ui-rangeSlider-leftHandle:hover .ui-rangeSlider-handle-inner {
  border-right: 10px solid LightGray;
}

.ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner {
  border-left: 10px solid #F7F7F7;
  right: 0;
  margin-right: -1px;
  margin-top: -6px;
}

.ui-rangeSlider-rightHandle:hover .ui-rangeSlider-handle-inner {
  border-left: 10px solid LightGray;
}

.ui-rangeSlider-label {
  padding: 3px;
  bottom: 30px;
  color: #F7F7F7;
  font-size: 15px;
  cursor: w-resize;
}
.ui-rangeSlider-label div.ui-rangeSlider-label-value {
  background-color: LightGray;
  text-transform: uppercase;
  position: relative;
  top: 5px;
  border: 2px solid #e84242;
}
.ui-rangeSlider-label div.ui-rangeSlider-label-value input.ui-editRangeSlider-inputValue {
  height: 20px;
  width: 25px;
  padding: 2px;
  vertical-align: baseline;
  border: 1px solid darkgray;
  background-color: white;
}
.ui-rangeSlider-label div.ui-rangeSlider-label-value .ui-editRangeSlider-inputValue-unit {
  vertical-align: bottom;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 4px;
  display: inline-block;
  color: #333333;
  position: relative;
  top: -2px;
}
.ui-rangeSlider-label .icon-Note {
  display: none;
}
.ui-rangeSlider-label.readMode {
  background-color: transparent;
}
.ui-rangeSlider-label.readMode div.ui-rangeSlider-label-value {
  background-color: transparent;
  border: none;
  top: 11px;
}
.ui-rangeSlider-label.readMode div.ui-rangeSlider-label-value input.ui-editRangeSlider-inputValue {
  border: none;
  background-color: transparent;
  padding: 4px;
  padding-left: 8px;
  text-align: right;
}
.ui-rangeSlider-label.readMode div.ui-rangeSlider-label-value .ui-editRangeSlider-inputValue-unit {
  background-color: transparent;
}
.ui-rangeSlider-label.readMode .ui-rangeSlider-label-inner {
  display: none;
}
.ui-rangeSlider-label.readMode .icon-Note {
  color: black;
  display: inline-block;
  top: 2px;
  position: relative;
  cursor: pointer;
}
.ui-rangeSlider-label.readMode.ui-rangeSlider-leftLabel .icon-Note {
  left: 8px;
}

.ui-rangeSlider-label-inner {
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  z-index: 99;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #e84242;
}

.ui-rangeSlider-leftLabel {
  margin-left: -10px;
}
.ui-rangeSlider-leftLabel .ui-rangeSlider-label-inner {
  margin-left: 5px;
}

.ui-rangeSlider-rightLabel {
  margin-left: 10px;
  z-index: 99;
}
.ui-rangeSlider-rightLabel .ui-rangeSlider-label-inner {
  margin-left: -15px;
}

.ui-editRangeSlider-inputValue {
  width: 2em;
  text-align: center;
}

.ui-rangeSlider .ui-ruler-scale {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.ui-rangeSlider .ui-ruler-tick {
  float: left;
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner {
  color: white;
  margin-top: 1px;
  border-left: 1px solid #F7F7F7;
  height: 19px;
  padding-left: 2px;
  position: relative;
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label {
  position: absolute;
  bottom: 6px;
}

.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner {
  border-left: 1px solid #F7F7F7;
  margin-top: 25px;
  height: 5px;
}

/* ------------------------------------------------ */
/*               FIN JQEDITRANGESLIDER              */
/* ------------------------------------------------ */
td.k-today {
  background-color: white !important;
}
td.k-today.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
td.k-today a.k-link {
  color: black !important;
  border-width: 0px 0px 2px 0px;
  border-bottom: 2px solid #e84242;
  border-radius: 0%;
}

.k-today {
  background-color: white;
}
.k-today.k-state-selected a.k-link {
  color: white;
}
.k-today.k-state-focused a.k-link {
  border-width: 0px 0px 2px 0px;
  border-bottom: 2px solid black;
  border-radius: 0%;
}

.k-calendar table.k-content, .k-calendar table.k-content th {
  border-color: white;
}
.k-calendar .k-other-month {
  color: #F3F3F3;
}
.k-calendar td[role=gridcell].k-state-hover {
  background-color: #eb4a41 !important;
  border-color: #eb4a41 !important;
  box-shadow: none !important;
  background-image: none !important;
  border-radius: 0% !important;
}
.k-calendar td[role=gridcell].k-state-hover.k-other-month {
  background-color: #ec655a !important;
  border-color: #ec655a !important;
  box-shadow: none !important;
  background-image: none !important;
  border-radius: 0% !important;
}
.k-calendar td[role=gridcell].k-state-hover.k-other-month .k-link {
  border-radius: 0px !important;
  background-image: none !important;
}
.k-calendar td[role=gridcell].k-state-hover a {
  color: white !important;
}
.k-calendar td[role=gridcell].k-state-selected, .k-calendar td[role=gridcell].k-state-focused {
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  background-color: #e84242 !important;
  border-color: #e84242 !important;
  color: white !important;
}
.k-calendar td[role=gridcell].k-state-selected a.k-link, .k-calendar td[role=gridcell].k-state-focused a.k-link {
  color: white !important;
}
.k-calendar th {
  background-color: white !important;
}
.k-calendar .k-header {
  background-color: white;
}
.k-calendar .k-state-hover.k-link.k-nav-next, .k-calendar .k-state-hover.k-link.k-nav-prev, .k-calendar .k-state-hover.k-link.k-nav-fast {
  border-radius: 0%;
  background-color: #e84242;
  background-image: none;
  color: white;
}
.k-calendar .k-state-hover.k-link.k-nav-next .k-icon.k-i-arrow-e {
  font-family: "icomoon", sans-serif !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: white !important;
  opacity: 1 !important;
  font-size: 0.5em !important;
  -ms-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  background-image: none !important;
}
.k-calendar .k-state-hover.k-link.k-nav-next .k-icon.k-i-arrow-e:before {
  content: "\ea1c" !important;
}
.k-calendar .k-state-hover.k-link.k-nav-prev .k-icon.k-i-arrow-w {
  font-family: "icomoon", sans-serif !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: white !important;
  opacity: 1 !important;
  font-size: 0.5em !important;
  background-image: none !important;
  -ms-transform: rotate(180deg) translateY(5px) translateX(-1px);
  -moz-transform: rotate(180deg) translateY(5px) translateX(-1px);
  -webkit-transform: rotate(180deg) translateY(5px) translateX(-1px);
  -o-transform: rotate(180deg) translateY(5px) translateX(-1px);
  transform: rotate(180deg) translateY(5px) translateX(-1px);
}
.k-calendar .k-state-hover.k-link.k-nav-prev .k-icon.k-i-arrow-w:before {
  content: "\ea1c" !important;
}
.k-calendar .k-link.k-nav-next .k-icon, .k-calendar .k-link.k-nav-prev .k-icon {
  opacity: 0.3;
}

.k-animation-container .k-calendar-container {
  background-color: white;
}

.k-header {
  background-color: white;
}

.MSC .dateRange-button-calendar, .MSC .dateRange-button-range, .MSC .dateRange-button-period {
  -webkit-filter: invert(14%) sepia(36%) saturate(2593%) hue-rotate(193deg) brightness(93%) contrast(86%);
  -moz-filter: invert(14%) sepia(36%) saturate(2593%) hue-rotate(193deg) brightness(93%) contrast(86%);
  -o-filter: invert(14%) sepia(36%) saturate(2593%) hue-rotate(193deg) brightness(93%) contrast(86%);
  -ms-filter: invert(14%) sepia(36%) saturate(2593%) hue-rotate(193deg) brightness(93%) contrast(86%);
  filter: invert(14%) sepia(36%) saturate(2593%) hue-rotate(193deg) brightness(93%) contrast(86%);
}

.CEVA .dateRange-button-calendar, .CEVA .dateRange-button-range, .CEVA .dateRange-button-period {
  filter: invert(24%) sepia(90%) saturate(6094%) hue-rotate(355deg) brightness(94%) contrast(89%);
}

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
.hierarchical-table > .tabs-container > div.content.even {
    border: 0;
}

.hierarchical-table .content {
    padding: 15px;
}

.hierarchical-table .expand-button {
    text-decoration: none;
    color: black;
}

    .hierarchical-table .expand-button span {
        font-size: 14px;
    }

    .hierarchical-table .expand-button .icon-plus {
        display: block;
    }

    .hierarchical-table .expand-button .icon-minus {
        display: none;
    }

    .hierarchical-table .expand-button.expanded .icon-plus {
        display: none;
    }

    .hierarchical-table .expand-button.expanded .icon-minus {
        display: block;
    }

.hierarchical-table table {
    width: 100%;
    table-layout: fixed;
}

    .hierarchical-table table tr {
        line-height: 25px;
    }

    .hierarchical-table table td, .hierarchical-table table th {
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-color: transparent;
    }

        .hierarchical-table table th a, .hierarchical-table table th .ind-sort {
            font-weight: bold;
            font-size: 1.2rem;
            display: inline-block;
            text-decoration: none;
            color: black;
            text-transform: uppercase;
        }

        .hierarchical-table table td a, .hierarchical-table table th a {
            padding: 0;
        }

    .hierarchical-table table .first-cell {
        width: 2em;
    }

.hierarchical-table ul {
    list-style: none;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
    border-collapse: collapse;
}

.hierarchical-table li {
    display: table-cell;
    text-align: center;
    border-top-width: 0;
    padding: 15px;
}

    .hierarchical-table li.tab-button-disabled {
        font-style: italic;
        color: #8e8e8e;
    }

    .hierarchical-table li a {
        text-decoration: none;
        color: black;
        font-weight: bold;
        display: block;
        padding: 0 1em;
    }

    .hierarchical-table li span {
        padding: 0 0.25em;
    }


.hierarchical-cell .donuts-item {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.linkadmin .hierarchical-table table thead tr {
    background-color: #E8E8E8;
}

.linkadmin .hierarchical-table table tbody tr:nth-child(even) {
    background-color: #F3F3F3;
}
table[data-name="ELEs"] thead {
    display: none;
}

td.first-cell + td[data-name="ETWs"] > span {
    font-weight: bold;
}

td[data-column="From"][data-name="ETWs"], td[data-column="From"][data-name="ELEs"] {
    white-space: normal;
    max-width: 300px;
}

.sub-table-row[data-name="ETWs"] {
    border-top: 1px solid #e0e0e0;
}

[data-column="CO2_WTW"], [data-column="CO2_TTW"] {
    text-transform: none !important;
}
table[data-name="ELEs"] thead {
    display: none;
}

td.first-cell + td[data-name="ETWs"] > span {
    font-weight: bold;
}

td[data-column="From"][data-name="ETWs"], td[data-column="From"][data-name="ELEs"] {
    white-space: normal;
    max-width: 300px;
}
/*# sourceMappingURL=HierarchicalTable.css.map */

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
@font-face {
  font-family: "DIN-Regular";
  src: url("/Look/Content/fonts/DIN/DIN-regular.eot");
  src: url("/Look/Content/fonts/DIN/DIN-regular.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/DIN/DIN-regular.otf") format("opentype"), url("/Look/Content/fonts/DIN/DIN-regular.svg#Din-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN";
  src: url("/Look/Content/fonts/DIN/DIN-Bold.eot");
  src: url("/Look/Content/fonts/DIN/DIN-Bold.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/DIN/DIN-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Calendar";
  src: url("/Look/Content/fonts/calendar_note.eot");
  src: url("/Look/Content/fonts/calendar_note.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/calendar_note.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: 'DIN-Medium';
  src: url('/Content/fonts/DIN/DIN-Medium.eot');
  src: url('/Content/fonts/DIN/DIN-Medium.eot?#iefix') format("embedded-opentype"), url('/Content/fonts/DIN/DIN-Medium.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DIN-Light';
  src: url('/Content/fonts/DIN/DIN-Light.eot');
  src: url('/Content/fonts/DIN/DIN-Light.eot?#iefix') format("embedded-opentype"), url('/Content/fonts/DIN/DIN-Light.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'DIN-Black';
  src: url('/Content/fonts/DIN/DIN-Black.eot');
  src: url('/Content/fonts/DIN/DIN-Black.eot?#iefix') format("embedded-opentype"), url('/Content/fonts/DIN/DIN-Black.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
*/
/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                   DEBUT COMMUN                   */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                    FIN COMMUN                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                    DEBUT LIEN                    */
/* ------------------------------------------------ */
a {
  color: Gray;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* ------------------------------------------------ */
/*                     FIN LIEN                     */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                   DEBUT BOUTON                   */
/* ------------------------------------------------ */
button, input[type=submit] {
  text-transform: uppercase;
}

button[disabled=disabled], input[type=submit][disabled=disabled], input[type=button][disabled=disabled], .img-link[disabled=disabled] {
  background-color: LightGray;
  cursor: default;
}

.img-link {
  cursor: pointer;
}

/* ------------------------------------------------ */
/*                    FIN BOUTON                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                   DEBUT HEADER                   */
/* ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  color: #333333;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5, h6 {
  font-size: 1em;
}

/* ------------------------------------------------ */
/*                    FIN HEADER                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT ELEMENT LAYOUT               */
/* ------------------------------------------------ */
.page, .footer {
  width: 90%;
  min-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.page {
  min-height: 90%;
}

.header {
  color: #333333;
  font-size: 0.7em;
}

.header-table {
  border: none;
  margin-top: 2em;
  height: 187px;
}
.header-table td.menu-cell {
  vertical-align: top;
  padding-top: 1.9em;
}
.header-table .middle-header {
  padding: 0 28px;
  border-left: 2px solid #8e8e8e;
  border-right: 2px solid #8e8e8e;
}
.header-table.anonymous a[data-link=login] {
  color: #F7F7F7;
}

.header h1 {
  font-weight: bold;
  color: #F7F7F7;
  border: none;
  line-height: 2em;
  text-shadow: 1px 1px 2px #111;
}

#main {
  background-color: #F7F7F7;
  border-radius: 4px 0 0 0;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  font-size: 0.9em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.footer {
  background-color: transparent;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  color: #999;
  font-size: 0.7em;
}
.footer div {
  display: inline-block;
}
.footer > div {
  width: 100%;
  text-align: center;
}
.footer > div.footer-left {
  width: 20%;
}
.footer > div.portal-container > div {
  margin-left: 5px;
  margin-right: 5px;
}
.footer > div.logo-container {
  width: 20%;
  text-align: right;
}
.footer a {
  color: #333333;
  text-decoration: none;
}
.footer a:visited, .footer a:hover {
  color: #333333;
  text-decoration: none;
}
.footer .icon {
  color: #333333;
}

.portal-container span {
  font-size: 2em;
  vertical-align: middle;
}
.portal-container span.portal-label {
  font-size: 1em;
}

.linkCurrentVersion {
  display: block !important;
  text-align: left;
  font-size: 18px;
  color: #757575;
  position: absolute;
  left: 0;
  bottom: 0;
}

.help-container span {
  font-size: 2em;
  vertical-align: middle;
}
.help-container span.help-label {
  font-size: 1em;
}

/* ------------------------------------------------ */
/*                FIN ELEMENT LAYOUT                */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*            DEBUT FORM LAYOUT ELEMENTS            */
/* ------------------------------------------------ */
fieldset {
  border: none;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
}

textarea {
  font-family: "DIN-Regular", "NSimSun", sans-serif;
  min-height: 5em;
}

img {
  border: none;
}

input[type=submit], input[type=button], .img-link, select, button, body .select2-container-multi .select2-choices {
  background-color: white;
  color: #333333;
}

input[type=text], input[type=password], input[type=number], input[type=datetime] {
  border: 1px solid LightGray;
  font-size: 0.9em;
  width: 10em;
  background-color: #F7F7F7;
  color: #333333;
  padding-top: 3px;
  padding-bottom: 3px;
}

select {
  border: 1px solid LightGray;
  font-size: 1.2em;
}

button, input[type=submit], input[type=button], a.button, .img-link {
  border: 4px solid LightGray;
  cursor: pointer;
  font-size: 0.8em;
  padding: 4px;
  text-decoration: none;
  color: #333333;
}

.select2-results li {
  font-size: 0.9em;
}

/* ------------------------------------------------ */
/*	           FIN FORM LAYOUT ELEMENTS             */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT BANDEAU HEADER               */
/* ------------------------------------------------ */
div#title {
  display: block;
  text-align: left;
}

/* ------------------------------------------------ */
/*                FIN BANDEAU HEADER                */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT LOGIN DISPLAY               */
/* ------------------------------------------------ */
.display-login {
  background-color: #333333;
  color: #F7F7F7;
  border: none;
}
.display-login td {
  border: none;
}
.display-login td.user-icon-cell {
  width: 55px;
}
.display-login td.user-icon-cell img {
  margin-bottom: -1px;
}
.display-login td div.name {
  padding: 0 20px;
}

.logindisplay {
  position: header-table;
  color: #333333;
  font-size: 1.1em;
  white-space: nowrap;
  width: 275px;
  padding-left: 28px;
}
.logindisplay .culture-select {
  margin-right: 20px;
  width: 200px;
}
.logindisplay div.actions {
  font-size: 1.1em;
}
.logindisplay .disconnect-mode {
  text-align: center;
  height: 5em;
}
.logindisplay .disconnect-mode .log-on {
  margin-top: 0.5em;
}
.logindisplay .disconnect-mode .log-on .left {
  text-align: right;
}
.logindisplay a:link, .logindisplay a:visited, .logindisplay a:hover {
  color: #333333;
  text-decoration: none;
}
.logindisplay table.actions {
  font-size: 0.9em;
  width: 100%;
  border: none;
}
.logindisplay table.actions td.left {
  text-align: left;
}
.logindisplay table.actions td.right {
  text-align: right;
}
.logindisplay table.actions td.middle-right {
  border-left: 1px solid #333333;
  text-align: center;
  padding-left: 1.5em;
  padding-right: 0.5em;
}
.logindisplay table.actions td.middle-left {
  border-right: 1px solid #333333;
  padding-right: 1.1em;
  text-align: center;
}
.logindisplay table.actions .small-icon {
  vertical-align: middle;
}
.logindisplay table.login-container {
  background-color: #333333;
  border-collapse: collapse;
  color: #F7F7F7;
  width: 100%;
  position: relative;
}
.logindisplay table.login-container td {
  border: none;
}
.logindisplay table.login-container td.user-icon-cell {
  width: 3em;
}
.logindisplay .infos {
  width: 50px;
  height: 31px;
}
.logindisplay .infos > img {
  position: relative;
  top: -1px;
  left: -1px;
}
.logindisplay .name {
  background-color: #333333;
  color: #F7F7F7;
  text-overflow: ellipsis;
  width: 10em;
  margin-right: 32px;
}

.alerts {
  color: #EB4641;
  width: 3em;
}
.alerts .alert-content {
  display: block;
  font-family: "DIN-Regular", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  width: 3em;
  position: relative;
  left: 0.58em;
  top: -20px;
  z-index: 1;
}
.alerts .alert-content:visited, .alerts .alert-content:hover, .alerts .alert-content:link {
  color: #F7F7F7;
}

/* ------------------------------------------------ */
/*                 FIN LOGIN DISPLAY                */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*        DEBUT STYLES FOR VALIDATION HELPERS       */
/* ------------------------------------------------ */
.field-validation-error {
  color: #ff0000;
  font-size: 0.8em;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #EB4641 !important;
  background-color: #ffeeee !important;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

/* ------------------------------------------------ */
/*         FIN STYLES FOR VALIDATION HELPERS        */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                    DEBUT ICON                    */
/* ------------------------------------------------ */
.timeline-icon {
  font-size: 3em;
}

.big-icon {
  font-size: 3.5em;
}

.medium-icon {
  font-size: 2.5em;
}

.small-icon {
  font-size: 1.4em;
}

.donuts-icon {
  font-size: 3em;
}

.icon-Cross-In-Square, .odd .icon-Cross-In-Square {
  display: inline-block;
  width: 15px;
  height: 13px;
}

.icon-Cross-In-Square {
  background: transparent url("/Look/Content/images/icones/CrossInSquare.png") no-repeat center;
}

.odd .icon-Cross-In-Square {
  background: transparent url("/Look/Content/images/icones/CrossInSquare_odd.png") no-repeat center;
}

/* ------------------------------------------------ */
/*                     FIN ICON                     */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                   DEBUT POP UP                   */
/* ------------------------------------------------ */
body .k-window {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transform: scale(1) !important;
}
body span.k-window-title {
  font-size: 0.85em;
  text-transform: uppercase;
  font-weight: bold;
}
body .k-loading-image {
  background-image: url("/Look/Content/images/wait-51-gray.gif");
}
body div.gridbox-container .k-loading-image {
  background-color: #F7F7F7;
}
body .k-window-content {
  background-color: #F7F7F7;
}
body .k-window-content legend, body .k-window-content select {
  font-size: 1em;
}
body .k-window-content button, body .k-window-content input[type=submit], body .k-window-content input[type=button] {
  font-size: 0.75em;
}
body div.k-widget.k-window {
  border: none;
}
body div.k-widget.k-window div.k-header.k-window-titlebar {
  background-image: none;
  border-radius: 0;
  border: none;
}
body div.k-widget.k-window a.k-window-action.k-link {
  opacity: 1;
  border-radius: 0;
  margin-left: 5px;
}
body div.k-widget.k-window a.k-window-action.k-link .k-icon {
  background-position: 50% 50%;
  opacity: 1;
}
body div.k-widget.k-window a.k-window-action.k-link.k-state-hover {
  background-image: none;
  background-color: transparent;
  background-position: 50% 50%;
  opacity: 1;
  padding: 2px;
}
body .k-window-titlebar.k-header {
  color: #F7F7F7;
}
body .k-window-titlebar.k-header a.k-window-action.k-link {
  border: #F7F7F7 solid 1px;
}
body .k-window-titlebar.k-header a.k-window-action.k-link .k-icon.k-i-maximize {
  background: transparent url(/Look/content/images/icones/maximize.png) no-repeat center;
}
body .k-window-titlebar.k-header a.k-window-action.k-link .k-icon.k-i-close {
  background: transparent url(/Look/content/images/icones/widget-close.png) no-repeat center;
}
body .k-window-titlebar.k-header a.k-window-action.k-link .k-icon.k-i-restore {
  background: transparent url(/Look/content/images/icones/restore.png) no-repeat center;
}
body .k-window-titlebar.k-header.header-CFG {
  background-color: #EB4641;
  color: #F7F7F7;
}
body .k-window-titlebar.k-header.header-CDE, body .k-window-titlebar.k-header.header-CAR, body .k-window-titlebar.k-header.header-REL {
  color: #333333;
}
body .k-window-titlebar.k-header.header-CDE a.k-window-action.k-link, body .k-window-titlebar.k-header.header-CAR a.k-window-action.k-link, body .k-window-titlebar.k-header.header-REL a.k-window-action.k-link {
  border: #333333 solid 1px;
}
body .k-window-titlebar.k-header.header-CDE a.k-window-action.k-link .k-icon.k-i-maximize, body .k-window-titlebar.k-header.header-CAR a.k-window-action.k-link .k-icon.k-i-maximize, body .k-window-titlebar.k-header.header-REL a.k-window-action.k-link .k-icon.k-i-maximize {
  background: transparent url(/Look/content/images/icones/maximize-black.png) no-repeat center;
}
body .k-window-titlebar.k-header.header-CDE a.k-window-action.k-link .k-icon.k-i-close, body .k-window-titlebar.k-header.header-CAR a.k-window-action.k-link .k-icon.k-i-close, body .k-window-titlebar.k-header.header-REL a.k-window-action.k-link .k-icon.k-i-close {
  background: transparent url(/Look/content/images/icones/widget-close-black.png) no-repeat center;
}
body .k-window-titlebar.k-header.header-CDE a.k-window-action.k-link .k-icon.k-i-restore, body .k-window-titlebar.k-header.header-CAR a.k-window-action.k-link .k-icon.k-i-restore, body .k-window-titlebar.k-header.header-REL a.k-window-action.k-link .k-icon.k-i-restore {
  background: transparent url(/Look/content/images/icones/restore-black.png) no-repeat center;
}

/* ------------------------------------------------ */
/*                    FIN POP UP                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*            DEBUT SELECT 3 (CHECKBOXES)           */
/* ------------------------------------------------ */
.select3 {
  background-color: #F7F7F7;
  border: #8e8e8e solid 8px;
  height: 2.3em;
}
.select3 .summary {
  font-family: "DIN-Regular", sans-serif;
  font-size: 1em;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.select3 .options {
  border: 1px solid #333333;
  background-color: #F7F7F7 !important;
}
.select3 .summary .selected {
  border: 0;
  color: #999;
  font-size: 1.1em;
  height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 72%;
}
.select3 .down-button {
  border: 0;
  background: transparent url("/Look/Content/Images/down-button-shadow.png") repeat-y;
  color: #8e8e8e;
  padding-left: 14px;
  padding-top: 8px;
  padding-bottom: 6px;
  cursor: pointer;
  margin-left: 15px;
  position: absolute;
}

/* ------------------------------------------------ */
/*             FIN SELECT 3 (CHECKBOXES)            */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                 DEBUT IN OUT LIST                */
/* ------------------------------------------------ */
.in-out-list {
  min-width: 350px;
}

.in-list-container, .out-list-container {
  height: 12em;
  vertical-align: middle;
  width: 50%;
  margin-top: 25px;
}
.in-list-container label, .out-list-container label {
  position: absolute;
}

.in-list, .out-list {
  height: 100%;
  width: 70%;
  list-style-type: none;
  overflow: scroll;
  background-color: white;
  padding-left: 5px;
  display: inline-block;
}
.in-list li, .out-list li {
  cursor: move;
}
.in-list .in-out-placeholder, .out-list .in-out-placeholder {
  height: 20px;
  background-color: LightGray;
}
.in-list .selected, .out-list .selected {
  background-color: #3879D9;
}

.left-right-container {
  height: 12em;
  margin-top: 6.5em;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  width: 25%;
}

.up-down-container {
  height: 12em;
  margin-top: 4.5em;
  width: 15%;
  vertical-align: top;
  display: inline-block;
}

/* ------------------------------------------------ */
/*                  FIN IN OUT LIST                 */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT NUMERIC TEXTBOX              */
/* ------------------------------------------------ */
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  padding: 3px;
  background-image: url("/Look/Content/select2.png");
  background-position: -15px -10px !important;
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  padding: 3px;
  background-image: url("/Look/Content/select2.png");
  background-position: 3px -10px !important;
}

/* ------------------------------------------------ */
/*                FIN NUMERIC TEXTBOX               */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*             DEBUT MESSAGE CHARGEMENT             */
/* ------------------------------------------------ */
.loading-page, .loading-font {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  right: 0;
  left: 0;
}

.main-container {
  position: relative;
}

.loading-page {
  top: -2em;
  padding-bottom: 2em;
  z-index: 10004;
  position: absolute;
  cursor: wait;
}

.loading-font {
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: LightGray;
}

.loading-message {
  position: relative;
  color: #333333;
  text-align: center;
  top: 48%;
}
.loading-message span {
  margin: auto;
  background-color: #F7F7F7;
  padding: 1em;
}

/* ------------------------------------------------ */
/*              FIN MESSAGE CHARGEMENT              */
/* ------------------------------------------------ */
#waffles {
  background: url(/Look/Content/images/icones/outil.png) no-repeat transparent;
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
}
#waffles.active {
  background-image: url(/Look/Content/images/icones/outil_roll.png);
}

#applications {
  background-color: #F7F7F7;
  padding: 5px;
  /* border: 1px solid black; */
  -moz-box-shadow: 1px 1px 10px 2px #888888;
  -webkit-box-shadow: 1px 1px 10px 2px #888888;
  -o-box-shadow: 1px 1px 10px 2px #888888;
  box-shadow: 1px 1px 10px 2px #888888;
  position: absolute;
  right: 0;
  top: 32px;
  z-index: 100;
  overflow: hidden;
  width: 270px;
}
#applications .app {
  display: inline-block;
  border: 1px solid #F7F7F7;
  margin: 5px;
  float: left;
}
#applications .app:hover {
  border: 1px solid lightgray;
}
#applications .app img {
  width: 50px;
  height: 50px;
  display: block;
  margin: auto;
}
#applications .app .app-name {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
}

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
@font-face {
    font-family: 'DIN-Regular';
    src: url("/Look/Content/fonts/DIN/DIN-regular.eot");
    src: url("/Look/Content/fonts/DIN/DIN-regular.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/DIN/DIN-regular.otf") format("opentype"), url("/Look/Content/fonts/DIN/DIN-regular.svg#Din-regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url("/Look/Content/fonts/DIN/DIN-Bold.eot");
    src: url("/Look/Content/fonts/DIN/DIN-Bold.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/DIN/DIN-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Calendar';
    src: url("/Look/Content/fonts/calendar_note.eot");
    src: url("/Look/Content/fonts/calendar_note.eot?#iefix") format("embedded-opentype"), url("/Look/Content/fonts/calendar_note.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                 DEBUT FORMULAIRE                 */
/* ------------------------------------------------ */
.searchform {
    font-family: "DIN-Regular", sans-serif;
    font-size: 1.0em;
    margin: auto;
}

    .searchform
    .expandable-panel-content {
        text-align: left;
        margin-bottom: 15px;
    }

    .searchform
    table {
        width: 100%;
        border: none;
    }

        .searchform
        table.summary-table {
            /*td[colspan]
			{
				width: auto;
				max-width: none;
			}*/
        }

            .searchform
            table.summary-table
            th {
                width: 219px;
                max-width: 219px;
            }

            .searchform
            table.summary-table
            td {
                width: 259px;
                max-width: 259px;
            }

        .searchform
        table
        td {
            padding: 0.1em 0 0.1em 0;
        }

            .searchform
            table
            td .from, .searchform
            table
            td
            .to {
                margin-right: 1em;
                width: 210px;
                display: inline-block;
            }

            .searchform
            table
            td
            .from {
                margin-left: 1em;
            }

            .searchform
            table
            td
            .to {
                margin-left: 1.3em;
            }

            .searchform
            table
            td input[type=text], .searchform
            table
            td input[type=checkbox], .searchform
            table
            td input[type=radio], .searchform
            table
            td input[type=number], .searchform
            table
            td
            select {
                border: 0;
                background-color: LightGray;
                font-size: 0.9em;
                height: 1.7em;
                padding-left: 0;
                padding-right: 0;
            }

            .searchform
            table
            td
            input[type=text] {
                height: 28px;
                padding: 0;
            }

            .searchform
            table
            td
            input[type=checkbox] {
                height: auto !important;
                top: 5px;
                position: relative;
                margin: 0;
            }

            .searchform
            table
            td input[type="text"][readonly], .searchform
            table
            td
            .select2-container[readonly] {
                background-color: transparent;
                color: #333333;
                border: none;
            }

            .searchform
            table
            td
            div.checkbox-container {
                height: 26px;
                border: #c5c5c5 1px solid;
                background-color: LightGray;
            }

            .searchform
            table
            td .k-picker-wrap
            .k-input, .searchform
            table
            td
            .k-numeric-wrap
            .k-input {
                height: 28px !important;
            }

            .searchform
            table
            td .k-picker-wrap
            .k-select .k-icon, .searchform
            table
            td
            .k-numeric-wrap
            .k-select .k-icon {
                margin-top: 4px;
            }

            .searchform
            table
            td
            input[type="radio"] {
                width: auto !important;
            }

            .searchform
            table
            td
            .select2-choice a {
                height: auto;
            }

            .searchform
            table
            td
            .select2-container-multi .select2-choices {
                min-height: auto;
            }

            .searchform
            table
            td
            .select2-input {
                height: 0.7em !important;
            }

            .searchform
            table
            td
            .k-input {
                padding: 0;
            }

            .searchform
            table
            td .k-picker-wrap, .searchform
            table
            td
            .k-numeric-wrap {
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
                padding: 0 !important;
                border: 0;
                height: 28px;
            }

                .searchform
                table
                td .k-picker-wrap, .searchform
                table
                td
                .k-numeric-wrap .k-input {
                    font-size: 0.9em !important;
                    text-transform: uppercase;
                }

                .searchform
                table
                td .k-picker-wrap, .searchform
                table
                td
                .k-numeric-wrap .k-select {
                    padding: 0 !important;
                }

            .searchform
            table
            td .k-datepicker, .searchform
            table
            td .k-datetimepicker, .searchform
            table
            td
            .k-numerictextbox {
                display: inline-block !important;
            }

        .searchform
        table
        th {
            font-size: 1em;
            padding: 0.3em 0.1em 0.1em 0.1em;
        }

        .searchform
        table td, .searchform
        table
        th {
            height: 1.4em;
            vertical-align: top;
        }

            .searchform
            table td.td-middle, .searchform
            table
            th.td-middle {
                vertical-align: middle;
            }

            .searchform
            table td.spacer, .searchform
            table
            th.spacer {
                width: 15px;
            }

            .searchform
            table td.half-spacer, .searchform
            table
            th.half-spacer {
                width: 7px;
            }

            .searchform
            table td input, .searchform
            table td select, .searchform
            table td .select2-container, .searchform
            table td .k-datepicker, .searchform
            table td .k-datetimepicker, .searchform
            table td .k-numerictextbox, .searchform
            table td
            textarea, .searchform
            table
            th input, .searchform
            table
            th select, .searchform
            table
            th .select2-container, .searchform
            table
            th .k-datepicker, .searchform
            table
            th .k-datetimepicker, .searchform
            table
            th .k-numerictextbox, .searchform
            table
            th
            textarea {
                width: 100%;
            }

            .searchform
            table td
            .minmax
            input, .searchform
            table td
            .minmax
            select, .searchform
            table td
            .minmax
            .select2-container, .searchform
            table td
            .minmax
            .k-datepicker, .searchform
            table td
            .minmax
            .k-datetimepicker, .searchform
            table td
            .minmax
            .k-numerictextbox, .searchform
            table
            th
            .minmax input, .searchform
            table
            th
            .minmax select, .searchform
            table
            th
            .minmax .select2-container, .searchform
            table
            th
            .minmax .k-datepicker, .searchform
            table
            th
            .minmax .k-datetimepicker, .searchform
            table
            th
            .minmax
            .k-numerictextbox {
                width: 150px;
            }

    .searchform
    .tra-selector {
        position: relative;
    }

        .searchform
        .tra-selector
        .select2-container.search-tra-input {
            padding-right: 25px;
        }

        .searchform
        .tra-selector
        div.popUp.search-tra {
            position: absolute;
            width: 25px;
            top: 0;
            right: 0;
            min-width: 0;
        }

            .searchform
            .tra-selector
            div.popUp.search-tra
            input {
                border-width: 1px;
                height: 28px;
            }

    .searchform
    label.modified-label {
        background-color: #f9e85d;
        color: #333333;
        font-weight: bold;
    }

    .searchform.RCP
    label.modified-label, .searchform.SHP
    label.modified-label {
        color: #333333;
    }

.required-star {
    color: #EB4641;
}

.k-input::-ms-clear {
    display: none;
}

/* ------------------------------------------------ */
/*                  FIN FORMULAIRE                  */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                 DEBUT SEARCH FORM                */
/* ------------------------------------------------ */
form.searchform
table.extensible-table
th.spacer {
    background-color: transparent !important;
}

form.searchform
th {
    background-color: #333333;
    border-right: 2px solid #F7F7F7;
    border-top: 2px solid #F7F7F7;
    border-bottom: 2px solid #F7F7F7;
    color: #F7F7F7;
    font-weight: normal;
    padding-left: 1em;
}

    form.searchform
    th.first-column {
        background-color: transparent !important;
    }

form.searchform
div.search-action {
    width: 100%;
    text-align: right;
    white-space: nowrap;
}

    form.searchform
    div.search-action
    div.button-search {
        width: 30%;
        display: inline-block;
    }

    form.searchform
    div.search-action
    div.PDQ {
        text-align: left;
        display: inline-block;
        width: 70%;
    }

        form.searchform
        div.search-action
        div.PDQ
        div.select2-container {
            width: 250px;
        }

/* ------------------------------------------------ */
/*                  FIN SEARCH FORM                 */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                DEBUT SEARCH TABLE                */
/* ------------------------------------------------ */
.grid {
    width: 100%;
}

    .grid
    .k-loading-image {
        z-index: 2000;
    }

    .grid
    .k-grid-header .k-header {
        background-color: #333333;
        background-image: none;
    }

        .grid
        .k-grid-header .k-header
        .k-grid-filter {
            background-color: #333333;
        }

            .grid
            .k-grid-header .k-header
            .k-grid-filter.k-state-active {
                background-color: #F7F7F7;
                color: #333333;
            }

        .grid
        .k-grid-header .k-header > .k-link {
            color: #F7F7F7;
        }

.grid-buttons {
    padding-bottom: 0.5em;
    padding-left: 224px;
    height: 35px;
}

.refresh-grid {
    margin-top: 1em;
}

.grid-params {
    width: 220px;
}

    .grid-params
    table {
        border: none;
        width: 100%;
    }

        .grid-params
        table
        td {
            border: none;
        }

            .grid-params
            table th, .grid-params
            table
            td.checkbox {
                background-color: #333333;
                border: none;
                color: #F7F7F7;
            }

                .grid-params
                table th
                input[type=checkbox], .grid-params
                table
                td.checkbox
                input[type=checkbox] {
                    float: right;
                }

.gridbox-container {
    overflow-x: auto;
    padding-left: 4px;
}

.k-grid-header .k-header {
    font-size: 14px;
    font-weight: bold;
}

.k-grid-content {
    background-color: #F7F7F7;
}

.k-filter {
    background-color: #333333;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.k-header.k-filterable > .k-grid-filter, .k-header.k-filterable > .k-header-column-menu {
    padding: 0.5em 0.2em;
}

.k-grid-filter.k-state-active .k-filter {
    background-position: -48px -80px;
}

.k-filter-menu.k-popup {
    background-color: #F7F7F7;
    border-radius: 0;
    max-width: 300px;
}

    .k-filter-menu.k-popup
    input[type='text'] {
        border: 0;
        background-color: LightGray;
        font-size: 0.9em;
        height: 1.7em;
        padding-left: 0;
        padding-right: 0;
        margin: 4px;
    }

    .k-filter-menu.k-popup
    button {
        margin: 4px;
    }

    .k-filter-menu.k-popup
    .select2-container {
        margin: 4px;
        width: 13.2em;
    }

.k-hierarchy-cell
.k-minus {
    background: transparent url("/Look/Content/images/minus.png") no-repeat center center;
}

.k-hierarchy-cell
.k-plus {
    background: transparent url("/Look/Content/images/plus.png") no-repeat center center;
}

.k-detail-cell .expandable-table
.tabs-container li {
    line-height: normal;
}

.k-detail-cell .expandable-table
td {
    border: 0;
    padding: 0;
}

/* ------------------------------------------------ */
/*                 FIN SEARCH TABLE                 */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT WORKFLOW                     */
/* ------------------------------------------------ */
.action-select-grid {
    opacity: 0.9;
}

    .action-select-grid[disabled] {
        background-color: LightGray !important;
        cursor: default;
    }

/* ------------------------------------------------ */
/*                FIN WORKFLOW		                */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT WORKFLOW                     */
/* ------------------------------------------------ */
.editorDragNDrop .dragitems {
    width: 50%;
    float: left;
    background: #f1f1f1;
    list-style-type: none;
    padding-left: 5px;
    display: block;
    margin: 5px;
}

    .editorDragNDrop .dragitems li.draggable {
        float: left;
        margin: 2px;
        padding: 1px;
        position: relative;
        color: #333;
        cursor: default;
        border: 1px solid #aaaaaa;
        -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #e4e4e4;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
        background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    }

.editorDragNDrop .dropitems {
    position: relative;
    width: 50%;
    float: left;
    margin: 5px;
    height: 80px;
}

.editorDragNDrop .editor-text {
    position: absolute;
    height: 100%;
    width: 100%;
    display: none;
}

.editorDragNDrop .editor-droppable {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 1px solid black;
    padding: 2px;
    background: #f1f1f1;
}

    .editorDragNDrop .editor-droppable .hover {
        background: #fff;
    }

.editorDragNDrop .drag-helper {
    pointer-events: none;
    list-style-type: none;
    background-color: #f1f1f1;
    opacity: 0.7;
}

.editorDragNDrop .word {
    margin-top: 2px;
}

    .editorDragNDrop .word.current {
        background-color: #F1E693;
    }

    .editorDragNDrop .word.key {
        padding: 0px 1px 0px 18px;
        position: relative;
        color: #333;
        cursor: default;
        border: 1px solid #aaaaaa;
        -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #e4e4e4;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
        background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
        background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    }

.editorDragNDrop a.removeKey {
    left: 3px;
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: none;
    background: url("select2.png") right top no-repeat;
}

    .editorDragNDrop a.removeKey:hover {
        background-position: right -11px;
    }

/* ------------------------------------------------ */
/*                FIN WORKFLOW		                */
/* ------------------------------------------------ */
.slider-container {
    margin-top: 5px;
    position: relative;
}

    .slider-container
    .slider-value-container {
        position: absolute;
        background-color: LightGray;
        height: 20px;
        width: 26px;
        top: -35px;
        border: 3px solid #333333;
        text-align: right;
    }

        .slider-container
        .slider-value-container
        .slider-value {
            margin-right: 5px;
        }

        .slider-container
        .slider-value-container
        .slider-value-arrow {
            position: absolute;
            top: 100%;
            left: 10px;
            display: block;
            z-index: 99;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 10px solid #333333;
        }

.k-widget.k-slider {
    margin-left: -34px;
}

    .k-widget.k-slider
    .k-button {
        border-radius: 0;
        height: 20px;
        display: none;
    }

        .k-widget.k-slider
        .k-button
        .k-icon {
            display: block;
            background-image: none;
        }

    .k-widget.k-slider
    .k-tick {
        display: none;
    }

    .k-widget.k-slider .k-slider-selection, .k-widget.k-slider .k-slider-track, .k-widget.k-slider
    .k-draghandle {
        border-radius: 0;
        height: 20px;
        top: 0;
        margin-top: 0;
        border: 0;
    }

    .k-widget.k-slider
    .k-draghandle {
        background-color: LightGray;
        background-image: none;
        cursor: w-resize;
    }

        .k-widget.k-slider
        .k-draghandle:hover, .k-widget.k-slider
        .k-draghandle:active, .k-widget.k-slider
        .k-draghandle:focus, .k-widget.k-slider
        .k-draghandle.k-state-selected, .k-widget.k-slider
        .k-draghandle.k-state-focused {
            background-color: LightGray;
            background-image: none;
            box-shadow: none;
        }

    .k-widget.k-slider
    .k-slider-track {
        background-color: #333333;
    }

.k-widget.k-tooltip.k-slider-tooltip {
    border-radius: 0;
    background-color: LightGray;
}

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                   DEBUT TABLE                    */
/* ------------------------------------------------ */
table {
  border-collapse: collapse;
  table-layout: auto; }
  table th {
    text-align: left; }

.jumpto {
  cursor: pointer; }

.oddeven-table {
  font-size: 0.8em; }
  .oddeven-table table {
    width: 100%;
    border-collapse: collapse;
    border: none; }
    .oddeven-table table tr {
      border-top: 2px solid #F7F7F7;
      border-bottom: 2px solid #F7F7F7; }
      .oddeven-table table tr th, .oddeven-table table tr td {
        border-right: 2px solid #F7F7F7;
        padding-left: 1em;
        padding-right: 1em; }
    .oddeven-table table thead th.column-title {
      background-color: #333333;
      color: #F7F7F7; }
    .oddeven-table table tbody tr {
      background-color: #8e8e8e;
      color: #F7F7F7; }
      .oddeven-table table tbody tr.odd {
        background-color: #eaeaea;
        color: #333333; }

/* ------------------------------------------------ */
/*                    FIN TABLE                     */
/* ------------------------------------------------ */

/*# sourceMappingURL=Table.css.map */

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                   DEBUT BUTTON                   */
/* ------------------------------------------------ */
/* modifs popup */
div.k-window-content {
    position: relative;
    height: 100%;
    padding: .58em;
    outline: 0;
}

.prefEditor {
    height: 80%;
    width: 100%;
}

.in-out-list {
    height: 100%;
    padding: 10px;
}

.in-list-container, .out-list-container {
    height: inherit;
    vertical-align: middle;
    width: 50%;
    margin-top: 25px;
}

/* fin modifs*/
.form-table-button {
    height: 20%;
    width: 100%;
    margin-top: 15px;
    border: none;
}

    .form-table-button td {
        border: none;
        width: 33%;
    }

        .form-table-button td.left {
            text-align: left;
        }

        .form-table-button td.middle {
            text-align: center;
        }

        .form-table-button td.right {
            text-align: right;
        }

.mailForm input[type="submit"], .mailForm input[type="button"] {
    font-size: 0.9em;
    width: 85px;
}

/* ------------------------------------------------ */
/*                    FIN BUTTON                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT LISTPREFERENCES              */
/* ------------------------------------------------ */
table.expandable-list-preferences-table {
    font-size: 0.8em;
}

    table.expandable-list-preferences-table tr.expandable-list-preferences-row {
        background-color: #8e8e8e;
        color: #F7F7F7;
    }

        table.expandable-list-preferences-table tr.expandable-list-preferences-row.odd {
            background-color: #eaeaea;
            color: #333333;
        }

        table.expandable-list-preferences-table tr.expandable-list-preferences-row th, table.expandable-list-preferences-table tr.expandable-list-preferences-row td {
            border: 2px solid #F7F7F7;
            height: 1.5em;
            padding-left: 1em;
            padding-right: 1em;
        }

        table.expandable-list-preferences-table tr.expandable-list-preferences-row th {
            background-color: #333333;
            color: #F7F7F7;
        }

        table.expandable-list-preferences-table tr.expandable-list-preferences-row button {
            border: 1px solid #8e8e8e;
        }

        table.expandable-list-preferences-table tr.expandable-list-preferences-row .white-background {
            background-color: #F7F7F7;
        }

/* ------------------------------------------------ */
/*                FIN LISTPREFERENCES               */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                DEBUT ATTACHMENTS                 */
/* ------------------------------------------------ */
.mailForm #attachmentsList {
    height: 110px;
    overflow-y: auto;
    border: 2px solid #F7F7F7;
}

    .mailForm #attachmentsList .attachmentsList {
        height: auto;
    }

.attachementForm.widget-attachment .attachmentsList {
    height: auto;
}

.attachementForm input[type="submit"], .attachementForm input[type="button"], .attachementForm .attachmentsList, .attachementForm .buttonDownload {
    font-size: 0.9em;
}

.attachementForm .attachmentsList {
    height: 100%;
    overflow: auto;
}

    .attachementForm .attachmentsList table {
        font-size: 0.9em;
        width: 100%;
        border: none;
    }

    .attachementForm .attachmentsList .invalid-attachment {
        text-decoration: line-through;
        color: Gray;
    }

.attachementForm .buttonDownload {
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

/* ------------------------------------------------ */
/*                 FIN ATTACHMENTS                  */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                   DEBUT UPLOAD                   */
/* ------------------------------------------------ */
.fileUploader {
    position: relative;
    background-color: LightGray;
    border: none;
    padding: 0;
    width: 100%;
}

    .fileUploader .fileUploader-button {
        border: 4px solid lightgrey;
        background-color: #F7F7F7;
        color: #333333;
        cursor: pointer;
        font-size: 0.8em;
        padding: 2px;
        float: right;
        display: inline-block;
        text-transform: uppercase;
        height: 17px;
    }

    .fileUploader .fileUploader-file {
        position: absolute;
        filter: alpha(opacity=0);
        opacity: 0;
        left: 0;
        z-index: 5;
    }

    .fileUploader input.fileUploader-text {
        width: 150px;
        position: absolute;
    }

.dropfile {
    overflow: auto;
    padding: 5px;
    display: block;
    height: auto;
    width: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 35px;
    margin-bottom: 40px;
}

.dropable {
    border: 1px dashed #BBBBBB;
}

    .dropable.drag-over {
        border: 1px dashed green;
    }

.totalSize {
    font-size: 0.8em;
    position: absolute;
    right: 0;
    top: 0;
    margin: .58em;
}

    .totalSize.sizeExceeded {
        color: #EB4641;
    }

.maxSize {
    font-size: 0.8em;
    position: absolute;
    left: 0;
    top: 0;
    margin: .58em;
}

/* ------------------------------------------------ */
/*                    FIN UPLOAD                    */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*                  DEBUT SETTINGS                  */
/* ------------------------------------------------ */
.settings-container #settingsForm {
    margin-top: 1em;
}

.tra-table, .cto-table {
    width: 100%;
    overflow: auto;
    max-height: 145px;
}

/* ------------------------------------------------ */
/*                   FIN SETTINGS                   */
/* ------------------------------------------------ */

/*# sourceMappingURL=PopUp.css.map */

.carousel {
    position: relative;
    width: 500px;
    border: 1px solid black;
}

.carousel-view {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 55px;
    margin-left: 20px;
    margin-right: 20px;
}

.carousel-track {
    position: absolute;
    width: 100%;
}

.carousel-item {
    display: inline-block;
    height: 35px;
    border: 1px solid black;
    text-align: center;
    background-color: #A4C8E0;
}

.selected-carousel-item {
    background-color: #4EB34E;
    color: white;
    font-weight: bold;
}

.carousel-arrow {
    top: 0;
    position: absolute;
    font-family: "slick", sans-serif;
    display: inline-block;
    width: 20px;
    height: 55px;
    background: black none no-repeat center center;
    color: white;
}

    .carousel-arrow.left-arrow {
        left: 0;
        background-image: url(images/left-arrow.png);
    }

    .carousel-arrow.right-arrow {
        right: 0;
        background-image: url(images/right-arrow.png);
    }

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
/* ------------------------------------------------ */
/*                  DEBUT SUMMARY                   */
/* ------------------------------------------------ */
.fiche-right-panel > .summary {
  margin: 0 0 3em 0;
}

.entry-form {
  width: 700px;
}
.entry-form .title-entry-form {
  font-size: 1.2em;
  font-weight: bold;
}
.entry-form table.summary tr th.summary-content {
  width: 250px;
}

table.summary {
  border: none;
  table-layout: fixed;
  width: 100%;
}
table.summary tr th, table.summary tr td {
  border-top: 2px solid #F7F7F7;
  border-bottom: 2px solid #F7F7F7;
  height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.summary tr th.multiline, table.summary tr td.multiline {
  text-overflow: auto;
  white-space: normal;
}
table.summary tr th.summary-content {
  vertical-align: top;
  width: 20%;
  border-right: 2px solid #F7F7F7;
  background-color: #0053A1;
  color: #F7F7F7;
  padding-left: 1em;
}
table.summary tr th.summary-content.form-label {
  min-height: 1.4em;
  font-size: 0.9em;
  vertical-align: top;
  padding-top: 0.45em;
  padding-right: 1em;
}
table.summary tr th.summary-content.short {
  width: 100px;
}
table.summary tr th.summary-content.large {
  width: 215px;
}
table.summary tr th.summary-content.large-recharge-translation-V3 {
  width: 270px;
  background-color: #333333;
}
table.summary tr th.summary-content.half {
  width: 50%;
}
table.summary tr td.summary-content {
  background-color: #8e8e8e;
  color: #F7F7F7;
  text-align: left;
}
table.summary tr td.summary-content.odd {
  background-color: LightGray;
  color: #333333;
}
table.summary tr td.summary-content.display {
  width: 20%;
  padding-left: 1em;
}
table.summary tr td.summary-content.editor {
  white-space: normal;
  height: 1.7em;
  background-color: LightGray;
}
table.summary tr td.summary-content.editor.readOnly {
  background-color: transparent;
  color: #333333;
}
table.summary tr td.summary-content.editor input, table.summary tr td.summary-content.editor select, table.summary tr td.summary-content.editor textarea, table.summary tr td.summary-content.editor input[type=text], table.summary tr td.summary-content.editor .select2-container {
  border: none;
  background-color: LightGray;
  color: #333333;
  font-size: 0.9em;
  width: 100%;
}
table.summary tr td.summary-content.editor select {
  height: 1.7em;
}
table.summary tr td.summary-content.editor .multi-line.text-box {
  height: 130px;
}
table.summary tr td.summary-content.editor textarea {
  background-color: LightGray;
  color: #333333;
  overflow: auto;
  margin-left: -1px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border: 1px solid #CCCCCC;
}
table.summary tr td.summary-content.editor input[type=text][readonly], table.summary tr td.summary-content.editor .select2-container[readonly] {
  background-color: transparent;
  color: #333333;
  border: none;
}

td.summary-space {
  background-color: transparent;
  border: 0;
  width: 1%;
}

/* ------------------------------------------------ */
/*                   FIN SUMMARY                    */
/* ------------------------------------------------ */