/*!
 * Cropper v0.2.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright 2014 Fengyuan Chen
 * Released under the MIT license
 */

.cropper-container {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cropper-container .cropper-modal {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    width: 100%;
}
.cropper-container .cropper-dragger {
    height: 80%;
    left: 10%;
    position: absolute;
    top: 10%;
    width: 80%;
}
.cropper-container .cropper-preview {
    border-width: 1px;
    border-style: solid;
    border-color: #36f;
    border-color: rgba(51, 102, 255, 0.8);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.cropper-container .cropper-dashed {
    background-color: #36f;
    display: block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.cropper-container .dashed-h {
    background-color: transparent;
    border-bottom: 1px dashed #fff;
    border-top: 1px dashed #fff;
    left: 0;
    top: 33.3%;
    height: 33.3%;
}
.cropper-container .dashed-v {
    background-color: transparent;
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff;
    left: 33.3%;
    top: 0;
    width: 33.3%;
}
.cropper-container .cropper-face,
.cropper-container .cropper-line,
.cropper-container .cropper-point {
    display: block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.cropper-container .cropper-face {
    background-color: #fff;
    cursor: move;
    left: 0;
    opacity: 0.1;
    filter: alpha(opacity=10);
    top: 0;
}
.cropper-container .cropper-line {
    background-color: #36f;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.cropper-container .line-e {
    cursor: e-resize;
    right: -2px;
    top: 0;
    width: 4px;
}
.cropper-container .line-n {
    cursor: n-resize;
    height: 4px;
    left: 0;
    top: -2px;
}
.cropper-container .line-w {
    cursor: w-resize;
    left: -2px;
    top: 0;
    width: 4px;
}
.cropper-container .line-s {
    cursor: s-resize;
    bottom: -2px;
    height: 4px;
    left: 0;
}
.cropper-container .cropper-point {
    background-color: #36f;
    height: 4px;
    width: 4px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.cropper-container .point-e {
    cursor: e-resize;
    right: -2px;
    top: 49%;
}
.cropper-container .point-n {
    cursor: n-resize;
    left: 49%;
    top: -2px;
}
.cropper-container .point-w {
    cursor: w-resize;
    left: -2px;
    top: 49%;
}
.cropper-container .point-s {
    cursor: s-resize;
    bottom: -2px;
    left: 49%;
}
.cropper-container .point-ne {
    cursor: ne-resize;
    right: -2px;
    top: -2px;
}
.cropper-container .point-nw {
    cursor: nw-resize;
    left: -2px;
    top: -2px;
}
.cropper-container .point-sw {
    cursor: sw-resize;
    bottom: -2px;
    left: -2px;
}
.cropper-container .point-se {
    cursor: se-resize;
    bottom: -2px;
    right: -2px;
}
.cropper-hidden {
    display: none !important;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	padding-right:2%;
	overflow:hidden;
    
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:15px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:8px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:8px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:5px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background: #f0f2f5;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #cccfd5;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background: #cccfd5;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background: #cccfd5;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(../Resources/public/mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:8px;
	background: #cccfd5;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}

/* custom styling */
/* content_1 scrollbar */
.content_1>.mCustomScrollBox>.mCSB_scrollTools{
	height:96%;
	top:2%;
}
/* content_2 scrollbar */
.content_2 .mCSB_scrollTools .mCSB_draggerRail{
	width:6px;
	box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:rgba(255,255,255,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.content_2 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.5);
	filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)"; /* old ie */
}
.content_2 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_2 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.6);
	filter:"alpha(opacity=60)"; -ms-filter:"alpha(opacity=60)"; /* old ie */
}
/* content_3 scrollbar */
.content_3>.mCustomScrollBox>.mCSB_scrollTools{
	height:94%;
	top:3%;
}
.content_3 .mCSB_scrollTools .mCSB_draggerRail{
	width:0;
	border-right:1px dashed #09C;
}
.content_3 .mCSB_scrollTools .mCSB_dragger{
	height:11px;
}
.content_3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
	border-radius:11px;
	background:#09C;
}
/* content_4 scrollbar */
.content_4>.mCustomScrollBox>.mCSB_scrollTools{
	height:94%;
	top:3%;
}
.content_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:8px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background:#d0b9a0;
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.5);
	box-shadow:1px 1px 5px rgba(0,0,0,0.5);
}
.content_4 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:#dfcdb9;
}
.content_4 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.content_4 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
	box-shadow:0 0 3px rgba(0,0,0,0.5);
}
/* content_5 scrollbar */
.content_5>.mCustomScrollBox>.mCSB_scrollTools{
	width: 98%;
	margin: 0 1%;
}
/* content_6 scrollbar */
.content_6>.mCustomScrollBox>.mCSB_scrollTools{
	width:88%;
	margin: 0 6%;
}
/* content_8 scrollbar */
.content_8 .mCSB_scrollTools .mCSB_draggerRail{
	width:0px;
	border-left:1px solid rgba(0,0,0,0.8);
	border-right:1px solid rgba(255,255,255,0.2);
}
.modal {
  display: none;
  width: 400px;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(/bundles/sogedialsite/images/close.png) no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url(/bundles/sogedialsite/images/spinner-modal.gif) #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
    background: #F4F4F4;
    border: 1px solid #e4e5e6;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 12px;
}
.noUi-horizontal .noUi-handle {
	width: 16px;
	height: 16px;
	left: -8px;
	top: -3px;
    
}



.noUi-horizontal.noUi-extended {
	padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin  {
	right: -15px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}
.noUi-vertical.noUi-extended {
	padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin  {
	bottom: -15px;
}

/* Styling;
 */

.noUi-connect {
	background: #3FB8AF;
}

.noUi-target {
	border-radius: 4px;
    background-color: #81868b;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: none;
	background: #3e454d;
	cursor: default;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

.ms-ctn{
  position:relative;
  height:28px;
  padding:0;
  margin-bottom:0;
  font-size:14px;
  line-height:20px;
  color:#555;
  background-color:#fff;
  border:1px solid #ccc;
  cursor:default;
  display:block;
}
.ms-ctn-invalid{
  border:1px solid #c00;
}
.ms-ctn-readonly{
  cursor:pointer;
}
.ms-ctn-disabled{
  cursor:not-allowed;
  background-color:#eee;
}

ms-empty-text{
  border:0;
  box-shadow:none;
  outline:0;
  display:block;
  padding:10px 0;
  line-height:normal;
  overflow:hidden;
  height: 27px;
  border-radius:0;
  float:left;
}
.ms-ctn-disabled input{
  cursor:not-allowed;
  background-color:#eee;
}
.ms-ctn .ms-input-readonly{
  cursor:pointer;
}
.ms-ctn .ms-empty-text{
  color:#8f9399;
  font-size: 12px;
  font-style: italic;
  padding-left: 1%;
  height: 100%;
  width: 99%!important;
  overflow: hidden;
  border: none;
}
.ms-ctn input{
  background:#FFF;
  padding: 0;
  padding-left: 1%;
  height: 100%;
  border: none;
  display: inline-block;
  font-size: 14px;
}
.ms-ctn .ms-trigger{
  float:right;
  width:27px;
  height:100%;
  position:absolute;
  right:0;
  border-left:1px solid #CCC;
  background:#EEE;
  cursor:pointer;
}
.ms-ctn .ms-trigger .ms-trigger-ico{
  display:inline-block;
  width:0;
  height:0;
  vertical-align:top;
  border-top:4px solid gray;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  content:"";
  margin-left:9px;
  margin-top:13px;
}

.ms-ctn .ms-trigger:hover .ms-trigger-ico{
  background-position:0 -4px;
}
.ms-ctn-disabled .ms-trigger{
  cursor:not-allowed;
  background-color:#eee;
}
.ms-ctn-bootstrap-focus{
  border-bottom:1px solid #CCC;
}
.ms-res-ctn{
  position:relative;
  background:#ffffff;
  overflow-y:auto;
  z-index:9999;
  border:none;
}
.ms-res-ctn .ms-res-group{
  line-height:23px;
  text-align:left;
  padding:2px 5px;
  font-weight:bold;
  border-bottom:1px dotted #CCC;
  border-top:1px solid #CCC;
  background:#f3edff;
  color:#333;
}
.ms-res-ctn .ms-res-item{
  line-height:25px;
  text-align:left;
  padding:0;
  color:#666;
  cursor:pointer;
  text-transform: lowercase;
  color: #a0a0a0;
  border-top: 1px solid #dddddd;
}
.ms-res-ctn .ms-res-item:first-letter{
  text-transform: uppercase;
}
.ms-res-ctn .ms-res-item-grouped{
  padding-left:15px;
}
.ms-res-ctn .ms-res-odd{
  background:#ffffff;
}
.ms-sel-ctn{
  overflow:auto;
  height: 30px;
  padding-right:0;
}
.ms-sel-ctn .ms-sel-item{

}
.ms-sel-ctn .ms-sel-item:first-letter{
}
.ms-sel-ctn .ms-sel-text{
  background:#FFF;
  color:#666;
  padding-right:0;
  margin-left:0;
  font-size:14px;
  font-weight:normal;
}
.ms-res-ctn .ms-res-item em{
  color: #323335;
  font-style: normal;
}

.ms-sel-ctn .ms-sel-item-active{
  border:1px solid red;
  background:#757575;
}
.ms-ctn .ms-sel-ctn .ms-sel-item{
  margin-top:3px;
}
.ms-stacked .ms-sel-item{
  float:inherit;
}
.ms-sel-ctn .ms-sel-item .ms-close-btn{
  width:7px;
  cursor:pointer;
  height:7px;
  float:right;
  margin:7px 2px 0 5px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC)
}
.ms-sel-ctn .ms-sel-item .ms-close-btn:hover{
  background-position:0 -7px
}
.ms-helper{
  color:#AAA;
  font-size:10px;
  position:absolute;
  top:-17px;
  right:0;
}
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background: url("/bundles/sogedialsite/images/minimal.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_minimal {
    background-position: -46px 0;
}
    .icheckbox_minimal.hover {
        background-position: -46px 0;
    }
    .icheckbox_minimal.checked {
        background-position: -0px 0;
    }
    .icheckbox_minimal.disabled {
        background-position: -180px 0;
        cursor: default;
    }
    .icheckbox_minimal.checked.disabled {
        background-position: -240px 0;
    }

.iradio_minimal {
    background-position: -100px 0;
}
    .iradio_minimal.hover {
        background-position: -120px 0;
    }
    .iradio_minimal.checked {
        background-position: -140px 0;
    }
    .iradio_minimal.disabled {
        background-position: -160px 0;
        cursor: default;
    }
    .iradio_minimal.checked.disabled {
        background-position: -180px 0;
    }

.icheckbox_cgv,
.iradio_cgv {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin-top: -4px;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("/bundles/sogedialsite/images/check-cgv.png") no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_cgv {
    background-position: -18px 0;
}
.icheckbox_cgv.hover {
    background-position: -18px 0;
}
.icheckbox_cgv.checked {
    background-position: 0 0;
}

.iradio_cgv {
    background-position: -46px 0;
}
.iradio_cgv.hover {
    background-position: -46px 0;
}
.iradio_cgv.checked {
    background-position: -0px 0;
}
.iradio_cgv.disabled {
    background-position: -180px 0;
    cursor: default;
}
.iradio_cgv.checked.disabled {
    background-position: -240px 0;
}

.icheckbox_transit,
.iradio_transit {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin-top: -4px;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url("/bundles/sogedialsite/images/check-transit.png") no-repeat;
    border: none;
    cursor: pointer;
}

.iradio_transit {
    background-position: 0 0;
}

.transit-yes .iradio_transit.checked {
    background-position: -18px 0;
}

.transit-no .iradio_transit.checked {
    background-position: -36px 0;
}

/*.iradio_cgv {*/
    /*background-position: -46px 0;*/
/*}*/
/*.iradio_cgv.hover {*/
    /*background-position: -46px 0;*/
/*}*/
/*.iradio_cgv.checked {*/
    /*background-position: -0px 0;*/
/*}*/
/*.iradio_cgv.disabled {*/
    /*background-position: -180px 0;*/
    /*cursor: default;*/
/*}*/
/*.iradio_cgv.checked.disabled {*/
    /*background-position: -240px 0;*/
/*}*/



/* HiDPI support */
/*@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {*/
    /*.icheckbox_minimal,*/
    /*.iradio_minimal {*/
        /*background-image: url(/bundles/sogedialsite/images/minimal@2x.png);*/
        /*-webkit-background-size: 200px 20px;*/
        /*background-size: 200px 20px;*/
    /*}*/
}
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url('/bundles/sogedialsite/images/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;

    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url('/bundles/sogedialsite/images/select2.png') no-repeat 100% -22px;
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;

    background: #fff url('/bundles/sogedialsite/images/select2.png') no-repeat -37px -22px;
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/bundles/sogedialsite/images/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}

.select2-search input.select2-active {
    background: #fff url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100%;
    background: url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100%;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2);
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('/bundles/sogedialsite/images/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-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);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-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: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url('/bundles/sogedialsite/images/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../Resources/public/css/select2x2.png') !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

@charset "CP850";
.main-sprite, .main-admin-crop-none, .main-admin-field-empty, .main-admin-field, .main-admin-picture-count, .main-admin-picture-crop, .main-admin-picture, .main-admin-trad-none-validate, .main-admin-trad-validate, .main-arrow-down, .main-arrow-menu, .main-arrow-next-slider, .main-arrow-prev-slider, .main-arrow-product-left-active, .main-arrow-product-left-inactive, .main-arrow-product-right-active, .main-arrow-product-right-inactive, .main-arrow-sort-active, .main-arrow-sort-inactive, .main-arrow-up, .main-calendar, .main-cross-tag-black, .main-cross-tag-white, .main-delete-picture, .main-disconnect, .main-display-1, .main-display-2, .main-exclu, .main-flag-en, .main-flag-fr, .main-info, .main-logo-1, .main-logo-2, .main-logo-3, .main-logo-ecran, .main-logo-excel, .main-logo-pdf, .main-logo, .main-menu, .main-new-product, .main-new, .main-next-active, .main-next-inactive, .main-panier, .main-previous-active, .main-previous-inactive, .main-promo, .main-right1, .main-right2, .main-right3, .main-shape-menu, .main-sort-asc, .main-sort-desc, .main-star, .main-toggle-hide, .main-toggle-show, .main-trad-close, .main-trad-none-validate, .main-trad-open, .main-trad-validate { background: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png') no-repeat; }

.main-admin-crop-none { background-position: 0 -1020px; }

.main-admin-field-empty { background-position: 0 -733px; }

.main-admin-field { background-position: 0 -951px; }

.main-admin-picture-count { background-position: 0 -928px; }

.main-admin-picture-crop { background-position: 0 -759px; }

.main-admin-picture { background-position: 0 -881px; }

.main-admin-trad-none-validate { background-position: 0 -998px; }

.main-admin-trad-validate { background-position: 0 -976px; }

.main-arrow-down { background-position: 0 -1664px; }

.main-arrow-menu { background-position: 0 -1648px; }

.main-arrow-next-slider { background-position: 0 -1154px; }

.main-arrow-prev-slider { background-position: 0 -1205px; }

.main-arrow-product-left-active { background-position: 0 -1904px; }

.main-arrow-product-left-inactive { background-position: 0 -1256px; }

.main-arrow-product-right-active { background-position: 0 -1479px; }

.main-arrow-product-right-inactive { background-position: 0 -1878px; }

.main-arrow-sort-active { background-position: 0 -1599px; }

.main-arrow-sort-inactive { background-position: 0 -1419px; }

.main-arrow-up { background-position: 0 -1679px; }

.main-calendar { background-position: 0 -1327px; }

.main-cross-tag-black { background-position: 0 -1307px; }

.main-cross-tag-white { background-position: 0 -1399px; }

.main-delete-picture { background-position: 0 -1457px; }

.main-disconnect { background-position: 0 -1070px; }

.main-display-1 { background-position: 0 -1434px; }

.main-display-2 { background-position: 0 -1350px; }

.main-exclu { background-position: 0 -1092px; }

.main-flag-en { background-position: 0 -459px; }

.main-flag-fr { background-position: 0 -1709px; }

.main-info { background-position: 0 -904px; }

.main-logo-1 { background-position: 0 -484px; }

.main-logo-2 { background-position: 0 -535px; }

.main-logo-3 { background-position: 0 -582px; }

.main-logo-ecran { background-position: 0 0; }

.main-logo-excel { background-position: 0 -696px; }

.main-logo-pdf { background-position: 0 -659px; }

.main-logo { background-position: 0 -233px; }

.main-menu { background-position: 0 -1373px; }

.main-new-product { background-position: 0 -626px; }

.main-new { background-position: 0 -1505px; }

.main-next-active { background-position: 0 -1930px; }

.main-next-inactive { background-position: 0 -1631px; }

.main-panier { background-position: 0 -1046px; }

.main-previous-active { background-position: 0 -1614px; }

.main-previous-inactive { background-position: 0 -1947px; }

.main-promo { background-position: 0 -833px; }

.main-right1 { background-position: 0 -1814px; }

.main-right2 { background-position: 0 -1758px; }

.main-right3 { background-position: 0 -1846px; }

.main-shape-menu { background-position: 0 -1136px; }

.main-sort-asc { background-position: 0 -1551px; }

.main-sort-desc { background-position: 0 -1575px; }

.main-star { background-position: 0 -1282px; }

.main-toggle-hide { background-position: 0 -1964px; }

.main-toggle-show { background-position: 0 -1694px; }

.main-trad-close { background-position: 0 -299px; }

.main-trad-none-validate { background-position: 0 -859px; }

.main-trad-open { background-position: 0 -328px; }

.main-trad-validate { background-position: 0 -785px; }

.logo { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -233px; background-repeat: no-repeat; height: 27px; width: 141px; }

.menu-logo { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1373px; background-repeat: no-repeat; height: 16px; width: 18px; }

.arrow-menu { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1648px; background-repeat: no-repeat; height: 6px; width: 10px; }

.shape-menu { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1136px; background-repeat: no-repeat; height: 8px; width: 14px; }

.disconnect { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1070px; background-repeat: no-repeat; height: 12px; width: 12px; display: inline-block; }

.display-1 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1434px; background-repeat: no-repeat; height: 13px; width: 13px; display: inline-block; }

.display-2 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1350px; background-repeat: no-repeat; height: 13px; width: 13px; display: inline-block; }

.arrow1 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1814px; background-repeat: no-repeat; height: 22px; width: 15px; display: inline-block; }

.arrow2 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1758px; background-repeat: no-repeat; height: 22px; width: 15px; display: inline-block; }

.arrow3 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1846px; background-repeat: no-repeat; height: 22px; width: 15px; display: inline-block; }

.new-product { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -626px; background-repeat: no-repeat; height: 23px; width: 51px; display: inline-block; }

.star-product { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1282px; background-repeat: no-repeat; height: 15px; width: 16px; display: inline-block; }

.icon-previous { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1947px; background-repeat: no-repeat; height: 7px; width: 6px; display: inline-block; margin-right: 10%; }

.icon-next { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1631px; background-repeat: no-repeat; height: 7px; width: 6px; display: inline-block; margin-left: 10%; }

.arrow-down { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1664px; background-repeat: no-repeat; height: 5px; width: 9px; display: inline-block; }

.arrow-up { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1679px; background-repeat: no-repeat; height: 5px; width: 9px; display: inline-block; }

.ajax-loader { background: url("/bundles/sogedialsite/images/ajax-loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; width: 100%; height: 32px; margin-top: 10px; }

.ajax-loader-mini { background: url("/bundles/sogedialsite/images/ajax-loader-mini.gif") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; width: 16px; height: 16px; position: absolute; right: 8px; top: 4px; }

.ajax-loader-search { background: url("/bundles/sogedialsite/images/spinner2.gif") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; width: 19px; height: 19px; background-size: contain; }

.sbToggle { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1419px; background-repeat: no-repeat; height: 5px; width: 8px; display: inline-block; position: absolute; right: 10px; top: 9px; }

.sbToggleOpen { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1599px; background-repeat: no-repeat; height: 5px; width: 8px; display: inline-block; position: absolute; right: 10px; top: 9px; }

.owl-prev { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1205px; background-repeat: no-repeat; height: 41px; width: 23px; display: inline-block; }
.owl-prev:hover { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -408px; background-repeat: no-repeat; height: 41px; width: 23px; }

.owl-next { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1154px; background-repeat: no-repeat; height: 41px; width: 23px; display: inline-block; }
.owl-next:hover { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -357px; background-repeat: no-repeat; height: 41px; width: 23px; }

.logo-pdf { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -659px; background-repeat: no-repeat; height: 27px; width: 21px; margin-right: 10px; }

.logo-excel { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -696px; background-repeat: no-repeat; height: 27px; width: 21px; display: inline-block; margin-right: 10px; }

.logo-ecran { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 0; background-repeat: no-repeat; height: 223px; width: 387px; }

.logo-1 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -484px; background-repeat: no-repeat; height: 41px; width: 41px; float: left; }

.logo-2 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -535px; background-repeat: no-repeat; height: 37px; width: 36px; float: left; }

.logo-3 { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -582px; background-repeat: no-repeat; height: 34px; width: 37px; float: left; }

.logo-disconect { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1070px; background-repeat: no-repeat; height: 12px; width: 12px; }

.toggle-wrapper.show .toggle { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1694px; background-repeat: no-repeat; height: 5px; width: 9px; }

.toggle-wrapper .toggle { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1964px; background-repeat: no-repeat; height: 5px; width: 9px; display: block; margin: 0 auto !important; }

#previous-product { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1256px; background-repeat: no-repeat; height: 16px; width: 10px; }
#previous-product:hover { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1904px; background-repeat: no-repeat; height: 16px; width: 10px; }

#next-product { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1878px; background-repeat: no-repeat; height: 16px; width: 10px; }
#next-product:hover { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1479px; background-repeat: no-repeat; height: 16px; width: 10px; }

.admin-picture-count { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -928px; background-repeat: no-repeat; height: 13px; width: 16px; float: left; }

.admin-picture { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -881px; background-repeat: no-repeat; height: 13px; width: 16px; }

.admin-picture-crop { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -759px; background-repeat: no-repeat; height: 16px; width: 17px; display: inline-block; }

.admin-crop-none { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1020px; background-repeat: no-repeat; height: 16px; width: 17px; display: inline-block; }

.admin-field-empty { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -733px; background-repeat: no-repeat; height: 16px; width: 16px; float: left; }

.admin-field { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -951px; background-repeat: no-repeat; height: 15px; width: 16px; float: left; }

.admin-trad-none-validate { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -998px; background-repeat: no-repeat; height: 12px; width: 12px; display: inline-block; }

.admin-trad-validate { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -976px; background-repeat: no-repeat; height: 12px; width: 12px; display: inline-block; }

input, textarea, select { outline: none; }
input:hover, textarea:hover, select:hover { outline: none; }

.ms-res-item .info { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -904px; background-repeat: no-repeat; height: 14px; width: 14px; display: block; float: left; margin-top: 6px; }
.ms-res-item .panier { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1046px; background-repeat: no-repeat; height: 14px; width: 14px; display: block; float: left; margin-top: 7px; }
.ms-res-item .new { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1505px; background-repeat: no-repeat; height: 13px; width: 10px; display: block; float: left; margin-top: 7px; }
.ms-res-item .exclu { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1092px; background-repeat: no-repeat; height: 12px; width: 12px; display: block; float: left; margin-top: 7px; }
.ms-res-item .promo { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -833px; background-repeat: no-repeat; height: 16px; width: 14px; display: block; float: left; margin-top: 6px; }
.ms-res-item.ms-res-item-active .info { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1734px; background-repeat: no-repeat; height: 14px; width: 14px; }
.ms-res-item.ms-res-item-active .panier { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1790px; background-repeat: no-repeat; height: 14px; width: 14px; }
.ms-res-item.ms-res-item-active .new { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1528px; background-repeat: no-repeat; height: 13px; width: 10px; }
.ms-res-item.ms-res-item-active .exclu { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1114px; background-repeat: no-repeat; height: 12px; width: 12px; }
.ms-res-item.ms-res-item-active .promo { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -807px; background-repeat: no-repeat; height: 16px; width: 14px; }

.calendar { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1327px; background-repeat: no-repeat; height: 13px; width: 13px; display: inline-block; }

.trad-none-validate { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -859px; background-repeat: no-repeat; height: 12px; width: 13px; display: inline-block; }

.trad-validate { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -785px; background-repeat: no-repeat; height: 12px; width: 13px; display: inline-block; }

.trad-close { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -299px; background-repeat: no-repeat; height: 19px; width: 19px; display: inline-block; }

.trad-action:hover .trad-close { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -270px; background-repeat: no-repeat; height: 19px; width: 19px; }

.trad-open { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -328px; background-repeat: no-repeat; height: 19px; width: 19px; display: inline-block; }

html { height: 100%; /***************************************/ /* Gestion des acces : tableau de bord */ /***************************************/ /*********************************/ /* Gestion des acces : edit user */ /*********************************/ /****************************************/ /* Gestion des acces : les assortiments */ /****************************************/ }
html .flash-notice { position: absolute; top: 70px; background: #ffffff; color: green; width: 33%; margin-left: 33%; z-index: 15; text-align: center; border: 2px solid green; padding: 5px; height: 37px; cursor: pointer; }
html body { font-family: 'Roboto', 'sans-serif'; font-weight: 400; margin: 0; font-size: 12px; min-height: 100%; background-color: #f4f4f4; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container { margin: 0 auto; }
html body .container .overlay { background: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; width: 100%; height: 100%; position: fixed; z-index: 15; }
html body .container header { background-color: #003566; padding: 0; position: relative; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container header .logo-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 15.625%; height: 100%; padding-top: 21.5px; display: inline-block; }
html body .container header .logo-wrapper .logo { margin: 0 auto; }
html body .container header .search-wrapper { width: 60.975%; display: inline-block; padding: 0 1.5%; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: 5px; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; margin-bottom: 15px; }
html body .container header .search-wrapper .search-bar { height: 30px; background: #ffffff; position: relative; }
html body .container header .search-wrapper .search-bar .ajax-loader-wrapper { position: absolute; top: 0; right: 0; height: 30px; width: 9%; z-index: 10; text-align: center; background: #ffffff; height: 24px; margin-top: 3px; border-left: 1px solid #999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container header .search-wrapper .search-bar .ajax-loader-wrapper .ajax-loader-search { margin-top: 2.5px; }
html body .container header .search-wrapper .search-bar #search-input, html body .container header .search-wrapper .search-bar #search-input-user { border: none; height: 100% !important; width: 91% !important; padding: 0; float: left; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-ctn, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-ctn { overflow: hidden; }
html body .container header .search-wrapper .search-bar #search-input .ms-helper, html body .container header .search-wrapper .search-bar #search-input-user .ms-helper { display: none !important; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item { position: relative; display: block; margin-top: 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .ms-close-btn, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .ms-close-btn { position: absolute; right: 10px; top: 4px; display: block; width: 7px; height: 7px; background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1399px; background-repeat: no-repeat; height: 10px; width: 10px; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .res-select-wrapper, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .res-select-wrapper { background: #F4F4F4; color: #555555; float: left; font-size: 14px; padding: 2px 20px 2px 7px; border-radius: 3px; margin-left: 5px; margin-top: 3px; text-transform: lowercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 24px; margin-right: 5px; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .res-select-wrapper:first-letter, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .res-select-wrapper:first-letter { text-transform: uppercase; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .res-select-wrapper.category, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .res-select-wrapper.category { background: #f6725b; color: #ffffff; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .res-select-wrapper.marque, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .res-select-wrapper.marque { background: #ff0000; color: #ffffff; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .res-select-wrapper.libre, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .res-select-wrapper.libre { background: #ffffff; border: 1px solid black; color: black; padding-top: 1px; }
html body .container header .search-wrapper .search-bar #search-input .ms-sel-item .res-select-wrapper.libre + .ms-close-btn, html body .container header .search-wrapper .search-bar #search-input-user .ms-sel-item .res-select-wrapper.libre + .ms-close-btn { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1307px; background-repeat: no-repeat; height: 10px; width: 10px; }
html body .container header .search-wrapper .search-bar .search-submit { background: url("/bundles/sogedialsite/images/search.png") no-repeat scroll center center white; cursor: pointer; height: 24px; margin-top: 3px; width: 9%; border: none; text-indent: -9999px; display: inline-block; float: right; padding: 0; border-left: 1px solid #999999; }
html body .container header .search-wrapper .search-bar ul.token-input-list { height: 100%; width: 1400px; border: none; cursor: text; z-index: 999; margin: 0; padding: 0; background-color: #fff; list-style-type: none; float: left; }
html body .container header .search-wrapper .search-bar ul.token-input-list li { list-style-type: none; }
html body .container header .search-wrapper .search-bar ul.token-input-list li input { border: 0; width: 100%; padding: 0; background-color: white; -webkit-appearance: caret; height: 100%; }
html body .container header .search-wrapper .search-bar li.token-input-token { overflow: hidden; height: auto !important; height: 1%; margin: 10px 3px; padding: 3px 10px; background-color: #F4F4F4; color: #555555; font-weight: bold; cursor: default; display: inline-block; }
html body .container header .search-wrapper .search-bar li.token-input-token .token-input-delete-token { margin-left: 5px; }
html body .container header .search-wrapper .search-bar li.token-input-token p { float: left; padding: 0; margin: 0; }
html body .container header .search-wrapper .search-bar li.token-input-token span { float: right; color: #777; cursor: pointer; }
html body .container header .search-wrapper .search-bar .token-input-input-token { overflow: hidden; height: auto !important; height: 1%; margin: 10px 3px; padding: 3px 10px; font-weight: bold; cursor: default; display: inline-block; }
html body .container header .search-wrapper .search-bar li.token-input-selected-token span { color: #bbb; }
html body .container header .search-wrapper .search-bar .arrow-result { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; margin: 10px auto 0 auto; }
html body .container header .search-wrapper .search-bar .ms-res-ctn { -webkit-box-shadow: #b6b6b6 0px 7px 5px; -moz-box-shadow: #b6b6b6 0px 7px 5px; box-shadow: #b6b6b6 0px 7px 5px; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item { border-left: 7px solid transparent; padding: 2px 5px; padding-left: 11px; height: 50px; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item .icon-wrapper .info-wrapper { display: inline-block; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item .icon-wrapper .panier-wrapper { display: inline-block; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item .icon-wrapper .new-wrapper { display: inline-block; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item .icon-wrapper .exclu-wrapper { display: inline-block; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item .icon-wrapper .promo-wrapper { display: inline-block; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .catagory-item .icon-wrapper .value { margin-left: 8px; font-size: 12px; margin-right: 22px; text-transform: capitalize; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .separator { height: 5px; background: #b7b7b7; width: 100%; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item { border-left: 7px solid transparent; padding: 2px 5px; padding-left: 11px; height: 24px; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div { display: inline-block; overflow: hidden; height: 24px; border-right: 5px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div:first-letter { text-transform: capitalize; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div:last-child { margin-right: 0; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div:first-child { text-transform: uppercase; width: 20%; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div:nth-child(2) { width: 15%; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div:nth-child(3) { width: 50%; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item .product-item div:nth-child(4) { width: 15%; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item.ms-res-item-active .catagory-item { border-left: 7px solid #f6725b; background-color: #f5f5f5; color: #535353; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item.ms-res-item-active .catagory-item.marque-item { border-left: 7px solid red; }
html body .container header .search-wrapper .search-bar .ms-res-ctn .ms-res-item.ms-res-item-active .product-item { border-left: 7px solid #97d6ad; background-color: #f5f5f5; color: #535353; }
html body .container header .menu-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 12.875%; width: 10.9%; height: 70px; padding: 0; position: relative; cursor: pointer; }
html body .container header .menu-wrapper .menu-dropdown { border-right: 1px solid #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-align: center; top: 20px; position: absolute; width: 100%; height: 30px; padding-top: 8px; }
html body .container header .menu-wrapper .menu-dropdown .menu-logo { display: inline-block; }
html body .container header .menu-wrapper .menu-dropdown .libelle-menu { font-size: 13px; color: #ffffff; font-weight: 500; display: inline-block; margin: 0 9px; position: relative; top: -3px; }
html body .container header .menu-wrapper .menu-dropdown .arrow-menu { display: inline-block; position: relative; top: -5px; }
html body .container header .menu-wrapper .nav-wrapper { display: none; position: absolute; top: 70px; left: 0; width: 170px; background: #4e5053; z-index: 12; padding: 5px 0; }
html body .container header .menu-wrapper .nav-wrapper .shape-menu { position: absolute; top: -8px; left: 87%; display: block; }
html body .container header .menu-wrapper .nav-wrapper #nav { margin: 0; padding: 0; list-style: none; }
html body .container header .menu-wrapper .nav-wrapper #nav li { font-size: 12px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 95%; margin: 2.5px 2.5%; color: #ffffff; }
html body .container header .menu-wrapper .nav-wrapper #nav li a { text-decoration: none; color: #ffffff; display: block; font-size: 12px; padding: 5px 10px; }
html body .container header .menu-wrapper .nav-wrapper #nav li a:hover { background: #5f5f60; }
html body .container header .connect-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 13.075%; width: 12.5%; height: 70px; padding: 0; float: right; }
html body .container header .connect-wrapper #connect-link { font-size: 13px; font-weight: 500; height: 70px; line-height: 70px; }
html body .container header .connect-wrapper #connect-link a { text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #ffffff; display: block; width: 100%; text-align: right; padding-right: 18%; }
html body .container header .connect-wrapper #connect-link a .text { float: right; }
html body .container header .connect-wrapper #connect-link a .logo-disconect { float: right; margin-top: 29px; margin-left: 15px; display: block; }
html body .container .content { width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .list-family { overflow: hidden; font-size: 11px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 691px; padding-bottom: 0.81818em; }
html body .container .content .list-family .family { margin-left: 1.36364em; margin-right: 0.18182em; border-top: 1px solid #003566; position: relative; cursor: pointer; }
html body .container .content .list-family .family .arrow-wrapper { position: absolute; width: 4.09091em; height: 2.27273em; top: 0; right: 0; }
html body .container .content .list-family .family .arrow-wrapper .arrow-down { position: absolute; top: 0.90909em; right: 40%; }
html body .container .content .list-family .family .arrow-wrapper .arrow-up { position: absolute; top: 0.90909em; right: 40%; }
html body .container .content .list-family .family .title { color: #003566; font-weight: 500; text-transform: uppercase; padding: 0.45455em 0; padding-left: 0.54545em; font-size: 11px; }
html body .container .content .list-family .family .title.opened { color: #9d0919; }
html body .container .content .list-family .family .title .libelle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 77%; display: block; float: left; }
html body .container .content .list-family .family .title .count { display: block; float: left; margin-left: 1%; }
html body .container .content .list-family .family .sub-family { display: none; }
html body .container .content .list-family .family .sub-family .title { border-top: 1px solid #d8d8d8; padding: 0.54545em 0 0.54545em 3.18182em; color: #555555; font-size: 11px; font-weight: 500; }
html body .container .content .list-family .family .sub-family .title:hover { background: #f0f2f5; color: #003566; border-top: 1px solid #f0f2f5; }
html body .container .content .list-family .family .sub-family .title.current { background: #f0f2f5; color: #003566; }
html body .container .content .list-family .family .sub-family .title:hover + .title { border-top: 1px solid #f0f2f5; }
html body .container .content .articles { padding: 15px 1.3% 0 2.3%; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f4f4f4; }
html body .container .content .articles .product { position: relative; font-size: 12px; width: 19%; height: 23.33333em; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: #e2e2e2 0px 2px 2px; -moz-box-shadow: #e2e2e2 0px 2px 2px; box-shadow: #e2e2e2 0px 2px 2px; background: #ffffff; margin-right: 1%; margin-bottom: 1%; border: 1px solid #e2e2e2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
html body .container .content .articles .product .product-wrapper { text-decoration: none; width: 100%; display: block; }
html body .container .content .articles .product .product-wrapper .title-product { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; position: relative; }
html body .container .content .articles .product .product-wrapper .title-product.promo { background: #fff600; }
html body .container .content .articles .product .product-wrapper .title-product .name-product { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #303030; padding-top: 0.42857em; text-transform: lowercase; padding-left: 4.5%; }
html body .container .content .articles .product .product-wrapper .title-product .name-product:first-letter { text-transform: uppercase; }
html body .container .content .articles .product .product-wrapper .title-product .subname-product { color: #535353; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; padding: 0.41667em 0 0.5em 4.5%; height: 15px; }
html body .container .content .articles .product .product-wrapper .title-product .new-product { position: absolute; bottom: 0; right: -2px; z-index: 5; }
html body .container .content .articles .product .product-wrapper .logo-product { font-size: 12px; width: 100%; height: 135px; text-align: center; position: relative; line-height: 135px; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
html body .container .content .articles .product .product-wrapper .logo-product .price-wrapper { position: absolute; top: 0; right: 0; font-size: 17px; background-color: rgba(255, 255, 255, 0.8); padding: 0 0 3px 3px; }
html body .container .content .articles .product .product-wrapper .logo-product .price-wrapper .price-product { color: #003566; }
html body .container .content .articles .product .product-wrapper .logo-product .price-wrapper .promo-product { background: #ffe430; font-size: 10px; width: 4.9em; height: 1.6em; color: #000000; }
html body .container .content .articles .product .product-wrapper .logo-product .star-product { font-size: 12px; position: absolute; bottom: 0.41667em; right: 0.66667em; }
html body .container .content .articles .product .product-wrapper .info-product-1 { border-bottom: 1px solid #dddddd; margin: 0 4.5%; height: 32px; line-height: 32px; }
html body .container .content .articles .product .product-wrapper .info-product-1 .price-wrapper { font-size: 18px; color: #323335; font-weight: 500; float: left; }
html body .container .content .articles .product .product-wrapper .info-product-1 .weight-product { font-size: 14px; color: #626468; float: right; }
html body .container .content .articles .product .product-wrapper .info-product-2 { border-bottom: 1px solid #dddddd; margin: 0 4.5%; height: 32px; line-height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .articles .product .product-wrapper .info-product-2 .distrib-product { float: right; font-size: 12px; color: #323335; text-transform: uppercase; width: 32%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
html body .container .content .articles .product .product-wrapper .info-product-2 .scale-product { float: left; font-size: 12px; color: #b666d2; font-weight: 500; text-transform: uppercase; width: 68%; border-right: 1px solid #dddddd; height: 24px; margin-top: 4px; line-height: 24px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .articles .product .product-wrapper .info-product-2 .scale-product.mn { color: #f28d20; }
html body .container .content .articles .product .product-wrapper .info-product-2 .scale-product.md { color: #003566; }
html body .container .content .articles .product .product-wrapper .info-product-3 { margin: 0 4.5%; height: 28px; line-height: 28px; }
html body .container .content .articles .product .product-wrapper .info-product-3 .flag-product { width: 22px; height: 14px; float: left; }
html body .container .content .articles .product .product-wrapper .info-product-3 .flag-product img { width: 22px; height: 14px; margin-top: 6px; }
html body .container .content .articles .product .product-wrapper .info-product-3 .country-product { color: #9a9a9a; font-size: 11px; text-transform: uppercase; float: left; margin-left: 2%; }
html body .container .content .articles .product .product-wrapper .info-product-3 .exclu-product { float: right; color: #db262e; font-size: 12px; font-weight: 400; text-transform: uppercase; }
html body .container .content .articles .product .product-wrapper .info-supp { border-top: 1px solid #bdbdbd; padding: 0 4.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper { text-align: center; border-bottom: 1px solid #dddddd; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px 0; color: #555555; font-size: 12px; font-weight: 700; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-count { float: left; width: 27%; height: 25px; line-height: 25px; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-count .admin-picture-count { margin-right: 8px; margin-top: 6px; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-count .value { float: left; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture { float: left; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; height: 25px; line-height: 25px; textalign: center; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture .admin-picture { margin-right: 8px; margin-top: 6px; display: inline-block; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture .value { display: inline-block; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-crop { float: left; width: 23.5%; height: 25px; line-height: 25px; position: relative; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-crop .admin-picture-crop { margin-top: 5px; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-crop .admin-crop-none { margin-top: 5px; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-crop .info-crop { position: absolute; width: 73px; height: 23px; background: #323335; color: #ffffff; line-height: 23px; left: -19.5%; display: none; }
html body .container .content .articles .product .product-wrapper .info-supp .image-info-wrapper .picture-crop .info-crop:before { content: ""; display: block; width: 0; height: 0; border-left: 7.5px solid transparent; border-bottom: 7.5px solid #323335; border-right: 7.5px solid transparent; position: absolute; left: 29px; top: -7.5px; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .intitule { float: left; color: #555555; font-size: 12px; font-weight: 700; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .value { float: left; color: #555555; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 4px; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .admin-field { margin-right: 10px; margin-top: 5px; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .admin-field-empty { margin-right: 10px; margin-top: 5px; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .libelle { width: 100%; height: 27px; line-height: 27px; overflow: hidden; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .libelle .value { max-width: 140px; text-transform: lowercase; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .libelle .value:first-letter { text-transform: uppercase; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .description { width: 100%; height: 27px; line-height: 27px; overflow: hidden; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .description .value { max-width: 110px; text-transform: lowercase; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .description .value:first-letter { text-transform: uppercase; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .ingredient { width: 100%; height: 27px; line-height: 27px; overflow: hidden; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .ingredient .value { max-width: 110px; text-transform: lowercase; }
html body .container .content .articles .product .product-wrapper .info-supp .data-product-wrapper .ingredient .value:first-letter { text-transform: uppercase; }
html body .container .content .articles .product .product-wrapper .info-supp .traduction-wrapper { border-top: 1px solid #dddddd; }
html body .container .content .articles .product .product-wrapper .info-supp .traduction-wrapper .country { width: 33.3%; float: left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-weight: 700; color: #555555; height: 30px; line-height: 30px; }
html body .container .content .articles .product .product-wrapper .info-supp .traduction-wrapper .country .admin-trad-none-validate { margin-left: 5px; }
html body .container .content .articles .product .product-wrapper .info-supp .traduction-wrapper .country .admin-trad-validate { margin-left: 5px; }
html body .container .content .articles.export { padding: 0; }
html body .container .content .articles.export article { margin-bottom: 61px; }
html body .container .content .article { width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 11px; }
html body .container .content .article .article-wrapper { margin: 20px 2.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 0; padding: 15px 0; }
html body .container .content .article .article-wrapper h2 { color: #303030; font-size: 12px; text-transform: uppercase; font-weight: 700; margin: 22px 0 7px 0; }
html body .container .content .article .article-wrapper .col-1 { width: 32%; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 15px; float: left; background: #fff; }
html body .container .content .article .article-wrapper .col-1 .title-wrapper { position: relative; }
html body .container .content .article .article-wrapper .col-1 .title-wrapper h1 { color: #303030; font-size: 16px; font-weight: 700; margin: 0; }
html body .container .content .article .article-wrapper .col-1 .title-wrapper h3 { color: #303030; font-size: 15px; font-weight: 400; margin: 0 0 13px 0; padding: 0; }
html body .container .content .article .article-wrapper .col-1 .title-wrapper .degrade { width: 12%; position: absolute; top: 0; right: 0; height: 100%; background: url("/bundles/sogedialsite/images/degrade.png") repeat-y center right; }
html body .container .content .article .article-wrapper .col-1 .title-wrapper #idproduct { display: none; }
html body .container .content .article .article-wrapper .col-1 hr { height: 1px; width: 10%; padding: 0; margin: 0; border: none; background-color: #dfe3ea; }
html body .container .content .article .article-wrapper .col-1 .format { color: #303030; font-size: 12px; margin: 8px 0 0 0; line-height: 15px; font-weight: 700; }
html body .container .content .article .article-wrapper .col-1 .format span { text-transform: uppercase; }
html body .container .content .article .article-wrapper .col-1 .pcb { color: #303030; font-size: 12px; line-height: 15px; font-weight: 700; }
html body .container .content .article .article-wrapper .col-1 .pcb span { text-transform: uppercase; }
html body .container .content .article .article-wrapper .col-1 .dlc { color: #303030; font-size: 12px; line-height: 15px; font-weight: 700; margin-bottom: 10px; }
html body .container .content .article .article-wrapper .col-1 .dlc span { text-transform: uppercase; }
html body .container .content .article .article-wrapper .col-1 .price-wrapper { font-size: 22px; line-height: 20px; color: #db262e; font-weight: 700; float: left; }
html body .container .content .article .article-wrapper .col-1 .price-wrapper .prix { float: left; }
html body .container .content .article .article-wrapper .col-1 .price-wrapper .texte-fob { float: left; color: #303030; font-weight: 400; font-size: 14px; margin-left: 10px; }
html body .container .content .article .article-wrapper .col-1 .bulle-wrapper { float: right; }
html body .container .content .article .article-wrapper .col-1 .bulle-wrapper .exclu-single-product { text-transform: uppercase; color: #db262e; font-size: 11px; font-weight: 500; height: 20px; line-height: 20px; text-align: center; float: left; margin-right: 21px; }
html body .container .content .article .article-wrapper .col-1 .bulle-wrapper .promo-single-product { background: #fff600; text-transform: uppercase; color: #323335; font-size: 11px; font-weight: 700; width: 60px; height: 20px; line-height: 20px; text-align: center; float: left; margin-right: 21px; }
html body .container .content .article .article-wrapper .col-1 .bulle-wrapper .new-single-product { text-transform: uppercase; color: #ffffff; font-size: 11px; font-weight: 700; width: 50px; height: 20px; line-height: 20px; background: url("/bundles/sogedialsite/images/new-left.png") no-repeat center left #db262e; text-align: center; float: left; }
html body .container .content .article .article-wrapper .col-1 .code { color: #303030; font-size: 14px; text-transform: uppercase; font-weight: 400; margin: 6px 0 0 0; padding-bottom: 8px; }
html body .container .content .article .article-wrapper .col-1 h2 { border-top: 1px solid #dfe3ea; margin-top: 8px; padding-top: 10px; }
html body .container .content .article .article-wrapper .col-1 .description { color: #8f9399; font-size: 12px; padding-bottom: 11px; border-bottom: 1px solid #dfe3ea; }
html body .container .content .article .article-wrapper .col-1 .row1 { padding: 14px 0; border-bottom: 1px solid #dfe3ea; }
html body .container .content .article .article-wrapper .col-1 .row1 .left { width: 40%; float: left; }
html body .container .content .article .article-wrapper .col-1 .row1 .left .marque { color: #303030; font-size: 12px; line-height: 25px; }
html body .container .content .article .article-wrapper .col-1 .row1 .left .marque span { font-weight: 700; }
html body .container .content .article .article-wrapper .col-1 .row1 .left .origine { color: #303030; font-size: 12px; line-height: 25px; }
html body .container .content .article .article-wrapper .col-1 .row1 .left .origine span { font-weight: 700; }
html body .container .content .article .article-wrapper .col-1 .row1 .right { width: 60%; float: right; }
html body .container .content .article .article-wrapper .col-1 .row1 .right .logo-produit { height: 50px; text-align: right; padding-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .article .article-wrapper .col-1 .ean { color: #434a54; font-size: 12px; margin: 15px 0 0 0; text-align: right; font-weight: 700; }
html body .container .content .article .article-wrapper .col-1 .ean .value-ean13 { font-weight: normal; }
html body .container .content .article .article-wrapper .col-1 .code-barre { margin-top: 11px; margin-left: 7px; float: right; margin-right: -7%; width: 50%; height: 80px; }
html body .container .content .article .article-wrapper .col-1 .code-barre-content { color: #b1b1b1; margin-top: -8px; letter-spacing: 1.5px; }
html body .container .content .article .article-wrapper .col-1 .code-barre-content .first { margin-right: 5px; }
html body .container .content .article .article-wrapper .col-1 .code-barre-content .second { margin-right: 5px; }
html body .container .content .article .article-wrapper .col-2 { width: 29%; border-right: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; float: left; background: #fff; }
html body .container .content .article .article-wrapper .col-2 h2 { maring-top: 25px; }
html body .container .content .article .article-wrapper .col-2 .row1 { position: relative; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
html body .container .content .article .article-wrapper .col-2 .row1 .temp { font-size: 12px; color: #303030; margin-bottom: 13px; }
html body .container .content .article .article-wrapper .col-2 .row1 .temp span { text-transform: uppercase; font-weight: 700; }
html body .container .content .article .article-wrapper .col-2 .row1 .gms { font-size: 12px; color: #303030; margin-bottom: 18px; }
html body .container .content .article .article-wrapper .col-2 .row1 .gms span { text-transform: uppercase; font-weight: 700; }
html body .container .content .article .article-wrapper .col-2 .ingredients { color: #8f9399; font-size: 11px; padding-bottom: 20px; text-align: justify; }
html body .container .content .article .article-wrapper .col-2 .wrapper-nutrition { width: 100%; border-top: 1px solid #e5e5e5; margin-bottom: 22px; }
html body .container .content .article .article-wrapper .col-2 .wrapper-nutrition h2 { maring-top: 25px; }
html body .container .content .article .article-wrapper .col-2 .wrapper-nutrition .nutrition { color: #8f9399; font-size: 11px; }
html body .container .content .article .article-wrapper .col-2 .wrapper-nutrition .nutrition .left { float: left; width: 50%; }
html body .container .content .article .article-wrapper .col-2 .wrapper-nutrition .nutrition .right { float: left; width: 50%; text-align: right; }
html body .container .content .article .article-wrapper .col-2 .wrapper-nutrition .nutrition .right > div { min-height: 14px; display: block; }
html body .container .content .article .article-wrapper .col-2 .wrapper-logistique { width: 100%; border-top: 1px solid #e5e5e5; }
html body .container .content .article .article-wrapper .col-2 .wrapper-logistique h2 { maring-top: 25px; }
html body .container .content .article .article-wrapper .col-2 .wrapper-logistique .logistique { color: #8f9399; font-size: 11px; }
html body .container .content .article .article-wrapper .col-2 .wrapper-logistique .logistique .left { float: left; width: 50%; }
html body .container .content .article .article-wrapper .col-2 .wrapper-logistique .logistique .right { float: left; width: 50%; text-align: left; text-align: right; }
html body .container .content .article .article-wrapper .col-2 .wrapper-logistique .logistique .right > div { min-height: 14px; display: block; }
html body .container .content .article .article-wrapper .col-3 { width: 39%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 25px; float: left; background: #fff; border-right: 1px solid #e5e5e5; }
html body .container .content .article .article-wrapper .col-3 .photos { width: 100%; }
html body .container .content .article .article-wrapper .col-3 .photos .image-wrapper { text-align: center; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; }
html body .container .content .article .article-wrapper .col-3 .photos .image-wrapper img { max-width: 100%; max-height: 280px; }
html body .container .content .article .article-wrapper .col-3 .mini-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; max-height: 145px; overflow: hidden; }
html body .container .content .article .article-wrapper .col-3 .mini-wrapper .mini-image-wrapper { width: 16.6%; float: left; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; height: 68px; }
html body .container .content .article .article-wrapper .col-3 .mini-wrapper .mini-image-wrapper img { max-width: 98%; max-height: 58px; cursor: pointer; }
html body .container .content .article.admin .article-wrapper { padding: 0; }
html body .container .content .article.admin .article-wrapper .colonne { padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 { width: 63%; border-right: 1px solid #e0e0e0; background: #ffffff; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 h1 { position: relative; overflow: hidden; margin-bottom: 16px; font-size: 16px; color: #303030; font-weight: 700; margin-top: 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper { border: 1px solid #e0e0e0; padding: 15px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .country { font-size: 12px; color: #303030; font-weight: 700; text-transform: uppercase; float: left; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .country img { max-width: 26px; display: inline-block; margin-right: 10px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .country span { display: inline-block; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .update-date { float: right; color: #b4b4b4; font-size: 11px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .update-date .calendar { margin-right: 8px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper h2 { font-size: 16px; color: #303030; font-weight: 700; text-transform: lowercase; margin-bottom: 14px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper h2:first-letter { text-transform: uppercase; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .description-produit-wrapper { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 6.5%; border-right: 1px solid #e0e0e0; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .description-produit-wrapper h3 { font-size: 12px; color: #303030; font-weight: 700; text-transform: uppercase; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .description-produit-wrapper .description-produit { text-align: justify; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .ingredient-produit-wrapper { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 6.5%; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .ingredient-produit-wrapper h3 { font-size: 12px; color: #303030; font-weight: 700; text-transform: uppercase; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-1 .info-wrapper .ingredient-produit-wrapper .ingredient-produit { text-align: justify; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 { width: 37%; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 h1 { position: relative; overflow: hidden; margin-bottom: 16px; font-size: 16px; color: #303030; font-weight: 700; margin-top: 0; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .form_file_wrapper div { margin-top: 5px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .form_file_wrapper div label { margin-right: 5px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .form_file_wrapper input[type=submit] { margin: 10px 0; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .form_file_wrapper .ajax-loader-mini { position: relative; right: 0; margin-left: 5px; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .files { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .files ul li { margin-top: 5px; list-style-type: none; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .files ul li a { color: black; }
html body .container .content .article.admin .article-wrapper .colonne.colonne-2 .files ul li a:nth-child(1) { text-decoration: none; }
html body .container .content .article.admin .article-wrapper .images .cropping-image #coverimage { color: #ffffff; font-size: 10px; background: none; border: none; margin: 15px auto; padding: 0 5px; cursor: pointer; display: block; margin-left: 20px; background: #434a54; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
html body .container .content .article.admin .article-wrapper .images .cropping-image #hideimage { background: url("/bundles/sogedialsite/images/background-inactive.png") no-repeat center center; border: none; width: 111px; height: 20px; font-size: 10px; color: #ffffff; margin-left: 20px; cursor: pointer; display: block; padding-left: 15px; }
html body .container .content .article.admin .article-wrapper .images .cropping-image #displayimage { background: url("/bundles/sogedialsite/images/background-active.png") no-repeat center center; border: none; width: 111px; height: 20px; font-size: 10px; color: #ffffff; margin-left: 20px; cursor: pointer; display: block; }
html body .container .content .article.admin .article-wrapper .images .cropping-image #savecrop { color: #ffffff; font-size: 10px; background: none; border: none; margin-left: 20px; margin-top: 15px; text-align: center; padding: 0 5px; cursor: pointer; display: block; background: #434a54; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
html body .container .content .article.admin .article-wrapper .images .cropping-image .cropper { width: 480px; height: 287px; float: left; }
html body .container .content .article.admin .article-wrapper .images .cropping-image .active-image { width: 480px; height: 287px; float: left; background: #eaeaea; }
html body .container .content .article.admin .article-wrapper .images .cropping-image .active-image .cropper-modal { opacity: 0.08; }
html body .container .content .article.admin .article-wrapper .images .cropping-image .preview-wrapper { float: left; }
html body .container .content .article.admin .article-wrapper .images .cropping-image .preview-wrapper .cropped-image { margin-left: 20px; height: 185px; }
html body .container .content .article.admin .article-wrapper .images .cropping-image .preview-wrapper .cropped-image img { max-height: 185px; }
html body .container .content .article.admin .article-wrapper .images .list-image { position: relative; margin: 15px 0; }
html body .container .content .article.admin .article-wrapper .images .list-image .previous { display: block; position: absolute; float: left; cursor: pointer; top: 41%; left: 0; }
html body .container .content .article.admin .article-wrapper .images .list-image .next { display: block; top: 41%; right: 0; position: absolute; float: right; cursor: pointer; }
html body .container .content .article.admin .article-wrapper .images .list-image .wrapper { margin-left: 10px; }
html body .container .content .article.admin .article-wrapper .images .list-image .mini-image { width: 90px; height: 90px; display: inline-block; position: relative; }
html body .container .content .article.admin .article-wrapper .images .list-image .mini-image .deleteimage { text-indent: -99999px; background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1457px; background-repeat: no-repeat; height: 12px; width: 10px; display: block; position: absolute; bottom: 5px; right: 5px; border: none; padding: 0; }
html body .container .content .article.admin .article-wrapper .images .list-image .mini-image img { max-width: 90px; max-height: 90px; cursor: pointer; }
html body .container .content .article.admin .article-wrapper .colonne-2 { background: #fafafa; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; padding: 0; border: none; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header { height: 65px; background: #ffffff; border: 1px solid #e3e3e3; border-left: 5px solid #eabd22; padding: 12px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header.langue-validate { border-left: 5px solid #46bf1a; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .country { float: left; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .country .libelle { font-size: 12px; color: #303030; font-weight: 700; text-transform: uppercase; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .country img { height: 15px; margin-right: 10px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .update-date { float: right; color: #b4b4b4; font-size: 11px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .update-date .calendar { margin-right: 8px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header input, html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header label { display: none; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .validate { font-size: 12px; color: #383838; font-weight: 700; text-decoration: none; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-none-validate { margin-top: 11px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-validate { margin-top: 11px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-action { float: right; cursor: pointer; margin-top: 6px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-action .libelle { display: inline-block; font-size: 12px; color: #a8a8a8; font-weight: 700; display: block; float: left; margin-top: 2px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-action .trad-close, html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-action .trad-open { display: block; float: left; margin-left: 7px; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .header .trad-action:hover .libelle { color: #7f7f7f; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .content-trad { background: #f5f5f5; padding: 20px; display: none; border: 1px solid #e3e3e3; border-top: none; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .content-trad .save { background: #3fb816; color: #ffffff; width: 134px; height: 27px; line-height: 27px; text-align: center; border: none; float: right; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF54CD1E', endColorstr='#FF3FB816'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0Y2QxZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNmYjgxNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #54cd1e), color-stop(100%, #3fb816)); background-image: -webkit-linear-gradient(#54cd1e, #3fb816); background-image: -moz-linear-gradient(#54cd1e, #3fb816); background-image: -o-linear-gradient(#54cd1e, #3fb816); background-image: linear-gradient(#54cd1e, #3fb816); font-size: 14px; font-weight: 700; cursor: pointer; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .content-trad textarea { width: 100%; resize: none; border: px solid #e3e3e3; height: 115px; margin-bottom: 17px; margin-top: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .content-trad label { font-size: 12px; font-weight: 700; color: #303030; }
html body .container .content .article.admin .article-wrapper .colonne-2 .langues form fieldset .content-trad div:first-child textarea { height: 30px; }
html body .container .content.sort-fixed { padding-top: 50px; }
html body .container .content.sort-fixed .sort-bar { position: fixed; top: 0; left: 0; z-index: 10; }
html body .container .sort-bar { border-bottom: 1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #f4f4f4; height: 50px; line-height: 30px; font-weight: 400; width: 100%; z-index: 10; position: relative; }
html body .container .sort-bar .selectSort { position: relative; }
html body .container .sort-bar .selectSort.select-export .selectSortHeader { width: 16.70%; border-right: none; }
html body .container .sort-bar .selectSort .selectSortHeader { float: left; background-color: #fdfdfd; border-bottom: 1px solid #d9d9d9; width: 16.66%; text-align: center; height: 50px; font-size: 10px; cursor: pointer; color: #555555; font-size: 12px; font-weight: 700; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(#ffffff, #f5f5f5); background-image: -moz-linear-gradient(#ffffff, #f5f5f5); background-image: -o-linear-gradient(#ffffff, #f5f5f5); background-image: linear-gradient(#ffffff, #f5f5f5); }
html body .container .sort-bar .selectSort .selectSortHeader .selectSortWrapper { height: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border-right: 1px solid #d9d9d9; height: 30px; margin-top: 10px; vertical-align: center; }
html body .container .sort-bar .selectSort .selectSortHeader .selectSortWrapper .arrow { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1419px; background-repeat: no-repeat; height: 5px; width: 8px; display: inline-block; margin-left: 1em; }
html body .container .sort-bar .selectSort .selectSortHeader.open { color: #000000; background: #e5e5e5; margin-left: -1px; padding-left: 1px; }
html body .container .sort-bar .selectSort .selectSortHeader.open .arrow { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1599px; background-repeat: no-repeat; height: 5px; width: 8px; }
html body .container .sort-bar .selectSort .selectSortHeader.open .selectSortWrapper { border-right: 1px solid transparent; }
html body .container .sort-bar .selectSort.select-temp .selectSortHeader { width: 11.7%; }
html body .container .sort-bar .selectSort.select-temp .selectSortContent .group { margin: 0 20px 2px 10px; width: auto; }
html body .container .sort-bar .selectSort.select-rayon .selectSortHeader { width: 9.2%; }
html body .container .sort-bar .selectSort.select-rayon .selectSortContent { width: 33%; }
html body .container .sort-bar .selectSort.select-rayon .selectSortContent .group { max-height: 300px; }
html body .container .sort-bar .selectSort.select-famille .selectSortHeader { width: 9.7%; }
html body .container .sort-bar .selectSort.select-famille .selectSortContent { width: 33%; }
html body .container .sort-bar .selectSort.select-famille .selectSortContent .group { max-height: 300px; }
html body .container .sort-bar .selectSort.select-sfamille .selectSortHeader { width: 12.3%; }
html body .container .sort-bar .selectSort.select-sfamille .selectSortContent { width: 40.6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .sort-bar .selectSort.select-sfamille .selectSortContent .group { max-height: 300px; }
html body .container .sort-bar .selectSort.select-order .selectSortHeader { width: 10.9%; color: #c2c2c2; }
html body .container .sort-bar .selectSort.select-order .selectSortContent .group { margin: 0 20px 2px 10px; width: auto; }
html body .container .sort-bar .selectSort.select-gamme .selectSortHeader { width: 14%; }
html body .container .sort-bar .selectSort.select-gamme .selectSortContent .group { margin: 0 20px 2px 10px; width: auto; }
html body .container .sort-bar .selectSort.select-prix .selectSortHeader { width: 8.3%; }
html body .container .sort-bar .selectSort.select-prix .selectSortContent { width: 20%; }
html body .container .sort-bar .selectSort.select-prix .selectSortContent .group { margin: 0 20px 2px 10px; width: auto; }
html body .container .sort-bar .selectSort.select-autre .selectSortHeader { width: 11.4%; }
html body .container .sort-bar .selectSort.select-autre .selectSortContent .group { margin: 0 20px 2px 10px; width: auto; }
html body .container .sort-bar .selectSort.select-export .selectSortHeader { width: 12.5%; }
html body .container .sort-bar .selectSort.select-export .selectSortHeader .selectSortWrapper { border-right: 0; }
html body .container .sort-bar .selectSort.select-export .selectSortContent { width: 12.5%; }
html body .container .sort-bar .selectSort.select-export .selectSortContent .group { margin: 0 2% 2px 2%; width: auto; width: 96%; }
html body .container .sort-bar .selectSort .selectSortContent { display: none; z-index: 9999; position: absolute; top: 0; left: 0; background-color: #ffffff; border: 1px solid #e2e2e2; color: #555555; text-align: left; font-size: 12px; font-weight: 500; padding: 0.3% 0; -webkit-box-shadow: #e2e2e2 0px 2px 2px; -moz-box-shadow: #e2e2e2 0px 2px 2px; box-shadow: #e2e2e2 0px 2px 2px; }
html body .container .sort-bar .selectSort .selectSortContent .launch-wrapper { border-top: 1px solid #9a9a9a; margin-top: 8px; margin: 8px 3.7% 0 2%; }
html body .container .sort-bar .selectSort .selectSortContent .launch-wrapper.no-border { border-top: none; }
html body .container .sort-bar .selectSort .selectSortContent .launch-wrapper .launch-filter { background: #e5e5e5; border: 1px solid #d6d6d6; margin-top: 10px; cursor: pointer; height: 22px; width: 75px; }
html body .container .sort-bar .selectSort .selectSortContent .search-filter { color: #555555; font-size: 12px; border: 1px solid #9a9a9a; width: 94.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 19px 2px 10px; margin: 0 3.7% 0 2%; background: url("/bundles/sogedialsite/images/loupe.png") no-repeat center right; }
html body .container .sort-bar .selectSort .selectSortContent .search-filter::-webkit-input-placeholder { font-style: italic; }
html body .container .sort-bar .selectSort .selectSortContent .search-filter::-moz-placeholder { font-style: italic; }
html body .container .sort-bar .selectSort .selectSortContent .search-filter:-moz-placeholder { font-style: italic; }
html body .container .sort-bar .selectSort .selectSortContent .search-filter:-ms-input-placeholder { font-style: italic; }
html body .container .sort-bar .selectSort .selectSortContent .group { border-bottom: 1px solid #9A9A9A; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1% 0 2%; width: 97%; padding-bottom: 2px; margin-bottom: 2px; }
html body .container .sort-bar .selectSort .selectSortContent .group.last { border: none; }
html body .container .sort-bar .selectSort .selectSortContent .group.no-border { border-bottom: none; }
html body .container .sort-bar .selectSort .selectSortContent .group .separator { background: none; text-transform: uppercase; line-height: 15px; height: 15px; color: #323335; font-weight: 700; font-size: 12px; padding-left: 10px; margin: 11px 1% 5px 0; border-bottom: 1px solid #9a9a9a; padding-bottom: 1px; }
html body .container .sort-bar .selectSort .selectSortContent .group .item { padding: 8px 18px 8px 8px; line-height: 12px; margin: 0; border: 1px solid transparent; font-weight: 400; margin-right: 1%; }
html body .container .sort-bar .selectSort .selectSortContent .group .item:hover { background: #f1f1f1; border: 1px solid #9A9A9A; }
html body .container .sort-bar .selectSort .selectSortContent .group .item label { text-transform: capitalize; }
html body .container .sort-bar .selectSort .selectSortContent .group .item#exportpdf { margin-top: 9px; cursor: pointer; padding: 4% 2%; }
html body .container .sort-bar .selectSort .selectSortContent .group .item#exportpdf .libelle { float: left; margin-top: 6px; }
html body .container .sort-bar .selectSort .selectSortContent .group .item#exportpdf .logo-pdf { float: left; }
html body .container .sort-bar .selectSort .selectSortContent .group .item#exportexl { margin-top: 6px; cursor: pointer; padding: 4% 2%; }
html body .container .sort-bar .selectSort .selectSortContent .group .item#exportexl .libelle { float: left; margin-top: 6px; }
html body .container .sort-bar .selectSort .selectSortContent .group .item#exportexl .logo-excel { float: left; margin-right: 10px; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:not(:checked), html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:checked { left: -9999px; position: absolute; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:not(:checked) + label, html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:checked + label { cursor: pointer; padding-left: 25px; position: relative; width: 100%; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:not(:checked) + label:before, html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:checked + label:before { background: none; border: 1px solid #9a9a9a; height: 10px; left: 0; content: ''; position: absolute; top: 1px; width: 10px; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:not(:checked) + label:after, html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:checked + label:after { color: #3e454d; content: ' '; font-size: 14px; left: 0; position: absolute; top: 1px; transition: all 0.2s ease 0s; background: #323335; width: 10px; height: 10px; border: 1px solid #050505; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:disabled:not(:checked) + label:before, html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:disabled:checked + label:before { background-color: #DDDDDD; border-color: #BBBBBB; box-shadow: none; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:disabled:checked + label:after { color: #999999; }
html body .container .sort-bar .selectSort .selectSortContent [type="checkbox"]:disabled + label { color: #AAAAAA; }
html body .container .sort-bar .selectSort .selectSortContent input[type="radio"] { display: none; }
html body .container .sort-bar .selectSort .selectSortContent label { cursor: pointer; }
html body .container .sort-bar .selectSort .selectSortContent input[type="radio"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1551px; background-repeat: no-repeat; height: 14px; width: 14px; cursor: pointer; }
html body .container .sort-bar .selectSort .selectSortContent input[type="radio"].desc + label span { background-image: url('/bundles/sogedialsite/images/main-sd2927c3ab8.png'); background-position: 0 -1575px; background-repeat: no-repeat; height: 14px; width: 14px; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider { font-size: 10px; margin: 3em 0 1em 0; position: relative; padding: 0 15% 0 10%; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider #priceSelector { margin: 0 15px 0 30px; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider #priceSelector .tooltip { display: block; position: absolute; background: #3e454d; color: #ffffff; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-weight: 400; display: inline-block; line-height: 16px; top: -22px; padding: 0; left: -14.5px; text-align: center; padding: 0 5px; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider #priceSelector .tooltip strong { display: block; padding: 2px; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider #priceSelector .noUi-origin { background: #f4f4f4; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider #priceSelector .noUi-origin:first-child { background: #323335; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider #priceSelector .noUi-origin .noUi-handle { border: 1px solid #b3b3b3; background: #d7d7d7; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider .start { position: absolute; bottom: 0; left: 0; line-height: 10px; padding-left: 8%; }
html body .container .sort-bar .selectSort .selectSortContent .price-slider .end { position: absolute; bottom: 0; right: 0; line-height: 10px; padding-right: 0; }
html body .container .sort-bar .selectSort .selectSortContent #input-min { width: 30px; margin-left: 8%; text-align: center; }
html body .container .sort-bar .selectSort .selectSortContent #input-max { width: 30px; float: right; text-align: center; }
html body .container .sort-bar form .sbHolder { background-color: #f4f4f4; border-right: 1px solid #e2e2e2; font-size: 13px; height: 22px; position: relative; padding: 0; display: inline-block; width: 16.66%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-right: -3px; }
html body .container .sort-bar form .sbHolder:last-child { border: none; }
html body .container .sort-bar form .sbSelector { display: block; height: 22px; left: 0; line-height: 22px; outline: none; overflow: hidden; text-indent: 10px; top: 0; width: 100%; display: block; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 10px; }
html body .container .sort-bar form .sbSelector:link, html body .container .sort-bar form .sbSelector:visited, html body .container .sort-bar form .sbSelector:hover { color: #9a9a9a; outline: none; text-decoration: none; }
html body .container .sort-bar form .sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
html body .container .sort-bar form .sbOptions { background-color: #fafafa; border: solid 1px #e2e2e2; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 100%; z-index: 1; overflow-y: auto; font-size: 10px; max-height: 320px !important; }
html body .container .sort-bar form .sbOptions li { padding: 0; text-transform: uppercase; }
html body .container .sort-bar form .sbOptions li.last a { border-bottom: none; }
html body .container .sort-bar form .sbOptions li:first-child { display: none; }
html body .container .sort-bar form .sbOptions a { border-bottom: solid 1px #e9e9e9; display: block; outline: none; padding: 4px 0 4px 9px; }
html body .container .sort-bar form .sbOptions a:link, html body .container .sort-bar form .sbOptions a:visited { color: #444444; text-decoration: none; }
html body .container .sort-bar form .sbOptions a:hover, html body .container .sort-bar form .sbOptions a:focus, html body .container .sort-bar form .sbOptions a.sbFocus { background-color: #f5f5f5; }
html body .container .sort-bar form .sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; }
html body .container .sort-bar form .sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
html body .container .sort-bar form .sbOptions .sbSub { padding-left: 17px; }
html body .container .breadcrumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body .container .breadcrumb ul { list-style-type: none; padding: 0; margin: 0; height: 22px; margin: 0 auto; padding: 8px 0; text-transform: uppercase; font-weight: 400; font-size: 10px; }
html body .container .breadcrumb ul li { list-style-type: none; float: left; background: #e1e4e9; line-height: 22px; margin: 0; }
html body .container .breadcrumb ul li a { font-size: 10px; float: left; color: #434a54; text-decoration: none; padding-left: 1.5em; padding-right: 0.5em; }
html body .container .breadcrumb ul li.end { background: #434a54; color: #ffffff; }
html body .container .breadcrumb ul li span { float: left; }
html body .container .breadcrumb ul .a-last { font-size: 10px; padding-left: 1em; padding-right: 0.5em; }
html body.product-admin .container .content .articles .product { height: 460px; }
html body.product-detail { background: #ffffff; }
html body.login, html body.register { background: #ffffff; }
html body.login header .logo-wrapper, html body.register header .logo-wrapper { border: none; }
html body.login header .menu-wrapper, html body.register header .menu-wrapper { width: 75.375%; border: none; color: #ffffff; padding: 6.5px 0 0 10%; }
html body.login header .menu-wrapper .nav-wrapper, html body.register header .menu-wrapper .nav-wrapper { display: block !important; position: relative; top: 0; width: 100%; background: none; padding-top: 13px; }
html body.login header .menu-wrapper .nav-wrapper #nav li, html body.register header .menu-wrapper .nav-wrapper #nav li { display: inline-block; width: auto; }
html body.login header .menu-wrapper .nav-wrapper #nav li a, html body.register header .menu-wrapper .nav-wrapper #nav li a { font-size: 13px; font-weight: 500; }
html body.login header .menu-wrapper .nav-wrapper #nav li a:hover, html body.register header .menu-wrapper .nav-wrapper #nav li a:hover { background: none; }
html body.login header .help-wrapper, html body.register header .help-wrapper { width: 9%; float: right; height: 40px; line-height: 40px; padding: 19.5px 0 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body.login header .help-wrapper a, html body.register header .help-wrapper a { color: #ffffff; text-decoration: none; display: block; padding: 0; font-size: 13px; font-weight: 500; height: 30px; line-height: 30px; }
html body.login .row, html body.register .row { width: 100%; font-size: 11px; padding-bottom: 4.54545em; }
html body.login .row h2, html body.register .row h2 { color: #303030; font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 0; padding-bottom: 1.625em; padding-top: 0; }
html body.login .row p, html body.register .row p { color: #919191; font-size: 12px; }
html body.login .row.row1, html body.register .row.row1 { background: #f9f9f9; }
html body.login .row.row2, html body.register .row.row2 { border-top: 2px solid #e0e0e0; font-size: 11px; padding-top: 2.72727em; background: #ffffff; }
html body.login .row.row2 .item, html body.register .row.row2 .item { width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 11px; padding: 0 55px; }
html body.login .row.row2 .item.first, html body.register .row.row2 .item.first { padding-right: 5.81818em; }
html body.login .row.row2 .item.middle, html body.register .row.row2 .item.middle { padding: 0 2.90909em; }
html body.login .row.row2 .item.last, html body.register .row.row2 .item.last { padding-left: 5.81818em; }
html body.login .row.row2 .item p, html body.register .row.row2 .item p { font-size: 12px; padding-top: 7px; margin-bottom: 0; }
html body.login .row.row3, html body.register .row.row3 { font-size: 11px; background: #f9f9f9; padding-bottom: 0; }
html body.login .row.row3 .row-wrapper, html body.register .row.row3 .row-wrapper { max-width: 1170px; margin: 0 auto; font-size: 11px; }
html body.login .row.row3 .row-wrapper .row-content, html body.register .row.row3 .row-wrapper .row-content { padding: 0 21% 1.81818em 21%; width: 58%; }
html body.login .row.row3 .row-wrapper .row-content h2, html body.register .row.row3 .row-wrapper .row-content h2 { text-align: center; padding-top: 2.30769em; }
html body.login .row.row3 .row-wrapper .row-content p, html body.register .row.row3 .row-wrapper .row-content p { font-size: 14px; font-weight: 500; text-align: center; margin: 0; padding-bottom: 1.78571em; }
html body.login .row.row4, html body.register .row.row4 { font-size: 11px; padding-top: 4.09091em; padding-bottom: 2.72727em; background: #ffffff; }
html body.login .row.row4 .item, html body.register .row.row4 .item { width: 33.33%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 11px; padding: 0 50px; }
html body.login .row.row4 .item h2, html body.register .row.row4 .item h2 { padding-top: 0.375em; padding-bottom: 1.25em; }
html body.login .row.row4 .item p, html body.register .row.row4 .item p { font-size: 16px; padding: 0; margin: 0; }
html body.login .row.row4 .item .logo-1, html body.register .row.row4 .item .logo-1 { font-size: 11px; margin-right: 2.27273em; margin-bottom: 9.09091em; }
html body.login .row.row4 .item .logo-2, html body.register .row.row4 .item .logo-2 { font-size: 11px; margin-right: 2.72727em; margin-bottom: 9.09091em; }
html body.login .row.row4 .item .logo-3, html body.register .row.row4 .item .logo-3 { font-size: 11px; margin-right: 2.63636em; margin-bottom: 9.09091em; }
html body.login .row .form-wrapper, html body.register .row .form-wrapper { width: 43%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
html body.login .row .form-wrapper .form-login, html body.register .row .form-wrapper .form-login { float: right; color: #999999; font-size: 11px; margin-top: 100px; padding: 8px 55px; border-right: 1px solid #e5e5e5; }
html body.login .row .form-wrapper .form-login input[type="text"], html body.register .row .form-wrapper .form-login input[type="text"] { -webkit-border-radius: 1px 1px; -moz-border-radius: 1px / 1px; border-radius: 1px / 1px; border: 1px solid #e5e6e9; width: 225px; margin: 0 auto; display: block; margin-bottom: 17px; padding: 0 0 0 45px; background: url("/bundles/sogedialsite/images/logo-name.png") no-repeat center left white; height: 35px; font-size: 12px; color: #151514; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body.login .row .form-wrapper .form-login input[type="text"]:focus, html body.register .row .form-wrapper .form-login input[type="text"]:focus { box-shadow: none; transition: none; border-color: #094cd0; }
html body.login .row .form-wrapper .form-login input[type="password"], html body.register .row .form-wrapper .form-login input[type="password"] { -webkit-border-radius: 1px 1px; -moz-border-radius: 1px / 1px; border-radius: 1px / 1px; border: 1px solid #e5e6e9; width: 225px; margin: 0 auto; display: block; margin-bottom: 24px; padding: 0 0 0 45px; background: url("/bundles/sogedialsite/images/logo-password.png") no-repeat center left white; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body.login .row .form-wrapper .form-login input[type="password"]:focus, html body.register .row .form-wrapper .form-login input[type="password"]:focus { box-shadow: none; transition: none; border-color: #094cd0; }
html body.login .row .form-wrapper .form-login #_submit, html body.register .row .form-wrapper .form-login #_submit { background: #e50b1e; border: none; font-size: 14px; padding: 0.5em 0; cursor: pointer; margin: 0 auto; display: block; font-weight: 700; color: #ffffff; width: 225px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE90C20', endColorstr='#FFD20815'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MGMyMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyMDgxNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e90c20), color-stop(100%, #d20815)); background-image: -webkit-linear-gradient(#e90c20, #d20815); background-image: -moz-linear-gradient(#e90c20, #d20815); background-image: -o-linear-gradient(#e90c20, #d20815); background-image: linear-gradient(#e90c20, #d20815); }
html body.login .row .form-wrapper .form-login #reseting, html body.register .row .form-wrapper .form-login #reseting { color: #5f5f5f; font-size: 11px; margin-top: 10px; text-decoration: none; text-align: center; display: block; font-weight: 500; }
html body.login .row .form-wrapper .form-login #ask-access, html body.register .row .form-wrapper .form-login #ask-access { background: #8e8e8e; border: none; font-size: 14px; padding: 0.5em 0; cursor: pointer; margin: 0 auto; display: block; font-weight: 700; color: #ffffff; width: 225px; text-decoration: none; text-align: center; margin-top: 10px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA0A0A0', endColorstr='#FF777777'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYTBhMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a0a0a0), color-stop(100%, #777777)); background-image: -webkit-linear-gradient(#a0a0a0, #777777); background-image: -moz-linear-gradient(#a0a0a0, #777777); background-image: -o-linear-gradient(#a0a0a0, #777777); background-image: linear-gradient(#a0a0a0, #777777); letter-spacing: 0.5px; }
html body.login .row .ecran-wrapper, html body.register .row .ecran-wrapper { width: 57%; float: left; padding-left: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html body.login .row .ecran-wrapper .logo-ecran, html body.register .row .ecran-wrapper .logo-ecran { margin: 100px 0; }
html .container.user-manager > section .user-manager-wrapper { margin: 40px; min-height: 801px; }
html .container.user-manager > section .user-manager-wrapper .btn-create { line-height: 35px; display: inline-block; text-decoration: none; margin-top: 0; height: 35px; font-weight: 700; font-size: 14px; color: #ffffff; width: 250px; text-align: center; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF005099', endColorstr='#FF003260'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzI2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005099), color-stop(100%, #003260)); background-image: -webkit-linear-gradient(#005099, #003260); background-image: -moz-linear-gradient(#005099, #003260); background-image: -o-linear-gradient(#005099, #003260); background-image: linear-gradient(#005099, #003260); }
html .container.user-manager > section .user-manager-wrapper .btn-create:hover { background-color: #003566; }
html .container.user-manager > section .user-manager-wrapper hr { border: none; background: #323335; height: 1px; width: 100%; margin: 11px 0; }
html .container.user-manager > section .user-manager-wrapper .block + .block { margin-top: 30px; }
html .container.user-manager > section .user-manager-wrapper .block * { margin: 0px; padding: 0px; }
html .container.user-manager > section .user-manager-wrapper .block .block-title { background-color: #e1e4e9; border-bottom: 1px solid #e3e4e8; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; height: 30px; }
html .container.user-manager > section .user-manager-wrapper .block .block-title .toggle-wrapper { height: 30px; width: 30px; float: left; padding-top: 13px; box-sizing: border-box; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; cursor: pointer; }
html .container.user-manager > section .user-manager-wrapper .block .block-title .title { color: #ffffff; margin: 0px; font-size: 14px; font-weight: 700; float: left; height: 30px; line-height: 30px; }
html .container.user-manager > section .user-manager-wrapper .block .block-content { overflow: hidden; *zoom: 1; padding: 0px; color: #8f9399; border-bottom: 1px solid #e3e4e8; padding-bottom: 10px; }
html .container.user-manager > section .user-manager-wrapper .block .block-content .dataTables_filter, html .container.user-manager > section .user-manager-wrapper .block .block-content .dataTables_length { display: none; }
html .container.user-manager > section .user-manager-wrapper .block .block-title + .block-content { margin-top: 0; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable thead { background-color: #f3f3f3; font-weight: 400; font-size: 11px; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable thead .sorting_asc { background: url("/bundles/sogedialsite/images/sort_asc.png") no-repeat 95% center; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable thead .sorting_desc { background: url("/bundles/sogedialsite/images/sort_desc.png") no-repeat 95% center; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable thead tr { color: #434a54; font-weight: 400; font-size: 11px; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable tbody tr { color: #a4a9ae; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable tbody tr.odd { background-color: #ffffff; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable tbody tr.even { background-color: #f6f8fa; }
html .container.user-manager > section .user-manager-wrapper .block table.dataTable tr { height: 25px; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_length { float: right; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_filter { float: left; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333333 !important; border: 1px solid transparent; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.current, html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, gainsboro 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, gainsboro 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, gainsboro 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, gainsboro 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%); /* W3C */ }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111111 100%); /* W3C */ }
html .container.user-manager > section .user-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; }
html .container.user-manager > section .user-manager-wrapper .block.access-deny .block-title { background-color: #393f48; border-bottom: 1px solid #050505; }
html .container.user-manager > section .user-manager-wrapper .block.access-deny .block-title .toggle-wrapper:hover { background-color: #050505; }
html .container.user-manager > section .user-manager-wrapper .block.access-deny .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/icons-user-access/deny.png") no-repeat 12px center; }
html .container.user-manager > section .user-manager-wrapper .block.access-lock .block-title { background-color: #df3043; border-bottom: 1px solid #c62133; }
html .container.user-manager > section .user-manager-wrapper .block.access-lock .block-title .toggle-wrapper:hover { background-color: #c62133; }
html .container.user-manager > section .user-manager-wrapper .block.access-lock .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/icons-user-access/lock.png") no-repeat 12px center; }
html .container.user-manager > section .user-manager-wrapper .block.access-pending .block-title { background-color: #f9c034; border-bottom: 1px solid #e6a912; }
html .container.user-manager > section .user-manager-wrapper .block.access-pending .block-title .toggle-wrapper:hover { background-color: #e6a912; }
html .container.user-manager > section .user-manager-wrapper .block.access-pending .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/icons-user-access/pending.png") no-repeat 12px center; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate .block-title { background-color: #8ecc4a; border-bottom: 1px solid #81b449; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate .block-title .toggle-wrapper:hover { background-color: #81b449; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/icons-user-access/validate.png") no-repeat 12px center; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table, html .container.user-manager > section .user-manager-wrapper .block.access-pending table, html .container.user-manager > section .user-manager-wrapper .block.access-lock table, html .container.user-manager > section .user-manager-wrapper .block.access-deny table, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table { margin: 0px auto; text-align: left; width: 100%; padding-top: 0; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-actions, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-importationfrance, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-nature, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-country, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-name, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-age, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-temps, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-frequence, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-commandes, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-chiffre-affaires, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-causes, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-contact, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-importation, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-actions, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-importationfrance, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-nature, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-country, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-name, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-age, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-temps, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-frequence, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-commandes, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-chiffre-affaires, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-causes, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-contact, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-importation, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-actions, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-importationfrance, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-nature, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-country, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-name, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-age, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-temps, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-frequence, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-commandes, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-chiffre-affaires, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-causes, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-contact, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-importation, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-actions, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-importationfrance, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-nature, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-country, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-name, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-age, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-temps, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-frequence, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-commandes, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-chiffre-affaires, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-causes, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-contact, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-importation, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-actions, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-importationfrance, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-nature, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-country, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-name, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-age, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-temps, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-frequence, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-commandes, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-chiffre-affaires, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-causes, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-contact, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-importation { width: 12.5% !important; color: #434a54; font-weight: 400; font-size: 11px; padding-left: 1%; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-actions.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-actions.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-importationfrance.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-importationfrance.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-email.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-email.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-nature.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-nature.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-country.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-country.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-created.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-created.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-updated.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-updated.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-name.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-name.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-age.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-age.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-temps.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-temps.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-frequence.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-frequence.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-commandes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-commandes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-chiffre-affaires.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-chiffre-affaires.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-causes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-causes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-contact.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-contact.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-importation.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-importation.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-actions.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-actions.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-importationfrance.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-importationfrance.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-email.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-email.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-nature.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-nature.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-country.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-country.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-created.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-created.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-updated.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-updated.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-name.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-name.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-age.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-age.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-temps.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-temps.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-frequence.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-frequence.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-commandes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-commandes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-chiffre-affaires.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-chiffre-affaires.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-causes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-causes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-contact.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-contact.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-importation.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-importation.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-actions.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-actions.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-importationfrance.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-importationfrance.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-email.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-email.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-nature.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-nature.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-country.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-country.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-created.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-created.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-updated.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-updated.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-name.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-name.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-age.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-age.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-temps.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-temps.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-frequence.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-frequence.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-commandes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-commandes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-chiffre-affaires.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-chiffre-affaires.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-causes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-causes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-contact.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-contact.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-importation.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-importation.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-actions.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-actions.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-importationfrance.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-importationfrance.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-email.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-email.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-nature.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-nature.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-country.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-country.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-created.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-created.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-updated.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-updated.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-name.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-name.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-age.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-age.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-temps.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-temps.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-frequence.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-frequence.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-commandes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-commandes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-chiffre-affaires.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-chiffre-affaires.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-causes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-causes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-contact.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-contact.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-importation.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-importation.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-actions.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-actions.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-importationfrance.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-importationfrance.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-email.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-email.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-nature.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-nature.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-country.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-country.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-created.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-created.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-updated.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-updated.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-name.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-name.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-age.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-age.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-temps.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-temps.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-frequence.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-frequence.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-commandes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-commandes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-chiffre-affaires.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-chiffre-affaires.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-causes.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-causes.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-contact.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-contact.sorting_asc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-importation.sorting_desc, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-importation.sorting_asc { background-color: #e3e3e3; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-date-updated, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-created, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-date-updated { width: 11.5% !important; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-pending table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-lock table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-deny table th.col-email, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table th.col-email { width: 14.5% !important; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table td, html .container.user-manager > section .user-manager-wrapper .block.access-pending table td, html .container.user-manager > section .user-manager-wrapper .block.access-lock table td, html .container.user-manager > section .user-manager-wrapper .block.access-deny table td, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table td { padding-left: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table a, html .container.user-manager > section .user-manager-wrapper .block.access-pending table a, html .container.user-manager > section .user-manager-wrapper .block.access-lock table a, html .container.user-manager > section .user-manager-wrapper .block.access-deny table a, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table a { text-decoration: none; color: black; }
html .container.user-manager > section .user-manager-wrapper .block.access-validate table a:focus, html .container.user-manager > section .user-manager-wrapper .block.access-validate table a:visited, html .container.user-manager > section .user-manager-wrapper .block.access-pending table a:focus, html .container.user-manager > section .user-manager-wrapper .block.access-pending table a:visited, html .container.user-manager > section .user-manager-wrapper .block.access-lock table a:focus, html .container.user-manager > section .user-manager-wrapper .block.access-lock table a:visited, html .container.user-manager > section .user-manager-wrapper .block.access-deny table a:focus, html .container.user-manager > section .user-manager-wrapper .block.access-deny table a:visited, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table a:focus, html .container.user-manager > section .user-manager-wrapper .block.access-orphans table a:visited { color: black; }
html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr th { width: 12.5% !important; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr th:last-child, html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr th.col-actions { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr th.col-date-created, html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr th.col-date-updated { width: 11.5% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr th.col-email { width: 14.5% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr td { border-right: 1px solid #e3e3e3; }
html .container.user-manager > section .user-manager-wrapper #block-access-pending table tr td:last-child { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-validate table tr th { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 11% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-validate table tr th:last-child, html .container.user-manager > section .user-manager-wrapper #block-access-validate table tr th.col-actions { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-validate table tr th.col-actions { width: 12% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-validate table tr td { border-right: 1px solid #e3e3e3; }
html .container.user-manager > section .user-manager-wrapper #block-access-validate table tr td:last-child { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr th { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 11% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr th:last-child, html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr th.col-actions { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr th.col-causes { width: 44% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr th.col-actions { width: 12% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr td { border-right: 1px solid #e3e3e3; }
html .container.user-manager > section .user-manager-wrapper #block-access-lock table tr td:last-child { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr th { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 14.5% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr th:last-child, html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr th.col-actions { border-right: none; }
html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr th.col-actions { width: 12% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr th.col-contact { width: 15.5% !important; }
html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr td { border-right: 1px solid #e3e3e3; }
html .container.user-manager > section .user-manager-wrapper #block-access-deny table tr td:last-child { border-right: none; }
html .container.user-manager > section .user-manager-wrapper .block.summary { margin-top: 10px; }
html .container.user-manager > section .user-manager-wrapper .block.summary table { margin: 0px auto; text-align: center; width: auto; }
html .container.user-manager > section .user-manager-wrapper .block.summary table th { padding: 5px; }
html .container.user-edit, html .container.user-create, html .container.user-create-client, html .container.user-client-create-client { background: #f4f4f4; }
html .container.user-edit > section form, html .container.user-create > section form, html .container.user-create-client > section form, html .container.user-client-create-client > section form { -webkit-box-shadow: #e2e2e2 0px 2px 2px; -moz-box-shadow: #e2e2e2 0px 2px 2px; box-shadow: #e2e2e2 0px 2px 2px; }
html .container.user-edit > section form, html .container.user-create > section form, html .container.user-create-client > section form, html .container.user-client-create-client > section form { margin: 30px auto; color: #303030; font-size: 12px; width: 850px; }
html .container.user-edit > section form > div + div, html .container.user-create > section form > div + div, html .container.user-create-client > section form > div + div, html .container.user-client-create-client > section form > div + div { margin-top: 20px; }
html .container.user-edit > section form label, html .container.user-create > section form label, html .container.user-create-client > section form label, html .container.user-client-create-client > section form label { display: block; margin-top: 15px; margin-bottom: 5px; color: #303030; font-weight: 700; }
html .container.user-edit > section form select, html .container.user-create > section form select, html .container.user-create-client > section form select, html .container.user-client-create-client > section form select { background-color: #f4f4f4; border: 1px solid #e2e2e2; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
html .container.user-edit > section form select option, html .container.user-create > section form select option, html .container.user-create-client > section form select option, html .container.user-client-create-client > section form select option { height: 27px; line-height: 27px; }
html .container.user-edit > section form select:focus, html .container.user-create > section form select:focus, html .container.user-create-client > section form select:focus, html .container.user-client-create-client > section form select:focus { background-color: #e2e2e2; border: 1px solid #a4a6aa; }
html .container.user-edit > section form input, html .container.user-create > section form input, html .container.user-create-client > section form input, html .container.user-client-create-client > section form input { background-color: #ffffff; border: 1px solid #c6c7ca; padding: 4px 6px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 30px; line-height: 30px; }
html .container.user-edit > section form input:focus, html .container.user-create > section form input:focus, html .container.user-create-client > section form input:focus, html .container.user-client-create-client > section form input:focus { border: 1px solid #1a72bc; }
html .container.user-edit > section form .grid-1, html .container.user-create > section form .grid-1, html .container.user-create-client > section form .grid-1, html .container.user-client-create-client > section form .grid-1 { margin-right: 4%; float: left; width: 46%; }
html .container.user-edit > section form .grid-2, html .container.user-create > section form .grid-2, html .container.user-create-client > section form .grid-2, html .container.user-client-create-client > section form .grid-2 { overflow: hidden; *zoom: 1; margin-left: 4%; float: left; width: 46%; }
html .container.user-edit > section form .half, html .container.user-create > section form .half, html .container.user-create-client > section form .half, html .container.user-client-create-client > section form .half { overflow: hidden; *zoom: 1; float: left; }
html .container.user-edit > section form .half > div, html .container.user-create > section form .half > div, html .container.user-create-client > section form .half > div, html .container.user-client-create-client > section form .half > div { width: 43%; float: left; margin-right: 7%; }
html .container.user-edit > section form .half > span > div, html .container.user-create > section form .half > span > div, html .container.user-create-client > section form .half > span > div, html .container.user-client-create-client > section form .half > span > div { width: 43%; float: left; margin-left: 7%; }
html .container.user-edit > section form .group-1, html .container.user-create > section form .group-1, html .container.user-create-client > section form .group-1, html .container.user-client-create-client > section form .group-1 { padding: 0 4.5%; }
html .container.user-edit > section form .group-1 .title, html .container.user-create > section form .group-1 .title, html .container.user-create-client > section form .group-1 .title, html .container.user-client-create-client > section form .group-1 .title { color: #003566; position: relative; font-size: 14px; font-weight: 700; overflow: hidden; text-align: center; }
html .container.user-edit > section form .group-1 .title:before, html .container.user-edit > section form .group-1 .title:after, html .container.user-create > section form .group-1 .title:before, html .container.user-create > section form .group-1 .title:after, html .container.user-create-client > section form .group-1 .title:before, html .container.user-create-client > section form .group-1 .title:after, html .container.user-client-create-client > section form .group-1 .title:before, html .container.user-client-create-client > section form .group-1 .title:after { background-color: #434a54; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
html .container.user-edit > section form .group-1 .title:before, html .container.user-create > section form .group-1 .title:before, html .container.user-create-client > section form .group-1 .title:before, html .container.user-client-create-client > section form .group-1 .title:before { right: 1em; margin-left: -50%; }
html .container.user-edit > section form .group-1 .title:after, html .container.user-create > section form .group-1 .title:after, html .container.user-create-client > section form .group-1 .title:after, html .container.user-client-create-client > section form .group-1 .title:after { left: 1em; margin-right: -50%; }
html .container.user-edit > section form .group-2, html .container.user-edit > section form .group-3, html .container.user-create > section form .group-2, html .container.user-create > section form .group-3, html .container.user-create-client > section form .group-2, html .container.user-create-client > section form .group-3, html .container.user-client-create-client > section form .group-2, html .container.user-client-create-client > section form .group-3 { background-color: #ffffff; border-top-width: 6px; padding: 0px 4.5% 20px 4.5%; -webkit-box-shadow: #e2e2e2 0px 2px 2px; -moz-box-shadow: #e2e2e2 0px 2px 2px; box-shadow: #e2e2e2 0px 2px 2px; }
html .container.user-edit > section form .group-3, html .container.user-create > section form .group-3, html .container.user-create-client > section form .group-3, html .container.user-client-create-client > section form .group-3 { padding-top: 20px; }
html .container.user-edit > section form .group-3 .grid-3, html .container.user-create > section form .group-3 .grid-3, html .container.user-create-client > section form .group-3 .grid-3, html .container.user-client-create-client > section form .group-3 .grid-3 { border-top: 1px solid #b8b8b8; margin-top: 18px; }
html .container.user-edit > section form .group-3 .grid-3 div, html .container.user-create > section form .group-3 .grid-3 div, html .container.user-create-client > section form .group-3 .grid-3 div, html .container.user-client-create-client > section form .group-3 .grid-3 div { margin-left: 4%; width: 46%; float: left; }
html .container.user-edit > section form .group-3 .grid-3 div:first-child, html .container.user-create > section form .group-3 .grid-3 div:first-child, html .container.user-create-client > section form .group-3 .grid-3 div:first-child, html .container.user-client-create-client > section form .group-3 .grid-3 div:first-child { margin-right: 4%; margin-left: 0; }
html .container.user-edit > section form .group-3 .grid-3 div label, html .container.user-create > section form .group-3 .grid-3 div label, html .container.user-create-client > section form .group-3 .grid-3 div label, html .container.user-client-create-client > section form .group-3 .grid-3 div label { display: inline-block; width: 30%; margin-top: 21px; }
html .container.user-edit > section form .group-3 .grid-3 div select, html .container.user-create > section form .group-3 .grid-3 div select, html .container.user-create-client > section form .group-3 .grid-3 div select, html .container.user-client-create-client > section form .group-3 .grid-3 div select { display: inline-block; width: 70%; }
html .container.user-edit > section form .group-3 .grid-4, html .container.user-create > section form .group-3 .grid-4, html .container.user-create-client > section form .group-3 .grid-4, html .container.user-client-create-client > section form .group-3 .grid-4 { width: 100%; margin-top: 18px; }
html .container.user-edit > section form .group-3 .grid-4 textarea, html .container.user-create > section form .group-3 .grid-4 textarea, html .container.user-create-client > section form .group-3 .grid-4 textarea, html .container.user-client-create-client > section form .group-3 .grid-4 textarea { height: 138px; width: 100%; resize: none; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c1c1c1; }
html .container.user-edit > section form .group-3 .grid-4 label, html .container.user-create > section form .group-3 .grid-4 label, html .container.user-create-client > section form .group-3 .grid-4 label, html .container.user-client-create-client > section form .group-3 .grid-4 label { display: inline-block; width: auto; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper { border: 1px solid #c1c1c1; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper { height: 30px; width: 100%; background: #ffffff; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit { background: #ffffff; width: 90.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding-right: 0; height: 30px; float: left; -webkit-box-shadow: #e2e2e2 0px 2px 2px inset; -moz-box-shadow: #e2e2e2 0px 2px 2px inset; box-shadow: #e2e2e2 0px 2px 2px inset; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit input, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit input, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit input, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit input { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; -webkit-box-shadow: #e2e2e2 0px 2px 2px inset; -moz-box-shadow: #e2e2e2 0px 2px 2px inset; box-shadow: #e2e2e2 0px 2px 2px inset; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-helper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-helper, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-helper, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-helper { display: none !important; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn { border: 1px solid #dddddd; border-top: none; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item { background: #ffffff; color: #a7a7a7; padding: 4px 6px; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item.ms-res-item-active, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item.ms-res-item-active, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item.ms-res-item-active, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit .ms-res-ctn .ms-res-item.ms-res-item-active { background: #f5f5f5; color: #696969; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search { width: 9.5%; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; cursor: pointer; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF005099', endColorstr='#FF00305E'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzA1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005099), color-stop(100%, #00305e)); background-image: -webkit-linear-gradient(#005099, #00305e); background-image: -moz-linear-gradient(#005099, #00305e); background-image: -o-linear-gradient(#005099, #00305e); background-image: linear-gradient(#005099, #00305e); }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo { background: url("/bundles/sogedialsite/images/search-create.png") no-repeat center center transparent; width: 100%; height: 30px; display: block; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search-admin, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search-admin, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin { height: 138px; padding: 10px; width: 100%; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #c1c1c1; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper { height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #003566; color: #ffffff; font-size: 12px; font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 30px; text-align: center; display: inline-block; margin: 0 2px; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content { text-transform: lowercase; float: left; padding: 0 13px; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content:first-letter, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content:first-letter, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content:first-letter, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-content:first-letter { text-transform: uppercase; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-search-cross, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-search-cross, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-search-cross, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search-admin .item-wrapper .item-search-cross { background: url("/bundles/sogedialsite/images/cross-create.png") no-repeat center left transparent; width: 20px; height: 30px; float: right; cursor: pointer; }
html .container.user-edit > section form .group-3 .grid-4 .result-wrapper textarea, html .container.user-create > section form .group-3 .grid-4 .result-wrapper textarea, html .container.user-create-client > section form .group-3 .grid-4 .result-wrapper textarea, html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper textarea { display: none; }
html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme, html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme, html .container.user-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme, html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme { display: inline-block; margin: 5px 0 11px 0; padding-left: 30px; }
html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme input[type="checkbox"], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme input[type="checkbox"], html .container.user-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme input[type="checkbox"], html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme input[type="checkbox"] { display: inline-block; height: auto; width: auto; line-height: auto; margin-right: 15px; }
html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label, html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label, html .container.user-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label, html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label { margin-right: 25px; font-size: 14px; color: #555555; font-weight: 400; }
html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_0], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_0], html .container.user-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_0], html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_0] { margin-right: 90px; }
html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_1], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_1], html .container.user-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_1], html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_1] { margin-right: 75px; }
html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_2], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_2], html .container.user-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_2], html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_useredit_gamme label[for=sogedial_userbundle_useredit_gamme_2] { margin-right: 0; }
html .container.user-edit > section form .group-3 .grid-5, html .container.user-create > section form .group-3 .grid-5, html .container.user-create-client > section form .group-3 .grid-5, html .container.user-client-create-client > section form .group-3 .grid-5 { margin-top: 18px; border-top: 1px solid #d7d7d8; }
html .container.user-edit > section form .group-3 .grid-5 > div, html .container.user-create > section form .group-3 .grid-5 > div, html .container.user-create-client > section form .group-3 .grid-5 > div, html .container.user-client-create-client > section form .group-3 .grid-5 > div { width: 30%; float: left; }
html .container.user-edit > section form .group-3 .grid-5 > div:nth-child(2), html .container.user-create > section form .group-3 .grid-5 > div:nth-child(2), html .container.user-create-client > section form .group-3 .grid-5 > div:nth-child(2), html .container.user-client-create-client > section form .group-3 .grid-5 > div:nth-child(2) { margin: 0 5%; }
html .container.user-edit > section form .group-3 .title, html .container.user-create > section form .group-3 .title, html .container.user-create-client > section form .group-3 .title, html .container.user-client-create-client > section form .group-3 .title { overflow: hidden; text-align: center; margin-top: 16px; margin-bottom: 8px; color: #003566; font-size: 14px; font-weight: 700; margin-top: 0; }
html .container.user-edit > section form .group-3 .title.up, html .container.user-create > section form .group-3 .title.up, html .container.user-create-client > section form .group-3 .title.up, html .container.user-client-create-client > section form .group-3 .title.up { margin: 35px 0 27px 0; }
html .container.user-edit > section form .group-3 .title:before, html .container.user-edit > section form .group-3 .title:after, html .container.user-create > section form .group-3 .title:before, html .container.user-create > section form .group-3 .title:after, html .container.user-create-client > section form .group-3 .title:before, html .container.user-create-client > section form .group-3 .title:after, html .container.user-client-create-client > section form .group-3 .title:before, html .container.user-client-create-client > section form .group-3 .title:after { background-color: #434a54; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
html .container.user-edit > section form .group-3 .title:before, html .container.user-create > section form .group-3 .title:before, html .container.user-create-client > section form .group-3 .title:before, html .container.user-client-create-client > section form .group-3 .title:before { right: 1em; margin-left: -50%; }
html .container.user-edit > section form .group-3 .title:after, html .container.user-create > section form .group-3 .title:after, html .container.user-create-client > section form .group-3 .title:after, html .container.user-client-create-client > section form .group-3 .title:after { left: 1em; margin-right: -50%; }
html .container.user-edit > section form #group-actions, html .container.user-create > section form #group-actions, html .container.user-create-client > section form #group-actions, html .container.user-client-create-client > section form #group-actions { margin: 26px 4.5% 0 4.5%; }
html .container.user-edit > section form #group-actions .actions, html .container.user-create > section form #group-actions .actions, html .container.user-create-client > section form #group-actions .actions, html .container.user-client-create-client > section form #group-actions .actions { list-style: none; padding: 0; }
html .container.user-edit > section form #group-actions .actions li, html .container.user-create > section form #group-actions .actions li, html .container.user-create-client > section form #group-actions .actions li, html .container.user-client-create-client > section form #group-actions .actions li { display: inline-block; width: 28%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html .container.user-edit > section form #group-actions .actions li a, html .container.user-create > section form #group-actions .actions li a, html .container.user-create-client > section form #group-actions .actions li a, html .container.user-client-create-client > section form #group-actions .actions li a { display: block; text-align: center; padding: 10px 5px; text-decoration: none; color: #ffffff; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 700; letter-spacing: 0.5px; }
html .container.user-edit > section form #group-actions .actions li.perms, html .container.user-create > section form #group-actions .actions li.perms, html .container.user-create-client > section form #group-actions .actions li.perms, html .container.user-client-create-client > section form #group-actions .actions li.perms { display: block; margin-bottom: 19px; width: auto; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF004F97', endColorstr='#FF003B70'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGY5NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwM2I3MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #004f97), color-stop(100%, #003b70)); background-image: -webkit-linear-gradient(#004f97, #003b70); background-image: -moz-linear-gradient(#004f97, #003b70); background-image: -o-linear-gradient(#004f97, #003b70); background-image: linear-gradient(#004f97, #003b70); }
html .container.user-edit > section form #group-actions .actions li.lock, html .container.user-create > section form #group-actions .actions li.lock, html .container.user-create-client > section form #group-actions .actions li.lock, html .container.user-client-create-client > section form #group-actions .actions li.lock { margin-top: 19px; display: block; width: 100%; border-bottom: 1px solid #b8b8b8; }
html .container.user-edit > section form #group-actions .actions li.lock a, html .container.user-create > section form #group-actions .actions li.lock a, html .container.user-create-client > section form #group-actions .actions li.lock a, html .container.user-client-create-client > section form #group-actions .actions li.lock a { margin-bottom: 17px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF545D6A', endColorstr='#FF383E47'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NWQ2YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4M2U0NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #545d6a), color-stop(100%, #383e47)); background-image: -webkit-linear-gradient(#545d6a, #383e47); background-image: -moz-linear-gradient(#545d6a, #383e47); background-image: -o-linear-gradient(#545d6a, #383e47); background-image: linear-gradient(#545d6a, #383e47); }
html .container.user-edit > section form #group-actions .actions li.deny, html .container.user-create > section form #group-actions .actions li.deny, html .container.user-create-client > section form #group-actions .actions li.deny, html .container.user-client-create-client > section form #group-actions .actions li.deny { margin-top: 19px; float: left; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE0314B', endColorstr='#FFC42234'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwMzE0YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MjIzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0314b), color-stop(100%, #c42234)); background-image: -webkit-linear-gradient(#e0314b, #c42234); background-image: -moz-linear-gradient(#e0314b, #c42234); background-image: -o-linear-gradient(#e0314b, #c42234); background-image: linear-gradient(#e0314b, #c42234); }
html .container.user-edit > section form #group-actions .actions li.pending, html .container.user-create > section form #group-actions .actions li.pending, html .container.user-create-client > section form #group-actions .actions li.pending, html .container.user-client-create-client > section form #group-actions .actions li.pending { background-color: #f8d682; margin: 0 8%; margin-top: 19px; float: left; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBD924', endColorstr='#FFF6B719'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZDkyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2YjcxOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbd924), color-stop(100%, #f6b719)); background-image: -webkit-linear-gradient(#fbd924, #f6b719); background-image: -moz-linear-gradient(#fbd924, #f6b719); background-image: -o-linear-gradient(#fbd924, #f6b719); background-image: linear-gradient(#fbd924, #f6b719); }
html .container.user-edit > section form #group-actions .actions li.validate, html .container.user-create > section form #group-actions .actions li.validate, html .container.user-create-client > section form #group-actions .actions li.validate, html .container.user-client-create-client > section form #group-actions .actions li.validate { margin-top: 19px; background-color: #8ecc4a; float: left; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB5D85A', endColorstr='#FF7DB53E'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZDg1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjUzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b5d85a), color-stop(100%, #7db53e)); background-image: -webkit-linear-gradient(#b5d85a, #7db53e); background-image: -moz-linear-gradient(#b5d85a, #7db53e); background-image: -o-linear-gradient(#b5d85a, #7db53e); background-image: linear-gradient(#b5d85a, #7db53e); }
html .container.user-edit > section form #group-buttons, html .container.user-create > section form #group-buttons, html .container.user-create-client > section form #group-buttons, html .container.user-client-create-client > section form #group-buttons { margin-top: 20px; }
html .container.user-edit > section form #group-buttons *, html .container.user-create > section form #group-buttons *, html .container.user-create-client > section form #group-buttons *, html .container.user-client-create-client > section form #group-buttons * { padding: 0px 20px; margin: 0px; line-height: 30px; height: 30px; width: auto; vertical-align: top; float: left; border: none; text-decoration: none; cursor: pointer; background-color: #e1e4e9; color: #434a54; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35%; text-align: center; font-weight: 700; letter-spacing: 0.5px; }
html .container.user-edit > section form #group-buttons *:hover, html .container.user-create > section form #group-buttons *:hover, html .container.user-create-client > section form #group-buttons *:hover, html .container.user-client-create-client > section form #group-buttons *:hover { color: #e1e4e9; background-color: #434a54; }
html .container.user-edit > section form #group-buttons .btn-save, html .container.user-create > section form #group-buttons .btn-save, html .container.user-create-client > section form #group-buttons .btn-save, html .container.user-client-create-client > section form #group-buttons .btn-save { margin-right: 15%; color: #ffffff; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE80C1F', endColorstr='#FFD10714'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4MGMxZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxMDcxNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e80c1f), color-stop(100%, #d10714)); background-image: -webkit-linear-gradient(#e80c1f, #d10714); background-image: -moz-linear-gradient(#e80c1f, #d10714); background-image: -o-linear-gradient(#e80c1f, #d10714); background-image: linear-gradient(#e80c1f, #d10714); }
html .container.user-edit > section form #group-buttons .btn-save-pending, html .container.user-create > section form #group-buttons .btn-save-pending, html .container.user-create-client > section form #group-buttons .btn-save-pending, html .container.user-client-create-client > section form #group-buttons .btn-save-pending { margin-left: 190px; color: #ffffff; background-color: #fbdb24; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFBDB24', endColorstr='#FFF5B317'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZGIyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1YjMxNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbdb24), color-stop(100%, #f5b317)); background-image: -webkit-linear-gradient(#fbdb24, #f5b317); background-image: -moz-linear-gradient(#fbdb24, #f5b317); background-image: -o-linear-gradient(#fbdb24, #f5b317); background-image: linear-gradient(#fbdb24, #f5b317); float: left; height: 36px; width: 207px; }
html .container.user-edit > section form #group-buttons .btn-save-validate, html .container.user-create > section form #group-buttons .btn-save-validate, html .container.user-create-client > section form #group-buttons .btn-save-validate, html .container.user-client-create-client > section form #group-buttons .btn-save-validate { margin-right: 190px; color: #ffffff; background-color: #b9da5c; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB9DA5C', endColorstr='#FF73AF39'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5ZGE1YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczYWYzOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b9da5c), color-stop(100%, #73af39)); background-image: -webkit-linear-gradient(#b9da5c, #73af39); background-image: -moz-linear-gradient(#b9da5c, #73af39); background-image: -o-linear-gradient(#b9da5c, #73af39); background-image: linear-gradient(#b9da5c, #73af39); float: right; height: 36px; width: 207px; }
html .container.user-edit > section form #group-buttons .btn-delete, html .container.user-create > section form #group-buttons .btn-delete, html .container.user-create-client > section form #group-buttons .btn-delete, html .container.user-client-create-client > section form #group-buttons .btn-delete { margin-left: 15%; }
html .container.user-client-create-client, html .container.user-create, html .container.user-edit { background: #ffffff; }
html .container.user-client-create-client > section form, html .container.user-create > section form, html .container.user-edit > section form { background: #f4f4f4; border: 1px solid #eaeaea; }
html .container.user-client-create-client > section form .group-1, html .container.user-create > section form .group-1, html .container.user-edit > section form .group-1 { background: #003566; height: 60px; line-height: 60px; }
html .container.user-client-create-client > section form .group-1 h2.title, html .container.user-create > section form .group-1 h2.title, html .container.user-edit > section form .group-1 h2.title { color: #ffffff; margin-top: 0; }
html .container.user-client-create-client > section form .group-1 h2.title:before, html .container.user-client-create-client > section form .group-1 h2.title:after, html .container.user-create > section form .group-1 h2.title:before, html .container.user-create > section form .group-1 h2.title:after, html .container.user-edit > section form .group-1 h2.title:before, html .container.user-edit > section form .group-1 h2.title:after { background-color: #ffffff; }
html .container.user-client-create-client > section form .group-3, html .container.user-create > section form .group-3, html .container.user-edit > section form .group-3 { background: #f4f4f4 !important; padding-top: 5px !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
html .container.user-client-create-client > section form .group-3 select, html .container.user-create > section form .group-3 select, html .container.user-edit > section form .group-3 select { background: #eaeaea; }
html .container.user-client-create-client > section form .group-3 select:focus, html .container.user-create > section form .group-3 select:focus, html .container.user-edit > section form .group-3 select:focus { background: #f3f3f3; }
html .container.user-client-create-client > section form .group-3 .grid-3, html .container.user-create > section form .group-3 .grid-3, html .container.user-edit > section form .group-3 .grid-3 { border-top-color: #d7d7d8 !important; }
html .container.user-client-create-client > section form .group-3 .grid-4, html .container.user-create > section form .group-3 .grid-4, html .container.user-edit > section form .group-3 .grid-4 { width: 100%; margin-top: 18px; }
html .container.user-client-create-client > section form .group-3 .grid-4 textarea, html .container.user-create > section form .group-3 .grid-4 textarea, html .container.user-edit > section form .group-3 .grid-4 textarea { height: 138px; width: 100%; resize: none; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c1c1c1; font-size: 12px; font-weight: 500; font-style: normal; font-family: 'Roboto', 'sans-serif'; }
html .container.user-client-create-client > section form .group-3 .grid-4 label, html .container.user-create > section form .group-3 .grid-4 label, html .container.user-edit > section form .group-3 .grid-4 label { display: inline-block; width: auto; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper { border: 1px solid #c1c1c1; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper { height: 30px; width: 100%; background: #ffffff; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #recherche-produit { background: #ffffff; width: 90.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding-right: 0; height: 30px; float: left; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search { width: 9.5%; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; cursor: pointer; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF005099', endColorstr='#FF00305E'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzA1ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005099), color-stop(100%, #00305e)); background-image: -webkit-linear-gradient(#005099, #00305e); background-image: -moz-linear-gradient(#005099, #00305e); background-image: -o-linear-gradient(#005099, #00305e); background-image: linear-gradient(#005099, #00305e); }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo, html .container.user-create > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper .search-wrapper #launch-search .logo { background: url("/bundles/sogedialsite/images/search-create.png") no-repeat center center transparent; width: 100%; height: 30px; display: block; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search { height: 138px; padding: 10px; width: 100%; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #c1c1c1; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper { height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #003566; color: #ffffff; font-size: 12px; font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; line-height: 30px; text-align: center; display: inline-block; margin: 0 2px; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content { text-transform: lowercase; float: left; padding: 0 13px; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-content:first-letter { text-transform: uppercase; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross, html .container.user-create > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper #result-search .item-wrapper .item-search-cross { background: url("/bundles/sogedialsite/images/cross-create.png") no-repeat center left transparent; width: 20px; height: 30px; float: right; cursor: pointer; }
html .container.user-client-create-client > section form .group-3 .grid-4 .result-wrapper textarea, html .container.user-create > section form .group-3 .grid-4 .result-wrapper textarea, html .container.user-edit > section form .group-3 .grid-4 .result-wrapper textarea { display: none; }
html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme, html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme, html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme { display: inline-block; margin: 5px 0 11px 0; padding-left: 30px; }
html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme input[type="checkbox"], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme input[type="checkbox"], html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme input[type="checkbox"] { display: inline-block; height: auto; width: auto; line-height: auto; margin-right: 15px; }
html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label, html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label, html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label { margin-right: 25px; font-size: 14px; color: #555555; font-weight: 400; }
html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_0], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_0], html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_0] { margin-right: 90px; }
html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_1], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_1], html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_1] { margin-right: 75px; }
html .container.user-client-create-client > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_2], html .container.user-create > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_2], html .container.user-edit > section form .group-3 .grid-4 #sogedial_userbundle_user_client_gamme label[for=sogedial_userbundle_user_client_gamme_2] { margin-right: 0; }
html .container.user-client-create-client > section form hr, html .container.user-create > section form hr, html .container.user-edit > section form hr { height: 1px; background: #003566; border: none; margin: 6px 4.5% 22px 4.5%; }
html .container.user-client-create-client > section form #group-buttons, html .container.user-create > section form #group-buttons, html .container.user-edit > section form #group-buttons { margin-top: 10px; padding-bottom: 35px; }
html .container.user-client-create-client > section form #group-buttons input.btn.btn-save, html .container.user-create > section form #group-buttons input.btn.btn-save, html .container.user-edit > section form #group-buttons input.btn.btn-save { margin: 0 auto; width: 250px; float: none; display: block; }
html .container.user-create, html .container.user-edit { padding-bottom: 60px; }
html .container.user-create form, html .container.user-edit form { margin-bottom: 0 !important; padding-bottom: 30px; }
html .container.user-edit #group-buttons { padding-bottom: 0 !important; margin-top: 19px !important; }
html .container.user-edit #group-buttons .btn-save { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE90C20', endColorstr='#FFD00713'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MGMyMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QwMDcxMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e90c20), color-stop(100%, #d00713)); background-image: -webkit-linear-gradient(#e90c20, #d00713); background-image: -moz-linear-gradient(#e90c20, #d00713); background-image: -o-linear-gradient(#e90c20, #d00713); background-image: linear-gradient(#e90c20, #d00713); width: 217px !important; height: 38px !important; }
html .container.user-edit-selections .assort-wrapper { margin: 10px 2.3%; width: 95.4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e3e3e3; padding: 15px 30px; background: #ffffff; }
html .container.user-edit-selections .assort-wrapper .filter-add { border-bottom: 1px solid #e3e3e3; margin-bottom: 18px; }
html .container.user-edit-selections .assort-wrapper .filter-add h3 { color: #434a54; font-size: 16px; display: inline-block; line-height: 27px; margin: 0; margin-bottom: 15px; font-weight: 400; margin-right: 45px; }
html .container.user-edit-selections .assort-wrapper .filter-add .sort-photo { height: 30px; width: 100px; border: 1px solid #e3e3e3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-weight: 700; font-size: 12px; color: #94909b; line-height: 28px; text-align: center; }
html .container.user-edit-selections .assort-wrapper .filter-add .sort-photo:hover { color: #000000; border: 1px solid #000000; cursor: pointer; }
html .container.user-edit-selections .assort-wrapper .hidden { display: none; }
html .container.user-edit-selections .block-tree { font-size: 12px; position: relative; background: #ffffff; }
html .container.user-edit-selections .block-tree .block-header { padding-left: 10px; padding-right: 10px; height: 30px; line-height: 13px; background-color: #f1f1f1; color: #434a54; font-weight: 500; font-size: 12px; border-bottom: 1px solid #e3e3e3; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html .container.user-edit-selections .block-tree .block-header .cols { background-color: #f1f1f1; border-bottom: 1px solid #e3e3e3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html .container.user-edit-selections .block-tree .block-header .cols-title { background-color: #f1f1f1; border-bottom: 1px solid #e3e3e3; height: 30px; line-height: 30px; position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; }
html .container.user-edit-selections .block-tree .block-header span { border-right: 1px solid #e3e3e3; padding: 8px 0; }
html .container.user-edit-selections .block-tree .block-header span.col-coefficient { border-right: none; }
html .container.user-edit-selections .block-tree .block-content { position: relative; }
html .container.user-edit-selections .block-tree .cols span { display: block; float: left; width: 12.5%; text-align: center; }
html .container.user-edit-selections .block-tree .cols span.col-selection { width: 25%; }
html .container.user-edit-selections .block-tree .jqtree-element { height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html .container.user-edit-selections .block-tree ul.jqtree-tree li.jqtree_common { position: relative; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div { /* on prépare le label */ /* Aspect des checkboxes */ /* :before sert à créer la case à cocher */ /* Aspect général de la coche */ /* Aspect si "pas cochée" */ /* Aspect si "cochée" */ }
html .container.user-edit-selections .block-tree .selection-line > div > div > div { float: left; width: 12.5%; text-align: center; height: 25px; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div input[type=checkbox] { border: 1px solid #9a9a9a; margin-top: 6px; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div input[type=text] { border: 1px solid #9a9a9a; height: 13px; display: block; margin: 0 auto; width: 53px; margin-top: 4px; text-align: center; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div input.entity-id, html .container.user-edit-selections .block-tree .selection-line > div > div > div input.user-id { display: none; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div:nth-child(2), html .container.user-edit-selections .block-tree .selection-line > div > div > div:nth-child(3) { display: none; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div:last-child { border-right: none !important; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:not(:checked), html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:checked { position: absolute; left: -9999px; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:not(:checked) + label, html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:checked + label { position: relative; padding-left: 12px; cursor: pointer; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:not(:checked) + label:before, html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border: 1px solid #9a9a9a; background: #ffffff; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:not(:checked) + label:after, html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:checked + label:after { content: url("/bundles/sogedialsite/images/check-assort.png"); position: absolute; top: 3px; left: 2px; font-size: 14px; color: #09ad7e; }
html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
html .container.user-edit-selections .block-tree .selection-line > div > div > div [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
html .container.user-edit-selections .block-tree .selection-line > div > div > div label { width: 0; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree ul ul ul ul ul.jqtree_common li.jqtree_common .jqtree-element .jqtree-title { margin-left: 30px; }
html .container.user-edit-selections #block-tree-1 .empty-family { display: inline-block; margin-left: 30px; }
html .container.user-edit-selections #block-tree-1 .empty-family a { text-decoration: none; color: red; font-width: 700; }
html .container.user-edit-selections #block-tree-1 .cols { position: absolute; right: 0; border-left: 1px solid #e3e3e3; }
html .container.user-edit-selections #block-tree-1 .cols > span { display: block; float: left; width: 100px; text-align: center; background-color: #F1F1F1; }
html .container.user-edit-selections #block-tree-1 .cols > span span { text-decoration: underline; border: none; float: initial; display: inline; }
html .container.user-edit-selections #block-tree-1 .selection-line { display: inline-block; float: right; }
html .container.user-edit-selections #block-tree-1 .selection-line > div > div > div { width: 100px; border-right: 1px solid #e3e3e3; }
html .container.user-edit-selections #block-tree-1 .selection-line > div > div .select + label { position: absolute; top: 0; left: 5px; }
html .container.user-edit-selections #block-tree-1 ul, html .container.user-edit-selections #block-tree-1 ul li  { list-style-type: none; }
html .container.user-edit-selections #block-tree-1 .jqtree-toggler { cursor: pointer; margin-right: 5px; height: 15px; width: 20px; display: inline-block; text-indent: -99999px; margin-left: 10px; margin-top: 5px; background: url("/bundles/sogedialsite/images/arrow-assort-down.png") no-repeat center center; }
html .container.user-edit-selections #block-tree-1 .jqtree-toggler:hover { background: url("/bundles/sogedialsite/images/arrow-assort-hover-down.png") no-repeat center center; }
html .container.user-edit-selections #block-tree-1 .jqtree-toggler.jqtree-closed { background: url("/bundles/sogedialsite/images/arrow-assort.png") no-repeat center center; }
html .container.user-edit-selections #block-tree-1 .jqtree-toggler.jqtree-closed:hover { background: url("/bundles/sogedialsite/images/arrow-assort-hover.png") no-repeat center center; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { display: none; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree { margin: 0px; padding: 0px; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree .jqtree-selected { background: #bfe399; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element { color: #323335; padding: 0px; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element .jqtree-title { font-weight: 700; margin-top: 5px; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element:hover { background: #bfe399; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element.selected { baclground: #68b123; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFABDB3B', endColorstr='#FF68B123'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZGIzYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4YjEyMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #abdb3b), color-stop(100%, #68b123)); background-image: -webkit-linear-gradient(#abdb3b, #68b123); background-image: -moz-linear-gradient(#abdb3b, #68b123); background-image: -o-linear-gradient(#abdb3b, #68b123); background-image: linear-gradient(#abdb3b, #68b123); }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element.selected .jqtree-toggler { background: url("/bundles/sogedialsite/images/arrow-assort-open-down.png") no-repeat center center; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element.selected .jqtree-toggler.jqtree-closed { background: url("/bundles/sogedialsite/images/arrow-assort-open.png") no-repeat center center; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree_common .jqtree-element.selected .selection-line > div > div > div:first-child [type="checkbox"]:not(:checked) + label:before { content: url("/bundles/sogedialsite/images/sub-assort.png"); color: #81b449; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree li.jqtree-folder li.jqtree_common .jqtree-element { color: #323335; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree ul ul ul ul ul .jqtree-title { margin-left: 25px; line-height: 25px; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree .btn { color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 3px; display: inline-block; margin-left: 5px; }
html .container.user-edit-selections #block-tree-1 ul.jqtree-tree .more { background-color: node; color: #000000; margin: 0px; }
html .container.user-edit-selections #block-tree-2 .cols { position: absolute; right: 0; border-left: 1px solid #e3e3e3; }
html .container.user-edit-selections #block-tree-2 .cols > span { display: block; float: left; width: 100px; text-align: center; }
html .container.user-edit-selections #block-tree-2 .cols > span span { text-decoration: underline; border: none; float: initial; display: inline; }
html .container.user-edit-selections #block-tree-2 ul { margin: 0px; padding: 0px; list-style: none; }
html .container.user-edit-selections #block-tree-2 ul li { margin: 0px; padding: 0px; position: relative; }
html .container.user-edit-selections #block-tree-2 ul li .selection-line { text-align: right; }
html .container.user-edit-selections #block-tree-2 ul li .selection-line > div > div > div { width: 100px; border-right: 1px solid #e3e3e3; }
html .container.user-edit-selections #block-tree-2 ul li .selection-line .select { position: absolute; left: 0; top: 0; }
html .container.user-edit-selections #block-tree-2 ul li .selection-libelle { position: absolute; top: 4px; padding-left: 25px; }
html .container.user-edit-selections .actions { text-align: right; padding-top: 10px; }
html .container.user-edit-selections .actions .btn { padding: 4px 12px; line-height: 20px; display: inline-block; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; color: #ffffff; }
html .container.user-edit-selections .actions .submit { background-color: #006dcc; }
html .container.user-edit-selections .actions .submit:hover { background-color: #0044cc; }
html .clear { clear: both; }

/**************/
/* Title page */
/**************/
div.user-edit-selections section > h1, div.user-edit section > h1, div.user-manager section > h1 { display: none; }

@media screen and (max-width: 319px) { html body .container .content .articles .product { width: 99%; margin-right: 1%; } }
@media screen and (min-width: 320px) { html body .container .content .articles .product { width: 49%; margin-right: 1%; } }
@media screen and (min-width: 480px) { html body .container .content .articles .product { width: 32%; margin-right: 1%; } }
@media screen and (min-width: 768px) { html body .container .content .articles .product { width: 24%; margin-right: 1%; } }
@media screen and (max-width: 1025px) { html body .container header .connect-wrapper #connect-link a .logo-disconect { margin-left: 5px; }
  html body .container header .connect-wrapper #connect-link a .text { font-size: 11px; } }
@media screen and (max-width: 1280px) { #exportexl .logo-excel { margin-right: 5px !important; } }
@media screen and (min-width: 1280px) { html body .container .content .articles .product { width: 19%; margin-right: 1%; } }
@media screen and (min-width: 1600px) { html body .container .content .articles .product { width: 15.66%; margin-right: 1%; } }
@media screen and (min-width: 1900px) { html body .container .content .articles .product { width: 13.28%; margin-right: 1%; } }

/** header **/
header {
    z-index: 8;
}

/** Modal **/
.modal {
    border-radius: 0;
    padding: 0;
    max-width: 50%;
    width: auto;
}

.modal-header {
    background: #ffa800;
    top: 0;
    text-align: center;
    vertical-align: middle;
    padding: 14px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.modal.minimum-value-required .modal-header {
    background-color : #e81e28;
}

.modal-header h3 {
    margin: 0;
}

.modal-footer {
    text-align: center;
    padding-bottom: 25px;
    padding-top: 15px;
}

.modal-footer button:first-child{
    margin-right: 19px;
}

.modal-footer .btn {
    text-transform: uppercase;
    padding: 8px 17px;
    border: none;
    border-radius: 3px;
    font-family: 'Roboto', 'sans-serif';
    cursor: pointer;

}
button:link, button:visited, button:hover, button:active, button:focus {
    outline: 0 none;
    text-decoration: none;
}

.modal-footer .btn-blue {
    background-color: #003566;
    color: #fff;

}

.modal-footer .btn-grey {
    background-color: #ededed;
    color: #000;
}

.modal-footer .btn-grey:hover {
    background-color: #d1d1d1;
}


.modal-body {
    padding: 30px 30px 15px 30px;
    text-align: center;
    font-size: 14px;
}

/** Sort bar **/

.select-selected .selectSortWrapper {
    padding-top: 7px;
}

.select-order a {
    text-decoration: none;
    color: inherit;
}

.selectSortContent.order {
    width: 225px;
}

html body .container .sort-bar .selectSort.select-sfamille .selectSortContent {
    width: 40.8%;
}

.checkbox-group-select, .reset-filters {
     height: 16px;
     width: 36px;
     background: url("/bundles/sogedialsite/images/group-select.png") no-repeat center center;
     background-position-x: 0px;
     margin: auto;

 }

.reset-filters {

    background: url("/bundles/sogedialsite/images/entonnoir.png") no-repeat center center;

}

.reset-filters:hover {

    background: url("/bundles/sogedialsite/images/entonnoir-mouseover.png") no-repeat center center;

}

.btn-validate-order {
    text-align: center;
    float: right;
}
.btn-validate-order a:hover {
    background-color: #d20812;
}

.btn-validate-order a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 141px;
    background-color: #e81e28;
    padding-top:7px;
    height: 23px;
}

.container-toolbar {
    clear: left;
    height: 30px;
    background-color: #e0e3e4;
}
.containers {
    width: 50%;
    display: inline-block;
    height: 100%;
    padding-top: 7px;
    padding-left: 11px;
    color: #434a54;
    font-weight: bold;
}

.containers > div {
    float: left;
    
}

.containers .arrow {
    margin-right: -11px;
    background: url("/bundles/sogedialsite/images/arrow-containers.png") no-repeat;
    height: 17px;
    width: 51px;
    cursor: pointer;
    float: right;
    
}

.containers .arrow.hover {
    background: url("/bundles/sogedialsite/images/arrow-containers-red.png") no-repeat;
}


.checkbox-group-select.all {
    background-position: -37px 0;
}

.checkbox-group-select.partial {
    background-position: -74px 0;
}

.selectSortHeader.disabled .checkbox-group-select{
    opacity: 0.4;
    cursor: default;
}

.selectSortHeader.disabled{
    cursor: default !important;
}

.select-order .group.order {
     margin-left: 0 !important;
     margin-right: 0 !important;
     background-color: #e81e28;
     color: #fff;
    height: 48px;
    padding-top: 5px;
 }
.select-order .group.order:hover {
     background-color: #d20812 ;
 }

.select-order .group.order .item.order{
    padding-top: 13px !important;
}

.select-order .group.order img{
    float: right;
    margin-top: -3px;
}

.select-order .group.order .order-text{


}

.select-order .group.order .item:hover {
    background-color: #d20812 !important;
    border: 1px solid transparent !important;
}

.item.order {
    padding-left: 17px !important;
    font-size: 14px;
}

.selectSortContent.order {
    padding-top: 0 !important;
    border-top: none;
}

html body .container .sort-bar {
    z-index: 7;
}

html body .container .sort-bar .selectSort.select-selected .selectSortHeader {
    width: 6.7%;
}

html body .container .sort-bar .selectSort.select-selected .selectSortHeader .arrow {
    float: right;
    margin-right: 19px;
}

html body .container .sort-bar .selectSort.select-order .selectSortHeader .selectSortWrapper .arrow {
    background-image: url('/bundles/sogedialsite/images/sort_desc_white.png');
    background-position: 0px 0px;
}

html body .container .sort-bar .selectSort.select-autre .selectSortHeader .selectSortWrapper, html body .container .sort-bar .selectSort.select-order .selectSortHeader .selectSortWrapper {
    border-right: none;
}

html body .container .sort-bar .selectSort.select-temp .selectSortHeader { width: 9%; }

html body .container .sort-bar .selectSort.select-rayon .selectSortHeader { width: 9.7%; }

html body .container .sort-bar .selectSort.select-famille .selectSortHeader { width: 10.4%; }

html body .container .sort-bar .selectSort.select-sfamille .selectSortHeader { width: 11.6%; }

html body .container .sort-bar .selectSort.select-order .selectSortHeader { width: 10.9%; background: #f5a418; color: #fff}

html body .container .sort-bar .selectSort.select-gamme .selectSortHeader { width: 11.3%; }

html body .container .sort-bar .selectSort.select-prix .selectSortHeader { width: 8.6%; }

html body .container .sort-bar .selectSort.select-autre .selectSortHeader { width: 9.3%; }

html body .container .sort-bar .selectSort.select-export .selectSortHeader { width: 12.5%; }

html body .container .sort-bar .selectSort.select-export .selectSortContent { width: 11.7%; }

/** Single Product **/

/*.product-summary-wrapper table {
    width: 90%;
    float: left;
}*/

.product-summary-wrapper {
    font-size: 13px;
    margin-top: 35px;
}

.product-summary-wrapper table {
    color : #303030;
}

.product-summary-wrapper .btn-product-order-inner  {
    margin-top: -34px;
    height: 35px;
    border: 1px solid #000;
    margin-right: -2px;
    background: #ffaf14 url('/bundles/sogedialsite/images/cart.png') center 10px no-repeat;
    font-size: 15px;
    padding: 54px 17px 0 17px;
    font-weight: 800;
    cursor: pointer;
    min-width: 55px;
}

.btn-product-order-inner.added {

    background: #07ad6d url('/bundles/sogedialsite/images/tick.png') center 10px no-repeat;
    color: #fff;

}

.btn-product-order-inner.remove {

    background: #db262e url('/bundles/sogedialsite/images/cross.png') center 10px no-repeat;
    display: none;
    color: #fff;
    padding: 54px 10px 0 10px;

}

.product-summary-wrapper table td {
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #d9d9d9;
    background-color: #f9f9f9;
    text-align: center;
}

.product-summary-wrapper table td:last-child {
    border: none;
}

.product-summary-wrapper table td:first-child {
    border-left: 1px solid #bfbfbf;
}

.product-summary-wrapper tbody tr td:nth-child(2) {
    text-align: left;
    padding-left: 10px;
}

.btn-add-quantity, .btn-remove-quantity{
    vertical-align: middle;
    cursor: pointer;
}

.product-summary-wrapper table th {
    height: 31px;
    background-color: #646871;
    border-right: 1px solid #8f9398;
    color: white;
    /*text-align: left;*/
}

.article .code-barre {
    float: right;
}

.product-summary-wrapper table tbody td:first-child {
    width: 56px;
    height: 57px;
}

.product-summary-wrapper td.total-price,
.product-summary-wrapper td.total-uvc,
.product-summary-wrapper td.total-mass,
.product-summary-wrapper td.total-volume{
    min-width: 60px;
}

.product-summary-wrapper table tbody td:first-child img {
    height: 100%;
}

.product-summary-wrapper table tr .col-separator {
    min-width: 22px;
    background-color: #fff;
    border-bottom: none;
    border-top: none;
}

.product-summary-wrapper table tr .col-separator.right-separator {
    border-right: none;
}

.product-summary-wrapper .product-quantity {
    width: 70px;
}

.product-summary-wrapper .quantity {
    width: 145px;
}

/** Product list **/

html body .container .content .articles .product {
    border: 1px solid #999;
    border-radius: 0px;
    height: auto;

}

html body .container .content .articles .product .product-wrapper .logo-product {
    border-bottom: 2px solid #3C3C3C;
    border-top: 2px solid #3C3C3C;
}

.select-wrapper {
    height: 100%;
    width: 100%;
    background-color: rgba(8, 8, 8, 0.35);
    display: none;
}

.select-wrapper.checked {
    display: block;
}


html body .container .content .articles .product .product-wrapper .info-product-2 .scale-product {
    border-right: 1px solid #000;
}

html body .container .content .articles .product .product-wrapper .info-product-2 {
    border-bottom: 1px solid #000;
}

html body .container .content .articles .product .product-wrapper .info-product-1 {
    border-bottom: 1px solid #000;
}

.summary-toolbar-wrapper {
    position: fixed;
    display: none;
    height: 60px;
    background-color: #fff;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    color: white;
    padding-left: 35px;
}

.summary-toolbar {
    border-bottom: 2px solid #000;
    height: 58px;
}

.dataTables_wrapper tbody td:first-child {
    border-left: 1px solid #bfbfbf;

}

/*.summary-toolbar {*/
    /*display: block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*width: 500px;*/
/*}*/

.page-wrap {
    padding-top: 10px;
}

.dataTables_wrapper tbody td{
    border-right:1px solid #bfbfbf;
    border-bottom:1px solid #d9d9d9;
    border-top: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dataTables_wrapper  tbody td:nth-child(2) {
    overflow: hidden;
    -o-text-overflow: ellipsis; /* pour Opera 9 */
    text-overflow: ellipsis;
}

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

.dataTables_wrapper  tbody .product-quantity {
    width: 50px;
}

.dataTables_wrapper  tbody tr{
     border-bottom:none;
 }

div[class^="placeholder"] {
    display: none;
}


.summary-toolbar-wrapper table {
    background-color: #323335;
    color: #fff;
    font-weight: 800;
    display: none;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    float: left;
}

.summary-toolbar-wrapper td {
    box-shadow: -1px 0 0 #999999;
    height: 28px;
    padding: 0 10px;
    text-align: center;

}

.summary-toolbar-wrapper td:first-child {
    box-shadow: none;

}
.summary-toolbar-wrapper td.col-separator {
/*    background-color: #fff !important; */

}

.dataTables_scrollFoot {
    display: none;
}

.summary-toolbar-wrapper td:last-child {
    border-right: none;

}
/*----- Tabs -----*/


/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab {
    padding: 10px 15px 10px 15px;
    background-color: #fff;
    display: none;
}

.tab.active {
    display: block;
}

.tab-links{
    padding-left: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
}

.tab-links li {
    float: left;
    list-style: none;
    text-align: center;
    border-right: 1px solid #d8d8d8 ;
    display: none;

    background-color: #fff;

}

.tab-links li:not(.excel-recap) a {
    padding: 6px 0;
    display: inline-block;
    font-size: 16px;
    /*transition: all linear 0.15s;*/
    width: 130px;
    text-decoration: none;
    color: #6c6c6c;
    position: relative;
    font-weight: 400;
}

.tab-links .excel-recap {
    display: none;
    float: right;
    color: #326c35;
    border: 1px solid #326c35;
    padding: 3px 7px 3px 7px;
    margin-top: 5px;
    margin-right: 16px;
}

.excel-recap img {
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -3px;
}

.tab-links a:hover {
    text-decoration: none;
}

li.active a, li.active a:hover {
    color: #2a2d33;
    border-bottom: none;
    box-shadow: 0 5px 0 white, 4px 0 7px rgba(0, 0, 0, 0.18);
    padding: 2px 0 6px !important;

}

li.active a.dry {
    border-top: 4px solid #f4805c ;
}

li.active a.fresh {
    border-top: 4px solid #9bbe5f ;
 }

li.active a.frozen {
    border-top: 4px solid #679bfa ;
}

.order-table-wrapper{
padding-right: 20px;
padding-left: 20px;
}


.order-table-wrapper thead th{
    background-color: #646871;

}

.order-table-wrapper a{
    text-decoration: none;
    color :inherit;
}

.order-table-wrapper .dataTables_filter {
    display: none;

}

.order-table-wrapper thead .sorting {
    background-image:  url("/bundles/sogedialsite/images/sort_both.png");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.order-table-wrapper thead .sorting_asc {
    background-image:  url("/bundles/sogedialsite/images/sort_asc_white.png");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.order-table-wrapper thead .sorting_desc {
    background-image:  url("/bundles/sogedialsite/images/sort_desc_white.png");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

.order-table-wrapper .dataTables_wrapper  tr td:nth-child(8) {
    background-color: #fff;
    border-bottom: none;
    border-top: none;
}

.order-table-wrapper .dataTables_wrapper  {
    table-layout:fixed;
}


.order-table-wrapper .dataTables_wrapper  tr td:first-child {
    padding: 0;
}

.dataTables_scrollHead thead tr th.col-separator, .summary-toolbar-wrapper .dataTables_scrollFoot table td.col-separator {
background-color: #fff !important;
    border-bottom: none;
    border-top: none !important;
}

.dataTables_scrollHead thead tr th {
    box-shadow: -1px 0px 0px #999999;
    border-top: 4px solid #5fb123;
    text-align: left;
}
#ambient .dataTables_scrollHead thead tr th {
    border-top: 4px solid #f4805c ;
}
#positive-cold .dataTables_scrollHead thead tr th {
    border-top: 4px solid #9bbe5f ;
}
#negative-cold .dataTables_scrollHead thead tr th {
    border-top: 4px solid #679bfa ;
}

.dataTables_wrapper table th.photo {
    background-image: url('/bundles/sogedialsite/images/photo-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
}

.dataTables_wrapper table td.photo {
    width:50px;
}

.dataTables_wrapper table td.photo img {
    max-width: 100%;
    max-height: 100%;
}


.dataTables_wrapper table th.quantity {
    min-width: 99px !important;
}

.dataTables_wrapper table th.total-price,
.dataTables_wrapper table th.total-uvc
{
    min-width: 50px !important;
}

.dataTables_wrapper table th.total-mass
{
    min-width: 63px !important;
}


.dataTables_wrapper table th.total-volume
{
    min-width: 84px !important;
}

.dataTables_wrapper table tr td:nth-child(2) {
    text-align: left;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.dataTables_wrapper table tr td:nth-child(8) {
    min-width: 18px ;
}
.dataTables_wrapper table tr td:nth-child(7) {
    width: 60px !important;
}

.dataTables_wrapper table th.trash {
    background-image: url('/bundles/sogedialsite/images/trash-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.dataTables_wrapper table th.quantity {
    width: 60px !important;

}

.order-table-wrapper .dataTables_scrollBody {
    min-height: 50px;
}

img.remove-product, img.clear-current-order {
    cursor: pointer;
}
img.btn-remove-quantity, img.btn-add-quantity, img.remove-product,img.clear-current-order {
    opacity : 0.5;
}

img.btn-remove-quantity:hover, img.btn-add-quantity:hover, img.remove-product:hover,img.clear-current-order:hover {
    opacity : 1;
}

/** Order Manager */


.order-manager-wrapper .block .block-title {

    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    height: 30px;
}

.order-manager-wrapper a.modify-current-order {
    text-transform: uppercase;
    color: #e6a912 !important;
    font-weight: 600;
    text-decoration: underline !important;
}

.order-manager-wrapper .dataTables_wrapper table th.trash {
    background-image:  url("/bundles/sogedialsite/images/trash-grey-icon.png");
}

.order-manager-wrapper .dataTables_wrapper table th {
    background-color: #dbdbdb;
    border-right: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc;
}
.order-manager-wrapper .dataTables_wrapper table {
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-bottom: none;
}

.order-manager-wrapper .dataTables_wrapper table td {
      border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;
      color : #727272;
      padding: 4px 10px;
      text-align: left;
  }

.order-manager-wrapper .dataTables_wrapper table td.col-modify-order {
    text-align: center;
}

.order-manager-wrapper .dataTables_wrapper table td:last-child {
    text-align: center;
}


.order-manager-wrapper th.col-modify {
    text-align:  center;
}

.order-manager-wrapper .temperature {
    display: inline-block;
    color: #fff;
    width: 46px;
    text-align: center;
    padding: 2px 0px 4px 0px;
}

.order-manager-wrapper .datatable {
    display: none;
}

.order-manager-wrapper .temperature.dry {
    background-color: #f4805c;
}
.order-manager-wrapper .temperature.fresh {
    background-color: #9bbe5f;
}
.order-manager-wrapper .temperature.frozen{
    background-color: #679bfa;
}

.renew-order {
    cursor: pointer;
}


.order-manager-wrapper { margin: 40px; min-height: 801px; }
.order-manager-wrapper .btn-create { line-height: 35px; display: inline-block; text-decoration: none; margin-top: 0; height: 35px; font-weight: 700; font-size: 14px; color: #ffffff; width: 250px; text-align: center; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF005099', endColorstr='#FF003260'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTA5OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzI2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #005099), color-stop(100%, #003260)); background-image: -webkit-linear-gradient(#005099, #003260); background-image: -moz-linear-gradient(#005099, #003260); background-image: -o-linear-gradient(#005099, #003260); background-image: linear-gradient(#005099, #003260); }
.order-manager-wrapper .btn-create:hover { background-color: #003566; }
.order-manager-wrapper hr { border: none; background: #323335; height: 1px; width: 100%; margin: 11px 0; }
.order-manager-wrapper .block + .block { margin-top: 30px; }
.order-manager-wrapper .block * { margin: 0px; /*padding: 0px*/; }
.order-manager-wrapper .block .block-title { background-color: #e1e4e9; border-bottom: 1px solid #e3e4e8; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; height: 30px; }
.order-manager-wrapper .block .block-title .toggle-wrapper { height: 30px; width: 30px; float: left; padding-top: 13px; box-sizing: border-box; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; cursor: pointer; }
.order-manager-wrapper .block .block-title .title { color: #ffffff; margin: 0px; font-size: 14px; font-weight: 700; float: left; height: 30px; line-height: 30px; }
.order-manager-wrapper .block .block-content { overflow: hidden; *zoom: 1; padding: 0px; color: #8f9399; padding-bottom: 10px; }
.order-manager-wrapper .block .block-content .dataTables_filter, .order-manager-wrapper .block .block-content .dataTables_length { display: none; }
.order-manager-wrapper .block .block-title + .block-content { margin-top: 0; }
.order-manager-wrapper .block table.dataTable thead { background-color: #f3f3f3; font-weight: 400; font-size: 11px; }
.order-manager-wrapper .block table.dataTable thead th { color:#434a54; font-size: 10pt;
    padding: 7px 15px; }
.order-manager-wrapper .block table.dataTable thead .sorting_asc { background: url("/bundles/sogedialsite/images/sort_asc.png") no-repeat 95% center; }
.order-manager-wrapper .block table.dataTable thead .sorting_desc { background: url("/bundles/sogedialsite/images/sort_desc.png") no-repeat 95% center; }
.order-manager-wrapper .block table.dataTable thead tr { color: #434a54; font-weight: 400; font-size: 11px; }
.order-manager-wrapper .block table.dataTable tbody tr { color: #a4a9ae; }
.order-manager-wrapper .block table.dataTable tbody tr.odd { background-color: #ffffff; }
.order-manager-wrapper .block table.dataTable tbody tr.even { background-color: #f6f8fa; }
.order-manager-wrapper .block table.dataTable tr { height: 25px; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_length { float: right; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_filter { float: left; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333333 !important; border: 1px solid transparent; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.current, .order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333333 !important; border: 1px solid #cacaca; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, gainsboro 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, gainsboro 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, gainsboro 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, gainsboro 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%); /* W3C */ }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111111 100%); /* W3C */ }
.order-manager-wrapper .block .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; }
.order-manager-wrapper .block.order-pending .block-title { background-color: #646871; border-bottom: 1px solid #272a2f; }
.order-manager-wrapper .block.order-pending .block-title .toggle-wrapper:hover { background-color: #050505; }
.order-manager-wrapper .block.order-pending .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/icons-user-access/pending.png") no-repeat 12px center; }
.order-manager-wrapper .block.order-processed .block-title { background-color: #246bad; border-bottom: 1px solid #10487b; }
.order-manager-wrapper .block.order-processed .block-title .toggle-wrapper:hover { background-color: #10487b; }
.order-manager-wrapper .block.order-processed .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/processed-icon.png") no-repeat 12px center; }
.order-manager-wrapper .block.order-current .block-title { background-color: #f9c034;
    border-bottom: 1px solid #e6a912; }
.order-manager-wrapper .block.order-current .block-title .toggle-wrapper:hover { background-color: #e6a912; }
.order-manager-wrapper .block.order-current .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/shipping-icon.png") no-repeat 12px center; }
.order-manager-wrapper .block.order-approved .block-title { background-color: #8ecc4a; border-bottom: 1px solid #81b449; }
.order-manager-wrapper .block.order-approved .block-title .toggle-wrapper:hover { background-color: #81b449; }
.order-manager-wrapper .block.order-approved .block-title .title { color: #ffffff; padding-left: 35px; background: transparent url("/bundles/sogedialsite/images/icons-user-access/validate.png") no-repeat 12px center; }
.order-manager-wrapper .block.order-approved table, .order-manager-wrapper .block.order-current table, .order-manager-wrapper .block.order-processed table, .order-manager-wrapper .block.order-pending table, .order-manager-wrapper .block.access-orphans table { margin: 0px auto; text-align: left; width: 100%; padding-top: 0; }
.order-manager-wrapper .block.order-approved table th.col-actions, .order-manager-wrapper .block.order-approved table th.col-importationfrance, .order-manager-wrapper .block.order-approved table th.col-email, .order-manager-wrapper .block.order-approved table th.col-nature, .order-manager-wrapper .block.order-approved table th.col-country, .order-manager-wrapper .block.order-approved table th.col-date-created, .order-manager-wrapper .block.order-approved table th.col-date-updated, .order-manager-wrapper .block.order-approved table th.col-name, .order-manager-wrapper .block.order-approved table th.col-age, .order-manager-wrapper .block.order-approved table th.col-temps, .order-manager-wrapper .block.order-approved table th.col-frequence, .order-manager-wrapper .block.order-approved table th.col-commandes, .order-manager-wrapper .block.order-approved table th.col-chiffre-affaires, .order-manager-wrapper .block.order-approved table th.col-causes, .order-manager-wrapper .block.order-approved table th.col-contact, .order-manager-wrapper .block.order-approved table th.col-importation, .order-manager-wrapper .block.order-current table th.col-actions, .order-manager-wrapper .block.order-current table th.col-importationfrance, .order-manager-wrapper .block.order-current table th.col-email, .order-manager-wrapper .block.order-current table th.col-nature, .order-manager-wrapper .block.order-current table th.col-country, .order-manager-wrapper .block.order-current table th.col-date-created, .order-manager-wrapper .block.order-current table th.col-date-updated, .order-manager-wrapper .block.order-current table th.col-name, .order-manager-wrapper .block.order-current table th.col-age, .order-manager-wrapper .block.order-current table th.col-temps, .order-manager-wrapper .block.order-current table th.col-frequence, .order-manager-wrapper .block.order-current table th.col-commandes, .order-manager-wrapper .block.order-current table th.col-chiffre-affaires, .order-manager-wrapper .block.order-current table th.col-causes, .order-manager-wrapper .block.order-current table th.col-contact, .order-manager-wrapper .block.order-current table th.col-importation, .order-manager-wrapper .block.order-processed table th.col-actions, .order-manager-wrapper .block.order-processed table th.col-importationfrance, .order-manager-wrapper .block.order-processed table th.col-email, .order-manager-wrapper .block.order-processed table th.col-nature, .order-manager-wrapper .block.order-processed table th.col-country, .order-manager-wrapper .block.order-processed table th.col-date-created, .order-manager-wrapper .block.order-processed table th.col-date-updated, .order-manager-wrapper .block.order-processed table th.col-name, .order-manager-wrapper .block.order-processed table th.col-age, .order-manager-wrapper .block.order-processed table th.col-temps, .order-manager-wrapper .block.order-processed table th.col-frequence, .order-manager-wrapper .block.order-processed table th.col-commandes, .order-manager-wrapper .block.order-processed table th.col-chiffre-affaires, .order-manager-wrapper .block.order-processed table th.col-causes, .order-manager-wrapper .block.order-processed table th.col-contact, .order-manager-wrapper .block.order-processed table th.col-importation, .order-manager-wrapper .block.order-pending table th.col-actions, .order-manager-wrapper .block.order-pending table th.col-importationfrance, .order-manager-wrapper .block.order-pending table th.col-email, .order-manager-wrapper .block.order-pending table th.col-nature, .order-manager-wrapper .block.order-pending table th.col-country, .order-manager-wrapper .block.order-pending table th.col-date-created, .order-manager-wrapper .block.order-pending table th.col-date-updated, .order-manager-wrapper .block.order-pending table th.col-name, .order-manager-wrapper .block.order-pending table th.col-age, .order-manager-wrapper .block.order-pending table th.col-temps, .order-manager-wrapper .block.order-pending table th.col-frequence, .order-manager-wrapper .block.order-pending table th.col-commandes, .order-manager-wrapper .block.order-pending table th.col-chiffre-affaires, .order-manager-wrapper .block.order-pending table th.col-causes, .order-manager-wrapper .block.order-pending table th.col-contact, .order-manager-wrapper .block.order-pending table th.col-importation, .order-manager-wrapper .block.access-orphans table th.col-actions, .order-manager-wrapper .block.access-orphans table th.col-importationfrance, .order-manager-wrapper .block.access-orphans table th.col-email, .order-manager-wrapper .block.access-orphans table th.col-nature, .order-manager-wrapper .block.access-orphans table th.col-country, .order-manager-wrapper .block.access-orphans table th.col-date-created, .order-manager-wrapper .block.access-orphans table th.col-date-updated, .order-manager-wrapper .block.access-orphans table th.col-name, .order-manager-wrapper .block.access-orphans table th.col-age, .order-manager-wrapper .block.access-orphans table th.col-temps, .order-manager-wrapper .block.access-orphans table th.col-frequence, .order-manager-wrapper .block.access-orphans table th.col-commandes, .order-manager-wrapper .block.access-orphans table th.col-chiffre-affaires, .order-manager-wrapper .block.access-orphans table th.col-causes, .order-manager-wrapper .block.access-orphans table th.col-contact, .order-manager-wrapper .block.access-orphans table th.col-importation { width: 12.5% !important; color: #434a54; font-weight: 400; font-size: 11px; padding-left: 1%; }
.order-manager-wrapper .block.order-approved table th.col-actions.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-actions.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-importationfrance.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-importationfrance.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-email.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-email.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-nature.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-nature.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-country.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-country.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-date-created.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-date-created.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-date-updated.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-date-updated.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-name.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-name.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-age.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-age.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-temps.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-temps.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-frequence.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-frequence.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-commandes.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-commandes.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-chiffre-affaires.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-chiffre-affaires.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-causes.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-causes.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-contact.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-contact.sorting_asc, .order-manager-wrapper .block.order-approved table th.col-importation.sorting_desc, .order-manager-wrapper .block.order-approved table th.col-importation.sorting_asc, .order-manager-wrapper .block.order-current table th.col-actions.sorting_desc, .order-manager-wrapper .block.order-current table th.col-actions.sorting_asc, .order-manager-wrapper .block.order-current table th.col-importationfrance.sorting_desc, .order-manager-wrapper .block.order-current table th.col-importationfrance.sorting_asc, .order-manager-wrapper .block.order-current table th.col-email.sorting_desc, .order-manager-wrapper .block.order-current table th.col-email.sorting_asc, .order-manager-wrapper .block.order-current table th.col-nature.sorting_desc, .order-manager-wrapper .block.order-current table th.col-nature.sorting_asc, .order-manager-wrapper .block.order-current table th.col-country.sorting_desc, .order-manager-wrapper .block.order-current table th.col-country.sorting_asc, .order-manager-wrapper .block.order-current table th.col-date-created.sorting_desc, .order-manager-wrapper .block.order-current table th.col-date-created.sorting_asc, .order-manager-wrapper .block.order-current table th.col-date-updated.sorting_desc, .order-manager-wrapper .block.order-current table th.col-date-updated.sorting_asc, .order-manager-wrapper .block.order-current table th.col-name.sorting_desc, .order-manager-wrapper .block.order-current table th.col-name.sorting_asc, .order-manager-wrapper .block.order-current table th.col-age.sorting_desc, .order-manager-wrapper .block.order-current table th.col-age.sorting_asc, .order-manager-wrapper .block.order-current table th.col-temps.sorting_desc, .order-manager-wrapper .block.order-current table th.col-temps.sorting_asc, .order-manager-wrapper .block.order-current table th.col-frequence.sorting_desc, .order-manager-wrapper .block.order-current table th.col-frequence.sorting_asc, .order-manager-wrapper .block.order-current table th.col-commandes.sorting_desc, .order-manager-wrapper .block.order-current table th.col-commandes.sorting_asc, .order-manager-wrapper .block.order-current table th.col-chiffre-affaires.sorting_desc, .order-manager-wrapper .block.order-current table th.col-chiffre-affaires.sorting_asc, .order-manager-wrapper .block.order-current table th.col-causes.sorting_desc, .order-manager-wrapper .block.order-current table th.col-causes.sorting_asc, .order-manager-wrapper .block.order-current table th.col-contact.sorting_desc, .order-manager-wrapper .block.order-current table th.col-contact.sorting_asc, .order-manager-wrapper .block.order-current table th.col-importation.sorting_desc, .order-manager-wrapper .block.order-current table th.col-importation.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-actions.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-actions.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-importationfrance.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-importationfrance.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-email.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-email.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-nature.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-nature.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-country.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-country.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-date-created.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-date-created.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-date-updated.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-date-updated.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-name.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-name.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-age.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-age.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-temps.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-temps.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-frequence.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-frequence.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-commandes.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-commandes.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-chiffre-affaires.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-chiffre-affaires.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-causes.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-causes.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-contact.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-contact.sorting_asc, .order-manager-wrapper .block.order-processed table th.col-importation.sorting_desc, .order-manager-wrapper .block.order-processed table th.col-importation.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-actions.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-actions.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-importationfrance.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-importationfrance.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-email.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-email.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-nature.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-nature.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-country.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-country.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-date-created.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-date-created.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-date-updated.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-date-updated.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-name.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-name.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-age.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-age.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-temps.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-temps.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-frequence.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-frequence.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-commandes.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-commandes.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-chiffre-affaires.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-chiffre-affaires.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-causes.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-causes.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-contact.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-contact.sorting_asc, .order-manager-wrapper .block.order-pending table th.col-importation.sorting_desc, .order-manager-wrapper .block.order-pending table th.col-importation.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-actions.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-actions.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-importationfrance.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-importationfrance.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-email.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-email.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-nature.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-nature.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-country.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-country.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-date-created.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-date-created.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-date-updated.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-date-updated.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-name.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-name.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-age.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-age.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-temps.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-temps.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-frequence.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-frequence.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-commandes.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-commandes.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-chiffre-affaires.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-chiffre-affaires.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-causes.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-causes.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-contact.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-contact.sorting_asc, .order-manager-wrapper .block.access-orphans table th.col-importation.sorting_desc, .order-manager-wrapper .block.access-orphans table th.col-importation.sorting_asc { background-color: #e3e3e3; }
.order-manager-wrapper .block.order-approved table th.col-date-created, .order-manager-wrapper .block.order-approved table th.col-date-updated, .order-manager-wrapper .block.order-current table th.col-date-created, .order-manager-wrapper .block.order-current table th.col-date-updated, .order-manager-wrapper .block.order-processed table th.col-date-created, .order-manager-wrapper .block.order-processed table th.col-date-updated, .order-manager-wrapper .block.order-pending table th.col-date-created, .order-manager-wrapper .block.order-pending table th.col-date-updated, .order-manager-wrapper .block.access-orphans table th.col-date-created, .order-manager-wrapper .block.access-orphans table th.col-date-updated { width: 11.5% !important; }
.order-manager-wrapper .block.order-approved table th.col-email, .order-manager-wrapper .block.order-current table th.col-email, .order-manager-wrapper .block.order-processed table th.col-email, .order-manager-wrapper .block.order-pending table th.col-email, .order-manager-wrapper .block.access-orphans table th.col-email { width: 14.5% !important; }
.order-manager-wrapper .block.order-approved table td, .order-manager-wrapper .block.order-current table td, .order-manager-wrapper .block.order-processed table td, .order-manager-wrapper .block.order-pending table td, .order-manager-wrapper .block.access-orphans table td { padding-left: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.order-manager-wrapper .block.order-approved table a, .order-manager-wrapper .block.order-current table a, .order-manager-wrapper .block.order-processed table a, .order-manager-wrapper .block.order-pending table a, .order-manager-wrapper .block.access-orphans table a { text-decoration: none; color: black; }
.order-manager-wrapper .block.order-approved table a:focus, .order-manager-wrapper .block.order-approved table a:visited, .order-manager-wrapper .block.order-current table a:focus, .order-manager-wrapper .block.order-current table a:visited, .order-manager-wrapper .block.order-processed table a:focus, .order-manager-wrapper .block.order-processed table a:visited, .order-manager-wrapper .block.order-pending table a:focus, .order-manager-wrapper .block.order-pending table a:visited, .order-manager-wrapper .block.access-orphans table a:focus, .order-manager-wrapper .block.access-orphans table a:visited { color: black; }
/*.order-manager-wrapper #block-order-current table tr th {  border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }*/
.order-manager-wrapper #block-order-current table tr th:last-child, .order-manager-wrapper #block-order-current table tr th.col-actions { border-right: none; }
.order-manager-wrapper #block-order-current table tr th.col-date-created, .order-manager-wrapper #block-order-current table tr th.col-date-updated { width: 11.5% !important; }
.order-manager-wrapper #block-order-current table tr th.col-email { }
.order-manager-wrapper #block-order-current table tr td { border-right: 1px solid #e3e3e3; }
.order-manager-wrapper #block-order-current table tr td:last-child { border-right: none; }
.order-manager-wrapper #block-order-approved table tr th { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 11% !important; }
.order-manager-wrapper #block-order-approved table tr th:last-child, .order-manager-wrapper #block-order-approved table tr th.col-actions { border-right: none; }
.order-manager-wrapper #block-order-approved table tr th.col-actions { width: 12% !important; }
.order-manager-wrapper #block-order-approved table tr td { border-right: 1px solid #e3e3e3; }
.order-manager-wrapper #block-order-approved table tr td:last-child { border-right: none; }
/*.order-manager-wrapper #block-order-processed table tr th { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 11% !important; }*/
.order-manager-wrapper #block-order-processed table tr th:last-child, .order-manager-wrapper #block-order-processed table tr th.col-actions { border-right: none; }
.order-manager-wrapper #block-order-processed table tr th.col-causes { width: 44% !important; }
.order-manager-wrapper #block-order-processed table tr th.col-actions { width: 12% !important; }
.order-manager-wrapper #block-order-processed table tr td { border-right: 1px solid #e3e3e3; }
.order-manager-wrapper #block-order-processed table tr td:last-child { border-right: none; }
/*.order-manager-wrapper #block-order-pending table tr th { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 14.5% !important; }*/
.order-manager-wrapper #block-order-pending table tr th:last-child, .order-manager-wrapper #block-order-pending table tr th.col-actions { border-right: none; }
.order-manager-wrapper #block-order-pending table tr th.col-actions { width: 12% !important; }
.order-manager-wrapper #block-order-pending table tr th.col-contact { width: 15.5% !important; }
.order-manager-wrapper #block-order-pending table tr td { border-right: 1px solid #e3e3e3; }
.order-manager-wrapper #block-order-pending table tr td:last-child { border-right: none; }
.order-manager-wrapper .block.summary { margin-top: 10px; }
.order-manager-wrapper .block.summary table { margin: 0px auto; text-align: center; width: auto; }
.order-manager-wrapper .block.summary table th { padding: 5px; }


/*
* Table styles
*/
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    /*table-layout:fixed;*/
    /*
     * Header and footer styles
     */
    /*
     * Body styles
     */
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111111;
    color: #fff;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111111;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
    cursor: pointer;
    *cursor: hand;

}

table.dataTable thead .sorting_asc_disabled {
    background: url("/bundles/sogedialsite/images/sort_asc_disabled.png") no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
    background: url("/bundles/sogedialsite/images/sort_desc_disabled.png") no-repeat center right;
}

table.dataTable tbody tr {
    background-color: white;
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}

/*table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: 1px solid #d9d9d9;
}*/

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #d9d9d9;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
    background-color: whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
    background-color: #a9b7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
    background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad4;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b3cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a7b5ce;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b6d0;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #f9f9f9;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fdfdfd;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad4;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #adbbd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
    background-color: #ebebeb;
}

table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
    background-color: #eeeeee;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
    background-color: #a1aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
    background-color: #a2afc8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
    background-color: #a4b2cb;
}

/*table.dataTable.no-footer {*/
    /*border-bottom: 1px solid #111111;*/
/*}*/

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 5px 9px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 5px 9px 3px 9px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px 5px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333333 !important;
    border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333333 !important;
    border: 1px solid #cacaca;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, white 0%, gainsboro 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, white 0%, gainsboro 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #585858 0%, #111111 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #585858 0%, #111111 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    /* W3C */
    box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333333;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}




    .client {
        text-align: right;
        font-size: 12pt;
        font-family: 'Roboto', sans-serif;
        width: 306px;
        position: relative;
        float: right;
    }

    div.societe {
        text-align: left;
        font-size: 12pt;
        font-family: 'Roboto', sans-serif;
        width: 306px;
        position: relative;
        float: left;
    }
     table.sogedial-order-container-item {
         color:#434a54;
     }

    .numero_commande
    {
        text-align: center;
        font-size: 14pt;
        font-family: 'Roboto', sans-serif;
        vertical-align: middle;
        margin-left: 202px;
    }

    .back-recap a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .back-recap a:hover {
        background-color: #5E6973;
    }

    .back-recap img {
        /* margin-top: -10px; */
        margin-right: 12px;
    }

    .content
    {
        /*margin-left: 30px;
        margin-right: 30px;*/
    }

    .infos_societe
    {
        margin-top: 10px;
        font-size: 9pt;
        color: #B2B2B2;
    }

    .produits
    {
        margin-top: 40px;
    }

    .produits .titre
    {
        float: left;
    }

    table.sumOrder tbody tr {
        border-bottom: 2px solid black;
        border-top: 2px solid black;
    }

    table.sumOrder tbody td {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    table.sumOrder th {
        padding-bottom: 10px;
    }
    
    table.sumOrder {
        font-size: 15px;
        margin-top: 30px;
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        font-weight: bold;
    }

    .content_facture table {
        table-layout: fixed;
    }

    .content_facture table th.label{
        width: 295px;
        text-align: left;
    }
    .content_facture table td.label{
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .content_facture table th.article{
        width: 47px;
    }

    .content_facture table th.brand{
        width: 85px;
    }
    .content_facture table th.ean1²{
        width: 101px;
    }

    .content_facture table th.colis{
        width: 32px;
    }
    .content_facture table td.colis, .content_facture table td.volume, .content_facture table td.mass, .content_facture table td.price{
        text-align: right;
    }

    .content_facture .tfoot{
        text-align: right;
    }

    .titre 
    {
        font-family: 'Roboto', sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color: #123268;
    }

    .produits .ligne_horizontale
    {
        border-bottom: 2px solid #123268;
        height: 6px;
        padding-top: 6px;
        margin-left: 135px;
    }
    .produits.frozen .ligne_horizontale
    {
        margin-left: 150px;
    }
    .produits.fresh .ligne_horizontale
     {
         margin-left: 140px;
     }
    .produits.dry .ligne_horizontale
    {
        margin-left: 50px;
    }
    .produits.container-p .ligne_horizontale
    {
        margin-left: 260px;
    }

    .produits .tfoot
    {
        font-weight: bold;
    }

    .produits.container-p .tfoot
    {
        border-bottom: 2px solid #f4805c;
        border-top: 2px solid #f4805c;

    }

    .produits.container-p .tfoot td {
        color: #e93737;
    }

    .produits.dry .tfoot
    {
        border-bottom: 2px solid #e93737;
        border-top: 2px solid #e93737;

    }

    .produits.dry .tfoot td {
        color: #f4805c;
    }

    .produits.fresh .tfoot
    {
        border-bottom: 2px solid #9bbe5f;
        border-top: 2px solid #9bbe5f;

    }
    .produits.fresh .tfoot td {
        color: #9bbe5f;
    }

    .produits.frozen .tfoot
    {
        border-bottom: 2px solid #679bfa;
        border-top: 2px solid #679bfa;

    }

    .produits.frozen .tfoot td {
        color: #679bfa;
    }

    .table_produits
    {
        font-family: 'Roboto' sans-serif;
        font-size: 12px;
        background: #fff;
        clear: both;
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }

    .table_produits th
    {
        font-size: 10pt;
        font-weight: normal;
        padding: 10px 8px;
        border-bottom: 1px solid #A1A1A1;
    }
    .table_produits td
    {
        padding: 9px 8px 0px 8px;
        color: #A1A1A1;
        font-size: 8pt;
    }





    .div_num_commande {
        line-height: 39px;
        background-color: #3d454c;
        color: white;
    }




    .div_num_commande > div {
        display: inline-block;
    }

    .table_produits thead tr th
    {
        font-family: 'Roboto', sans-serif;
        font-size: 11pt;
        font-weight: bold;
        text-align: center;
    }

    .table_produits tbody tr td
    {
        font-family: 'Roboto', sans-serif;
        font-size: 10pt;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tfoot td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .grand {
        font-size: 12pt;
        text-align: left;
    }

    .table_produits tbody tr:last-child
    {
        height: 19px;
    }

    .table_produits tbody tr:first-child
    {
        height: 12px;
    }

    #page {
        width: 994px;
        background-color: white;
        margin: auto;
        border: 2px solid #E2E2E2;  
        margin-top: 21px;
        padding-bottom: 30px;
    }

    .content_facture {

        padding: 25px 40px 5px 40px;
    }

    .bouton_signer {
        background-color: #003566;
        text-indent:0;
        display:inline-block;
        color:#ffffff;
        font-family:Arial;
        font-size:16px;
        height:34px;
        line-height:34px;
        width:189px;
        text-decoration:none;
        text-align:center;
        font-family: 'Roboto', sans-serif;
        border: 0px;
        cursor: pointer;
        margin-top: 13px;
        padding: 0px;
    }

    .btn-back {
        border: 1px solid #aeaeae;
        color: #888888;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 37%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(37%,#fbfbfb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 37%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 37%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 37%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 37%,#eeeeee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    }

    .cgv-body {
        margin-top: 36px;
        background-color: #faf9f9;
        border: 1px solid #d8d8db;
        padding: 19px 16px;
        color: #999999;
        height: 235px;
        overflow: auto;
    }

    .download-cgv {
        float: right;
        text-decoration: none;
        color: #5a5c5d;
        display: block;
        padding-left: 18px;
        background: url("/bundles/sogedialsite/images/download-icon.png") no-repeat left center;
    }

    .cgv-agree {
        float: left;
    }

    .cgv-agree input, .cgv-agree label, .transit label, .transit input {
        cursor: pointer;
    }

    .cgv-footer {
        color: #5a5c5d;
        margin-top: 13px;
    }

    .sogedial-order-banner {
        margin-top: 53px;
        height: 222px;
        width: 994px;
        background: url('/bundles/sogedialsite/images/sogedial-banner-recap.jpg') no-repeat;
        margin-left: -40px;
        text-align: center;
        font-size: 20px;
        padding-top: 31px;
    }

   /* .sogedial-order-banner {
        margin-top: 53px;
        height: 240px;
        width: 994px;
        background: url('/bundles/sogedialsite/images/sogedial-banner-recap.jpg') no-repeat;
        margin-left: -40px;
    }*/

    .sogedial-order-banner span, .sogedial-order-banner p {

        color: #fff;
        text-shadow: 0px 1px 1px #000;
        text-transform: uppercase;


    }

    .sogedial-order-banner .bottom {
        background-color: rgba(0, 0, 0, 0.34);
        margin-top: 14px;
        font-size: 15px;
        text-align: left;
        padding: 6px 0;
        display: inline-block;
        min-width: 428px;
    }
    .sogedial-order-banner .bottom p {
        margin: 0;
    }
    .sogedial-order-banner .bottom-right,
    .sogedial-order-banner .bottom-left {
        text-align: center;
        width: 50%;
    }
    .sogedial-order-banner .bottom-left {
        float: left;
    }
    .sogedial-order-banner .bottom-left p{
        border-right: 1px solid #fff;
    }
    .sogedial-order-banner .bottom-right {
        float: right;
    }
    .sogedial-order-banner .bottom-left .stats {
        text-align: center;
    }
    .sogedial-order-banner .bottom-right .stats {
        text-align: center;
    }
   /* .sogedial-order-banner .bottom-right p {
        padding-left: 76px;
        padding-right: 46px;

    }
    .sogedial-order-banner .bottom-left p {
        padding-right: 76px;
        border-right: 1px solid #fff;
        padding-left: 46px;

    }
*/
    .sogedial-order-banner .bottom,
    .sogedial-order-banner .activities span {

        background-color: rgba(0, 0, 0, 0.34);

    }
    .sogedial-order-banner .activities span {
        line-height: 32px;
        letter-spacing: 0.05em;
        display: inline;
        padding: 1px 10px;
    }

    .incoterms-list {
        margin-bottom: 20px;
        display: inline-block;
        margin-right: 29px;
    }

    .cgv-header {
        color: #003566;
        text-align: center;
        margin-bottom: 20px;
    }

    .cgv-title {
        display: inline-block;
        padding-bottom: 6px;
        border-bottom: 1px solid #003566;
        font-size: 17px;
    }

    .cgv-unfolded {
        margin-top: 60px;
        margin-bottom: 48px;
    }

    .cgv-agree label, .transit label {
        margin-left: 15px;
        /* margin-top: 20px; */
    }


    .bouton_droite {  
        float: right;
    }

    .transit-container {
        text-align: center;
        margin-top: 20px;
    }

    .transit-no, .transit-yes {
        display: inline-block;
        padding: 15px 12px;
        color: #fff;
    }

    .transit-no {
        margin-right: 40px;
        background-color: #c2c2c2;
    }
    .transit-yes {
        background-color: #15ae52;
    }

    .port-list select{
        width: 378px;
        padding: 4px 8px;
        text-align: left;
    }

    .port-list {
        margin-top: 20px;
        margin-bottom: 29px;
        display: inline-block;
    }

    .summary-toolbar-wrapper div.sogedial-order-container-item {
        width: 100%;
        background:#f0f0f0;
        height:40px;
        border-top:1px solid #323335;
    }

    
    .summary-toolbar-wrapper div.sogedial-order-container-item table {
        display : block;
        background:none;
        color:#434a54;
    }
    .summary-toolbar-wrapper div.sogedial-order-container-item.active {
        background:#fff;
        border-top:0px solid #323335;
    }

    .container-toolbar {
        border-left:1px solid #323335;
        border-right:1px solid #323335;
    }

    .sogedial-order-container-item{
        border-top:1px solid #323335;
        width:100%;
        border-top:none;
        height:30px;
    }

    .sogedial-order-container-item {
        background:none;
        line-height: 17px;
        height:16px;
        font-weight:normal;
    }


    .container-item-spec {
        background : none;
        text-align:left;
        height: 20px;
    }

    .container-item-spec .container-item-label-unite,
    .container-item-spec .container-item-total,
    .container-item-spec .container-item-total-percent,
    .container-item-spec .container-item-total-rest{
        border-right: 1px solid #999;
        height: 20px;
        line-height: 20px;
        margin: 0;
        padding-left: 10px;
    }
    .container-item-spec .container-item-total-rest{
        border-right: 0px solid #999;
    }

    .container-item-spec  .progress-bar {
        float : left;
        height: 10px;
    }

    .container-item-spec .container-item-total-percent{
        padding: 5px 0 0 0;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height:15px;
    }

    .container-item-spec  .progress-bar-default {
        background-color : #003566;
    }

    .container-item-spec.container-item-volume  .progress-bar-default {
        background-color : #2a5b8d;
    }

    .container-item-spec  .progress-bar-success{
        background-color : #00DE47;
    }

    .container-item-spec  .progress-bar-error {
        background-color : #E81E28;
    }

    .error-msg{
        color:#c74545; 
    }


    .rotate180 {
        -ms-transform: rotate(-180deg); /* IE 9 */
        -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
        transform: rotate(-180deg);
    }

    .sogedial-order-container-items{
        overflow : auto;
        background : #e0e3e4;
        overflow-x: hidden;
        border-bottom:1px solid #323335;

    }

    .sogedial-order-container-items .first-cell{
        padding : 5px 10px;
        border-right : 1px solid #434a54;
        background:transparent;
        color:#434a54;
    }

    .sogedial-order-container-items .first-cell div.label:first-child{
        line-height: 33px;
        margin-right: 5px;
    }

    .sogedial-order-container-items .second-cell{
        color: #434a54;
        display:block
    }

    #modal_container_optimal .modal-body .containers-table{
        width : 100%;
/*        height: 250px;*/
    }

    #modal_container_optimal .modal-body .containers-table h5{
        width: 100%;
        text-align: left;
        color: #fff;
        background: #646771;
        height: 30px;
        line-height:30px;
        padding-left: 10px;
        border : 1px solid #DFDFDF;
        margin-bottom:0;
    }

    #modal_container_optimal .modal-body .containers-table .type-row{
        width : 33%;
        height: 100%;
    }

    #modal_container_optimal .modal-body .containers-table .type-row .column{
        border-left : 1px solid #DFDFDF;
        border-right : 1px solid #DFDFDF;
    }

    #modal_container_optimal .modal-body .containers-table .type-row .optimal-item{
        width : 99%;
        height : 40px;
        border : 1px solid #DFDFDF;
        border-right:0px;
        border-left:0px;
        padding: 10px 2px 10px 2px;
    }

    #modal_container_optimal .modal-body .containers-table .type-row .optimal-item div{
        width : 50%;
        height: 100%;
        text-indent:2px;
    }


    .btn-green {
        background: #00DE47;
        color: #fff;
    }

    #modal_container_optimal .modal-footer {
        padding-left  : 15px;
    }

    .pointille-bas {
        border-bottom: 1px dotted #999;
    }

    .right {
        float: right;
    }
    .left {
        float: left;
    }

    .clear {
        clear:both;
    }

    .none {
        display:none;
    }

    .block {
        display:block;
    }

    .btn-download-container {
        color: #326C35;
        border: 1px solid #326C35;
        display:block;
        padding: 3px 7px;
        height:30px;
        line-height:23px;
        text-align:center;
        font-weight:bold;
        font-size:13px;
        text-decoration:none;
        margin-top:3px;
    }

    .btn-download-container:hover{
        color: #000;
    }

    .bottom-border {
        border:1px solid #323335;
    }


/*
 * Toastr
 * Copyright 2012-2014 John Papa and Hans Fjällemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 6;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 70px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  /*-moz-box-shadow: 0 0 4px #999999;*/
  /*-webkit-box-shadow: 0 0 4px #999999;*/
  /*box-shadow: 0 0 4px #999999;*/
  color: #ffffff;
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
    background-image: url("/bundles/sogedialsite/images/minimal-check.png");
    background-repeat: no-repeat;
    background-color: rgba(39, 39, 39, 0.89);
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}