/* Minification failed. Returning unminified contents.
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(207,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(210,29): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(213,28): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(216,27): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(243,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(274,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(277,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(298,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(301,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(312,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(869,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(881,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(887,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(898,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(1666,15): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(1689,26): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(1702,15): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(1933,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(2094,26): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(2105,28): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(2106,28): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
 */
/* Minification failed. Returning unminified contents.
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(181,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(184,29): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(187,28): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(190,27): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(217,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(248,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(251,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(272,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(275,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(286,15): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(843,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(855,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(861,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(872,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(1640,15): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(1663,26): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(1676,15): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(1907,26): run-time error CSS1039: Token not allowed after unary operator: '-firstColor'
(2068,26): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(2079,28): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
(2080,28): run-time error CSS1039: Token not allowed after unary operator: '-secondColor'
 */
/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
@font-face {
  font-family: "Calendar";
  src: url("/Look/Content/fonts/Calendar_note.ttf");
}
@font-face {
  font-family: "Calibri";
  src: url("/Look/Content/fonts/Calibri/Calibri.eot");
  src: url("/Look/Content/fonts/Calibri/Calibri.woff2") format("woff2"), url("/Look/Content/fonts/Calibri/Calibri.woff") format("woff"), url("/Look/Content/fonts/Calibri/Calibri.ttf") format("truetype"), url("/Look/Content/fonts/Calibri/Calibri.svg#Calibri") format("svg"), url("/Look/Content/fonts/Calibri/Calibri.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --firstColor: #E74242;
  --secondColor: #E74242;
}

.CEVA body {
  font-family: Arial, Helvetica, sans-serif !important;
}

body {
  font-family: "Calibri", "Arial", "NSimSun", sans-serif;
  background-color: #f7f7f7;
  min-width: 900px;
  font-size: 1.2em;
}

* {
  box-shadow: none !important;
}

input:focus, textarea:focus, keygen:focus, select:focus {
  outline-offset: 0 !important;
}

:focus {
  outline: none !important;
}

/*
input[type="checkbox"] {
	visibility: hidden;
	&:checked + label:after {
		  opacity: 1 !important;
		  background: red!important;
}
	+ label {
		width: 12px !important;
		height: 12px!important;
		position: absolute!important;
		top: 2px!important;
		left: 2px!important;
		margin: 3px!important;
		cursor: pointer!important;
		background-color: white;
		border: 1px solid gray !important;

		&:after {
			  content: ''!important;
			  width: 8px!important;
			  height: 8px!important;
			  position: absolute!important;
			  top: 2px!important;
			  left: 2px!important;
			  background-color: #eb5a51!important;
			  opacity: 0!important;
		}
		&:hover {
			border-color: #eb5a51 !important;
		}
	}
}
  */
.main-container {
  margin-left: 80px;
  padding: 30px;
  padding-top: 10px;
}

.linkadmin .main-container {
  margin: 0;
  padding: 1em 1.4em;
}
.linkadmin .lineContainer {
  background-color: #F3F3F3;
  margin: 2px 0;
}
.linkadmin .displayTable-edit-popup .checkbox-container {
  width: 100px;
}
.linkadmin .displayTable-edit-popup .checkbox-container input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):hover + label:before {
  top: 2px !important;
  left: 2px !important;
  width: 7px !important;
  height: 7px !important;
}
.linkadmin .displayTable-edit-popup .checkbox-container input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):checked:hover + label:before {
  top: 2px !important;
  left: 2px !important;
  width: 7px !important;
  height: 7px !important;
}
.linkadmin .displayTable-edit-popup .checkbox-container input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):checked + label:before {
  top: 2px !important;
  left: 2px !important;
  width: 7px !important;
  height: 7px !important;
}

.loading-page, .loading-font {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  right: 0;
  left: 0;
}

.loading-page {
  top: -2em;
  padding-bottom: 2em;
  z-index: 10004;
  position: fixed;
  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;
}

.logo-container {
  text-align: right;
  margin-right: 15px;
  margin-bottom: 25px;
}

.k-widget.k-window {
  border: none !important;
}

.k-window-titlebar {
  background-image: none !important;
  border-radius: 0 !important;
}

.k-window-title {
  text-transform: uppercase !important;
}

.k-widget.k-tooltip.k-popup {
  background-color: white;
  padding: 20px;
  color: var(--firstColor);
  border: 1px solid lightgray;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.k-widget.k-tooltip.k-popup .k-callout-s {
  border-top-color: var(--firstColor);
}
.k-widget.k-tooltip.k-popup .k-callout-n {
  border-bottom-color: var(--firstColor);
}
.k-widget.k-tooltip.k-popup .k-callout-w {
  border-right-color: var(--firstColor);
}
.k-widget.k-tooltip.k-popup .k-callout-e {
  border-left-color: var(--firstColor);
}

.superAdminWindow {
  font-size: 14px !important;
}
.superAdminWindow a {
  color: #ec655a;
}

.footer-additional-modules {
  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;
}

.footer-init {
  color: var(--firstColor) !important;
}

#footer {
  position: fixed;
  bottom: 15px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  z-index: 9999;
}
#footer .footer-elements-container {
  display: inline-block;
  height: 38px;
}
#footer .footer-element {
  display: inline-block;
  background-color: white;
  margin: 0 2px;
  cursor: pointer;
  width: 70px;
  height: 30px;
  padding: 4px 0;
  float: left;
  border: 1px solid lightgray;
}
#footer .footer-element:hover {
  border: 1px solid var(--firstColor) !important;
}
#footer .footer-element:hover .footer-picto {
  color: var(--firstColor) !important;
}
#footer .footer-element a {
  text-decoration: none;
}
#footer .footer-element.footer-additional-element {
  display: none;
}
#footer .footer-element.is-followed {
  background-color: #e84242;
}
#footer .footer-element.is-followed span.footer-picto {
  color: white;
}
#footer .footer-element.is-followed:hover {
  background-color: white;
}
#footer .footer-element.is-followed:hover span.footer-picto {
  color: #e84242;
}
#footer .footer-element .footer-picto.icon-attachment.hasAttachments {
  color: var(--firstColor) !important;
}
#footer .footer-element .footer-picto.icon-attachment.hasAttachments:hover {
  color: var(--firstColor) !important;
}
#footer .footer-element .footer-picto {
  width: 100%;
  height: 100%;
  display: inline-block;
  color: black;
  font-size: 22px;
  line-height: 28px;
}
#footer .footer-element .footer-picto:hover {
  color: var(--firstColor) !important;
}
#footer .footer-element .footer-picto.active {
  color: #e84242;
}
#footer .footer-element .footer-picto.active:hover {
  color: black;
}
#footer .footer-element img {
  height: 26px;
  width: auto;
}
#footer .show-additional-elements {
  display: none;
}
#footer .show-additional-elements .footer-picto {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAABQCAYAAAAjkOoEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgBwYKFCksUPgBAAAAGHRFWHRTb2Z0d2FyZQBwYWludC5uZXQgNC4wLjVlhTJlAAADxklEQVR4Xu3Y3W0bQQwEYNfhTmzINlyEmkj/78qOQCcUNXdacnkyQFDA93CzPySjC2Do5XK5tKJo2GqgYauBhq0GGrYaaNhqoGGrgYatBhq2GmjYaqBhq4GGrQYathpo2GqgYauBhq0GGrYaaNhqoGGrgYatBhq2GmjYaqBhq4GGrQYathpo2GqgYauBhq0GGmYZn9fhrJ1Op8v7+zsWb/Lhld0RgbvUvVeoido2H1Lq4h5159Xb29vhs+6h4So0L0P8GRDMwN6lwXFW7nhaXZyT80+ddQYNV6BhaV4P44Gz7qFxRs7a+2a562K/nLN3zQrNOouGUWhUGtYDRLiGxl45Y+/xmq6LfbLf3uHlmtWDhhFoUBrVja+YGhp7ZK89H/WwLtZlnz0bNTWrFw290Jg0qBvOsDs01mSPPbdqsy5yWbdnVu3OGkFDr/HBHwe60UxnVhOwpvZlo3WRqz3ZNmeNoKHH+Bz1Jv+gbzQyWbP7s9zVxbPkdm8WOmsUDT3GZ/ZNRuPYq83+Q9290cjU+p60unhWa3tSZ42ioQeaUY1twWAr//uiX25qXTyrtS3ps0bR0APNqMYYOuwPrMkee06LfLnpdfGs1phDZo2ioQeaUY0xD5vFHrWfiXy56XXxrNaYQ2aNoqHH5+enbc5aHhg17Jln1P34+Bjb/u+X34n3LNdEDXsmioYevzXwb9T9+vqi+5Tlmqhhz0TR0GN8dpsdlgf+/v4e227PIGN7lfS643P4rMPDO2bR0APNqMaYQ/7IQKbWmfS6eFZrzCGzRtHQA82oxrbQoZHJmt1vRb5cSK2LZ7W2JX3WKBp6oBnV2B4Mhr3azLAQ/XIhrS6e1dqe1FmjaOgxPrNvZBTuXvmfEHVXF8+S271Z6KxRNPQan9k3OmLzTcaa2peN1kWu9mRL+18LNPQan6Pe6N03GWuyx55btVkXuazbM6t2Z42gYQQakwZ1wyumhsUe2WvPRz2si3XZZ89GTc3qRcMoNCiN6sYjXMNir5yx93hN18U+2W/v8HLN6kHDFWhUGtYDeISGxRk5a++b5a6L/XLO3jUrNOssGq5Cw4Pnz3/AXpwJD4uzcsfT6uKcnH/qrDNomAXNyxD/4LdT/GYrPx/qtbRBcZe694xaqCm/DeuakFIX96g7r1BTfgO/yYdDv9QfNGw10LDVQMNWAw1bDTRsNdCw1UDDVgMNWw00bDXQsNVAw1YDDVsNNGw10LDVQMNWAw1bDTRsNdCw1UDDVgMNWw00bDXQsNVAw1YDDVsNNGw10LBVcHn5C8Gbw3PprL1EAAAAAElFTkSuQmCC");
}
#footer .show-additional-elements .footer-picto:hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAABQBAMAAADRvvc3AAAAMFBMVEX////oQkLoQkLoQkLea2vebGzfbW3fbm7fb2/gcnLkSUnkSkrkS0vkTEzkTU3oQkLMF84xAAAABHRSTlMAGVJmjDgF3gAAAXdJREFUeF7tlE1KxEAQhbsDgsuYLHUxaXXhH2HmAl5BXIg7V55DN17AC3iEoBcQ3UvQtegJRIiomAmUdL/EpNNTwhA3Qr/FwEfXq6mqrrT4R/Ly8vLy8pJKHSsVdvDAwrV9TYxi0pqEILlqcNx4dzTdcu7ombrhMahK4N0EXs12y12C3kIHkQqp+aJx7iJSIRf3x1ChOaVueEA/GjlW63gaCiFzK3ylpUvW/IToBl+AdR1lhrocIfdkydzPjY33Qr7q8pNIt1bNaDo13aH1oo9BPbiYaTo1xzgv+hggFXIx5lHde9FD/LZRjk7MlDHmT4OVwWuiD7GAQWAUe675iKg00RnROxBmjYvNFS0T0envZX8JcWEhU/awgQ2/Kn5JgDK3loRZz0d7Pe+s9axyez35DyPrIsxQMccnCYxb83jQY/Dnz5CI0GaZAGMrWm6B+Oczt95apZNVKqxxWx8+aGLc6uwcwcCNQ4UykGwdj/688vLy8vLy+gZqfWSW2rCjWQAAAABJRU5ErkJggg==");
}

.consult-text-fix {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #333333;
  padding: 5px;
  color: #F7F7F7;
  font-size: 14px;
  z-index: 9999;
}

.consult-link {
  color: #F7F7F7;
  font-style: italic;
  font-size: 14px;
}

#smartsearch {
  background-color: lightgray;
  border-style: none;
}
#smartsearch:focus {
  background-color: white;
}

.menu-container .menu {
  position: fixed;
  color: #676767;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  width: 250px;
  height: 100%;
  padding-right: 5px;
}
.menu-container .menu a {
  text-decoration: none;
  padding: 0px 5px;
  height: 100%;
  width: calc(100% - 10px);
  display: inline-block;
}
.menu-container .menu.menu-collapsed {
  width: 60px;
  overflow-x: hidden;
}
.menu-container .menu.menu-collapsed ul {
  width: 60px;
}
.menu-container .menu.menu-collapsed li > ul {
  display: none;
}
.menu-container .menu.menu-collapsed .smartsearch .menu-label {
  display: none;
}
.menu-container .menu.menu-collapsed .hamburger .menu-picto {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPMAAADKCAYAAABwg3ZaAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAABRJJREFUeF7t3cFt21oQhtG0oRLcjpqQRBBepgMXkA7SqXJHj5eRoHlbhzM4i2OYfyjtPohiAPPH/X7/X5fL5TScw/V6/bksyxfwfaK72WD0mHU6pWO8KN7kdrv9Hr/fgX8vetziTqN+G+LE4dd8A+Bwos+3oF8O1nX98GkMxxedRq/P/e6/jBNOQoY6tl73T+g95MGlNdSzX3LPmONOWXYicHznPebtDll2EnBw0e8j5nHguzIUNr87u8SGHs5ihh7EDE2IGZoQMzQhZmhCzNCEmKEJMUMTYoYmxAxNiBmaEDM0IWZoQszQhJihCTFDE2KGJsQMTYgZmhAzNCFmaELM0ISYoYlHzKfPz8/sH4ECtn5PHk8Dxe2Pp4kfY3CpDXX9fXDcOPBIV6jp9ZGuM2gPkIM60oetT+u6fggaji86jV6f+32JOYwTXXLDse2X1s9eDqY4Me6Q+ZSG44get/95egs5vA3P4kVD3Ok+x5ssy/IFfJ8t3keD0WPW6ZSOQD3pCNSTjkA96QjUk45APekI1JOOQD3pCNSTjkA96QjUk45APekI1JOOQD3pCNSTjkA96QjUk45APekI1JOOQD3pCNSTjkA96QjUk45APekI1JOOQD3pCNSTjkA96QjUk45APekI1JOOQD3pCNSTjkA96QjUk45APekI1JOOQD3pCNSTjtPlcjkN53C9Xn8uy/IFfJ/objYYPWadTukYL4o3ud1uv8fvd+Dfix63uNOo34Y4cfg13wA4nOjzLeiXg3VdP3waw/FFp9Hrc7/7L+OEk5Chjq3X/RN6D3lwaQ317JfcM+a4U5adCBzfeY95u0OWnQQcXPT7iHkc+K4Mhc3vzi6xoYezmKEHMUMTYoYmxAxNiBmaEDM0IWZoQszQhJihCTFDE2KGJsQMTYgZmhAzNCFmaELM0ISYoQkxQxNihibEDE2IGZoQMzQhZmjiEbM/gg+F7X8E3+NpoLb98TTxYwwutaGuvw+OGwce6Qo1vT7SdQbtuzPUMb8rz4b3mMO6rh+ChuOLTqPX535fYg7jRJfccGz7pfWzl4MpTow7ZD6l4Tiix+1/nt5CDm/Ds3jREHe6z/Emy7J8Ad9ni/fRYPSYdTqlI1BPOgL1pCNQTzoC9aQjUE86AvWkI1BPOgL1pCNQTzoC9aQjUE86AvWkI1BPOgL1pCNQTzoC9aQjUE86AvWkI1BPOgL1pCNQTzoC9aQjUE86AvWkI1BPOgL1pCNQTzoC9aQjUE86AvWkI1BPOgL1pCNQTzoC9aQjUE86AvWkI1BPOgL1pON0uVxOwzlcr9efy7J8Ad8nupsNRo9Zp1M6xoviTW632+/x+x3496LHLe406rchThx+zTcADif6fAv65WBd1w+fxnB80Wn0+tzv/ss44SRkqGPrdf+E3kMeXFpDPfsl94w57pRlJwLHd95j3u6QZScBBxf9PmIeB74rQ2Hzu7NLbOjhLGboQczQhJihCTFDE2KGJsQMTYgZmhAzNCFmaELM0ISYoQkxQxNihibEDE2IGZoQMzQhZmhCzNCEmKEJMUMTYoYmxAxNiBmaeMTsj+BDYfsfwfd4GqhtfzxN/BiDS22o6++D48aBR7pCTa+PdJ1B++4MdczvyrPhPeawruuHoOH4otPo9bnfl5jDONElNxzbfmn97OVgihPjDplPaTiO6HH7n6e3kMPb8CxeNMSd7nO8ybIsX8D32eJ9NBg9Zp3+5/7jD4/51u/BZPzIAAAAAElFTkSuQmCC");
}
.menu-container .menu.menu-collapsed .hamburger .menu-label {
  display: none;
}
.menu-container .menu.double-list {
  padding-right: 255px;
}
.menu-container .menu ul {
  background-color: white;
  width: 250px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 100%;
  border-right: 1px solid darkgray;
}
.menu-container .menu ul ul {
  position: fixed;
  top: 0;
  left: -300px;
  z-index: -1;
}
.menu-container .menu ul ul.sub-list {
  left: 250px;
}
.menu-container .menu ul ul.sub-list .menu-label {
  font-weight: normal !important;
  font-size: 0.9em;
}
.menu-container .menu li {
  text-decoration: none;
  height: 50px;
  border-bottom: 1px solid lightgray;
  background-color: white;
}
.menu-container .menu li a {
  color: #676767;
}
.menu-container .menu li .menu-picto {
  cursor: pointer;
  display: inline-block;
  height: 25px;
  width: 25px;
  margin: 11px 12px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  font-size: 23px;
  text-align: center;
}
.menu-container .menu li .menu-label {
  display: inline-block;
  width: calc(100% - 60px);
  overflow: hidden;
  padding-left: 10px;
  vertical-align: middle;
  text-transform: uppercase !important;
  font-size: 0.8em;
}
.menu-container .menu li:hover {
  background-color: #E8E8E8;
}
.menu-container .menu li.active {
  background-color: #676767;
}
.menu-container .menu li.active > a {
  color: white !important;
}
.menu-container .menu li.hamburger .menu-picto {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC41ZYUyZQAABV1JREFUeF7tnDtuG1cYhbkKbsBdihQusiVBEIcQBEFN+hTegAGXWYILb8CAG9fpktJpggCq4iIFcw7BXxmODud5H/8d3uITpTNzX+eDNJYga3M4HI7c3Nxs9/v9+6enp58sq8SFXbNzdm/Z8Q2D3W73Ea+H29vbf6uU+LBjds3OT90fpZzJMKqUuLRlGCZlg0+ZD+0LRpUSByXDoItN0zTv1EVSpYSlTwY5CsE727u7u1+7F40qJQxDMl6+ZPFmvlOlxOPx8fHtGBm892UQgyolPPf39z+g1++qU9KWQc4G80KVEo6pMsjZBIQ3VCnLmSODnH1g8MYqZT5zZZBXgcEBVcp0lsggMjQ4sEoZz1IZRIZtOEGVMkwIGUSGXThRlXKZUDKIDBWcsEp5TUgZRIaX4MRVyv+ElkFk2AcXqFJGyfiM10kyiAyH4ELXLCWWDCLDMXDBa5SCM7+JJYPIcCxc+JqkUAYKf1ZnJUtlEBlOgRu4BikpZBAZToUbWbOUVDKIDOfADa1RSkoZRIZz4cbWJCW1DCLDJXCDa5CSQwaR4VK40ZKl5JJBZBgCbrhEKTllEBmGghsvSUpuGUSGIeEBSpAyQsYXvEaVQWQYGh7Es5QhGU3T/IbX6DKIDGPAA3mU4kkGkWEseDBPUrAmf/P/7+4+jNQyiAxjwgN6kIK1KONbd30jhwwiw9jwoDmlYA2XMogMU8AD55CCud3KIDJMBQ+eUgrmdC2DyDAlLCCFFMzlXgaRYWpYREwpmKMIGUSGOWAhMaRgbDEyiAxzwWJCSsGYomQQGeaEBYWQgnuLk0FkmBsWtUQK7umVgWu/49WdDCJDD7CwOVJwbUgGr7mUQWToBRY3RQqyomUQGXqCBY6Rgve3eC780b1ulCCDyNAbLHJICgrnc0FeL0UGkaFHWGiflEuUJIPI0CssdoqU0mQQGXqGBY+RUqIMIkPvoGj+/4w/2wK64PrPaqx3ZOgZlM1/TfG7bCnCGPrm0Ssy9AqKHiXDKFGKDD2CgifJMEqTIkNvoNheGXyA9z3oS5IiQ0+g0CEZf+F1S9YgRYZeQJFDMp4h4U37/tKlyNADKHCSjPa4kqXIMDcojj+1/dot07gkw8A9xUqRYU5QGGXw1/5lmUMyDNxbpBQZ5gJFBZFhYExxUmSYAxQUVIaBsUVJkWFqUEwUGQbmKEaKDFOCQqLKMDBXEVJkmAoUkUSGgTndS5FhClBAUhkG5nYtRYaxwcGzyDCwhlspMowJDpxVhoG1XEqRYSxw0F4ZKOifFDIMrOlOigxjgAMOyfjOP52nxsYEa7uSIsPQ4GAuZRjYgxspMgwJDkQZn7qHNHLLMLAXF1JkGAochDL4t2vlIb3IMLCn7FJkGAIcoCgZBvaWVYoMl4KNFynDwB6zSZHhErDhomUY2GsWKTKcCza6ChkG9pxcigzngA2uSoaBvSeVIsOpYGOrlGHgDMmkyHAK2NCqZRg4SxIpMhwLNnIVMgycKboUGY4BG+iVwc09PDz8qMaWDM4WVYoMh8DCgzJCPui8gTNGkyLDPrDgVcswcNYoUmR4CSyU5MFWCjhz8D5kqMACVYYAZw/aiwy7YOIqowd0EKwfGbbBhFXGCNBFkJ5kaGCiKmMC6GRxXzIkmKDKmAG6WdSbDDGwylgAOprd36sAA6qMAKCrWT2efYAbq4yAoLPJfS4aXBkG3U3qddQgstvtfrFBlWmgv9FSRsk4XS/uL+t4gv2NkbJpmuadusGoMsLBHvuk7Pf79xu8+aAukiojPOxTSTn9BH17vEH9OL3KiAd7bUsxGbz2ckNbSpURH/bLx8XpK9Sp68PmP6BOkYXv5F5IAAAAAElFTkSuQmCC");
}
.menu-container .menu li.notifications > a > .menu-picto {
  position: relative;
}
.menu-container .menu li.notifications > a > .menu-picto .notification-number {
  color: white;
  font-size: 13px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.menu-container .menu li.notifications.active > a > .menu-picto {
  color: white;
}
.menu-container .menu li.notifications.active > a > .menu-picto .notification-number {
  color: #676767;
}

a {
  text-decoration: underline;
  color: #333333;
}
a:hover {
  text-decoration: none;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.waiting {
  background: transparent url(images/wait-16.gif) no-repeat center;
  padding: 9px;
  display: none;
}

.img-link {
  cursor: pointer;
}

.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 #bbb;
}

.attachementForm {
  overflow: auto;
}
.attachementForm a {
  color: #333333;
}

span.k-icon.k-i-close {
  background: transparent url("/Look/Content/images/icones/widget-close.png") no-repeat center center;
}

.k-window-titlebar .k-window-actions .k-window-action.k-link.k-state-hover {
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
}
.k-window-titlebar .k-window-actions .k-window-action.k-state-hover > .k-i-close, .k-window-titlebar .k-window-actions .k-window-action.k-link:not(.k-state-disabled):hover > .k-i-close {
  background-position: right !important;
}

.k-list-container {
  background-color: white !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.k-list-container li.k-item {
  border-radius: 0 !important;
  background-image: none !important;
}
.k-list-container li.k-item.k-state-selected {
  background-color: #e84242 !important;
  border-color: #e84242 !important;
  color: white !important;
}
.k-list-container li.k-item.k-state-hover {
  background-color: #eb4a41 !important;
  border-color: #eb4a41 !important;
  color: white !important;
}

.linkadmin .k-icon.k-filter {
  width: 10px !important;
  padding-top: 3px !important;
  box-sizing: border-box !important;
}

.k-icon.k-filter {
  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.2em !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 0.7em !important;
  width: 13px !important;
  background-image: none !important;
  color: #ec655a;
  -ms-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -webkit-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
}
.k-icon.k-filter:before {
  content: "\e904" !important;
}

.k-filter-menu.k-popup {
  background-color: #f7f7f7;
  border-radius: 0;
  max-width: 300px;
}
.k-filter-menu.k-popup span.k-widget {
  background-color: transparent !important;
}
.k-filter-menu.k-popup .select2-container, .k-filter-menu.k-popup .k-datepicker {
  float: left;
  clear: both;
  margin-bottom: 5px;
  width: 100%;
}
.k-filter-menu.k-popup input {
  float: left;
  clear: both;
  width: 100%;
  border: 1px solid lightgray;
  height: 30px;
  margin-bottom: 5px;
  padding-left: 5px;
  box-sizing: border-box;
  border-radius: 0 !important;
}
.k-filter-menu.k-popup input.k-input {
  padding-top: 0px !important;
  height: 33px;
  border-top: none !important;
  border-left: none !important;
}
.k-filter-menu.k-popup button.k-button {
  float: left;
  margin-right: 4px !important;
  background-image: none;
  background-color: white;
  border-radius: 0;
  text-transform: uppercase !important;
}
.k-filter-menu.k-popup button.k-button:focus {
  box-shadow: none !important;
  border-color: #ec655a !important;
  color: black !important;
}
.k-filter-menu.k-popup button.k-button:active {
  box-shadow: none !important;
  border-color: #ec655a !important;
  color: #ec655a !important;
}
.k-filter-menu.k-popup button.k-button.k-primary {
  float: right !important;
  margin-right: 0px !important;
  background-color: #ec655a !important;
}
.k-filter-menu.k-popup button.k-button.k-primary:active {
  color: white !important;
}
.k-filter-menu.k-popup button.k-button.k-primary:focus {
  color: black !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-right {
  clear: right;
}

.in-list-container, .out-list-container {
  height: inherit;
  vertical-align: middle;
  margin-top: 25px;
}
.in-list-container > label, .out-list-container > label {
  width: 100%;
  display: block;
}

.in-list-container {
  width: calc(55% - 10px);
  padding-left: 10px;
}

.out-list-container {
  width: 45%;
}

.in-list, .out-list {
  height: 100%;
  list-style-type: none;
  overflow: scroll;
  background-color: #fff;
  border-top: 2px solid #f7f7f7;
  border-left: 2px solid #f7f7f7;
  padding-left: 5px;
  display: inline-block;
  float: left;
}
.in-list .selected, .out-list .selected {
  background-color: #ec655a;
  color: white;
}
.in-list li, .out-list li {
  cursor: move;
}

ul.out-list, ul.in-list {
  margin-top: 10px;
}

.out-list {
  width: calc(100% - 45px);
}

.in-list {
  width: calc(100% - 110px);
}

.in-out-list {
  height: 100%;
  min-width: 350px;
}

.left-right-container {
  height: 12em;
  margin-top: 6.5em;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  width: 100px;
  float: left;
}

.up-down-container {
  height: 12em;
  margin-top: 4.5em;
  width: 25px;
  vertical-align: top;
  display: inline-block;
  float: right;
  float: left;
  margin-left: 10px;
}

.prefEditor {
  height: 80%;
  width: 100%;
}

.icon-square-cross:hover {
  cursor: pointer;
}
.icon-square-cross:active {
  color: #e84242;
}

.w25 {
  width: 25% !important;
}

.w33 {
  width: 33% !important;
}

.w50 {
  width: 50% !important;
}

.w75 {
  width: 75% !important;
}

.w100 {
  width: 100% !important;
}

.minw25 {
  min-width: 25% !important;
}

.minw33 {
  min-width: 33% !important;
}

.minw50 {
  min-width: 50% !important;
}

.minw75 {
  min-width: 75% !important;
}

.maxw25 {
  max-width: 25% !important;
}

.maxw33 {
  max-width: 33% !important;
}

.maxw50 {
  max-width: 50% !important;
}

.maxw75 {
  max-width: 75% !important;
}

.maxw100 {
  max-width: 100% !important;
}

.centerText {
  text-align: center !important;
}

/* Design des Checkbox */
.cbDiv {
  position: relative;
  box-sizing: border-box !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 5px !important;
  display: inline-flex;
  display: -webkit-inline-flex;
}
.cbDiv.result-table {
  margin: auto !important;
}

.widget-container .cbDiv, .k-widget .cbDiv {
  position: relative !important;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.htCheckboxRendererInput):not(.checkboxSupplierForm):not(.CheckBoxSettingItemTras) {
  visibility: hidden !important;
  margin: 0 !important;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb) + label, input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):checked + label {
  position: absolute !important;
  top: 1px !important;
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
  background-color: white !important;
  float: inherit !important;
  cursor: pointer !important;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm) + label {
  border: 1px solid darkgray !important;
  text-align: left !important;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):hover + label:before {
  content: "" !important;
  position: relative !important;
  top: 1px !important;
  left: 1px !important;
  width: 9px !important;
  height: 9px !important;
  background-color: var(--firstColor) !important;
  display: block !important;
  opacity: 0.4;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):checked:hover + label:before {
  content: "" !important;
  position: relative !important;
  top: 2px !important;
  left: 2px !important;
  width: 9px !important;
  height: 9px !important;
  background-color: var(--firstColor) !important;
  display: block !important;
  opacity: 0.4;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):checked + label {
  border: 1px solid var(--firstColor) !important;
  text-align: left !important;
}

input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):checked + label:before {
  content: "" !important;
  position: relative !important;
  top: 1px !important;
  left: 1px !important;
  width: 9px !important;
  height: 9px !important;
  background-color: var(--firstColor) !important;
  display: block !important;
}

input[type=checkbox][disabled]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm) + label, input[type=checkbox][disabled]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):hover + label {
  border: 1px solid lightgray !important;
  cursor: default !important;
}
input[type=checkbox][disabled]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm) + label:before, input[type=checkbox][disabled]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):hover + label:before {
  background-color: white !important;
  cursor: default !important;
}

input[type=checkbox][disabled]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):checked + label:before, input[type=checkbox][disabled]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):not(.checkboxSupplierForm):checked:hover + label:before {
  background-color: lightgray !important;
  cursor: default !important;
}

.k-ie input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb) + label, .k-ie input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):checked + label, .k-ff input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb) + label, .k-ff input[type=checkbox]:not(.binding-value):not(.smart-search-checkbox):not(.settingsTreeCb):checked + label {
  left: 0px;
}

.k-ie9 .cbDiv {
  display: inline;
}

.k-tooltip-content {
  white-space: pre-line;
}

/* ------------------------------------------------ */
/*        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;
}
.input-validation-error.select2-container > a {
  background-color: #ffeeee !important;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

.illegal_vli {
  color: red;
  font-weight: bold;
}

/* ------------------------------------------------ */
/*         FIN STYLES FOR VALIDATION HELPERS        */
/* ------------------------------------------------ */
/* ------------------------------------------------ */
/*               DEBUT LOGIN DISPLAY               */
/* ------------------------------------------------ */
.MSC .display-login {
  background-color: #1B365F;
}

.BALG .display-login {
  background-color: #204652;
}

.display-login {
  background-color: #0053A1;
  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;
}

.display-login-admin {
  background-color: #333333;
  color: #F7F7F7;
  border: none;
}
.display-login-admin td {
  border: none;
}
.display-login-admin td.user-icon-cell {
  width: 55px;
}
.display-login-admin td.user-icon-cell img {
  margin-bottom: -1px;
}
.display-login-admin td div.name {
  padding: 0 20px;
}

.logindisplay {
  color: #333333;
  font-size: 0.8em;
  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;
}

.tooltip-content-co2 {
  width: 200px;
  margin-top: 0;
  padding: 0 5px;
  color: #333333;
}

.tooltip-title-co2 {
  line-height: 40px;
  color: #333333;
}

@media only screen and (max-width: 900px) {
  body {
    font-size: 0.9em;
    min-width: 375px;
  }
  .main-container {
    margin-left: 50px;
    padding: 0;
    width: 375px;
  }
  .lineContainer .labelContainer {
    width: 100% !important;
  }
  .lineContainer .inputContainer {
    width: 100% !important;
  }
  .settings-container {
    width: 375px;
  }
  .logo-container {
    width: 375px;
  }
  .button-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  a.sub-link.button {
    min-width: 200px;
    text-align: center;
    margin: 0.5rem 0 !important;
  }
  .settings-container .summary {
    padding: 0;
  }
  .k-widget.k-dialog.k-window {
    width: inherit !important;
  }
  .k-button.continue-link {
    width: inherit !important;
  }
  .form-table-button {
    width: inherit !important;
  }
  .form-table-button input[type=submit] {
    width: 80px;
    height: 40px;
  }
}
/* ------------------------------------------------ */
/*                 FIN LOGIN DISPLAY                */
/* ------------------------------------------------ */

/*
IMPORTANT : Installer Mindscape Web Workbench  : http://www.mindscapehq.com/products/web-workbench
Voir http://sass-lang.com/ pour la syntaxe
*/
/* 	Colors */
.lineContainer {
  width: 100%;
  display: inline-block;
  min-height: 40px;
  margin-bottom: 5px;
}
.lineContainer .k-input {
  padding: 0 !important;
}

.labelContainer {
  float: left;
  width: 20% !important;
  box-sizing: border-box !important;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 20px;
  padding-right: 10px;
}
.labelContainer > label {
  white-space: nowrap;
}

.inputContainer {
  float: left;
  width: 30% !important;
  min-height: 40px;
  box-sizing: border-box !important;
  padding-left: 20px;
  padding-right: 10px;
}
.inputContainer textarea {
  width: 100%;
  min-height: 5em;
}
.inputContainer .k-numerictextbox {
  margin-top: 2px;
  width: 100%;
}
.inputContainer .k-datetimepicker:not(.dateRange-calendar) {
  width: 100%;
  margin-top: 2px;
  padding: 0;
}
.inputContainer .k-datetimepicker .k-picker-wrap {
  padding-right: 2.5em;
}
.inputContainer .checkbox-container {
  top: 50%;
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.inputContainer input[type=text]:disabled {
  background-color: #f4f4f4;
}
.inputContainer input[type=text]:focus::placeholder {
  color: transparent;
}

#rootReport textarea {
  box-sizing: border-box;
}

.readOnly input {
  background-color: lightgray;
  color: #333;
}

.col-x3 {
  width: 80% !important;
  box-sizing: border-box !important;
}
.col-x3 div.from, .col-x3 div.to {
  float: left;
  width: calc(37% + 20px);
  padding-right: 30px;
  box-sizing: border-box;
}

.displayContainer {
  float: left;
  width: 30%;
  box-sizing: border-box;
  min-height: 40px;
  padding-left: 20px;
  padding-right: 10px;
}

.extensible-form .inputContainer {
  padding-left: 0;
}

.k-i-calendar, .k-i-calendar:hover {
  background-image: url("/Look/Content/Images/arrow_down_red.gif") !important;
  background-size: 15px 15px !important;
  background-position: center top !important;
  top: -4px;
  position: relative;
}

.linkadmin .k-i-calendar, .linkadmin .k-i-calendar:hover {
  top: 0;
  left: -2px;
}
.linkadmin .k-i-clock {
  top: 5px;
  position: relative;
  left: -8px;
}

.k-datetimepicker .k-picker-wrap, .k-datepicker .k-picker-wrap {
  background-image: none !important;
  background-color: white !important;
  border-radius: 0;
}
.k-datetimepicker .k-picker-wrap.k-state-border-down, .k-datepicker .k-picker-wrap.k-state-border-down {
  border-radius: 0 !important;
}
.k-datetimepicker .k-picker-wrap.k-state-border-down .k-i-calendar, .k-datetimepicker .k-picker-wrap.k-state-border-down .k-i-calendar:hover, .k-datepicker .k-picker-wrap.k-state-border-down .k-i-calendar, .k-datepicker .k-picker-wrap.k-state-border-down .k-i-calendar:hover {
  -ms-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

.select2-search input, .select2-focused input {
  border: 1px solid #d3d3d3 !important;
  border-left: none !important;
  border-right: none !important;
  background-image: url("/look/Content/select2.png") !important;
}

.select2-search input.select2-active {
  border-left: none !important;
  border-right: none !important;
  background-image: url("/look/Content/images/wait-16.gif") !important;
}

.select2-container, .select2-drop, .select2-search, .select2-search input, .select2-container-active .select2-choice, .select2-container-active .select2-choices {
  box-shadow: none !important;
}

.select2-container .select2-choice, .select2-container .select2-choices {
  border: 1px solid #d3d3d3 !important;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  border: 1px solid #d3d3d3 !important;
}

.select2-container .select2-choice div {
  border-left: 1px solid #d3d3d3 !important;
}

li.select2-search-choice {
  background-image: none !important;
  background-color: white !important;
}

.lookform button.add-row:focus {
  outline: none;
}
.lookform .select2-container {
  width: 100%;
  margin-top: 5px;
}
.lookform .select2-container.select2-container-multi .select2-choices {
  border: 1px solid #d3d3d3;
  background-image: none;
  min-height: 30px !important;
  box-sizing: border-box;
}
.lookform .select2-simple {
  width: 100%;
  height: 30px;
}
.lookform .checkbox-container {
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  top: 50%;
}
.lookform .tra-selector .select2-container {
  width: calc(100% - 50px);
  float: left;
}
.lookform .tra-selector .popUp.search-tra {
  width: 50px;
  float: left;
  margin-top: 5px;
}
.lookform .popUp:not(.search-tra) input.popUp-link {
  margin-top: 7px;
}
.lookform .expandable-panel {
  width: 100%;
  margin-bottom: 5px;
}
.lookform .expandable-panel a.expandable-panel-title {
  text-decoration: none;
}
.lookform .expandable-panel .expandable-panel-title {
  font-weight: bold;
  font-size: 0.9em;
  display: block;
  width: calc(100% - 20px);
  clear: both;
  padding: 10px;
}
.lookform label.modified-label {
  background-color: #f9e85d;
  color: #333;
  font-weight: bold;
}
.lookform .k-numerictextbox .k-numeric-wrap:before {
  content: none;
}
.lookform .k-numerictextbox .k-link {
  max-height: 50%;
}
.lookform .k-numeric-wrap {
  background-image: none !important;
  background-color: white !important;
  border-radius: 0 !important;
}
.lookform .k-numeric-wrap .k-select {
  width: 30px;
}
.lookform .k-numeric-wrap .k-select .k-i-arrow-s {
  background-image: url("/Look/Content/Images/arrow_down_red.gif") !important;
  background-size: 15px 15px !important;
  background-position: top !important;
  vertical-align: top !important;
}
.lookform .k-numeric-wrap .k-select .k-i-arrow-n {
  background-image: url("/Look/Content/Images/arrow_down_red.gif") !important;
  background-size: 15px 15px !important;
  background-position: top !important;
  -ms-transform: rotate(180deg) translateX(-1px) !important;
  -moz-transform: rotate(180deg) translateX(-1px) !important;
  -webkit-transform: rotate(180deg) translateX(-1px) !important;
  -o-transform: rotate(180deg) translateX(-1px) !important;
  transform: rotate(180deg) translateX(-1px);
}

.forgotpasswordform .labelContainer {
  float: left;
  width: 20% !important;
}
@media only screen and (max-width: 600px) {
  .forgotpasswordform .labelContainer {
    width: 100% !important;
    margin-top: 0;
  }
}
.forgotpasswordform .inputContainer {
  float: left;
  width: 80% !important;
}
@media only screen and (max-width: 600px) {
  .forgotpasswordform .inputContainer {
    width: 100% !important;
    margin-top: 0;
  }
}

.settings-container .summary {
  margin-bottom: 5px;
}
.settings-container .table-header {
  text-transform: uppercase !important;
}
.settings-container .abo-table .table-header .column-title:nth-child(3) {
  -ms-transform: translate(-17px, 50%);
  -moz-transform: translate(-17px, 50%);
  -webkit-transform: translate(-17px, 50%);
  -o-transform: translate(-17px, 50%);
  transform: translate(-17px, 50%);
}
.settings-container .abo-table .lineContainer .column-title {
  float: left;
  top: 50%;
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.settings-container .abo-table .lineContainer .column-title:nth-child(1) {
  width: calc(50% - 20px);
  padding-left: 20px;
}
.settings-container .abo-table .lineContainer .column-title:nth-child(2) {
  width: 30%;
}
.settings-container .abo-table .lineContainer .column-title:nth-child(3) {
  text-align: right;
  width: 15%;
}
.settings-container .abo-table .lineContainer .column-title:nth-child(4) {
  text-align: right;
  width: 5%;
}
.settings-container .abo-table .lineContainer .column-title:nth-child(4) .icon-square-cross {
  margin-right: 10px;
  cursor: pointer;
}
.settings-container .table-content {
  overflow-y: scroll;
  max-height: calc(100vh - 350px);
  min-height: 120px;
}
.settings-container .tra-table .table-header .right-cell {
  -ms-transform: translate(-17px, 50%);
  -moz-transform: translate(-17px, 50%);
  -webkit-transform: translate(-17px, 50%);
  -o-transform: translate(-17px, 50%);
  transform: translate(-17px, 50%);
}
.settings-container .tra-table .left-cell {
  float: left;
  width: calc(100% - 165px);
  margin-right: 20px;
  padding-left: 20px;
  position: relative;
  top: 50%;
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.settings-container .tra-table .right-cell {
  float: right;
  width: 125px;
  text-align: right;
  position: relative;
  top: 50%;
  -ms-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.settings-container .tra-table .right-cell input[type=checkbox] {
  float: right;
  margin-right: 20px;
}

input.text-box {
  width: 100%;
  border: 1px solid lightgray;
  height: 30px;
  margin-top: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}

.pdqcontainer .btnContainer {
  float: left;
  min-width: 50px;
  max-width: 350px;
  margin-top: -5px;
}

.savePdq-container .select2-container {
  width: 100%;
}

.deletePdq-container p {
  text-align: center;
}

.deletePdq-container table {
  width: 100%;
}

#input-icon-delete {
  background-color: #fff;
}

#input-icon-delete.disabled {
  background-color: #d3d3d3 !important;
}

.search-action {
  padding-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.search-action-without-title {
  display: block !important;
}

.search-action .search-action-title h2 {
  margin: 0px;
  font-size: 22px;
  font-weight: bold;
}

.search-action .select2-container, .PDQ .select2-container {
  width: 280px !important;
}

.search-action input[type=button] {
  float: left;
}

.btnSpacer {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
  height: 1px;
}

.hidden {
  display: none;
}

button {
  background-color: white;
  color: black;
  border: 1px solid lightgray;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.fileUploader {
  position: relative;
}

input.fileUploader-text.text-box {
  width: 70%;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fileUploader-button {
  color: black;
  padding: 2px 5px;
  border-left: 1px solid lightgray;
  text-decoration: none;
  height: 30px;
  width: 30%;
  display: inline-block;
  border: 1px solid lightgray;
  background-color: white;
  box-sizing: border-box !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}

.fileUploader .fileUploader-file {
  cursor: pointer;
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 30px;
  margin-top: 5px;
}

input[type=button]:active, .button:active, button:active {
  color: var(--secondColor);
}

input[type=button], .button {
  background-color: white;
  color: black;
  padding: 5px;
  min-width: 50px;
  border: 1px solid lightgray;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}
input[type=button][disabled], .button[disabled] {
  background-color: #d3d3d3 !important;
  cursor: default;
}

.pdq-container input[type=button] {
  margin-right: 10%;
}

input[type=submit] {
  background-color: var(--secondColor) !important;
  color: white !important;
  font-weight: bold !important;
  padding: 5px !important;
  min-width: 50px !important;
  border: none !important;
  cursor: pointer !important;
  float: right !important;
  margin-left: 5px !important;
  text-transform: uppercase;
}
input[type=submit]:active {
  background-color: white !important;
  color: var(--secondColor) !important;
  border: 1px solid lightgray !important;
  font-weight: bold !important;
}
input[type=submit][disabled] {
  background-color: #d3d3d3 !important;
  color: #333333 !important;
  cursor: default;
  font-weight: normal !important;
}

.required-star {
  color: #e84242;
}

.field-validation-error {
  color: #e84242;
}

.input-validation-error {
  border: 1px solid #e84242 !important;
}

.input-validation-error-container {
  border-color: #e84242 !important;
}
.input-validation-error-container > .select2-container {
  border: 1px solid #e84242 !important;
}

.editorDragNDrop .dragitems {
  width: 100%;
  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 #aaa;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff 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%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.editorDragNDrop .drag-helper {
  pointer-events: none;
  list-style-type: none;
  background-color: #f1f1f1;
  opacity: 0.7;
}
.editorDragNDrop .editor-droppable {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 1px solid #000;
  padding: 2px;
  background: #f1f1f1;
}
.editorDragNDrop .editor-text {
  position: absolute;
  height: 100%;
  width: 100%;
  display: none;
}
.editorDragNDrop .dropitems {
  position: relative;
  width: 100%;
  float: left;
  margin: 10px 0;
  height: 80px;
}
.editorDragNDrop .word {
  margin-top: 2px;
}
.editorDragNDrop .word.key {
  padding: 0 1px 0 18px;
  position: relative;
  color: #333;
  cursor: default;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff 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%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 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;
}

.CEVA .k-i-calendar, .CEVA .k-i-calendar:hover {
  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 */
/* ------------------------------------------------ */
/*                 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%);
}

.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 */
.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
*/
/* 	Colors */
.grid-buttons, .linkadmin .grid-buttons {
  width: 100%;
  margin: 20px 0;
  padding: 10px;
  box-sizing: border-box;
  height: auto;
}
.grid-buttons .button, .linkadmin .grid-buttons .button {
  margin-right: 30px;
  text-transform: uppercase !important;
}
.grid-buttons .gridbox-counters, .linkadmin .grid-buttons .gridbox-counters {
  float: right;
}

.linkadmin .refresh-grid {
  margin-top: auto;
}
.linkadmin .grid-buttons {
  background-color: #F3F3F3;
}
.linkadmin .grid-params {
  background-color: #F3F3F3;
}
.linkadmin .icon-full-eye {
  font-size: 1.4em;
}

.specifics-grid-buttons {
  float: left;
}

.gridbox th {
  background-image: none;
}
.gridbox .jumpto {
  color: #e84242;
  text-decoration: none;
  cursor: pointer;
}
.gridbox td:first-child {
  text-overflow: unset;
}
.gridbox .gridbox-counters {
  float: right;
  line-height: 27px;
}
.gridbox.k-grid table tr {
  background-color: white;
  background-image: unset;
}
.gridbox .k-loading-image {
  background-image: url("/Look/Content/images/wait-51-gray.gif");
}

.grid-params {
  width: 100%;
  margin-bottom: 20px;
}
.grid-params .grid-criteria {
  background-color: white;
  display: inline-block;
  border: 1px solid lightgray;
  margin: 10px;
}
.grid-params .grid-criteria input[type=checkbox] {
  display: none;
}
.grid-params .grid-criteria input[type=checkbox] ~ span {
  color: lightgray;
}
.grid-params .grid-criteria input[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  padding: 5px;
  height: 19px;
  margin-right: 5px;
  border-right: 1px solid lightgray;
}
.grid-params .grid-criteria input[type=checkbox] + label .icon-plus {
  display: block;
}
.grid-params .grid-criteria input[type=checkbox] + label .icon-minus {
  display: none;
}
.grid-params .grid-criteria input[type=checkbox]:checked ~ span {
  color: black;
}
.grid-params .grid-criteria input[type=checkbox]:checked + label .icon-plus {
  display: none;
}
.grid-params .grid-criteria input[type=checkbox]:checked + label .icon-minus {
  display: block;
}
.grid-params .grid-criteria .grid-criteria-label {
  font-weight: bold;
  padding: 5px;
}
.grid-params .grid-criteria .grid-criteria-value {
  padding: 5px;
}

.action-select-grid[disabled] {
  background-color: #d3d3d3 !important;
  cursor: default;
}

.scrolldown {
  display: block;
  cursor: pointer;
  background-image: url("images/home/icones/fleche-noire.png");
  height: 100px;
  width: 100px;
  background-size: contain;
  margin: 0 auto;
  position: relative;
  top: -40px;
  background-repeat: no-repeat;
  z-index: 101;
}

