/*
	Essential styles that themes can inherit.
	In other words, works but doesn't look great.
*/



/****
		GENERIC PIECES
 ****/

.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.
	margin:0;
	border:0;
	padding:0;
	line-height:normal;
	font: inherit;
	color: inherit;
	*/
	
}
.dijit_a11y .dijitReset {
	-moz-appearance: none; /* remove predefined high-contrast styling in Firefox */
}

.dijitInline {
	/*  To inline block elements.
		Similar to InlineBox below, but this has fewer side-effects in Moz.
		Also, apparently works on a DIV as well as a FIELDSET.
	*/
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	border:0;
	padding:0;
	vertical-align:middle;
	#vertical-align: auto;	/* makes TextBox,Button line up w/native counterparts on IE6 */
}

.dijitHidden {
	/* To hide unselected panes in StackContainer etc. */
	display: none !important;
}

.dijitVisible {
	/* To show selected pane in StackContainer etc. */
	display: block !important;	/* override user's display:none setting via style setting or indirectly via class */
	position: relative;			/* to support setting width/height, see #2033 */
}

.dijitInputContainer {
	/* for positioning of placeHolder */
	#zoom: 1;
	overflow: hidden;
	float: none !important; /* needed by FF to squeeze the INPUT in */
	/*position:relative;*/
}

.dj_ie INPUT.dijitTextBox,
.dj_ie .dijitTextBox INPUT {
	font-size: 100%;
}
.dijitTextBox .dijitSpinnerButtonContainer,
.dijitTextBox .dijitArrowButtonContainer,
.dijitTextBox .dijitValidationContainer {
	float: right;
	text-align: center;
}
.dijitTextBox INPUT.dijitInputField {
	/* override unreasonable user styling of buttons and icons */
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.dijitTextBox .dijitValidationContainer {
	display: none;
}
.dijitInlineTable {
	/* To inline tables with a given width set (otherwise, use dijitInline above) */
	display:inline-table;
	display:inline-block;		/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	box-sizing: content-box; -moz-box-sizing: content-box;
	border:0;
	padding:0;
}

.dijitTeeny {
	font-size:1px;
	line-height:1px;
}

.dijitOffScreen {
	position: absolute;
	visibility: hidden;
	left: 50%;
	top: -10000px;
}

/*
 * Popup items have a wrapper div (dijitPopup)
 * with the real popup inside, and maybe an iframe too
 */
.dijitPopup {
	position: absolute;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
}
.dijit_a11y .dijitPopup,
.dijit_ally .dijitPopup DIV,
.dijit_a11y .dijitPopup TABLE,
.dijit_a11y .dijitTooltipContainer {
	background-color: white !important;
}

.dijitPositionOnly {
	/* Null out all position-related properties */
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
	width: auto !important;
}

.dijitNonPositionOnly {
	/* Null position-related properties */
	float: none !important;
	position: static !important;
	margin: 0 0 0 0 !important;
	vertical-align: middle !important;
}

.dijitBackgroundIframe {
	/* iframe used to prevent problems with PDF or other applets overlaying menus etc */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 0;
	padding: 0;
	margin: 0;
}

.dijitDisplayNone {
	/* hide something.  Use this as a class rather than element.style so another class can override */
	display:none !important;
}

.dijitContainer {
	/* for all layout containers */
	overflow: hidden;	/* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}

/****
		A11Y
 ****/
.dijit_a11y * {
	background-image:none !important;
}
.dijit_a11y .dijitIcon,
.dijit_a11y DIV.dijitArrowButtonInner, /* is this only for Spinner?  if so, it should be deleted */
.dijit_a11y SPAN.dijitArrowButtonInner,
.dijit_a11y IMG.dijitArrowButtonInner,
.dijit_a11y .dijitCalendarIncrementControl {
	/* hide icon nodes in high contrast mode; when necesary they will be replaced by character equivalents
	 * exception for INPUT.dijitArrowButtonInner, because the icon and character are controlled by the same node */
	display: none;
}
.dijitSpinner DIV.dijitArrowButtonInner {
	display: block; /* override previous rule */
}

.dijit_a11y .dijitA11ySideArrow {
	display: inline !important; /* display text instead */
	cursor: pointer;
}

/*
 * Since we can't use shading in a11y mode, and since the underline indicates today's date,
 * use a border to show the selected date.
 * Avoid screen jitter when switching selected date by compensating for the selected node's
 * border w/padding on other nodes.
 */
.dijit_a11y .dijitCalendarDateLabel {
	padding: 1px;
}
.dijit_a11y .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	border-style: dotted !important;
	border-width: 1px;
	padding: 0px;
}
.dijit_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
}

.dijit_a11y .dijit * {
	background:white !important;
	color:black !important;
}
.dijit_a11y .dijitButtonNode {
	border-color: black!important;
	border-style: outset!important;
	border-width: medium!important;
}

.dijit_a11y .dijitTextBoxReadOnly .dijitInputField,
.dijit_a11y .dijitTextBoxReadOnly .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
	vertical-align: middle;
}
.dijitButtonNode .dijitArrowButtonInner {
	/* the arrow icon node */
	background: no-repeat center;
	width: 12px;
	height: 12px;
	direction: ltr; /* needed by IE/RTL */
}

/****
	3-element borders:  ( dijitLeft + dijitStretch + dijitRight )
	These were added for rounded corners on dijit.form.*Button but never actually used.
 ****/

.dijitLeft {
	/* Left part of a 3-element border */
	background-position:left top;
	background-repeat:no-repeat;
}

.dijitStretch {
	/* Middle (stretchy) part of a 3-element border */
	white-space:nowrap;			/* MOW: move somewhere else */
	background-repeat:repeat-x;
}

.dijitRight {
	/* Right part of a 3-element border */
	#display:inline;				/* IE7 sizes to outer size w/o this */
	background-position:right top;
	background-repeat:no-repeat;
}

/* Buttons */

.dijitToggleButton,
.dijitButton,
.dijitDropDownButton,
.dijitComboButton {
	/* outside of button */
	margin: 0.2em;
}

.dijitButtonContents {
	display: block;		/* to make focus border rectangular */
}
td.dijitButtonContents {
	display: table-cell;	/* but don't affect Select, ComboButton */
}

.dijitButtonNode IMG {
	/* make text and images line up cleanly */
	vertical-align:middle;
	/*margin-bottom:.2em;*/
}

TABLE.dijitComboButton { /* TODO: why not add dijitReset class to ComboButton? */
	/* In ComboButton, borders are on each cell rather than on <table> itself */
	border-collapse: collapse;
	border:0;
	padding:0;
	margin:0;
}
.dijitToolbar .dijitComboButton {
	/* because Toolbar only draws a border around the hovered thing */
	border-collapse: separate;
}

.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitComboButton {
	margin: 0;
}

.dijitToolbar .dijitButtonContents {
	/* just because it used to be this way */
	padding: 1px 2px;
}

.dj_ie .dijitComboButton {
	/* hack to get inline-table to vertically align w/other buttons */
	margin-bottom: -3px;
}

.dj_webkit .dijitToolbar .dijitDropDownButton {
	padding-left: 0.3em;
}
.dj_gecko .dijitToolbar .dijitButtonNode::-moz-focus-inner {
	padding:0;
}

.dijitButtonNode {
	/* Node that is acting as a button -- may or may not be a BUTTON element */
	border:1px solid gray;
	margin:0;
	line-height:normal;
	vertical-align: middle;
	#vertical-align: auto;
	text-align:center;
	white-space: nowrap;
	text-transform:uppercase;
}
.dj_webkit .dijitSpinner .dijitSpinnerButtonContainer {
	/* apparent WebKit bug where messing with the font coupled with line-height:normal X 2 (dijitReset & dijitButtonNode)
	can be different than just a single line-height:normal, visible in InlineEditBox/Spinner */
	line-height:inherit;
}
.dijitTextBox .dijitButtonNode {
	border-width: 0;
}

.dijitButtonNode,
.dijitButtonNode * {
	cursor: pointer;
}

.dj_ie .dijitButtonNode {
	/* ensure hasLayout */
	zoom: 1;
}

.dj_ie .dijitButtonNode button {
	/*
		disgusting hack to get rid of spurious padding around button elements
		on IE. MSIE is truly the web's boat anchor.
	*/
	overflow: visible;
}

DIV.dijitArrowButton {
	float: right;
}

/******
	TextBox related.
	Everything that has an <input>
*******/

.dijitTextBox {
	border: solid black 1px;
	#overflow: hidden; /* #6027, #6067 */
	width: 15em;	/* need to set default size on outer node since inner nodes say <input style="width:100%"> and <td width=100%>.  user can override */
	vertical-align: middle;
	#vertical-align: auto;
}

.dijitTextBoxReadOnly,
.dijitTextBoxDisabled {
	color: gray;
}
.dj_webkit .dijitTextBoxDisabled INPUT {
	color: #eee; /* because WebKit lightens disabled input/textarea no matter what color you specify */
}
.dj_webkit TEXTAREA.dijitTextAreaDisabled {
	color: #333; /* because WebKit lightens disabled input/textarea no matter what color you specify */
}
.dj_gecko .dijitTextBoxReadOnly INPUT,
.dj_gecko .dijitTextBoxDisabled INPUT {
	-moz-user-input: none; /* prevent focus of disabled textbox buttons */
}

.dijitPlaceHolder {
	/* hint text that appears in a textbox until user starts typing */
	color: #AAAAAA;
	font-style: italic;
	position: absolute;
	top: 0;
	left: 0;
	#filter: ""; /* make this showup in IE6 after the rendering of the widget */
}

.dijitTimeTextBox {
	width: 8em;
}

/* rules for webkit to deal with fuzzy blue focus border */
.dijitTextBox INPUT:focus {
	outline: none;	/* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused {
	outline: auto 5px -webkit-focus-ring-color;
}
/* needed by IE to remove secret margin */
/*.dijitTextBox INPUT { 
	float: left; 
}*/
.dijitInputInner {
	/* for when an <input> is embedded inside an inline-block <div> with a size and border 
	border:0 !important;
	vertical-align:middle !important;
	background-color:transparent !important;
	width:100% !important;*/
	/* IE dislikes horizontal tweaking combined with width:100% so punish everyone for consistency 
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;*/
}
.dijit_a11y .dijitTextBox INPUT {
	margin: 0 !important;
}
.dijitTextBoxError INPUT.dijitValidationInner,
.dijitTextBox INPUT.dijitArrowButtonInner {
	/* <input> used to display arrow icon/validation icon, or in arrow character in high contrast mode.
	 * The css below is a trick to hide the character in non-high-contrast mode
	 */
	text-indent: -1em !important;
	direction: ltr !important;
	text-align: left !important;
	height: auto !important;
	#text-indent: 0 !important;
	#letter-spacing: -5em !important;
	#text-align: right !important;
}
.dj_ie .dijitTextBox INPUT,
.dj_ie INPUT.dijitTextBox {
	overflow-y: visible; /* INPUTs need help expanding when padding is added or line-height is adjusted */
	line-height: normal; /* strict mode */
}
.dj_ie7 .dijitTextBox INPUT.dijitValidationInner,
.dj_ie7 .dijitTextBox INPUT.dijitArrowButtonInner {
	line-height: 86%; /* IE7 problem where the icon is vertically too low w/o this - real input stays at normal */
}
.dj_ie6 .dijitTextBox INPUT,
.dj_ie6 INPUT.dijitTextBox,
.dj_iequirks .dijitTextBox INPUT.dijitValidationInner,
.dj_iequirks .dijitTextBox INPUT.dijitArrowButtonInner,
.dj_iequirks .dijitTextBox INPUT.dijitSpinnerButtonInner,
.dj_iequirks .dijitTextBox INPUT.dijitInputInner,
.dj_iequirks INPUT.dijitTextBox {
	line-height: 100%; /* IE7 problem where the icon is vertically way too low w/o this */
}
.dijit_a11y INPUT.dijitValidationInner,
.dijit_a11y INPUT.dijitArrowButtonInner {
	/* (in high contrast mode) revert rules from above so character displays */
	text-indent: 0 !important;
	width: 1em !important;
	#text-align: left !important;
}
.dijitTextBoxError .dijitValidationContainer {
	/*display: inline;
	cursor: default;*/
	display:none;
}

/* ComboBox & Spinner */

.dijitSpinner .dijitSpinnerButtonContainer,
.dijitComboBox .dijitArrowButtonContainer {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border-width: 0 0 0 1px !important; /* !important needed due to wayward ".theme .dijitButtonNode" rules */
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border-width: 0;
}
.dj_ie .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
	clear: both; /* IE workaround */
}
.dijit_a11y .dijitTextBox .dijitValidationContainer,
.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dijit_a11y .dijitComboBox .dijitArrowButtonContainer {
	/* dividing line between input area and up/down button(s) for ComboBox and Spinner */
	border: solid black !important;
	border-width: 0 0 0 1px !important;
}

.dj_ie .dijitToolbar .dijitComboBox {
	/* make combobox buttons align porperly with other buttons in a toolbar */
	vertical-align: middle;
}

/* Spinner */

.dijitTextBox .dijitSpinnerButtonContainer {
	width: 1em;
	position: relative !important;
	overflow: hidden;
}
.dijitSpinner .dijitSpinnerButtonInner {
	width:1em;
	visibility:hidden !important; /* just a sizing element */
	overflow-x:hidden;
}
.dijitComboBox .dijitButtonNode,
.dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 0;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border: 0 none !important;
}
.dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer,
.dijit_a11y .dijitSpinner .dijitArrowButtonInner,
.dijit_a11y .dijitSpinnerButtonContainer INPUT {
	width: 1em !important;
}
.dijit_a11y .dijitSpinner .dijitArrowButtonInner {
	margin: 0 auto !important; /* should auto-center */
}
.dj_ie .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding-left: 0.3em !important;
	padding-right: 0.3em !important;
	margin-left: 0.3em !important;
	margin-right: 0.3em !important;
	width: 1.4em !important;
}
.dj_ie7 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	padding-left: 0.0em !important; /* manually center INPUT: character is .5em and total width = 1em */
	padding-right: 0.0em !important;
	width: 1em !important;
}
.dj_ie6 .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	margin-left: 0.1em !important;
	margin-right: 0.1em !important;
	width: 1em !important;
}
.dj_iequirks .dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 2em !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	/* note: .dijitInputLayoutContainer makes this rule override .dijitArrowButton settings
	 * for dijit.form.Button
	 */
	padding: 0;
	position: absolute !important;
	right: 0;
	float: none;
	height: 50%;
	width: 100%;
	bottom: auto;
	left: 0;
	right: auto;
}
.dj_iequirks .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: auto;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitArrowButton {
	overflow: visible !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
	top: 50%;
	border-top-width: 1px !important;
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton {
	#bottom: 50%;	/* otherwise (on some machines) top arrow icon too close to splitter border (IE6/7) */
	top: 0;
}
.dijitSpinner .dijitArrowButtonInner {
	margin: auto;
	overflow-x: hidden;
	height: 100% !important;
}
.dj_iequirks .dijitSpinner .dijitArrowButtonInner {
	height: auto !important;
}
.dijitSpinner .dijitArrowButtonInner .dijitInputField {
	-moz-transform: scale(0.5);
	-moz-transform-origin: center top;
	-webkit-transform: scale(0.5);
	-webkit-transform-origin: center top;
	-o-transform: scale(0.5);
	-o-transform-origin: center top;
	transform: scale(0.5);
	transform-origin: left top;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
}
.dj_ie .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	zoom: 50%; /* emulate transform: scale(0.5) */
}
.dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButtonInner {
	overflow: hidden;
}

.dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: 100%;
}
.dj_iequirks .dijit_a11y .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton {
	width: 1em; /* matches .dijit_a11y .dijitTextBox .dijitSpinnerButtonContainer rule - 100% is the whole screen width in quirks */
}
.dijitSpinner .dijitArrowButtonInner .dijitInputField {
	visibility: hidden;
}
.dijit_a11y .dijitSpinner .dijitArrowButtonInner .dijitInputField {
	vertical-align:top;
	visibility: visible;
}
.dijit_a11y .dijitSpinnerButtonContainer {
	width: 1em;
}
.dijit_a11y .dijitSpinnerButtonContainer .dijitButtonNode {
	border-width: 1px 0px 0px 0px;
	border-style: solid !important;
}

/****
		dijit.form.CheckBox
 	 &
  		dijit.form.RadioButton
 ****/

.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
}

.dijitCheckBox INPUT,
.dijitRadio INPUT {
	margin: 0;
	padding: 0;
	display: block;
}

.dijitCheckBoxInput {
	/* place the actual input on top, but all-but-invisible */
	opacity: 0.01;
}

.dj_ie .dijitCheckBoxInput {
	filter: alpha(opacity=0);
}

.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
	/* in a11y mode we display the native checkbox (not the icon), so don't restrict the size */
	width: auto !important;
	height: auto !important;
}
.dijit_a11y .dijitCheckBoxInput {
	opacity: 1;
	filter: none;
	width: auto;
	height: auto;
}


/****
		dijit.ProgressBar
 ****/

.dijitProgressBarEmpty {
	/* outer container and background of the bar that's not finished yet*/
	position:relative;overflow:hidden;
	border:1px solid black; 	/* a11y: border necessary for high-contrast mode */
	z-index:0;			/* establish a stacking context for this progress bar */
}

.dijitProgressBarFull {
	/* outer container for background of bar that is finished */
	position:absolute;
	overflow:hidden;
	z-index:-1;
	top:0;
	width:100%;
}
.dj_ie6 .dijitProgressBarFull {
	height:1.6em;
}

.dijitProgressBarTile {
	/* inner container for finished portion */
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	background-color:#aaa;
	background-attachment: fixed;
}

.dijit_a11y .dijitProgressBarTile {
	/* a11y:  The border provides visibility in high-contrast mode */
	border-width:2px;
	border-style:solid;
	background-color:transparent !important;
}

.dj_ie6 .dijitProgressBarTile {
	/* width:auto works in IE6 with position:static but not position:absolute */
	position:static;
	/* height:auto or 100% does not work in IE6 */
	height:1.6em;
}

.dijitProgressBarIndeterminate .dijitProgressBarLabel {
	visibility:hidden;
}

.dijitProgressBarIndeterminate .dijitProgressBarTile {
	/* animated gif for 'indeterminate' mode */
}

.dijitProgressBarIndeterminateHighContrastImage {
	display:none;
}

.dijit_a11y .dijitProgressBarIndeterminate .dijitProgressBarIndeterminateHighContrastImage {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

.dijitProgressBarLabel {
	display:block;
	position:static;
	width:100%;
	text-align:center;
	background-color:transparent !important;
}

/****
		dijit.Tooltip
 ****/

.dijitTooltip {
	position: absolute;
	z-index: 2000;
	display: block;
	/* make visible but off screen */
	left: 50%;
	top: -10000px;
	overflow: visible;
}

.dijitTooltipContainer {
	/*border: solid black 2px;*/
	/*background: #b8b5b5;*/
	color: black;
	font-size: small;
}

.dijitTooltipFocusNode {
	padding: 2px 2px 2px 2px;
}

.dijitTooltipConnector {
	position: absolute;
}
.dijit_a11y .dijitTooltipConnector {
	display: none;	/* won't show b/c it's background-image; hide to avoid border gap */
}

.dijitTooltipData {
	display:none;
}

/* Layout widgets. This is essential CSS to make layout work (it isn't "styling" CSS)
   make sure that the position:absolute in dijitAlign* overrides other classes */

.dijitLayoutContainer {
	position: relative;
	display: block;
	overflow: hidden;
}

body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
	position: absolute;
	overflow: hidden;
}

body .dijitAlignClient { position: absolute; }

/*
 * BorderContaienr
 *
 * .dijitBorderContainer is a stylized layout where panes have border and margin.
 * .dijitBorderContainerNoGutter is a raw layout.
 */
.dijitBorderContainer, .dijitBorderContainerNoGutter {
	position:relative;
	overflow: hidden;
}

.dijitBorderContainerPane,
.dijitBorderContainerNoGutterPane {
	position: absolute !important;	/* !important to override position:relative in dijitTabContainer etc. */
	z-index: 2;		/* above the splitters so that off-by-one browser errors don't cover up border of pane */
}

.dijitBorderContainer > .dijitTextArea {
	/* On Safari, for SimpleTextArea inside a BorderContainer,
		don't want to display the grip to resize */
	resize: none;
}

.dijitGutter {
	/* gutter is just a place holder for empty space between panes in BorderContainer */
	position: absolute;
	font-size: 1px;		/* needed by IE6 even though div is empty, otherwise goes to 15px */
}

/* SplitContainer

	'V' == container that splits vertically (up/down)
	'H' = horizontal (left/right)
*/

.dijitSplitter {
	position: absolute;
	overflow: hidden;
	z-index: 10;		/* above the panes so that splitter focus is visible on FF, see #7583*/
	background-color: #fff;
	border-color: gray;
	border-style: solid;
	border-width: 0;
}
.dj_ie .dijitSplitter {
	z-index: 1;	/* behind the panes so that pane borders aren't obscured see test_Gui.html/[14392] */
}

.dijitSplitterActive {
	z-index: 11 !important;
}

.dijitSplitterCover {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.dijitSplitterCoverActive {
	z-index:3 !important;
}

/* #6945: stop mouse events */
.dj_ie .dijitSplitterCover {
	background: white;
	filter: alpha(opacity=0);
}

.dijitSplitterH {
	height: 7px;
	border-top:1px;
	border-bottom:1px;
	cursor: ns-resize;
}
.dijitSplitterV {
	width: 7px;
	border-left:1px;
	border-right:1px;
	cursor: ew-resize;
}
.dijitSplitContainer {
	position: relative;
	overflow: hidden;
	display: block;
}
.dj_ff3 .dijit_a11y div.dijitSplitter:focus {
	outline-style:dotted;
	outline-width: 2px;
}

.dijitSplitPane {
	position: absolute;
}

.dijitSplitContainerSizerH,
.dijitSplitContainerSizerV {
	position:absolute;
	font-size: 1px;
	cursor: move;
	cursor: w-resize;
	background-color: ThreeDFace;
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	margin: 0;
}

.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
	overflow:hidden;
	position:absolute;
	top:49%;
}

.dijitSplitContainerSizerV .thumb, .dijitSplitterH .dijitSplitterThumb {
	position:absolute;
	left:49%;
}

.dijitSplitterShadow,
.dijitSplitContainerVirtualSizerH,
.dijitSplitContainerVirtualSizerV {
	font-size: 1px;
	background-color: ThreeDShadow;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: Alpha(Opacity=50);
	margin: 0;
}

.dj_ie .dijitSplitterV, .dijitSplitContainerVirtualSizerH {
	cursor: w-resize;
}
.dj_ie .dijitSplitterH, .dijitSplitContainerSizerV, .dijitSplitContainerVirtualSizerV {
	cursor: n-resize;
}

.dijit_a11y .dijitSplitterH {
	border-top:1px solid #d3d3d3 !important;
	border-bottom:1px solid #d3d3d3 !important;
}
.dijit_a11y .dijitSplitterV {
	border-left:1px solid #d3d3d3 !important;
	border-right:1px solid #d3d3d3 !important;
}

/* ContentPane */

.dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}

.dijitContentPaneSingleChild {
	/*
	 * if the ContentPane holds a single layout widget child which is being sized to match the content pane,
	 * then the ContentPane should never get a scrollbar (but it does due to browser bugs, see #9449
	 */
	overflow: hidden;
}

/* TitlePane */

.dijitTitlePane {
	display: block;
	overflow: hidden;
}
.dijitTitlePaneTitle {
	cursor: pointer;
}
.dijitFixedOpen {
	/* TitlePane that cannot be closed */
	cursor: default;
}
.dijitTitlePaneTitle * {
	vertical-align: middle;
}
.dijitTitlePane .dijitArrowNodeInner {
	/* normally, hide arrow text in favor of icon */
	display: none;
}
.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
	/* ... except in a11y mode, then show text arrow */
	display:inline !important;
	font-family: monospace;		/* because - and + are different widths */
}
.dijit_a11y .dijitTitlePane .dijitArrowNode {
	/* ... and hide icon */
	display:none;
}

.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
	/* force hasLayout to ensure borders etc, show up */
	zoom: 1;
}

/* Color Palette
 * Sizes designed so that table cell positions match icons in underlying image,
 * which appear at 20x20 intervals.
 */

.dijitColorPalette {
	border: 1px solid #999;
	background: #fff;
	position: relative;
}

img.dijitColorPaletteUnder {
	/* This single image contains the "icons" for every color in the color palette, and sits behind the transparent <table> */
	border-style: none;
	position: absolute;
	left: 0;
	top: 0;
}
.dijitColorPalette .dijitPaletteTable {
	/* Table that holds the palette cells, and overlays image file with color swatches.
	 * padding/margin to align table with image.
	 */
	padding: 2px 3px 3px 3px;
	position: relative;
	overflow: hidden;
	outline: 0;
	border-collapse: separate;
}
.dj_ie6 .dijitColorPalette .dijitPaletteTable,
.dj_ie7 .dijitColorPalette .dijitPaletteTable,
.dj_iequirks .dijitColorPalette .dijitPaletteTable {
	/* using padding above so that focus border isn't cutoff on moz/webkit,
	 * but using margin on IE because padding doesn't seem to work
	 */
	padding: 0;
	margin: 2px 3px 3px 3px;
}

.dijitColorPalette .dijitPaletteCell {
	/* <td> in the <table>, matching size of color swatches embedded in the img.dijitColorPaletteUnder */
	height: 20px;
	width: 20px;
	font-size: 1px;
	vertical-align: middle;
	text-align: center;
	padding:0;
}
.dijitColorPalette .dijitPaletteImg {
	/* transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch.
	 * displays border around a color swatch
	 */
	width: 16px;
	height: 14px;
	border: 1px solid #999;
	cursor: default;
	vertical-align: middle;
}
.dijitColorPalette .dijitColorPaletteSwatch {
	width: 16px;
	height: 14px;
}
.dj_iequirks .dijitColorPalette .dijitPaletteImg {
	margin: 1px;	/* needed to fix spacing for ColorPalette in TooltipDialog on IE/quirks */
}
.dijitPaletteTable td {
		padding: 0px;
}
.dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg {
	/* hovered color swatch */
	border: 1px solid #000;
}

.dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg,
.dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg {
	border: 2px solid #000;
}


.dijit_a11y .dijitColorPalette .dijitPaletteTable,
.dijit_a11y .dijitColorPalette .dijitPaletteTable * {
	/* table cells are to catch events, but the swatches are in the PaletteImg behind the table */
	background-color: transparent !important;
}
.dj_gecko .dijit_a11y .dijitColorPalette .dijitPaletteCellFocused .dijitPaletteImg {
	border: 3px dotted #000;	/* focus border on table cells broken in FF high contrast :-( */
	margin: -1px;
}

.dijit_a11y  .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg {
	border: 2px solid #000 !important;
}

/* AccordionContainer */

.dijitAccordionContainer {
	border:1px solid #b7b7b7;
	border-top:0 !important;
}
.dijitAccordionTitle {
	cursor: pointer;
}
.dijitAccordionTitleSelected {
	cursor: default;
}

/* images off, high-contrast mode styles */
.dijitAccordionTitle .arrowTextUp,
.dijitAccordionTitle .arrowTextDown {
	display: none;
	font-size: 0.65em;
	font-weight: normal !important;
}

.dijit_a11y .dijitAccordionTitle .arrowTextUp,
.dijit_a11y .dijitAccordionTitleSelected .arrowTextDown {
	display: inline;
}

.dijit_a11y .dijitAccordionTitleSelected .arrowTextUp {
	display: none;
}

.dj_ie6 .dijitAccordionTitle,
.dj_iequirks .dijitAccordionTitle {
	/* avoid IE6/IE quirks size calc bug where accordion ends up too short (themeTesterQuirk.html)
	 * and IE6 bug where the first title bar turns white upon hovering any title bar
	 */
	zoom: 1;
}

/* Calendar */

.dijitCalendarContainer {
	width: auto;	/* in case user has specified a width for the TABLE nodes, see #10553 */
}
.dijitCalendarContainer th, .dijitCalendarContainer td {
	padding: 0;
}

.dijitCalendarNextYear {
	margin:0 0 0 0.55em;
}

.dijitCalendarPreviousYear {
	margin:0 0.55em 0 0;
}

.dijitCalendarIncrementControl {
	vertical-align: middle;
}

.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear {
	cursor: pointer;
}

.dijitCalendarDisabledDate {
	color: gray;
	text-decoration: line-through;
	cursor: default;
}

.dijitSpacer {
	/* don't display it, but make it affect the width */
  	position: relative;
  	height: 1px;
  	overflow: hidden;
  	visibility: hidden;
}


/* Menu */

.dijitMenu {
	border:1px solid black;
	background-color:white;
}
.dijitMenuTable {
	border-collapse:collapse;
	border-width:0;
	background-color:white;
}

/* workaround for webkit bug #8427, remove this when it is fixed upstream */
.dj_webkit .dijitMenuTable td[colspan="2"]{
	border-right:hidden;
}

.dijitMenuItem {
	text-align: left;
	white-space: nowrap;
	padding:.1em .2em;
	cursor:pointer;
}

.dijitMenuPassive .dijitMenuItemHover,
.dijitMenuItemSelected {
	/*
	 * dijitMenuItemHover refers to actual mouse over
	 * dijitMenuItemSelected is used after a menu has been "activated" by
	 * clicking it, tabbing into it, or being opened from a parent menu,
	 * and denotes that the menu item has focus or that focus is on a child
	 * menu
	 */
	background-color:black;
	color:white;
}

.dijitMenuItemIcon, .dijitMenuExpand {
	background-repeat: no-repeat;
}

.dijitMenuItemDisabled * {
	/* for a disabled menu item, just set it to mostly transparent */
	opacity:0.5;
	cursor:default;
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled,
.dj_ie .dijit_a11y .dijitMenuItemDisabled td,
.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	color:gray !important;
	filter: alpha(opacity=35);
}

.dijitMenuItemLabel {
	position: relative;
	vertical-align: middle;
}

.dijit_a11y .dijitMenuItemSelected {
	border: 1px dotted black !important;
}
.dj_ff3 .dijit_a11y .dijitMenuItem td {
	padding: none !important;
	background:none !important;
}
.dijit_a11y .dijitMenuItemSelected .dijitMenuItemLabel {
	border-width: 1px;
	border-style: solid;
}
.dj_ie8 .dijit_a11y .dijitMenuItemLabel {
	position:static;
}

.dijitMenuExpandA11y {
	display: none;
}
.dijit_a11y .dijitMenuExpandA11y {
	display: inline;
}

.dijitMenuSeparator td {
	border: 0;
	padding: 0;
}

/* separator can be two pixels -- set border of either one to 0 to have only one */
.dijitMenuSeparatorTop {
	height: 50%;
	margin: 0;
	margin-top:3px;
	font-size: 1px;
}

.dijitMenuSeparatorBottom {
	height: 50%;
	margin: 0;
	margin-bottom:3px;
	font-size: 1px;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
	vertical-align: middle;
	visibility:hidden;
}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar {
	visibility: visible;
}
.dijit_a11y .dijitCheckedMenuItemIconChar {
	display:inline !important;
}
.dijit_a11y .dijitCheckedMenuItemIcon {
	display: none;
}
.dj_ie .dijit_a11y .dijitMenuBar .dijitMenuItem {
	/* so bottom border of MenuBar appears on IE7 in high-contrast mode */
	margin: 0px;
}

/* StackContainer */

.dijitStackController .dijitToggleButtonChecked * {
	cursor: default;	/* because pressing it has no effect */
}

/* TabContainer */

.dijitTabContainerNoLayout {
	width: 100%;	/* otherwise ScrollingTabController goes to 50K pixels wide */
}

.dijitTabContainerBottom-tabs,
.dijitTabContainerTop-tabs,
.dijitTabContainerLeft-tabs,
.dijitTabContainerRight-tabs {
	overflow: visible !important;  /* so tabs can cover up border adjacent to container */
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
	z-index:0;
	overflow: hidden;
	border: 1px solid black;
}
.nowrapTabStrip {
	width: 50000px;
	display: block;
	position: relative;
}
.dijitTabListWrapper {
	overflow: hidden;
}

.dijit_a11y .tabStripButton img {
	/* hide the icons (or rather the empty space where they normally appear) because text will appear instead */
	display: none;
}

.dijitTabContainerTop-tabs {
	border-bottom: 1px solid black;
}
.dijitTabContainerTop-container {
	border-top: 0px;
}

.dijitTabContainerLeft-tabs {
	border-right: 1px solid black;
	float: left;
}
.dijitTabContainerLeft-container {
	border-left: 0px;
}

.dijitTabContainerBottom-tabs {
	border-top: 1px solid black;
}
.dijitTabContainerBottom-container {
	border-bottom: 0px;
}

.dijitTabContainerRight-tabs {
	border-left: 1px solid black;
	float: left;
}
.dijitTabContainerRight-container {
	border-right: 0px;
}

DIV.dijitTabDisabled, .dj_ie DIV.dijitTabDisabled {
	cursor: auto;
}

.dijitTab {
	position:relative;
	cursor:pointer;
	white-space:nowrap;
	z-index:3;
}
.dijitTab * {
	/* make tab icons and close icon line up w/text */
	vertical-align: middle;
}
.dijitTabChecked {
	cursor: default;	/* because clicking will have no effect */
}

.dijitTabContainerTop-tabs .dijitTab {
	top: 1px;	/* to overlap border on .dijitTabContainerTop-tabs */
}
.dijitTabContainerBottom-tabs .dijitTab {
	top: -1px;	/* to overlap border on .dijitTabContainerBottom-tabs */
}
.dijitTabContainerLeft-tabs .dijitTab {
	left: 1px;	/* to overlap border on .dijitTabContainerLeft-tabs */
}
.dijitTabContainerRight-tabs .dijitTab {
	left: -1px;	/* to overlap border on .dijitTabContainerRight-tabs */
}


.dijitTabContainerTop-tabs .dijitTab,
.dijitTabContainerBottom-tabs .dijitTab {
	/* Inline-block */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
}

.dijitTabInnerDiv {
	position:relative;
}


.tabStripButton {
	z-index: 12;
}

.dijitTabButtonDisabled .tabStripButton {
	display: none;
}


.dijitTabCloseButton {
	margin-left: 1em;
}

.dijitTabCloseText {
	display:none;
}

/* images off, high-contrast mode styles */

.dijit_a11y .dijitTabCloseButton {
	background-image: none !important;
	width: auto !important;
	height: auto !important;
	border: thin dotted;	/* non-hover state */
}
.dijit_a11y .dijitTabCloseButtonHover {
	border:thin solid;	/* hover state */
}

.dijit_a11y .dijitTabCloseText {
	display: inline;
}

.dijit_a11y .dijitTabChecked {
	/* the selected tab */
	border-style:dashed !important;
}

.dijit_a11y .dijitTabInnerDiv {
	border-left:none !important;
 }

.dijitTabPane,
.dijitStackContainer-child,
.dijitAccordionContainer-child {
	/* children of TabContainer, StackContainer, and AccordionContainer shouldn't have borders
	 * b/c a border is already there from the TabContainer/StackContainer/AccordionContainer itself.
	 */
    border: none !important;
}

/* InlineEditBox */
.dijitInlineEditBoxDisplayMode {
	border: 1px solid transparent;	/* so keyline (border) on hover can appear without screen jump */
	cursor: text;
}

.dijit_a11y .dijitInlineEditBoxDisplayMode,
.dj_ie6 .dijitInlineEditBoxDisplayMode {
	/* except that IE6 doesn't support transparent borders, nor does high contrast mode */
	border: none;
}

.dijitInlineEditBoxDisplayModeHover,
.dijit_a11y .dijitInlineEditBoxDisplayModeHover,
.dj_ie6 .dijitInlineEditBoxDisplayModeHover {
	/* An InlineEditBox in view mode (click this to edit the text) */
	background-color: #e2ebf2;
	border: solid 1px black;
}

.dijitInlineEditBoxDisplayModeDisabled {
	cursor: default;
}

/* Tree */

.dijitTreeIndent {
	/* amount to indent each tree node (relative to parent node) */
	width: 19px;
}

.dijitTreeRow, .dijitTreeContent {
	white-space: nowrap;
}

.dijitTreeRow img {
	/* make the expando and folder icons line up with the label */
	vertical-align: middle;
}

.dijitTreeContent {
    cursor: default;
}

.dijitExpandoText {
	display: none;
}

.dijit_a11y .dijitExpandoText {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: monospace;
	border-style: solid;
	border-width: thin;
	cursor: pointer;
}

.dijitTreeLabel {
	margin: 0px 4px;
}

/* Dialog */

.dijitDialog {
	position: absolute;
	background-color: white;
	z-index: 999;
	overflow: hidden;      /* override overflow: auto; from ContentPane to make dragging smoother */
}

.dijitDialogTitleBar {
	cursor: move;
}
.dijitDialogFixed .dijitDialogTitleBar {
	cursor:default;
}
.dijitDialogCloseIcon {
	cursor: pointer;
}
.dijitDialogUnderlayWrapper {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	display: none;
	background: transparent !important;
}

.dijitDialogUnderlay {
	background: #eee;
	opacity: 0.5;
}

.dj_ie .dijitDialogUnderlay {
	filter: alpha(opacity=50);
}

/* images off, high-contrast mode styles */
.dijit_a11y .dijitSpinnerButtonContainer,
.dijit_a11y .dijitDialog {
	opacity: 1 !important;
	background-color: white !important;
}

.dijitDialog .closeText {
	display:none;
	/* for the onhover border in high contrast on IE: */
	position:absolute;
}

.dijit_a11y .dijitDialog .closeText {
	display:inline;
}

/* Slider */

.dijitSliderMoveable {
	z-index:99;
	position:absolute !important;
	display:block;
	vertical-align:middle;
}

.dijitSliderMoveableH {
	right:0;
}
.dijitSliderMoveableV {
	right:50%;
}

.dijit_a11y DIV.dijitSliderImageHandle,
.dijitSliderImageHandle {
	margin:0;
	padding:0;
	position:relative !important;
	border:8px solid gray;
	width:0;
	height:0;
	cursor: pointer;
}
.dj_iequirks .dijit_a11y .dijitSliderImageHandle {
	font-size: 0;
}
.dj_ie7 .dijitSliderImageHandle {
	overflow: hidden; /* IE7 workaround to make slider handle VISIBLE in non-a11y mode */
}
.dj_ie7 .dijit_a11y .dijitSliderImageHandle {
	overflow: visible; /* IE7 workaround to make slider handle VISIBLE in a11y mode */
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	border:4px solid #000;
	height:8px;
	width:8px;
}

.dijitSliderImageHandleV {
	top:-8px;
	right: -50%;
}

.dijitSliderImageHandleH {
	left:50%;
	top:-5px;
	vertical-align:top;
}

.dijitSliderBar {
	border-style:solid;
	border-color:black;
	cursor: pointer;
}

.dijitSliderBarContainerV {
	position:relative;
	height:100%;
	z-index:1;
}

.dijitSliderBarContainerH {
	position:relative;
	z-index:1;
}

.dijitSliderBarH {
	height:4px;
	border-width:1px 0;
}

.dijitSliderBarV {
	width:4px;
	border-width:0 1px;
}

.dijitSliderProgressBar {
	background-color:red;
	z-index:1;
}

.dijitSliderProgressBarV {
	position:static !important;
	height:0%;
	vertical-align:top;
	text-align:left;
}

.dijitSliderProgressBarH {
	position:absolute !important;
	width:0%;
	vertical-align:middle;
	overflow:visible;
}

.dijitSliderRemainingBar {
	overflow:hidden;
	background-color:transparent;
	z-index:1;
}

.dijitSliderRemainingBarV {
	height:100%;
	text-align:left;
}

.dijitSliderRemainingBarH {
	width:100% !important;
}

/* the slider bumper is the space consumed by the slider handle when it hangs over an edge */
.dijitSliderBumper {
	overflow:hidden;
	z-index:1;
}

.dijitSliderBumperV {
	width:4px;
	height:8px;
	border-width:0 1px;
}

.dijitSliderBumperH {
	width:8px;
	height:4px;
	border-width:1px 0;
}

.dijitSliderBottomBumper,
.dijitSliderLeftBumper {
	background-color:red;
}

.dijitSliderTopBumper,
.dijitSliderRightBumper {
	background-color:transparent;
}

.dijitSliderDecoration {
	text-align:center;
}
.dijitSliderV TD {
	position: relative; /* needed for IE+quirks+RTL+vertical (rendering bug) but add everywhere for custom styling consistency but this messes up IE horizontal sliders */
}

.dijitSliderDecorationH {
	width: 100%;
}

.dijitSliderDecorationV {
	height: 100%;
}

.dijitSliderButton {
	font-family:monospace;
	margin:0;
	padding:0;
	display:block;
}

.dijit_a11y .dijitSliderButtonInner {
	visibility:visible !important;
}

.dijitSliderButtonContainer {
	text-align:center;
	height:0;	/* ??? */
}
.dijitSliderButtonContainer * {
	cursor: pointer;
}

.dijitSlider .dijitButtonNode {
	padding:0;
	display:block;
}

.dijitRuleContainer {
	position:relative;
	overflow:visible;
}

.dijitRuleContainerV {
	height:100%;
	line-height:0;
	float:left;
	text-align:left;
}

.dj_opera .dijitRuleContainerV {
	line-height:2%;
}

.dj_ie .dijitRuleContainerV {
	line-height:normal;
}

.dj_gecko .dijitRuleContainerV {
	margin:0 0 1px 0; /* mozilla bug workaround for float:left,height:100% block elements */
}

.dijitRuleMark {
	position:absolute;
	border:1px solid black;
	line-height:0;
	height:100%;
}

.dijitRuleMarkH {
	width:0;
	border-top-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
}

.dijitRuleLabelContainer {
	position:absolute;
}

.dijitRuleLabelContainerH {
	text-align:center;
	display:inline-block;
}

.dijitRuleLabelH {
	position:relative;
	left:-50%;
}

.dijitRuleLabelV {
	/* so that long labels don't overflow to multiple rows, or overwrite slider itself */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.dijitRuleMarkV {
	height:0;
	border-right-width:0 !important;
	border-bottom-width:0 !important;
	border-left-width:0 !important;
	width:100%;
	left:0;
}

.dj_ie .dijitRuleLabelContainerV {
	margin-top:-.55em;
}

.dijit_a11y .dijitSliderReadOnly,
.dijit_a11y .dijitSliderDisabled {
	opacity:0.6;
}
.dj_ie .dijit_a11y .dijitSliderReadOnly .dijitSliderBar,
.dj_ie .dijit_a11y .dijitSliderDisabled .dijitSliderBar {
	filter: alpha(opacity=40);
}

/* + and - Slider buttons: override theme settings to display icons */
.dijit_a11y .dijitSlider .dijitSliderButtonContainer DIV {
	font-family: monospace; /* otherwise hyphen is larger and more vertically centered */
	font-size: 1em;
	line-height: 1em;
	height: auto;
	width: auto;
	margin: 0px 4px;
}

/* Icon-only buttons (often in toolbars) still display the text in high-contrast mode */
.dijit_a11y .dijitButtonContents .dijitButtonText,
.dijit_a11y .dijitTab .tabLabel {
	display: inline !important;
}

/* TextArea, SimpleTextArea */
.dijitTextArea {
	width:100%;
	overflow-y: auto;	/* w/out this IE's SimpleTextArea goes to overflow: scroll */
}
.dijitTextArea[cols] {
	width:auto; /* SimpleTextArea cols */
}
.dj_ie .dijitTextAreaCols {
	width:auto;
}

/* Toolbar
 * Note that other toolbar rules (for objects in toolbars) are scattered throughout this file.
 */

.dijitToolbarSeparator {
	height: 18px;
	width: 5px;
	padding: 0 1px;
	margin: 0;
}

/* Editor */
.dijitIEFixedToolbar {
	position:absolute;
	/* top:0; */
	top: expression(eval((document.documentElement||document.body).scrollTop));
}

.dijitEditor {
	display: block;	/* prevents glitch on FF with InlineEditBox, see #8404 */
}

.dijitEditorDisabled,
.dijitEditorReadOnly {
	color: gray;
}

/* TimePicker */

.dijitTimePickerItemInner {
	text-align:center;
	border:0;
	padding:2px 8px 2px 8px;
}

.dijitTimePickerTick,
.dijitTimePickerMarker {
	border-bottom:1px solid gray;
}

.dijitTimePicker .dijitDownArrowButton {
	border-top: none !important;
}

.dijitTimePickerTick {
	color:#CCC;
}

.dijitTimePickerMarker {
	color:black;
	background-color:#CCC;
}

.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}

.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
	cursor:pointer;
}
.dijit_a11y .dijitTimePickerItemSelected .dijitTimePickerItemInner {
	border: solid 4px black;
}
.dijit_a11y .dijitTimePickerItemHover .dijitTimePickerItemInner {
	border: dashed 4px black;
}


.dijitToggleButtonIconChar {
	/* character (instead of icon) to show that ToggleButton is checked */
	display:none !important;
}
.dijit_a11y .dijitToggleButton .dijitToggleButtonIconChar {
	display:inline !important;
	visibility:hidden;
}
.dj_ie6 .dijitToggleButtonIconChar, .dj_ie6 .tabStripButton .dijitButtonText {
	font-family: "Arial Unicode MS";	/* otherwise the a11y character (checkmark, arrow, etc.) appears as a box */
}
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
	display: inline !important; /* In high contrast mode, display the check symbol */
	visibility:visible !important;
}

.dijitArrowButtonChar {
        display:none !important;
}
.dijit_a11y .dijitArrowButtonChar {
        display:inline !important;
}

.dijit_a11y .dijitDropDownButton .dijitArrowButtonInner,
.dijit_a11y .dijitComboButton .dijitArrowButtonInner {
	display:none !important;
}

/* Select */
.dijitSelect {
	margin: 0.2em;
	border-collapse: collapse;
}
.dj_ie .dijitSelect,
.dj_ie7 .dijitSelect,
.dj_iequirks .dijitSelect {
	vertical-align: middle; /* Set this back for what we hack in dijit inline */
}
.dj_ie8 .dijitSelect .dijitButtonText {
	vertical-align: top;
}
.dijitToolbar .dijitSelect {
	margin: 0;
}
.dj_webkit .dijitToolbar .dijitSelect {
	padding-left: 0.3em;
}
.dijit_a11y .dijitSelectDisabled .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}
.dijitSelect .dijitButtonContents {
	padding: 0px;
	background: transparent none;
	white-space: nowrap;
	text-align: left;
}
.dijitSelectFixedWidth .dijitButtonContents {
	width: 100%;
}

.dijitSelectMenu .dijitMenuItemIcon {
	/* avoid blank area in left side of menu (since we have no icons) */
	display:none;
}
.dj_ie6 .dijitSelectMenu .dijitMenuItemLabel,
.dj_ie7 .dijitSelectMenu .dijitMenuItemLabel {
	/* Set back to static due to bug in ie6/ie7 - See Bug #9651 */
	position: static;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dijitSelectLabel *
{
	vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dijitSelectSelectedOption * {
	font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dijitSelectMenu {
	border-width: 1px;
}

/* Style the different areas of the button to look like a "real" dropdown */
/* Remove margins on the sub-table */
.dijitSelectMenu .dijitMenuTable {
	margin: 0px;
	background-color: transparent;
}

/* Used in cases, such as FullScreen plugin, when we need to force stuff to static positioning. */
.dijitForceStatic {
	position: static !important;
}

/**** Disabled cursor *****/
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
	/* a region the user would be able to click on, but it's disabled */
	cursor: default;
}

/* bug IE For Button element */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

button{
	cursor:pointer;
	border: none;
    padding: 0;
}

.button-disabled,
.button-disabled:hover{
    cursor: not-allowed !important;
	color:gray;
}

/* REMOVE OUTLINE MOZILLA, SAFARI,  IE */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border:0px;
}

input[type="submit"]:focus, 
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="file"] > input[type="button"]:focus
{     
    outline : none; 
}
/*
img, input, select, textarea {
    vertical-align: middle;
}
*/
select{
	width: 210px;
}
input{
	width: 200px;
}
strong, h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}
a,
a:visited{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	border: 0px;
}

table th{
	vertical-align: middle;
}
table td{
	text-align: left;
}
ul,
li{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
/* ******************************
 * ERROR_LIST + SUCCESS LIST
 * ******************************/

.error_list {
	background: url("/images/common/icon/cross.png") no-repeat scroll -1px 50% transparent;
	padding-left:13px;
	height:14px;
	vertical-align:top;
	display: -moz-inline-stack; /* Pour Firefox 1-2 */
    display: inline-block; 
	* display: inline; /* Pour IE */
}
ul.global_error_list{
	border-left:5px solid red;	
	width:95%;
	background-color: #F9D5AC;
}
ul.global_error_list li{
	padding-left:10px;
	color:red;
	font-weight:bold;
}
.success_list{
	border-left:5px solid green;	
	width:95%;
	padding-left:5px;
	color:green;
	font-weight:bold;
	background-color: #DDFBD0;
	margin-bottom:10px;
}
/* ******************************
 * TUNDRA TEXTBOX
 * ******************************/
.tundra .dijitTextBox{
	border:none;
	width:200px;
}
.tundra .dijitInputInner {
	width: 95%;
}
.tundra .dijitInputContainer{
	overflow:visible;
}

/* ******************************
 * AJAX LOADER
 * ******************************* */
.cti-ajax-loader-big-orange{
	width:100%;
	height:100px;
	background: url('/images/common/loader/loading-rect.gif') no-repeat center;
}

#ec_content .yui-navset .cti-ajax-loader-bert-gray {
	background: url(/images/common/loader/loading-rect.gif) no-repeat center;
	height: 150px;
}
.cti-ajax-loader-small,
.cti-ajax-loader-small-center,
.cti-ajax-loader-small-left,
.cti-ajax-loader-small-right{
	/*width:50px;*/
	height:16px;
	vertical-align:middle;
	background-image: url('/images/common/loader/ajax-loader-small.gif');
	background-repeat: no-repeat;
}

.cti-ajax-loader-modal{
	background-image: url('/images/common/loader/loading-rect.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
.cti-ajax-small{
	margin-left:5px;
	width:20px;
}
.cti-ajax-loader-small-center{
	background-position: center center;
}
.cti-ajax-loader-small-left{
	background-position: 10px center;
}
.cti-ajax-loader-small-right{
	background-position: right center;
}
.cti-container-button{
	margin: 5px;
}

#CTMep, #CTSuccess, #CTError {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	text-align: center;
	vertical-align: middle;
	z-index: 10;
}

#CTMep #CTMepContent{
	background-color: yellow;
	font-weight: bold;
	padding: 20px 0px;
	font-size: 13pt;
}

#CTError #CTErrorContent,
#CTSuccess #CTSuccessContent{
    background-color: #e3fcef;
    border-top: 1px solid green;
    color: green;
    font-size: 13px;
    padding: 20px 0;
}

#CTError #CTErrorContent {
	color: red;
	background-color: #FFDEDE;
    border-top: 1px solid red;
}

/* Bugzillia */
#CTbug{
	padding:2px;
	z-index:100500;
	position:fixed;
	border:1px solid gray;
	background-color:#CCCCCC;
	top:0px;
	right:0px;
}

.hidden {
	display: none !important;
}
.cti-clean{
	padding: 0px;
	margin: 0px;
}
.cti-margin-auto{
	margin: 0 auto;
}
.cti-left{
	float: left;
}
.cti-right{
	float: right;
}
.cti-nofloat{
	float:none;
}
.cti-clearfix{
	overflow:hidden;
}
.cti-clear{
	clear: both;	
}
.cti-absolute{
	position:absolute;
}
.cti-relative{
	position:relative;
}
.cti-top{
	top:0;
}
.cti-bottom{
	bottom:0;
}
.cti-vertical-align-top{
	vertical-align:top;
}
.cti-noclear {
	clear:none;
}
.cti-clear-left {
    clear: left;
}
.cti-clear-right{
    clear: right;
}
.cti-text-left{
	text-align: left;
}
.cti-text-right{
	text-align: right;
}
.cti-text-center{
	text-align: center;
}
.cti-cursor-none{
	cursor:default;
}
.cursor-default{
	cursor:default;
}
.cursor-pointer{
	cursor:pointer;
}
.cti-none,
.yui-hidden{
	display: none;
}
.cti-inlineBlock{
	display: inline-block;
}
.cti-block{
	display:block;
}
.cti-width-100-percent{
	width:100%;
}
.cti-width-90-percent{
	width:90%;
}

.cti-width-auto{
	width:auto;
}
.cti-border-none{
	border:none;
}
.cti-background-none{
	background:none;
}

.ct-validation{
	background-image: url('/images/common/data/development.png');
}
#ec_header-top_content .languageArea.companySelector {
	display: inline-block;
	float: none;
}

#userFormCompanyList {
    background-color: #fcfcfc;
    border: 1px dotted #7e7e7e;
    min-width: 90px;
    padding-top: 5px;
    position: absolute;
    top: 30px;
}	

#userFormCompanyList .line {
	padding: 5px 10px;
	height: 14px;
}

#userFormCompanyList .line a {
	color: black;
}

.companySwitcherLink {
	float: left;
}
.companySwitcherLink.active {
	text-decoration: underline;
	color: black;
	cursor: default;
}

.favoriteCompanyLink {
	float: right;
	margin-left: 10px;
}
#userFormCompanyList a.favoriteCompanyLink {
	visibility: hidden;
	color: gray;
}
#userFormCompanyList .line:hover a.favoriteCompanyLink {
	visibility: visible;
}
#userFormCompanyList a.favoriteCompanyLink.active,
#userFormCompanyList a.favoriteCompanyLink.active:hover {
	color: #ffdf00;
	visibility: visible;
}

#userFormCompanyList a.favoriteCompanyLink:hover {
	color: black;
}


@CHARSET "UTF-8";
.pricing-tables .pricing-table .features{
	min-height: 140px;
}




#noyau_utilisateur_info_date_naissance_month,
#noyau_utilisateur_info_date_naissance_day{
	width: 40px;
}

#noyau_utilisateur_info_date_naissance_year{
	width: 55px;
}

.dojoxCalendar {
	width: 182px;
}
.dojoxCalendarContainer {
	cursor: default;
	font-family: tahoma, verdana, helvetica;
	font-size: 11px;
	padding: 0px;
	text-align: center;
	width: 180px;
	overflow: hidden;
}
.dj_ie6 .dojoxCalendarContainer {
	width: auto;
	position: relative;
}

.dojoxCalendarBody {
	height: 138px;
	overflow: hidden;
	position: relative;
	margin: auto;
	width: 180px;
}
.dojoxCalendar .no-header .dojoxCalendarBody {
	height: 162px;
}

.dojoxCalendar .dijitCalendarDayLabels, .dojoxCalendarMonthLabels, .dojoxCalendarYearLabels, .dojoxCal-MY-labels {
	width: 200px;
	height: 138px;
	top: 0px;
	position: absolute;
	left: 0px;
	margin: auto;
	text-align: center;
}

.dojoxCalendar .dojoxCalendarBody > div {
	width: 180px;
}

.dojoxCalendar .dijitCalendarDateTemplate {
	padding: 0 1px 0 0 !important;
}

.nihilo .dojoxCalendar .dijitCalendarDateTemplate,
.soria .dojoxCalendar .dijitCalendarDateTemplate {
	border: 0px none !important; 
}

.soria tr.dojoxCal-MY-btns {
	background:   url(../../../dijit/themes/soria/images/tabBottomHoverC.gif) repeat-x scroll 0px -21px;
}

.dojoxCalendar .noPointer, .dojoxCalendar .noPointer * {
	cursor: auto;
}

.dojoxCalendarContainer table {
	font-size: 11px;
	border-bottom: 4px solid white;
}

.dojoxCalendarHeader {
	height: 20px;
	width: 172px;
	padding: 4px 4px 0;
}
.dojoxCalendar .no-header .dojoxCalendarHeader {
	display: none;
}

.soria .dojoxCalendarHeader {
	background: #BED7F0 url(/images/tundra/titleBar.png) repeat-x scroll center top;
}


.dojoxCalendarDecrease, .dojoxCalendarIncrease {
	height: 15px;
	width: 15px;
	cursor: pointer;
}

.dojoxCalendarDecrease {
	background: transparent url(/images/tundra/spriteRoundedIconsSmall.png) no-repeat scroll left top;
	float: left;
}

.dojoxCalendarIncrease {
	background: transparent url(/images/tundra/spriteRoundedIconsSmall.png) no-repeat scroll -30px top;
	float: right;
}


.dojoxCalendarMonthLabel {
	cursor: pointer;
	height: 35px;
	width: 41px;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}

.dojoxCalendarYearLabel {
	cursor: pointer;
	height: 35px;
	width: 41px;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}

.dojoxCalendarTitle {
	cursor: pointer;
	font-weight: bold;
}

.dojoxCalendar .navToPanel .dojoxCalendarDayYearLabel,
.dojoxCalendar .navToPanel .dojoxCalendarYearHeader,
.dojoxCalendar .navToPanel .dojoxCalendarMonthHeader  {
	padding-right: 15px;
	background: url(/images/tundra/comboArrowDown.gif) right no-repeat;
}

.dojoxCalendar .dijitCalendarDateLabel {
	height: 17px;
	width: 17px;
	padding: 1px 3px 0px 3px;
	text-align: center;
	border: 1px solid white;
}

.dojoxCalendar .dijitCalendarDayLabel {
	cursor: pointer;
	height: 17px;
	width: 18px;
	padding: 0pt 2px;
	text-align: center;
}


.dojoxCalendar .dojoxCalendarContainer {
	background-color: white;
	border: 1px solid #656565;
	color: black;
}

.dojoxCalendar .dijitCalendarDisabledDate {
	text-decoration:line-through !important;
	cursor:default !important;
}

.dojoxCalendar .dojoxCalendarFooter {
	border-top: 1px solid #F4F4F4;
	height: 15px;
	padding-top: 4px;
	cursor: pointer;
	display: none;
}

.soria .dojoxCalendar .dojoxCalendarFooter {
	border-top: 0px none;
	padding-top: 5px;
	background: white url(../../../dijit/themes/soria/images/titleBar.png) repeat-x scroll center top
}

.dojoxCalendar .dojoxCalendarMonthLabel {
	border: 1px solid white;
}

.dojoxCalendar .dojoxCalendarYearLabel {
	border: 1px solid white;
}

.dojoxCalendar .dijitCalendarNextMonth .dijitCalendarDateLabel,
.dojoxCalendar .dijitCalendarPreviousMonth .dijitCalendarDateLabel  {
	border: 0px;
  color: #646464;
	padding-left: 0px;
	padding-right: 0px;
}

.dojoxCalendar .dijitCalendarNextMonth, .dojoxCalendar .dijitCalendarPreviousMonth {
  background-color: #E4E4E4;
}

.dojoxCalendar .dijitCalendarNextMonth .dojoxCalendarYearLabel,
.dojoxCalendar .dijitCalendarPreviousMonth .dojoxCalendarYearLabel {
	background-color: white;
	border-color: white;
	color: #646464;
}
.dojoxCalendar .dijitCalendarSelectedDate,
.dojoxCalendar .dijitCalendarSelectedDate,
.nihilo .dojoxCalendar .dijitCalendarSelectedDate {
	/* cell for the selected date */
	background-color:#ffe284 !important;
	color:black !important;
	border:#f5b93c solid 1px !important;
}


.soria .dojoxCalendar td.dijitCalendarSelectedDate {
	background-color: #B9CBF1 !important;
	color: black !important;
	border: 1px solid #4B5AAA !important;
}

.soria .dojoxCalendar .dijitCalendarSelectedDate div {
	/* cell for the selected date */
	background-color: #B9CBF1 !important;
	border: none  !important;
}
.dojoxCalendar .dijitCalendarSelectedDate div {
	/* cell for the selected date */
	background-color: #FFE284 !important;
	border: none  !important;
}
div.dojoxCalendar tr.dojoxCal-MY-G-Template td.dijitCalendarSelectedDate {
	background-color: transparent;
	width: 43px;
}

.dojoxCalendar tr.dojoxCal-MY-G-Template td {
	width: 45px;
}

.dojoxCalendar .dijitCalendarSelectedDate div.dijitCalendarDateLabel {
	padding: 1px 1px 0px 3px;
}

.dojoxCalendar .monthOnly .dijitCalendarDayLabels,
.dojoxCalendar .yearOnly .dijitCalendarDayLabels,
.dojoxCalendar .monthOnly .dojoxCalendarComma,
.dojoxCalendar .yearOnly .dojoxCalendarComma,
.dojoxCalendar .monthOnly .dojoxCalendarFooter,
.dojoxCalendar .yearOnly .dojoxCalendarFooter,
.dojoxCalendar .monthOnly .dojoxCalendarYearHeader,
.dojoxCalendar .monthOnly .dojoxCalendarIncrease,
.dojoxCalendar .monthOnly .dojoxCalendarDecrease,
.dojoxCalendar .yearOnly .dojoxCalendarMonthLabelNode {
	display: none;
}

.dojoxCal-MY-labels .dojoxCalendarMonthLabel,
.dojoxCal-MY-labels .dojoxCalendarYearLabel {
	height: 13px;
	padding-top: 4px;
	padding-bottom: 3px;
}

.dojoxCal-MY-labels td.dojoxCal-MY-btns {
	padding-top: 2px;
	border-top: 1px solid grey;
	text-align: center;
}

.dojoxCal-MY-labels {
	background-color: white;
}

.dojoxCal-MY-labels .dojoxCalendarIncrease,
.dojoxCal-MY-labels .dojoxCalendarDecrease {
	float: none;
	margin-left: 14px;
}

.dojoxCal-MY-btns button {
	font-size: 8pt;
}
.dojoxCalendar .dojoxCal-MY-btns .dijitDisabled button {
	color: #999;
}
.dojoxCal-hidden {
	visibility: hidden;
}
.dojoxCalendar .dojoxCal-MY-labels {
	height: 164px;
}
.dojoxCalendar .dojoxCal-MY-labels .dijitCalendarSelectedDate div {
	padding-top: 3px;
	padding-bottom: 2px;
}
.soria .dojoxCal-MY-labels .dijitCalendarSelectedDate div {
	padding-top: 4px;
	padding-bottom: 3px;
}
.dojoxCal-MY-labels .dojoxCalendarMonthLabel {
	width: 38px;
}
.dojoxCal-MY-labels .dojoxCal-MY-M-last {
	border-right: 1px grey solid;
}
.soria .dojoxCal-MY-labels .dojoxCal-MY-M-last {
	border-right: 1px #B9CBF1 solid;
} 
.dojoxCal-MY-labels .dojoxCal-MY-M-last .dojoxCalendarMonthLabel,
.dojoxCal-MY-labels .dojoxCal-MY-G-Template div.dojoxCalendarYearLabel {
	width: 42px;
}

.dojoxCalendar .cancel-btn {
	margin-left: 11px;
}
.dojoxCalendar .ok-btn {
	margin-left: 15px;
}



/* Calendar : dijit Calendar */

/* Calendar
 * 
 * Styling Calendar mainly includes:
 * 
 * 1. Calendar container
 * 		.dijitCalendar - main container
 * 		.dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active
 * 
 * 2. Month
 * 		.dijitCalendarMonthContainer
 * 		.dijitCalendarMonthLabel
 *      .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month
 *      .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active
 * 
 * 3. Date
 * 		.dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S
 * 		.dijitCalendarDateTemplate - date label wrapper
 * 		.dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month
 *      .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date
 * 		.dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date
 * 		.dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active
 * 
 * 4. Year
 * 		.dijitCalendarYearContainer
 * 		.dijitCalendarYearLabel
 * 		.dijitCalendarPreviousYear /.dijitCalendarNextYear
 *      .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active
 *      
 * 5. Dropdown Month Menu
 * 		.dijitCalendarMonthMenu - menu container     
 * 		.dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item
 * 		.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state
 */
.dijitCalendar {
  border: solid 1px #A5A4A4;
  background-color: #eee;
  background-image: url("/images/tundra/calendarContainerImages.png");
  background-position: 0 -448px;
  background-repeat: repeat-x;
  text-align: center;
  padding: 6px 5px 3px 5px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-collapse: separate;
}
.dj_ie6 .dijitCalendar {
  background-image: none;
}
.dijitCalendar img {
  border: none;
}
.dijitCalendarHover, .dijitCalendar:hover, .dijitCalendarActive {
  /* treat dijitCalenderActive like hover since there's
	 * no concept of clicking a Calendar as a whole (although you can click things inside the calendar)
	 */

  background-color: #eee;
  border: solid 1px #A5A4A4;
}
.dijitCalendarMonthContainer th {
  text-align: center;
  padding-bottom: 4px;
  vertical-align: middle;
}
.dijitCalendarMonthLabel {
  color: #000000;
  font-size: 1.091em;
  padding: 0 4px;
}
/* next/previous month arrows */
.dijitCalendarIncrementControl {
  width: 18px;
  height: 16px;
  background-image: url("/images/tundra/calendarArrows.png");
  background-repeat: no-repeat;
}
.dj_ie6 .dijitCalendarIncrementControl {
  background-image: url("/images/tundra/calendarArrows8bit.png");
}
.dijitCalendarIncrease {
  background-position: -18px 0;
}
.dijitCalendarArrowHover .dijitCalendarDecrease, .dijitCalendarArrow:hover .dijitCalendarDecrease {
  background-position: -36px 0;
}
.dijitCalendarArrowHover .dijitCalendarIncrease, .dijitCalendarArrow:hover .dijitCalendarIncrease {
  background-position: -55px 0;
}
.dijitCalendarArrowActive .dijitCalendarDecrease, .dijitCalendarArrow:active .dijitCalendarDecrease {
  background-position: -72px 0;
}
.dijitCalendarArrowActive .dijitCalendarIncrease, .dijitCalendarArrow:active .dijitCalendarIncrease {
  background-position: -91px 0;
}
.dijitA11ySideArrow {
  /* text +/- labels instead of arrow icons, for high contrast mode */

  display: none;
}
.dijitCalendarDayLabelTemplate {
  padding-bottom: 0;
  text-align: center;
  border-bottom: 1px solid #b5bcc7;
  padding: 0 3px 2px;
}
.dijitCalendarDayLabel {
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 0.909em;
  text-align: center;
  color: #000000;
}
.dijitCalendarDateTemplate {
  text-align: center;
  background-color: #ffffff;
  background-image: url("/images/tundra/calendarContainerImages.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 0;
  font-size: 0.909em;
  font-family: Arial;
  font-weight: bold;
  letter-spacing: .05em;
  text-align: center;
  color: #000000;
}
.dj_ie6 .dijitCalendarDateTemplate {
  background-image: none;
}
.dijitCalendarPreviousMonth, .dijitCalendarNextMonth {
  background-color: #ddd;
  background-image: none;
  border-bottom: solid 1px #d3d3d3;
  /* todo: redundant with above .dijitCalendarDateTemplate rule */
}
.dijitCalendarDateTemplate .dijitCalendarDateLabel {
  text-decoration: none;
  display: block;
  padding: 3px 5px 3px 4px;
  border: solid 1px #ffffff;
  /* intentionally matches background-color, no visible border until hover/selection */

  background-color: rgba(171, 212, 251, 0);
  /* transparent causes black-flash animation problem on webkit */

  -webkit-transition-property: background-color, border;
  -moz-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
.dijitCalendarPreviousMonth .dijitCalendarDateLabel, .dijitCalendarNextMonth .dijitCalendarDateLabel {
  color: #999;
  border-color: #eee;
  /* intentionally matches background-color, no visible border until hover/selection */

}
.dijitCalendarYearContainer {
  vertical-align: middle;
}
.dijitCalendarYearControl {
  padding: 1px 2px 2px 2px;
}
.dijitCalendarYearLabel {
  padding: 2px 0 0 0;
  margin: 0;
  font-size: 1.17em;
}
.dijitCalendarYearLabel span {
  /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */

  vertical-align: middle;
}
.dijitCalendarSelectedYear {
  padding: 0 3px;
}
.dijitCalendarNextYear, .dijitCalendarPreviousYear {
  padding: 1px 6px 1px 6px;
  font-size: 0.909em;
}
.dijitCalendarSelectedYear {
  font-size: 1.091em;
  color: #000000;
}
/* End Normal Calendar Style */
/* Hovered Calendar Style */
.dijitCalendarHoveredDate .dijitCalendarDateLabel, .dijitCalendarEnabledDate:hover .dijitCalendarDateLabel {
  background-color: #d3d3d3;
  border: solid 1px #999;
  color: #000000;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.dijitCalendarNextYearHover,
.dijitCalendarNextYear:hover,
.dijitCalendarPreviousYearHover,
.dijitCalendarPreviousYear:hover {
  color: #000000;
  border: solid 1px #ffffff;
  padding: 0 5px 0 5px;
  /* reduced by 1 to make room for border */

  background-color: #eee;
}
/* End Hovered Calendar Style */
/* Active Calendar Style */
.dijitCalendarNextYearActive, .dijitCalendarNextYear:active.dijitCalendarPreviousYearActive, .dijitCalendarPreviousYear:active {
  border: solid 1px #999;
  padding: 0 5px 0 5px;
  /* reduced by 1 to make room for border */

  background-color: #ccc;
}
.dijitCalendarActiveDate .dijitCalendarDateLabel, .dijitCalendarEnabledDate:active .dijitCalendarDateLabel {
  background-image: url("/images/tundra/calendarContainerImages.png");
  background-position: 0 -300px;
  background-color: #ccc;
  border: solid 1px #ffffff;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.dj_ie6 .dijitCalendarActiveDate .dijitCalendarDateLabel {
  background-image: none;
}
/* End Active Calendar Style */
/* Selected Calendar Style */
.dijitCalendarSelectedDate .dijitCalendarDateLabel {
  color: #000000;
  background-color: #ddd;
  border-color: #999;
}
/* End Selected Calendar Style */
/* Disabled Calendar Style*/
.dijitCalendarDisabledDate .dijitCalendarDateLabel {
  color: #818181;
  text-decoration: line-through;
}
/* End Disabled Calendar Style */
/* Styling for month DropDownButton */
.dijitCalendar .dijitDropDownButton {
  margin: 0;
}
.dijitCalendar .dijitButtonText {
  padding: 1px 0 3px;
  margin-right: -4px;
}
.dijitCalendar .dijitDropDownButton .dijitButtonNode {
  background-color: transparent;
  background-image: none;
  padding: 0 3px 0 2px;
  border: solid 1px #b5bcc7;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.dijitCalendar .dijitDropDownButtonHover .dijitButtonNode, .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode {
  background-color: #eee;
  border: solid 1px #ffffff;
}
/* Styling for month drop down list */
.dijitCalendarMonthMenu {
  border-color: #999;
  background-color: #ffffff;
  text-align: center;
  background-image: none;
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  border-top: solid 1px #ffffff;
  /* intentionally invisible until hover */

  border-bottom: solid 1px #ffffff;
  padding: 2px 0;
}
.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover, .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover {
  background-color: #ddd;
  border-color: #999;
  border-width: 1px 0;
  background-image: url("/images/tundra/commonHighlight.png");
  background-repeat: repeat-x;
}

div.customToggleArea{
	position: absolute !important;
	top: 30px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 260px;
	padding: 10px 15px;
	margin: 2px 0 0;
	font-size: 13px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .175);
	box-shadow: 0 15px 20px rgba(0, 0, 0, .175);
	border-radius: 0 !important;
	cursor : move;
	cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

div.customToggleArea.ui-draggable-dragging{
	cursor : move;
	cursor : grabbing;
	cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

div.customToggleArea .customDropdownOfTheDeath-searchInput{
	margin-bottom : 10px;
	width : 100%;
}

div.customToggleArea div.groupRow{
	margin-top : 5px;
	width : 100%;
	display : table;
}

div.customToggleArea div.groupNameWrapper{
	display : table-cell;
	text-align : left;
	white-space : nowrap;
}

div.customToggleArea div.btnWrapper{
	display : table-cell;
	text-align : right;
	white-space : nowrap;
	padding-left : 8px;
}

div.customToggleArea .customDropdownOfTheDeath-cancelLink{
	display : inline-block;
	margin-top : 9px;
	margin-left : 7px;
	vertical-align : middle;
}

div.customToggleArea .input-group-btn{
	width : 1%;
}

button.closeCustomDropdownOfTheDeathBtn{
	position : relative;
	float : right;
	background-color : white;
	margin-bottom : 5px;
	margin-left : 10px;
	color: #ccc;
}

button.closeCustomDropdownOfTheDeathBtn:hover{
	color : #666;
}
.datatable-btn{
	margin-top : 10px;
	margin-right : 5px;
}
/*!
 * Datepicker for Bootstrap v3
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  z-index: 3000;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget .btn {
  padding: 6px; }

.bootstrap-datetimepicker-widget:before {
  position: absolute;
  top: -7px;
  left: 6px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.bootstrap-datetimepicker-widget:after {
  position: absolute;
  top: -6px;
  left: 7px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: ''; }

.bootstrap-datetimepicker-widget.pull-right:before {
  right: 6px;
  left: auto; }

.bootstrap-datetimepicker-widget.pull-right:after {
  right: 7px;
  left: auto; }

.bootstrap-datetimepicker-widget > ul {
  margin: 0;
  list-style-type: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-size: 1.2em;
  font-weight: bold; }

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0; }

.bootstrap-datetimepicker-widget .datepicker > div {
  display: none; }

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center; }

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {
  cursor: pointer;
  background: #eee; }

.bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new {
  color: #999; }

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
  color: #373737;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #428bca; 
  border : 1px solid #373737;}

.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
  color: #999;
  cursor: not-allowed;
  background: 0; }

.bootstrap-datetimepicker-widget td span {
  display: block;
  float: left;
  width: 47px;
  height: 54px;
  margin: 2px;
  line-height: 54px;
  cursor: pointer;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget td span:hover {
  background: #eee; }

.bootstrap-datetimepicker-widget td span.active {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #428bca; }

.bootstrap-datetimepicker-widget td span.old {
  color: #999; }

.bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover {
  color: #999;
  cursor: not-allowed;
  background: 0; }

.bootstrap-datetimepicker-widget th.switch {
  width: 145px; }

.bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev {
  font-size: 21px; }

.bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover {
  color: #999;
  cursor: not-allowed;
  background: 0; }

.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer; }

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eee; }

.input-group.date .input-group-addon span {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.bootstrap-datetimepicker-widget.left-oriented:before {
  right: 6px;
  left: auto; }

.bootstrap-datetimepicker-widget.left-oriented:after {
  right: 7px;
  left: auto; }

.bootstrap-datetimepicker-widget ul.list-unstyled li.in div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0 !important; }

/* ColorPalette
 * 
 * Styling of the ColorPalette consists of the following:
 * 
 * 1. the whole color palette
 *		.dijitColorPalette - for outline, border, and background color of the whole color palette
 *		Note: outline does not work for IE
 *
 * 2. the color swatch 
 *		.dijitColorPalette .dijitPaletteImg
 *		transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch.
 *		displays border around a color swatch
 *
 * 3. hovered swatch
 * 		.dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg
 *		the hovered state of the color swatch - adds border
 * 	
 * 4. active and selected swatch
 * 		.dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg
 *		.dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg
 *		adds border for active or selected state
 */
/*
.tundra  .dijitColorPalette {
	outline: 1px solid #769dc0; 
	border: 1px solid #c0ccdf;
	background:#fff;

	-moz-border-radius: 0px;
}

.tundra .dijitColorPalette .dijitPaletteImg {
	border: 1px solid #cecece;
}
.tundra .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg {
	border: 1px solid #000;
}
.tundra .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg,
.tundra .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg {
	border: 2px solid #000;
}
*/

.dijitColorPalette {
	width: 206px;
	position: absolute;
	margin: 0;
	display: inline;
	z-index: 10000;
}
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url(../../images/widgets/flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ad.svg);
}
.flag-icon-ae {
  background-image: url(../../images/widgets/flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ae.svg);
}
.flag-icon-af {
  background-image: url(../../images/widgets/flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/af.svg);
}
.flag-icon-ag {
  background-image: url(../../images/widgets/flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ag.svg);
}
.flag-icon-ai {
  background-image: url(../../images/widgets/flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ai.svg);
}
.flag-icon-al {
  background-image: url(../../images/widgets/flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/al.svg);
}
.flag-icon-am {
  background-image: url(../../images/widgets/flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/am.svg);
}
.flag-icon-ao {
  background-image: url(../../images/widgets/flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ao.svg);
}
.flag-icon-aq {
  background-image: url(../../images/widgets/flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/aq.svg);
}
.flag-icon-ar {
  background-image: url(../../images/widgets/flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ar.svg);
}
.flag-icon-as {
  background-image: url(../../images/widgets/flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/as.svg);
}
.flag-icon-at {
  background-image: url(../../images/widgets/flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/at.svg);
}
.flag-icon-au {
  background-image: url(../../images/widgets/flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/au.svg);
}
.flag-icon-aw {
  background-image: url(../../images/widgets/flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/aw.svg);
}
.flag-icon-ax {
  background-image: url(../../images/widgets/flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ax.svg);
}
.flag-icon-az {
  background-image: url(../../images/widgets/flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/az.svg);
}
.flag-icon-ba {
  background-image: url(../../images/widgets/flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ba.svg);
}
.flag-icon-bb {
  background-image: url(../../images/widgets/flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bb.svg);
}
.flag-icon-bd {
  background-image: url(../../images/widgets/flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bd.svg);
}
.flag-icon-be {
  background-image: url(../../images/widgets/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/be.svg);
}
.flag-icon-bf {
  background-image: url(../../images/widgets/flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bf.svg);
}
.flag-icon-bg {
  background-image: url(../../images/widgets/flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bg.svg);
}
.flag-icon-bh {
  background-image: url(../../images/widgets/flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bh.svg);
}
.flag-icon-bi {
  background-image: url(../../images/widgets/flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bi.svg);
}
.flag-icon-bj {
  background-image: url(../../images/widgets/flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bj.svg);
}
.flag-icon-bl {
  background-image: url(../../images/widgets/flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bl.svg);
}
.flag-icon-bm {
  background-image: url(../../images/widgets/flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bm.svg);
}
.flag-icon-bn {
  background-image: url(../../images/widgets/flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bn.svg);
}
.flag-icon-bo {
  background-image: url(../../images/widgets/flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bo.svg);
}
.flag-icon-bq {
  background-image: url(../../images/widgets/flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bq.svg);
}
.flag-icon-br {
  background-image: url(../../images/widgets/flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/br.svg);
}
.flag-icon-bs {
  background-image: url(../../images/widgets/flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bs.svg);
}
.flag-icon-bt {
  background-image: url(../../images/widgets/flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bt.svg);
}
.flag-icon-bv {
  background-image: url(../../images/widgets/flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bv.svg);
}
.flag-icon-bw {
  background-image: url(../../images/widgets/flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bw.svg);
}
.flag-icon-by {
  background-image: url(../../images/widgets/flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/by.svg);
}
.flag-icon-bz {
  background-image: url(../../images/widgets/flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/bz.svg);
}
.flag-icon-ca, .flag-icon-qc{
  background-image: url(../../images/widgets/flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared, .flag-icon-qc.flag-icon-squared{
  background-image: url(../../images/widgets/flags/1x1/ca.svg);
}
.flag-icon-cc {
  background-image: url(../../images/widgets/flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cc.svg);
}
.flag-icon-cd {
  background-image: url(../../images/widgets/flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cd.svg);
}
.flag-icon-cf {
  background-image: url(../../images/widgets/flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cf.svg);
}
.flag-icon-cg {
  background-image: url(../../images/widgets/flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cg.svg);
}
.flag-icon-ch {
  background-image: url(../../images/widgets/flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ch.svg);
}
.flag-icon-ci {
  background-image: url(../../images/widgets/flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ci.svg);
}
.flag-icon-ck {
  background-image: url(../../images/widgets/flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ck.svg);
}
.flag-icon-cl {
  background-image: url(../../images/widgets/flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cl.svg);
}
.flag-icon-cm {
  background-image: url(../../images/widgets/flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cm.svg);
}
.flag-icon-cn {
  background-image: url(../../images/widgets/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cn.svg);
}
.flag-icon-co {
  background-image: url(../../images/widgets/flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/co.svg);
}
.flag-icon-cr {
  background-image: url(../../images/widgets/flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cr.svg);
}
.flag-icon-cu {
  background-image: url(../../images/widgets/flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cu.svg);
}
.flag-icon-cv {
  background-image: url(../../images/widgets/flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cv.svg);
}
.flag-icon-cw {
  background-image: url(../../images/widgets/flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cw.svg);
}
.flag-icon-cx {
  background-image: url(../../images/widgets/flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cx.svg);
}
.flag-icon-cy {
  background-image: url(../../images/widgets/flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cy.svg);
}
.flag-icon-cz {
  background-image: url(../../images/widgets/flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/cz.svg);
}
.flag-icon-de {
  background-image: url(../../images/widgets/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/de.svg);
}
.flag-icon-default:before{
	font-family : 'Fontawesome';
	content: "\f128";
	dislpay : inline-block;
	width : 100%;
	margin-left : 5px;
	text-align : center;
}
.flag-icon-dj {
  background-image: url(../../images/widgets/flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/dj.svg);
}
.flag-icon-dk {
  background-image: url(../../images/widgets/flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/dk.svg);
}
.flag-icon-dm {
  background-image: url(../../images/widgets/flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/dm.svg);
}
.flag-icon-do {
  background-image: url(../../images/widgets/flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/do.svg);
}
.flag-icon-dz {
  background-image: url(../../images/widgets/flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/dz.svg);
}
.flag-icon-ec {
  background-image: url(../../images/widgets/flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ec.svg);
}
.flag-icon-ee {
  background-image: url(../../images/widgets/flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ee.svg);
}
.flag-icon-eg {
  background-image: url(../../images/widgets/flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/eg.svg);
}
.flag-icon-eh {
  background-image: url(../../images/widgets/flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/eh.svg);
}
.flag-icon-er {
  background-image: url(../../images/widgets/flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/er.svg);
}
.flag-icon-es {
  background-image: url(../../images/widgets/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/es.svg);
}
.flag-icon-et {
  background-image: url(../../images/widgets/flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/et.svg);
}
.flag-icon-fi {
  background-image: url(../../images/widgets/flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/fi.svg);
}
.flag-icon-fj {
  background-image: url(../../images/widgets/flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/fj.svg);
}
.flag-icon-fk {
  background-image: url(../../images/widgets/flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/fk.svg);
}
.flag-icon-fm {
  background-image: url(../../images/widgets/flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/fm.svg);
}
.flag-icon-fo {
  background-image: url(../../images/widgets/flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/fo.svg);
}
.flag-icon-fr {
  background-image: url(../../images/widgets/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/fr.svg);
}
.flag-icon-ga {
  background-image: url(../../images/widgets/flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ga.svg);
}
.flag-icon-gb, .flag-icon-en {
  background-image: url(../../images/widgets/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared, .flag-icon-en.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gb.svg);
}
.flag-icon-gd {
  background-image: url(../../images/widgets/flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gd.svg);
}
.flag-icon-ge {
  background-image: url(../../images/widgets/flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ge.svg);
}
.flag-icon-gf {
  background-image: url(../../images/widgets/flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gf.svg);
}
.flag-icon-gg {
  background-image: url(../../images/widgets/flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gg.svg);
}
.flag-icon-gh {
  background-image: url(../../images/widgets/flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gh.svg);
}
.flag-icon-gi {
  background-image: url(../../images/widgets/flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gi.svg);
}
.flag-icon-gl {
  background-image: url(../../images/widgets/flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gl.svg);
}
.flag-icon-gm {
  background-image: url(../../images/widgets/flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gm.svg);
}
.flag-icon-gn {
  background-image: url(../../images/widgets/flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gn.svg);
}
.flag-icon-gp {
  background-image: url(../../images/widgets/flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gp.svg);
}
.flag-icon-gq {
  background-image: url(../../images/widgets/flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gq.svg);
}
.flag-icon-gr {
  background-image: url(../../images/widgets/flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gr.svg);
}
.flag-icon-gs {
  background-image: url(../../images/widgets/flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gs.svg);
}
.flag-icon-gt {
  background-image: url(../../images/widgets/flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gt.svg);
}
.flag-icon-gu {
  background-image: url(../../images/widgets/flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gu.svg);
}
.flag-icon-gw {
  background-image: url(../../images/widgets/flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gw.svg);
}
.flag-icon-gy {
  background-image: url(../../images/widgets/flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/gy.svg);
}
.flag-icon-hk {
  background-image: url(../../images/widgets/flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/hk.svg);
}
.flag-icon-hm {
  background-image: url(../../images/widgets/flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/hm.svg);
}
.flag-icon-hn {
  background-image: url(../../images/widgets/flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/hn.svg);
}
.flag-icon-hr {
  background-image: url(../../images/widgets/flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/hr.svg);
}
.flag-icon-ht {
  background-image: url(../../images/widgets/flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ht.svg);
}
.flag-icon-hu {
  background-image: url(../../images/widgets/flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/hu.svg);
}
.flag-icon-id {
  background-image: url(../../images/widgets/flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/id.svg);
}
.flag-icon-ie {
  background-image: url(../../images/widgets/flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ie.svg);
}
.flag-icon-il {
  background-image: url(../../images/widgets/flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/il.svg);
}
.flag-icon-im {
  background-image: url(../../images/widgets/flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/im.svg);
}
.flag-icon-in {
  background-image: url(../../images/widgets/flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/in.svg);
}
.flag-icon-io {
  background-image: url(../../images/widgets/flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/io.svg);
}
.flag-icon-iq {
  background-image: url(../../images/widgets/flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/iq.svg);
}
.flag-icon-ir {
  background-image: url(../../images/widgets/flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ir.svg);
}
.flag-icon-is {
  background-image: url(../../images/widgets/flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/is.svg);
}
.flag-icon-it {
  background-image: url(../../images/widgets/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/it.svg);
}
.flag-icon-je {
  background-image: url(../../images/widgets/flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/je.svg);
}
.flag-icon-jm {
  background-image: url(../../images/widgets/flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/jm.svg);
}
.flag-icon-jo {
  background-image: url(../../images/widgets/flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/jo.svg);
}
.flag-icon-jp {
  background-image: url(../../images/widgets/flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/jp.svg);
}
.flag-icon-ke {
  background-image: url(../../images/widgets/flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ke.svg);
}
.flag-icon-kg {
  background-image: url(../../images/widgets/flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kg.svg);
}
.flag-icon-kh {
  background-image: url(../../images/widgets/flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kh.svg);
}
.flag-icon-ki {
  background-image: url(../../images/widgets/flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ki.svg);
}
.flag-icon-km {
  background-image: url(../../images/widgets/flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/km.svg);
}
.flag-icon-kn {
  background-image: url(../../images/widgets/flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kn.svg);
}
.flag-icon-kp {
  background-image: url(../../images/widgets/flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kp.svg);
}
.flag-icon-kr {
  background-image: url(../../images/widgets/flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kr.svg);
}
.flag-icon-kw {
  background-image: url(../../images/widgets/flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kw.svg);
}
.flag-icon-ky {
  background-image: url(../../images/widgets/flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ky.svg);
}
.flag-icon-kz {
  background-image: url(../../images/widgets/flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/kz.svg);
}
.flag-icon-la {
  background-image: url(../../images/widgets/flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/la.svg);
}
.flag-icon-lb {
  background-image: url(../../images/widgets/flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lb.svg);
}
.flag-icon-lc {
  background-image: url(../../images/widgets/flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lc.svg);
}
.flag-icon-li {
  background-image: url(../../images/widgets/flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/li.svg);
}
.flag-icon-lk {
  background-image: url(../../images/widgets/flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lk.svg);
}
.flag-icon-lr {
  background-image: url(../../images/widgets/flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lr.svg);
}
.flag-icon-ls {
  background-image: url(../../images/widgets/flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ls.svg);
}
.flag-icon-lt {
  background-image: url(../../images/widgets/flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lt.svg);
}
.flag-icon-lu {
  background-image: url(../../images/widgets/flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lu.svg);
}
.flag-icon-lv {
  background-image: url(../../images/widgets/flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/lv.svg);
}
.flag-icon-ly {
  background-image: url(../../images/widgets/flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ly.svg);
}
.flag-icon-ma {
  background-image: url(../../images/widgets/flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ma.svg);
}
.flag-icon-mc {
  background-image: url(../../images/widgets/flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mc.svg);
}
.flag-icon-md {
  background-image: url(../../images/widgets/flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/md.svg);
}
.flag-icon-me {
  background-image: url(../../images/widgets/flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/me.svg);
}
.flag-icon-mf {
  background-image: url(../../images/widgets/flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mf.svg);
}
.flag-icon-mg {
  background-image: url(../../images/widgets/flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mg.svg);
}
.flag-icon-mh {
  background-image: url(../../images/widgets/flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mh.svg);
}
.flag-icon-mk {
  background-image: url(../../images/widgets/flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mk.svg);
}
.flag-icon-ml {
  background-image: url(../../images/widgets/flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ml.svg);
}
.flag-icon-mm {
  background-image: url(../../images/widgets/flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mm.svg);
}
.flag-icon-mn {
  background-image: url(../../images/widgets/flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mn.svg);
}
.flag-icon-mo {
  background-image: url(../../images/widgets/flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mo.svg);
}
.flag-icon-mp {
  background-image: url(../../images/widgets/flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mp.svg);
}
.flag-icon-mq {
  background-image: url(../../images/widgets/flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mq.svg);
}
.flag-icon-mr {
  background-image: url(../../images/widgets/flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mr.svg);
}
.flag-icon-ms {
  background-image: url(../../images/widgets/flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ms.svg);
}
.flag-icon-mt {
  background-image: url(../../images/widgets/flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mt.svg);
}
.flag-icon-mu {
  background-image: url(../../images/widgets/flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mu.svg);
}
.flag-icon-mv {
  background-image: url(../../images/widgets/flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mv.svg);
}
.flag-icon-mw {
  background-image: url(../../images/widgets/flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mw.svg);
}
.flag-icon-mx {
  background-image: url(../../images/widgets/flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mx.svg);
}
.flag-icon-my {
  background-image: url(../../images/widgets/flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/my.svg);
}
.flag-icon-mz {
  background-image: url(../../images/widgets/flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/mz.svg);
}
.flag-icon-na {
  background-image: url(../../images/widgets/flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/na.svg);
}
.flag-icon-nc {
  background-image: url(../../images/widgets/flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/nc.svg);
}
.flag-icon-ne {
  background-image: url(../../images/widgets/flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ne.svg);
}
.flag-icon-nf {
  background-image: url(../../images/widgets/flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/nf.svg);
}
.flag-icon-ng {
  background-image: url(../../images/widgets/flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ng.svg);
}
.flag-icon-ni {
  background-image: url(../../images/widgets/flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ni.svg);
}
.flag-icon-nl {
  background-image: url(../../images/widgets/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/nl.svg);
}
.flag-icon-no {
  background-image: url(../../images/widgets/flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/no.svg);
}
.flag-icon-np {
  background-image: url(../../images/widgets/flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/np.svg);
}
.flag-icon-nr {
  background-image: url(../../images/widgets/flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/nr.svg);
}
.flag-icon-nu {
  background-image: url(../../images/widgets/flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/nu.svg);
}
.flag-icon-nz {
  background-image: url(../../images/widgets/flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/nz.svg);
}
.flag-icon-om {
  background-image: url(../../images/widgets/flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/om.svg);
}
.flag-icon-pa {
  background-image: url(../../images/widgets/flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pa.svg);
}
.flag-icon-pe {
  background-image: url(../../images/widgets/flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pe.svg);
}
.flag-icon-pf {
  background-image: url(../../images/widgets/flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pf.svg);
}
.flag-icon-pg {
  background-image: url(../../images/widgets/flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pg.svg);
}
.flag-icon-ph {
  background-image: url(../../images/widgets/flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ph.svg);
}
.flag-icon-pk {
  background-image: url(../../images/widgets/flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pk.svg);
}
.flag-icon-pl {
  background-image: url(../../images/widgets/flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pl.svg);
}
.flag-icon-pm {
  background-image: url(../../images/widgets/flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pm.svg);
}
.flag-icon-pn {
  background-image: url(../../images/widgets/flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pn.svg);
}
.flag-icon-pr {
  background-image: url(../../images/widgets/flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pr.svg);
}
.flag-icon-ps {
  background-image: url(../../images/widgets/flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ps.svg);
}
.flag-icon-pt {
  background-image: url(../../images/widgets/flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pt.svg);
}
.flag-icon-pw {
  background-image: url(../../images/widgets/flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/pw.svg);
}
.flag-icon-py {
  background-image: url(../../images/widgets/flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/py.svg);
}
.flag-icon-qa {
  background-image: url(../../images/widgets/flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/qa.svg);
}
.flag-icon-re {
  background-image: url(../../images/widgets/flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/re.svg);
}
.flag-icon-ro {
  background-image: url(../../images/widgets/flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ro.svg);
}
.flag-icon-rs {
  background-image: url(../../images/widgets/flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/rs.svg);
}
.flag-icon-ru {
  background-image: url(../../images/widgets/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ru.svg);
}
.flag-icon-rw {
  background-image: url(../../images/widgets/flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/rw.svg);
}
.flag-icon-sa {
  background-image: url(../../images/widgets/flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sa.svg);
}
.flag-icon-sb {
  background-image: url(../../images/widgets/flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sb.svg);
}
.flag-icon-sc {
  background-image: url(../../images/widgets/flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sc.svg);
}
.flag-icon-sd {
  background-image: url(../../images/widgets/flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sd.svg);
}
.flag-icon-se {
  background-image: url(../../images/widgets/flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/se.svg);
}
.flag-icon-sg {
  background-image: url(../../images/widgets/flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sg.svg);
}
.flag-icon-sh {
  background-image: url(../../images/widgets/flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sh.svg);
}
.flag-icon-si {
  background-image: url(../../images/widgets/flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/si.svg);
}
.flag-icon-sj {
  background-image: url(../../images/widgets/flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sj.svg);
}
.flag-icon-sk {
  background-image: url(../../images/widgets/flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sk.svg);
}
.flag-icon-sl {
  background-image: url(../../images/widgets/flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sl.svg);
}
.flag-icon-sm {
  background-image: url(../../images/widgets/flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sm.svg);
}
.flag-icon-sn {
  background-image: url(../../images/widgets/flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sn.svg);
}
.flag-icon-so {
  background-image: url(../../images/widgets/flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/so.svg);
}
.flag-icon-sr {
  background-image: url(../../images/widgets/flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sr.svg);
}
.flag-icon-ss {
  background-image: url(../../images/widgets/flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ss.svg);
}
.flag-icon-st {
  background-image: url(../../images/widgets/flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/st.svg);
}
.flag-icon-sv {
  background-image: url(../../images/widgets/flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sv.svg);
}
.flag-icon-sx {
  background-image: url(../../images/widgets/flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sx.svg);
}
.flag-icon-sy {
  background-image: url(../../images/widgets/flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sy.svg);
}
.flag-icon-sz {
  background-image: url(../../images/widgets/flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/sz.svg);
}
.flag-icon-tc {
  background-image: url(../../images/widgets/flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tc.svg);
}
.flag-icon-td {
  background-image: url(../../images/widgets/flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/td.svg);
}
.flag-icon-tf {
  background-image: url(../../images/widgets/flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tf.svg);
}
.flag-icon-tg {
  background-image: url(../../images/widgets/flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tg.svg);
}
.flag-icon-th {
  background-image: url(../../images/widgets/flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/th.svg);
}
.flag-icon-tj {
  background-image: url(../../images/widgets/flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tj.svg);
}
.flag-icon-tk {
  background-image: url(../../images/widgets/flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tk.svg);
}
.flag-icon-tl {
  background-image: url(../../images/widgets/flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tl.svg);
}
.flag-icon-tm {
  background-image: url(../../images/widgets/flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tm.svg);
}
.flag-icon-tn {
  background-image: url(../../images/widgets/flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tn.svg);
}
.flag-icon-to {
  background-image: url(../../images/widgets/flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/to.svg);
}
.flag-icon-tr {
  background-image: url(../../images/widgets/flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tr.svg);
}
.flag-icon-tt {
  background-image: url(../../images/widgets/flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tt.svg);
}
.flag-icon-tv {
  background-image: url(../../images/widgets/flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tv.svg);
}
.flag-icon-tw {
  background-image: url(../../images/widgets/flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tw.svg);
}
.flag-icon-tz {
  background-image: url(../../images/widgets/flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/tz.svg);
}
.flag-icon-ua {
  background-image: url(../../images/widgets/flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ua.svg);
}
.flag-icon-ug {
  background-image: url(../../images/widgets/flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ug.svg);
}
.flag-icon-um {
  background-image: url(../../images/widgets/flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/um.svg);
}
.flag-icon-us {
  background-image: url(../../images/widgets/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/us.svg);
}
.flag-icon-uy {
  background-image: url(../../images/widgets/flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/uy.svg);
}
.flag-icon-uz {
  background-image: url(../../images/widgets/flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/uz.svg);
}
.flag-icon-va {
  background-image: url(../../images/widgets/flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/va.svg);
}
.flag-icon-vc {
  background-image: url(../../images/widgets/flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/vc.svg);
}
.flag-icon-ve {
  background-image: url(../../images/widgets/flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ve.svg);
}
.flag-icon-vg {
  background-image: url(../../images/widgets/flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/vg.svg);
}
.flag-icon-vi {
  background-image: url(../../images/widgets/flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/vi.svg);
}
.flag-icon-vn {
  background-image: url(../../images/widgets/flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/vn.svg);
}
.flag-icon-vu {
  background-image: url(../../images/widgets/flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/vu.svg);
}
.flag-icon-wf {
  background-image: url(../../images/widgets/flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/wf.svg);
}
.flag-icon-ws {
  background-image: url(../../images/widgets/flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ws.svg);
}
.flag-icon-ye {
  background-image: url(../../images/widgets/flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/ye.svg);
}
.flag-icon-yt {
  background-image: url(../../images/widgets/flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/yt.svg);
}
.flag-icon-za {
  background-image: url(../../images/widgets/flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/za.svg);
}
.flag-icon-zm {
  background-image: url(../../images/widgets/flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/zm.svg);
}
.flag-icon-zw {
  background-image: url(../../images/widgets/flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../../images/widgets/flags/1x1/zw.svg);
}

.showMenu {
	cursor: pointer;
}

.innerMenu {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid silver;
    color: #000000;
    padding: 10px;
    z-index: 100;
}
.innerMenu .menuTopArrow {
    background-image: url("/images/customer/theme/cti/layout/menuArrowTop2.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 10px;
    position: absolute;
    right: 5px;
    top: -10px;
    width: 38px;
}

.innerMenu a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}
.innerMenu a {
    display: block;
    width: 90%;
    text-align:left;
    padding: 3px 10px;
    white-space: nowrap;
}
.innerMenu a .ico,
.innerMenu a i {
	margin-right: 5px;
	width: 15px;
	color:#373737;
	opacity: 0.8;
}

.innerMenu .divider {
    width:80%;
    margin:5px auto;
    background-color: #e5e5e5;
    height: 1px;
}

.innerMenu ul {
	margin-bottom: 0;
}

.overlayLoading {
	width : auto;
	height : auto;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
	background-image: url(/images/common/loader/loading-rect.gif);
	 background-repeat : no-repeat; 
	background-position : center;
	vertical-align: middle;
	display: inline-block;
}

.overlayLoading span {
	overflow: hidden;
	width: 64px;
	vertical-align: middle;
	display: inline-block;
}

.overlayLoading .ec-loader-mega {
	vertical-align: middle;
	background-position: center center;
	height: 100%;
	width: 64px;
}

.ec-loader-mega {
	background-image: url(/images/common/loader/loading-rect.gif);
    background-repeat : no-repeat; 
	background-position : center;
}
.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 15px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
/*
Version: 3.4.2 Timestamp: Mon Aug 12 15:04:12 PDT 2013
*/
.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;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 50%);
  background-image: -ms-linear-gradient(top, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
  background-image: -ms-linear-gradient(top, #eeeeee 0%, white 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #eeeeee 0%, #ffffff 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; }
  
 @media screen and (max-width: 580px){
 	.select2-container .select2-choice > .select2-chosen{
 		width : 188px;
 	}
 }

.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("/images/widgets/select2/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;
  opacity: 0;
  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;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

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

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

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 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-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-clip: padding-box; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/widgets/select2/select2.png") no-repeat 0 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;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: white url("/images/widgets/select2/select2.png") no-repeat 100% -22px;
  background: url("/images/widgets/select2/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("/images/widgets/select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("/images/widgets/select2/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("/images/widgets/select2/select2.png") no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url("/images/widgets/select2/select2.png") no-repeat 100% -22px, -ms-linear-gradient(top, white 85%, #eeeeee 99%);
  background: url("/images/widgets/select2/select2.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }

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

.select2-search input.select2-active {
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%;
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%, -ms-linear-gradient(top, white 85%, #eeeeee 99%);
  background: white url("/images/widgets/select2/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }

.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, 0.3);
  box-shadow: 0 0 5px rgba(0, 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, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(top, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 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, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -ms-linear-gradient(bottom, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 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); 
  border-top : 1px #A1AFBA solid;}

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

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px; }

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px; }

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px; }

.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;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

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

.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-selection-limit {
  background: #f4f4f4;
  display: list-item; }

/*
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("/images/widgets/select2/select2-spinner.gif") no-repeat 100%; }

.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;
  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%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); }

.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, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

.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: white url("/images/widgets/select2/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;
  -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); }

.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("/images/widgets/select2/select2.png") right top no-repeat; }

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

.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: 144dpi) {
  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url("/images/widgets/select2/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }

  .select2-search input {
    background-position: 100% -21px !important; } }
/**
 * Select2 Bootstrap CSS
 * Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 */
.select2-container.form-control {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0; }

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cdd4da;
  border-radius: 0;
  color: #143249;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.select2-search input {
  border-color: #cdd4da;
  border-radius: 0;
  color: #143249;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857; }

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto; }

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 0; }

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 45px;
  line-height: 1.33;
  border-radius: 0; }

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px; }

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px; }

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 43px; }

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0; }

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px; }

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px; }

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px; }

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px; }

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px; }

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px; }

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: 1px solid #cdd4da;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px; }

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

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px; }

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px; }

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px; }

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px; }

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #a1afba;
  outline: none;
  -webkit-box-shadow: 0 0 8px #dce1e5;
  -moz-box-shadow: 0 0 8px #dce1e5;
  box-shadow: 0 0 8px #dce1e5;
  -webkit-transition: border-color ease-in-out, box-shadow ease-in-out;
  -webkit-transition-delay: 0.15s, 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.select2-drop-active {
  border-color: #a1afba; }

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #a1afba; }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  -moz-border-radius-topleft: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.select2-dropdown-open [class^="select2-choice"] {
  -moz-border-radius-bottomleft: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  -moz-border-radius-topleft: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important; }

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top; }

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #143249;
  background: #f4f7f9;
  border-color: #cdd4da;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #dae4eb;
  border-color: #aab6c0;
  color: #143249;
  -webkit-box-shadow: none;
  box-shadow: none; }

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%; }

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%; }

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #f4f7f9;
  border-color: #cdd4da; }
  .select2-container.select2-container-disabled .select2-choice .select2-arrow,
  .select2-container.select2-container-disabled .select2-choice div,
  .select2-container.select2-container-disabled .select2-choices .select2-arrow,
  .select2-container.select2-container-disabled .select2-choices div {
    background-color: transparent;
    border-left: 1px solid transparent;
    /* 2 */ }

/*!
 * Tab drop for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.nav-tabs,
.nav-pills {
  position: relative; }
/** modale **/
.rk-bw {
	min-width: 300px;
	margin: auto;
	position: absolute;
	border: 1px solid black;
	top: 50%;
	left: 50%;
	background-color: #ffffff;
	box-shadow: 3px 3px 3px;
}


.box-bg {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.50);
}

.rk-bw .head {
	min-height: 21px;
}

.rk-bw .head .title {
	min-height: 21px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

.rk-bw .head.movable {
	cursor: move;
}

.rk-bw .head .icon {
	float: right;
	margin-top: -20px;
}

.rk-bw .content {
	padding: 5px;
}

.rk-bw .buttons {
	text-align: center;
}

.rk-bw.confirm .message {
	text-align: center;
	max-width: 600px;
}

/** loading **/
.overlayLoading {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.3);
	vertical-align: middle;
	display: inline-block;
}

.overlayLoading span {
	overflow: hidden;
	width: 128px;
	vertical-align: middle;
	display: inline-block;
}

.overlayLoading .loadingSprite {
	background-image: url(/images/rk/loading_sprite.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: 0 0;
	height: 128px;
	width: 128px;
}

.overlayLoading .loadingSprite.step2 {
	background-position: -128px 0;
}
.overlayLoading .loadingSprite.step3 {
	background-position: -256px 0;
}
.overlayLoading .loadingSprite.step4 {
	background-position: -384px 0;
}
.overlayLoading .loadingSprite.step5 {
	background-position: -512px 0;
}
.overlayLoading .loadingSprite.step6 {
	background-position: -640px 0;
}
.overlayLoading .loadingSprite.step7 {
	background-position: -768px 0;
}
.overlayLoading .loadingSprite.step8 {
	background-position: -896px 0;
}
.overlayLoading .loadingSprite.step9 {
	background-position: -1024px 0;
}
.overlayLoading .loadingSprite.step10 {
	background-position: -1152px 0;
}
.overlayLoading .loadingSprite.step11 {
	background-position: -1280px 0;
}
.overlayLoading .loadingSprite.step12 {
	background-position: -1408px 0;
}


/** folding **/
.rkFoldingHeader {
	cursor: pointer;	
}

/** left/right buttons **/
.rkFoldingHeader div.right,
.rkFoldingHeader div.left {
	background-position:center;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.rkFoldingHeader.opened div.right,
.rkFoldingHeader.opened div.left {
	background-image: url("/images/rk/icons/folding_open.png");
	background-repeat: no-repeat;
}
.rkFoldingHeader div.right {
	float: right;
	margin-left: 3px;
}
.rkFoldingHeader div.left {
	float: left;
	margin-right: 3px;
}
.rkFoldingHeader.closed div.right {
	background-image: url("/images/rk/icons/folding_right_close.png");
	background-repeat: no-repeat;
}
.rkFoldingHeader.closed div.left {
	background-image: url("/images/rk/icons/folding_left_close.png");
	background-repeat: no-repeat;
}

/** button **/
.icon {
	height: 16px;
	width: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid black;
	margin: 1px;
	padding: 1px;
}
.icon:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.button {
	background-position: 2px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid black;
	margin: 5px;
	text-decoration: none;
	color: inherit;
}

.button.save,
.button.load,
.button.cancel,
.button.reset,
.button.validate,
.button.submit,
.button.delete,
.button.add,
.button.close,
.button.move,
.button.details,
.button.search,
.button.edit {
	padding: 0 4px 1px 22px;
}


.icon.load,
.button.load {
	background-image: url(/images/rk/icons/load.png);
}
.icon.save,
.button.save {
	background-image: url(/images/rk/icons/save.png);
}
.icon.cancel,
.button.cancel {
	background-image: url(/images/rk/icons/cancel.png);
}
.icon.reset,
.button.reset {
	background-image: url(/images/rk/icons/cancel.png);
}
.icon.validate,
.button.validate {
	background-image: url(/images/rk/icons/validate.png);
}
.icon.submit,
.button.submit {
	background-image: url(/images/rk/icons/validate.png);
}
.icon.delete,
.button.delete {
	background-image: url(/images/rk/icons/delete.png);
}
.icon.add,
.button.add {
	background-image: url(/images/rk/icons/add.png);
}
.icon.close,
.button.close {
	background-image: url(/images/rk/icons/cancel.png);
	cursor: 
}
.icon.move,
.button.move {
	background-image: url(/images/rk/icons/move.png);
	cursor: move;
}
.icon.details,
.button.details {
	background-image: url(/images/rk/icons/loop.png);
}
.icon.search,
.button.search {
	background-image: url(/images/rk/icons/loop.png);
}
.icon.edit,
.button.edit {
	background-image: url(/images/rk/icons/edit.png);
}
.modal-content .content {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-content .content .message{
    margin: 20px 0;
    text-align: center;
}

.modal-content .content .buttons{
	position:absolute; 
	bottom:0; 
	width:100%;
    text-align: center;
}

.modal-content .content .buttons .button{
	margin:0 10px;
}
#CTBody {
	margin: auto !important;
}

.rtl-direction{	
	direction:rtl;
	text-align:right;
}

#passationContent .icon {
	height: auto !important;
	width: auto !important;
	background: none;
	vertical-align: auto;
	display: inline-block;
	cursor: auto;
	border: none !important;
	margin: 0px;
	padding: 0px;
}

#CTDialogContent .content {
	max-height: 800px !important;
}

#CTDialogContent .head {
	background-color: #ab1715;
	color: white;
}

#CTDialogContent #preview-screen .itemContainer label {
	margin: 0px;
}

#CTDialogContent {
	max-height: 850px !important;
	max-width: 1024px !important;
	top: 70px !important;
}

button{
	padding: 5px 7px;
	border-radius: 3px;
}

button.disabled,
button.disabled:hover{
	background-color: #ccc;
	cursor: not-allowed;
}

#script #filters label{
	width: 120px;
	display: inline-block;
}

#script div{
	margin-bottom: 20px;
}

.stat-main fieldset{
	margin-bottom: 15px;
}

.stat-main fieldset label{
    display: inline-block;
    width: 185px;
}

.stat-main #sex1,
.stat-main #sex2{
	width: auto;
}

.stat-main .stat-part{
	padding-bottom: 10px;
}

.stat-main .selectMultiple{
	width: 280px;
}

#startAge,
#endAge{
	width: 50px;
}

.stat-setting{
	background-color: #ccc;
	border: solid 1px #999;
	padding: 5px;
}

.stat-load:hover{
	background-color: #ccc;
}

.answerPositiveValue{
	background-color: #FFEAA8;
}
#miniTestListTranslated .bo-list-option:hover{
	background-color: #fdfdac;
}
#testListTranslated .bo-list-option:hover{
	background-color: #fdfdac;
}

#miniTestListTranslated .codeRD,
#testListTranslated .codeRD{
	display: block;
    float: left;
    width: 100px;
}

.loadTestVersion .version {
	border: 1px solid black;
	float: left;
	width: 280px;
	margin: 2px;
	padding: 2px;
}
.loadTestVersion img {
	height: 20px;
	width: 20px;
}
.loadTestVersion .number {
	font-size: 15px;
	font-weight: bold;
	vertical-align: top;
}

.listGroupToAffect{
	display: none;
	position: absolute;
	padding: 10px;
	background-color: #ffeaa8;
	border: solid 1px #ab1715;
}



#filtersForLogs .oneFilter {
	float: left;
	width: 350px;
}

#filtersForLogs .oneFilter input {
	width: 150px;
}


#filtersForLogs .oneFilter label {
	display: inline-block;
	width: 100px;
	font-weight: bold;
}

.pagination_info {
	text-align: center;
}

.input-checkbox{
	width:20px;
	background:none;
	border:none;
}




#talentMap .referential-list,
#talentMapReferentiel .group-list,
#talentMapReferentiel .profile-list{
	margin-top: 5px;
}

#talentMapReferentiel .profile-list{
	margin-left:25px;
}

#talentMap .referential-list li,
#talentMapReferentiel .group-list li,
#talentMapReferentiel .profile-list li{
	padding: 5px;
}

#talentMap .referential-list .item,
#talentMapReferentiel .group-list .item{
	border-bottom: solid 1px #ccc; 
	width: 200px; 
	margin-right: 5px;
}



.overlayLoading .loadingSprite {
	background-image: none;
}

button.button {
	font-size: medium;
	letter-spacing: normal;
}

.button {
/* 	border-radius: 0; */
	background-color: #ab1715;
	color: white;
	text-decoration: none;
	margin: 5px;
	padding: 3px 8px;
	font-weight: bold;
}
.button:hover {
	background-color: #e5110e;
	text-decoration: none;
	color: white;
}

/** Info box **/
.infoBox {
    padding: 10px;
    background-color: rgba(200, 200, 200, 0.1);
}

.infoBox:before {
	content: "\f05a";
	color: #4668F0;
	font-family: FontAwesome;
	font-size: 1.8em;
}

.infoText {
	margin: auto 10px;
}

.rk-bw .content {
	overflow-y: auto;
}
.rk-bw .head {
	padding-bottom: 5px
}
.rk-bw .head .title {
	font-size: 2em;
	padding-top: 5px;
}
.rk-bw .head .icon {
	margin-top: 0;
}

#importReportContainer .targetLabel {
	width: 49%;
	display: inline-block;
}
#importReportContainer .factor {
    margin: 5px;
    padding: 2px;
}
#importReportContainer .factor:nth-child(odd) {
	background-color: rgba(50, 50, 50, 0.1);
}
#importReportContainer h3 {
    font-size: 1.5em;
    padding-left: 10px;
    padding-top: 10px;
}

#importReportContainer .infoBox li {
	list-style: inside none disc;
}

.success {
	color: green;
}
.error {
	color: red;
}

.buttons {
	text-align: center;
}

.row {
	padding: 10px;
}

.row input {
	width: auto;
}

.row label {
	font-weight: bold;
}

#importReport .partType {
	font-size: 1.5em;
	text-decoration: underline;
}

table.partsLegend {
	margin: 12px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.partsLegend th {
	text-align: center;
}

table.partsLegend th,
table.partsLegend td {
	border: 1px solid #ccc;
	padding: 2px
}

table.partsLegend td:first-child {
	width: 200px;
}

table.bordered {
		border-collapse: collapse;
}
table.bordered td {
	border: 1px solid black;
}
table.bordered .header {
	background-color: gray;
}

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

.disabled {
	pointer-events: none;
	color: grey;
}

#form-default-color label {
    width: 204px;
    display: inline-block;
}

#form-default-color input[type="text"] {
    width: 56px;
}

.select2-hidden-accessible {
    display: none;
}
/*
	MAIN.CSS
*/
a,
a:visited{
	color: #ab1715;
}
a:hover{
	color: #AB1715;
}
h4 em{
	color: #AB1715;
}
button,
.dijitButtonNode,
.dijitDialogTitleBar{
	background-color: #AB1715;
	color: #fff;
}
button:hover,
.dijitButtonNode:hover,
#bo-main-menu ul li:hover,
#bo-main-menu span{
	background-color: #E5110E;
	color: #fff;
}
.button-disabled,
.button-disabled:hover{
	background-color: #ed6e6c;
}

/* THEME CLASS */
.bo-color-theme{
	color: #AB1715;
}
.bo-border-theme,
.bo-list-filter,
.bo-list-filter-title,
.bo-list-option,
.bo-list-option-top,
.bo-list-footer{
	border-color:#AB1715;
}
.bo-bg-theme{
	background-color:#AB1715;
	color: #fff;
}
.bo-home-theme{
	background-image: url('/images/bo/theme/red/homepage.jpg');
	color: #AB1715;	
}
.bo-block-open{
	background-image: url('/images/bo/theme/red/arrow_open.gif');
}
.bo-block-close{
	background-image: url('/images/bo/theme/red/arrow_close.gif');
}
/*
 * TABS
 */
.yui-nav .selected{
	background-image:url('/images/bo/theme/red/tab_right_on.gif');
}
.yui-nav .selected a{
	background-image:url('/images/bo/theme/red/tab_left_on.gif');
	color: #fff;
}
.yui-nav .selected a,
.yui-nav .selected em{
	color: #fff;
}
.tab-icon{
	background-color:#AB1715;
}


ul.completeBox{
	border-color:#C52026
}
ul.completeBox {
	border-width: 1px;
	border-style:solid;
	margin: 0;
	margin-top:5px;
	padding: 5px;
	width: 50%;
}
ul.completeBox li {
	border-bottom: 1px dotted black;
	list-style: none;
	cursor:pointer;
}
ul.completeBox img {
	float: right;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


body {
	font-family : "Open Sans", "Arial", sans-serif;
	font-size: 14px;
	line-height: 20px;
}

h1, h2, h3, h4 {
	font-family : "Poppins", "Arial", sans-serif;
}

#passationButtons, .btn {
	font-size: 19px;
}

#modalcheat, #modalcheat .btn, #modalcheat option, #passationContent .form-group, .select2-results {
	font-size: 16px;
}

#content {
	margin-left: 0;
}

.main-nav-opened #main-nav-bg {
	width: 250px;
}

#main-nav-bg {
	z-index: 1;
	position: fixed;
}

body.has-error .error {
    min-height: 450px;
    display: flex;
}
body.has-error .error span {
	margin: auto;
	text-align: center;
}


footer.copy-footer {
    margin-top: -25px;
}

body.page-header {
	min-height: 0;
	margin-bottom: 0;
}

@media (max-width: 767px){
.page-header {
  padding:0px;
	min-height:30px;
}}

.border-success {
	border-color: #28a745;
}
.border-error {
	border-color: #dc3545;
}

.border-warning {
	border-color: #f7b924;
}


@media (max-width: 991px) {
  #main-nav-bg {
    width: 0; } }
@media (max-width: 991px) {
  #main-nav {
    width: 0px;
    overflow: hidden; }}
.main-nav-closed #main-nav-bg {
  width: 0px;
  overflow: hidden; }
.main-nav-closed #main-nav {
  width: 0px;
  overflow: hidden; }
@media (min-width: 992px) {
  .main-nav-closed #main-nav {
     width: 0px;
     overflow: hidden; } }

.main-nav-closed #content {
  margin-left: 0px; }



 @media (max-width: 991px) {
    #content {
      margin-left: 0; } }




/**
* LOGO
* */

#passationLogo {
	text-align: center;
	margin: 10px;
}

.main-nav-closed #content {
	margin-left: 0px !important;
}

@media (min-width: 768px) {
	#passationLogo img{
    	height: auto;
   		max-width: 100%;
	}

	.miniTestLabel {
		display: inline !important;
	}
}
@media (max-width: 991px) {
    #main-nav .navigation > .nav > li span, #main-nav .navigation > .nav > li i.angle-down {
		display: inline !important;
	}
}

footer, .main-nav-closed footer, .main-nav-closed.fixed-navigation footer {
	padding-left: 0px;
}

footer img {
	display: inline !important;
}

.fixed-navigation footer{
	padding-left: 251px;
}

.list-title {
	color: #333;
	padding: 3px 20px;
}

.list a {
	margin-left: 15px;
}

.circle {
	background-color: #000;
	border-radius: 20px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}

.number-circle {
	color: #fff;
	top: 0;
	vertical-align: middle;
}

.reportPartLink {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 249px;
}

body.assessmentReport,
.btn {
	font-size:14px;
}
body.assessmentReport .container {
	width: 100% !important;

}

body.assessmentReport #content-wrapper {
	font-size: medium;
}

body.assessmentReport #main {
	box-shadow: none;
	border: none;
	background-color: #fbfbfb;
}

body.assessmentReport .box .box-header {
	padding: 0;
}
body.assessmentReport .box .box-header .title h1 {
    margin: 0;
    padding: 0;
    font-size: 28px;
}
body.assessmentReport .box .subtitle {
	background-color: #000000;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding: 2px 45px 0;
}

.box-header .title {
	width: 100%;
}

.anchorBody {
    height: 47px;
    padding: 10px 15px;
}

.anchorSubTitle {
	background-color: lightgray;
	border: 1px solid #dddddd;
    padding: 10px 15px;
	float: left;
	width: 100%;
}

/* Original paragraph css broken by Bootstrap */
body.assessmentReport p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

/* NAV BAR SPECIFIC REPORT */
 header .navbar .navbar-form select {
      padding-left: 7px;
      padding-right: 25px;
      height: 30px;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
      opacity: 0.6;
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      transition: all 200ms ease; }

header .navbar .icon-file-pdf:before {
  content: "\f1c1";
  color: #6134C4;
  font-size: 36px;
}
header .dropdown-menu .list-title{
  padding-left:20px;
  font-weight:bold;
  color:#000;
}

header .dropdown-menu > li.list > a{
	padding:0px 40px;
}

/* NAVIGATION SPECIFIC REPORT */
.assessmentReport #main-nav .navigation > .nav > li > a {
	font-size :1.1em;
}
.assessmentReport #main-nav .navigation > .nav > li > a span{
	vertical-align:middle;
	color:#373737;
}
.assessmentReport #main-nav .navigation > .nav > li > a span.number{
	color:inherit;
}

.reportControl header ul.nav {
	display: none;
}

/* BOX SPECIFIC REPORT */

.assessmentReport .box .box-header .title  h1{
	padding: 0;
	margin:0;
}
.assessmentReport .group-header.group-header-first{
	margin:0;
}
.assessmentReport .box .box-padding-left{
	padding-left:40px;
}
	@media (max-width: 768px) {
		.assessmentReport .box .box-padding-left{
			padding-left:0px;
		}
	}

.assessmentReport .box .group-header h2{
    margin-top: 10px;
    padding: 5px;
    font-size: 22px;
    word-wrap: break-word;
}
.assessmentReport .box .group-header h2.bigger{
    font-size: 22px;
}
.assessmentReport .box.gray .box-content{
	background-color:#ececec;
}
@media (max-width: 768px) {
	.assessmentReport .text-content img{
		display: block;
    	height: auto;
    	max-width: 100%;
	}
}

body.assessmentReport .box .box-content ul li {
	list-style-type: disc !important;
}

/* BOX SCORE */

.assessmentReport .box-score{
	margin-bottom :10px;
	text-align:center;
}
.assessmentReport .box-score .header{
	padding:10px;
	font-weight:bold;
}
.assessmentReport .box-score .content{
   background-color: #dbdbdb;
    border-bottom: 1px solid #cecece;
    color: #5b5b5b;
    font-size: 85%;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.assessmentReport .score-bar {
	height: 30px;
    padding: 5px;
    margin-top: 10px;
    border: 1px solid #ccc;
}
.assessmentReport .score-bar-table{
	height: 20px;
    padding: 0px;
    margin: 0px;
}
.assessmentReport .score-bar-with-label {
	height: 30px;
    padding: 5px 25px;
    margin-top: 10px;
    position: relative;
    border: 1px solid #ccc;
}
.assessmentReport .score-bar-with-label-legend {
	height: 30px;
    padding: 5px 25px;
    margin-bottom:10px;
    position: relative;
    border: 1px solid #ccc;
}
.assessmentReport .score-bar-with-label .label-left,
.assessmentReport .score-bar-with-label-legend .label-left {
	position:absolute;
	left:5px;
	font-weight:bold;
}
.assessmentReport .score-bar-with-label .label-right,
.assessmentReport .score-bar-with-label-legend .label-right {
	position:absolute;
	right:5px;
	font-weight:bold;
}

.assessmentReport .progress-legend .square {
    border: 1px solid black;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.assessmentReport #passationLogo img{
	margin: auto;
}


/* IMG CALIBRATION */

.assessmentReport .img-calibration .gausse{
	margin:0 auto;
	background: url(/assets/images/assessment/bg-gausse-web.png) no-repeat;
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width:500px;
	height:169px;
	direction: initial !important;
}
	@media (max-width: 768px) {
		.assessmentReport .img-calibration .gausse {
			width:280px;
			height:95px;
			background-image: url(/assets/images/assessment/bg-gausse-web.png) no-repeat;
			background-size: 100%;
		}
	}
.assessmentReport .img-calibration .pointer-gausse{
	position:relative;
	background: url(/assets/images/assessment/pointer-gausse-web.png) no-repeat;
	background-size: 100%;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	width:15px;
	height:169px;
	top:0;
}
	@media (max-width: 768px) {
		.assessmentReport .img-calibration .pointer-gausse{
			background-image: url(/assets/images/assessment/pointer-gausse-mobile.png) no-repeat;
			background-size: 100%;
			width:15px;
			height:95px;
		}
	}
.assessmentReport .img-calibration .barre{
	margin:0 auto;
	background-image: url(/assets/images/assessment/bg-barre-web.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width:234px;
	height:40px;
}
.assessmentReport .img-calibration .barre-pointer{
	position:relative;
	background-image: url(/assets/images/assessment/pointer-barre-web.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	width:13px;
	height:50px;
	top:0;
}
.assessmentReport .img-calibration .content{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}


/* GRAPH highcharts */
.graphContainer {
    height:100%;
    width:100%;
}

.mirror-graph-header {
	font-size: 30px;
}

@media (min-width: 768px) {
	.graphContainer {
		min-height: 600px;
	}
}
@media (max-width: 768px) {
	.graphContainer {
		min-height: 400px;
	}
}
@media (max-width: 500px)  {
	.graphContainer {
		min-height: 380px;
	}
	.mirror-graph-header {
		font-size: 18px;
	}
}
@media (max-width: 360px) {
	.graphContainer {
		min-height: 250px;
	}
}

.assessmentReport .highcharts-container {
	margin: auto;
}
.assessmentReport .graph-legend .graph-color {
	height: 20px;
	width: 20px;
	border: 1px solid gray;
	display: inline-block;
	vertical-align: middle;
}
.assessmentReport .graph-legend .graph-label {
	font-weight: bold;
	display:inline;
    vertical-align: middle;
}

.highcharts-tooltip span {
    background-color: transparent;
    opacity: 1;
    z-index: 9999;
}
.highcharts-tooltip span div {
	background-color: white;
	padding: 5px;
	border-radius: 3px;
}

.assessmentReport .adequacy-legend-table-container {
    max-height: 550px;
    overflow-x: hidden;
    background: #f2f2f2;
    font-size: 14px !important;
}

@media screen {
    .assessmentReport .report-table .table-bordered {
        min-width: 1100px;
    }
}

/*** TABLE SPECIFIC REPORT ***/
.assessmentReport .report-table .table-bordered > thead > tr > th,
.assessmentReport .report-table .table-bordered > tbody > tr > th{
	text-align:center;
}
.assessmentReport .report-table .table-bordered .title{
	background: #FAFAFA;
}
.assessmentReport .report-table .table-bordered h3,
.assessmentReport .report-table .table-bordered h4{
	margin:0;
	padding:0;
}
	@media (max-width: 360px) {
		.assessmentReport .report-table .table-bordered h3,
		.assessmentReport .report-table .table-bordered h4{
			font-size:0.8em;
		}
		.assessmentReport .report-table .table-bordered > thead > tr > th,
		.assessmentReport .report-table .table-bordered > tbody > tr > th{
			font-size:0.8em;
		}
	}

.assessmentReport .responsive-table .report-table .table-bordered td{
	white-space: normal;
	position:static;
}
.assessmentReport .report-table .table-bordered td.scorebar{
	padding:0;
	border-right:none;
	border-left:none;
	vertical-align: middle;
}
.assessmentReport .report-table .table-bordered td.begin{
	border-left:3px solid white;
}
.assessmentReport .report-table .table-bordered td.end{
	border-right:3px solid white;
}
.assessmentReport .report-table .table-bordered  td.scorebar span{
	float:left;
}

.assessmentReport .table .showGraph{
	display:none;
}
.assessmentReport .table .link{
	color:#000;
	cursor:pointer;
	font-weight:bold;
}
.assessmentReport .table .link:hover{
	color:#313131;
	text-decoration:underline;
}

.assessmentReport .report-table div.bar {
	display:inline-block;
	margin-left: -15%;
	width: 115%;
	height:5px;
}

.assessmentReport .report-table div.bar.bar-full {
	display:inline-block;
	margin-left: -100%;
	margin-right: -100%;
	width: 300%;
	height:5px;
}
.assessmentReport .report-table div.bar.bar-end {
	display:inline-block;
	margin-left: -100%;
	margin-right: 10%;
	width: 200%;
	height:5px;
}

.assessmentReport .report-table div.inversed-bar, .assessmentReport .report-table div.inversed-bar.bar-end {
	margin-right: -100%;
	margin-left: 0px;
}

.assessmentReport .report-table div.point {
	display:inline-block;
	width: 15px;
	height:16px;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	right: -4px;
}

.assessmentReport .report-table div.inversed-point {
	left: 0px;
	right: 0px;
}

.assessmentReport .report-table tr.group div.bar {
	height:10px;
}

.assessmentReport .report-table tr.group div.point {
	height: 20px;
	width: 20px;
	right: -3px;
	top: -4px;
}

.assessmentReport .report-table .check-img {
	width:12px;
	height: 12px;
	display: inline;
}

.assessmentReport .report-table tr.group .check-img {
	width: 17px;
	height: 17px;
}

.assessmentReport .report-table tr.group div.inversed-point {
	left: -3px;
}

.assessmentReport table tbody.borderless td {
	border: none;
}

.assessmentReport table.table-overview {
	border: 0px !important;
}

.assessmentReport table.table-overview td {
	background-color: transparent !important;
}

.assessmentReport table.table-overview .group td h3,
.assessmentReport table.table-mirror .group td h3 {
	font-size: 25px;
	font-weight: 700;
}

.assessmentReport table.table-overview .group td h4,
.assessmentReport table.table-mirror .group td h4 {
	font-size: 20px;
	font-weight: 700;
}

.assessmentReport .table-mirror .mirror-notation {
    font-size: 1.2em;
}

.assessmentReport table.table-overview .group td h3 {
	min-height: 60px;
    width: 80%;
    border-radius: 16px;
	padding-top: 10px;
	text-align: center;
	padding: 10px;
}

.assessmentReport table.table-overview .factor td h3 {
	min-height: 40px;
    width: 70%;
    border-radius: 16px;
	padding-top: 10px;
	text-align: center;
	padding: 10px;
        font-weight: 700;
}

.assessmentReport table .group td h3 span{
	font-size: 15px;
	margin-top: 10px;
}
.assessmentReport table .factor td h3 span span{
	font-size: 15px;
	margin-top: 10px;
}

.assessmentReport table.table-overview td.left-label {
	text-align: right;
}

.assessmentReport table.table-overview td.left-label h3, .assessmentReport table.table-overview td.left-label h3 {
	display: inline-block;
	text-align: center;
}


.assessmentReport table.table-color td h3, .assessmentReport table.table-color td h3 {
	background-color: transparent !important;
}

.tableDownload {
	text-align: right;
}

.synthetic-card-part ul li{
	list-style-type: disc !important;
}

.report-table .mirror-table-middle {
	width: 0.01%;
	background-color: black;
}

/* SOLUTION : (the same of passatin.css) */

.question-container .title {
    font-size:18px;
}
	@media (max-width: 767px) {
		.question-container .title {
	    	font-size:16px;
		}
	}
.question-container .icon {
    padding-right: 20px;
    float: left;
}

.question-container .box-content .list-group-item .row > div.col-xs-12{
	padding-top:10px;
	padding-bottom:10px;
}

@media (min-width: 768px) {
	.question-container .box-content .list-group-item .row > div.col-xs-12{
		padding-top:0;
		padding-bottom:0;
	}
	.question-container .box-content .list-group-item:nth-child(1)  .row > div.col-xs-12{
		padding-top:20px;
	}
	.question-container .box-content .list-group-item  .row div.col-xs-12:nth-child(1){
		text-align:right
	}
	.question-container .box-content .list-group-item  .row div.col-xs-12:nth-child(2){
		text-align:left
	}
}



.question-container .box-header .title {
	float:none;
}
.question-container .box-header img,
.question-container .box-content img,
.instruction-container .box-header img,
.instruction-container .box-content img{
	height:auto;
	max-width:100%;
}
.question-container .box-content label img,
.question-container .box-content label{
	max-width:none;
}

.question-container .box-content .top-container-label {
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	width:25px;
}
.question-container .box-content .top-container-label img{
	display:inline-block;
}
.question-container .box-content .top-container-label .top-label {
	text-align:center;
}
.linkGraph{
	cursor:pointer;
}

.adequation{
	margin-top:25px;
	clear:both;
}
.adequation h3{
	margin:0;
	padding:0;
}

.adequationProfil {
	padding: 5px;
}

.adequationProfil .progress {
	margin-bottom: 0;
}

.showGraph {
	padding: 5px 5px 20px;
	border-bottom: 1px solid #f5f5f5;
}

@media(max-width: 768px) {
	.word-break {
		word-break: break-all;
	}
}


/** Legende adeq **/

.legendPaletteContainer {
	margin: 5px auto;
	padding: 5px;
}

.legendPalette {
	text-align: center;
	height: 30px;
	margin: auto;
	width: 100%;
}
.legendPalette .label {
   color: black;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    white-space: normal;
    width: 180px;
}
.legendPalette .label.right {
	text-align: left;
}

.legend-match {
	border: 1px solid;
    margin-bottom: 10px;
	width: 90%;
	margin-left: 5%;
}

.legend-match .match-icon {
	vertical-align: middle;
	font-size: 1.4em;
}

.legend-scores .legend-scores-title {
	background-color: lightgray;
}

.legend-scores-row {
	border: 1px solid black;
	padding: 0px;
}

.legend-scores-row .legend-scores-col:first-child {
	word-break: break-all;
}

.legend-scores .legend-scores-title, .legend-scores .legend-scores-header {
	border: 1px solid black;
}

.legend-score {
	margin-bottom: 20px;
}

.row.adequacy-profile-legend .legend-scores-header {
	padding: 1px;
}

/* sur les sm on veut afficher un tableau par ligne si le menu est ouvert */
@media (min-width: 650px) and (max-width: 768px) {
	.legend-score.col-sm-6  {
		width: 100%;
	}

	body.main-nav-closed .legend-score.col-sm-6  {
		width: 50% !important;
	}
}


@media (max-width: 768px) {
	.legendPalette .color  {
		width: 15px;
		height: 10px;
	}
	.legendPalette .label{
	 	font-size: 0.8em;
	 	width: 125px;
	}
}

/* Entre tablette et laptop on réduit la taille de la légende */
@media (min-width:769px) and (max-width:913px) {
    .legendPalette .label{
	 	font-size: 0.8em;
	 	width: 100px;
	}
	.main-nav-closed .legendPalette .label{
	 	font-size: 1em;
	 	width: 180px;
	}
}​

/** Tableau adeq directionnel **/

.adeqRecap {
	margin-top: 10px;
	margin-bottom:10px;
	border-collapse: collapse;
	border-top: 1px solid gray;
	width: 100%;
}

.adeqRecap .lowAdeq {
	border-left: 1px solid gray;
}

.adeqRecap th {
	text-align: center;
}

.adeqRecap .name {
	width: 29%;
	padding-left: 10px;
}

.adeqRecap .profile,
.adeqRecap .candidate,
.adeqRecap .distance {
	width: 9%;
	text-align: center;
}

.adeqRecap .name.low {
	border-left: 1px solid gray;
}

.adeqRecap th {
	border-bottom: 1px solid gray;
}

.adeqRecap td,
.adeqRecap th {
	padding: 3px;
}

.adeqRecap tr,
.adeqRecap td {
/* 	border: 1px solid #080808; */
}


/** Tableau adeq directionnel **/
.adeqRecap.directionnal .name {
	width: 15%;
	padding-left: 10px;
	text-align: left;
}

.adeqRecap.directionnal .optimum,
.adeqRecap.directionnal .candidate {
	width: 9%;
	text-align: center;
}

.adeqRecap.directionnal .candidate div {
	margin: 0 15px;
	padding: 5px 0;
	font-weight: bold;
}

.adeqRecap .anchor {
	border-left: 1px solid gray;
}

.zone_error {
	background: -webkit-linear-gradient(45deg, rgba(248,80,50,1) 0%, rgba(241,111,92,0.53) 50%, rgba(246,41,12,0.52) 51%, rgba(242,45,19,0.51) 52%, rgba(231,56,39,0.51) 55%, rgba(240,47,23,0.51) 71%);
	z-index: 1;
	height: 150px;
	position: absolute;
	top: 0;
}

.zone_error_resp {
	background: -webkit-linear-gradient(45deg, rgba(248,80,50,1) 0%, rgba(241,111,92,0.53) 50%, rgba(246,41,12,0.52) 51%, rgba(242,45,19,0.51) 52%, rgba(231,56,39,0.51) 55%, rgba(240,47,23,0.51) 71%);
	z-index: 1;
	height: 85px;
	position: absolute;
	top: 0;
}

.zone_error_barre {
	background: -webkit-linear-gradient(45deg, rgba(248,80,50,1) 0%, rgba(241,111,92,0.53) 50%, rgba(246,41,12,0.52) 51%, rgba(242,45,19,0.51) 52%, rgba(231,56,39,0.51) 55%, rgba(240,47,23,0.51) 71%);
	z-index: 1;
	height: 50px;
	position: absolute;
	top: 0;
}

/*
 * Pour l'utilisation de langue Arabe
 */
.rtl-direction{
	direction:rtl;
	text-align:right;
}
.rtl-direction .cti-left, .rtl-direction .box .box-header .title{
	float:right
}
.rtl-direction .cti-right{
	float:left
}
.rtl-direction table td{
	text-align:right;
}

.rtl-direction .anchorBody .actions {
	float: left;
}
.rtl-direction .anchorBody .title {
	float: right;
}
.rtl-direction .highcharts-container {
	direction:ltr;
	text-align:left;
}

/* Correction for the brackets problem */
.rtl-direction *:after {
    content: "\200E‎";
}

/* Correction for too much space problem: bug4399 */
.rtl-direction li:after, .rtl-direction div:after {
    content: "" !important;
}

.assessmentReport .rtl-direction .score-bar-with-label .label-left,
.assessmentReport .rtl-direction .score-bar-with-label-legend .label-left {
	left: inherit;
	right:5px;
}
.assessmentReport .rtl-direction .score-bar-with-label .label-right,
.assessmentReport .rtl-direction .score-bar-with-label-legend .label-right {
	right: inherit;
	left:5px;
}
.assessmentReport .rtl-direction .progress.score-bar-with-label .progress-bar,
.assessmentReport .rtl-direction .adequation .adequationProfil div {
	float: right;
}

.assessmentReport .rtl-direction .adequation .adequationProfil div.progress {
	float: none;
}

.assessmentReport .rtl-direction .graphLegend .column {
	text-align: right;
}

.assessmentReport .rtl-direction .report-table table {
	direction: ltr;
}
.assessmentReport .rtl-direction .report-table table tbody tr.group td{
	text-align: center;
}
.assessmentReport .rtl-direction .report-table table tbody tr.factor td{
	text-align: right;
        direction: rtl;
}


td[align="center"] {
	text-align: center !important;
}

.synthetic-view-target {
	border-radius: 50%;
	border: 10px solid;
	width: 75px;
	height: 75px;
	display: inline-block;
	padding: 20px;
}

.synthetic-view-target span {
	font-size: 2em;
}

.responsiveHeaderIcon {
	color: white;
	font-size: 24px;
	vertical-align: middle;
}
@media (max-width: 800px){
	.responsive-table{
		background-image:url('/images/common/icon/swipe-icon.png');
		background-position : top right;
		background-size : 20px;
		background-repeat : no-repeat;
		padding-top : 20px;

	}

	body.assessmentReport .responsive-table:before{
		content: attr(data-swipe-message);
		display : block;
		position : absolute;
		top : 0;
		right : 20px;
		color : #666;
		font-size : 11px;
	}
}

@media (max-width: 767px) {
	.text-xs-left {
		text-align: left !important;
	}
	.text-xs-right {
		text-align: right !important;
	}
	.text-xs-center {
		text-align: center !important;
	}
	.text-xs-center .synthetic-card-image {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 430px) {

	/*
		pour afficher les cibles en dessous des scores et non à coté on utilise pas col-xs-12
		car il commence à 767px et on veut le faire pour des écrans plus petits
	*/
	.synthetic-card .synthetic-card-target div {
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		width: 100%;
		text-align: right;
	}
}

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

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

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

.synthetic-card-image {
	max-height: 150px;
}

.align-center .synthetic-card-image {
    margin-left: auto;
    margin-right: auto;
}

.align-right .synthetic-card-image {
	margin-left: auto;
}

.synthetic-card-combination-box {
	text-transform: uppercase;
	width: 60px;
	height: 60px;
	font-size: 60px;
	padding-top: 20px;
    font-weight: bold;
	display: inline-block;
	text-align: center;
}

.synthetic-card .synthetic-card-part {
	margin-top: 15px;
}

.synthetic-card .synthetic-card-combination-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 33px;
}

.synthetic-card .synthetic-card-target {
	margin-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 431px) and (max-width: 767px) {
	.synthetic-card .target-label {
		max-width: 65%;
	}
}

@media (min-width: 768px) {
	.synthetic-card .target-label {
		max-width: 74%;
	}
}

.synthetic-card .synthetic-card-targets-list {
	margin-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
}

.synthetic-card .target-score {
	display: inline-block;
	width: 90px;
}

.synthetic-card .target-label {
	margin-left: 1%;
	display: inline-block;
}

.note-container hr {
	margin-top: 40px;
}

.font-large {
	font-size: large;
}

@media (min-width: 768px) {
    .score-bar-wrapper {
        display: flex;
        align-items: center;
    }
}

.score-bar-wrapper h3 {
    font-size: 1.2em;
    margin: 3px auto;
    text-align: center;
}

.label-customizednote {
    margin: auto;
    padding: 0;
    font-size: 1.2em;
    text-align: center;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.primary-withmirror {
    float: right;
}

.customized-comments-bar .inner-content .striped-grayed {
    height: 42px;
}

.opposite-factor {
    display: inline-block;
    float: right;
}

.opposite-group {
    opacity: 0.78;
}

.customized-comments-bar {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 10px 0;
}

.customized-comments-bar .inner-content {
    display: inline-block;
}

.with-border {
    border: solid 1px #777;
}

.inner-content .wrapper {
    padding: 10px;
    margin: 2px 0;
}

.primary-label {
    width: 15%;
}

.opposite-label {
    width: 15%;
}


.opposite-bar .class-item {
    border: 1px solid #aaa;
}

.customized-comments-bar .class-item {
    display: inline-block;
    float: left;
    height: 20px;
    margin: auto 0;
    padding: 0;
    opacity: 0.65;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
}

.highlighted {
    transform: scale(1, 1.35);
    font-weight: bold;
    border: none !important;
    opacity: 1 !important;
    font-weight: bold;
}

.grayed .progress, .grayed .box-score, .striped-grayed {
    opacity: 0.5;
    background-color: #ccc;
    background: repeating-linear-gradient(-55deg, #aaa, #aaa 4px, #ddd 4px, #ddd 8px) !important
}

.grayed .progress-bar, .grayed .box-score * {
    visibility: hidden;
}

.percentile-ranked-square {
    background-color: rgba(97, 51, 196, 0.3);
    height: 100px;
    border-top: 2px solid #6133C4;
    border-bottom: 2px solid #6133C4;
    border-right: 2px solid #6133C4;
}
.percentile-ranked-square.first {
    border-left: 2px solid #6133C4;
}

.percentile-ranked-zone {
    background-color: rgba(71, 171, 252, 0.5);
    height: 50px;
    border-bottom: 2px solid #47abfc;
    border-right: 2px solid #47abfc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.percentile-ranked-zone.first {
    border-left: 2px solid #47abfc;
}

.percentile-ranked-interval {
    text-align: right;
}
.percentile-ranked-interval-text {
    position: relative;
}
        
@media (min-width: 1451px) {
    .percentile-ranked-interval-text {
        right: -20%;
    }
}
@media (max-width: 1450px) {
    .percentile-ranked-interval-text {
        right: -30%;
    }
    .percentile-ranked-interval-text.first {
        right: -25%;
    }
}
@media (max-width: 1100px) {
    .percentile-ranked-interval-text {
        right: -40%;
    }
    .percentile-ranked-interval-text.first {
        right: -40%;
    }
}
@media (max-width: 800px) {
    .percentile-ranked-interval-text {
        right: -70%;
    }
    .percentile-ranked-interval-text.first {
        right: -65%;
    }
}
@media (max-width: 500px) {
    .percentile-ranked-interval-text.first {
        right: -360%;
    }
    .percentile-ranked-interval-text {
        right: -360%;
    }
    .percentile-ranked-interval-text.last {
        right: -200%;
    }
}

.percentile-ranked-score-bar {
    height: 200px;
    position: relative;
    width: 50%;
}
.percentile-ranked-score-bar .arrow-up {
    width: 10px; 
    height: 10px; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #6133C4;
    position: relative;
    left: -10px;
}

.rtl-direction .percentile-ranked-score-bar .arrow-up {
    width: 10px; 
    height: 10px; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #6133C4;
    position: relative;
    right: -10px;
}

.percentile-ranked-score-bar .bar {
    background-color: #6133C4;
    margin-left: 5px;
    width: 10px;
    position: relative;
    left: -10px;
}

.rtl-direction .percentile-ranked-score-bar .bar {
    background-color: #6133C4;
    margin-right: 5px;
    width: 10px;
    position: relative;
    right: -10px;
}

.percentile-ranked-score-bar .scores {
    position: relative;
    left: -50%;
}

.rtl-direction .percentile-ranked-score-bar .scores {
    position: relative;
    right: -50%;
}
/****************** AVATAR CSS START ******************/
.avatar-table{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.img-fluid{
	width: 100%;
	height: auto;
	max-width: 100px;
}
.avatar-name{
	color:white;
	font-weight: bold;
	text-transform: uppercase;
}
.benefactor{
	background-color: #8d3cc2;
	padding: 5px;
}			
.coordinator{
	background-color: #ee0035;
	padding: 5px;
}			
.supporter{
	background-color: #35b817;
	padding: 5px;
}
.entrepreneur{
	background-color: #ff6a00;
	padding: 5px;
}
.fixer{
	background-color: #6fc1e6;
	padding: 5px;			
}
.motivator{
	background-color: #e5e506;
	padding: 5px;
}
.inventor{
	background-color: #0056dd;
	padding: 5px;
}
.instructor{
	background-color: #fbaf00;
	padding: 5px;
}
.benefactor-border{
	border:2px solid #8d3cc2;
}			
.coordinator-border{
	border:2px solid #ee0035;
}			
.supporter-border{
	border:2px solid #35b817;
}
.entrepreneur-border{
	border:2px solid #ff6a00;
}
.fixer-border{
	border:2px solid #6fc1e6;
}
.motivator-border{
	border:2px solid #e5e506;
}
.inventor-border{
	border:2px solid #0056dd;
}
.instructor-border{
	border:2px solid #fbaf00;
}
.benefactor-content{
	background-color: #cb9fe9;
}			
.coordinator-content{
	background-color: #ff7675;
}			
.supporter-content{
	background-color: #bde0b4;
}
.entrepreneur-content{
	background-color: #f3af7f;
}
.fixer-content{
	background-color: #b7dae9;
}
.motivator-content{
	background-color: #ebebab;
}
.inventor-content{
	background-color: #9fc0f5;
}
.instructor-content{
	background-color: #fad173;
}
.two-shared-dimensions{
	background:#e6e6e6;
	font-weight: bold;
	color:#666666;
	border-top: 5px solid #FFF;
}
.one-shared-dimensions{
	background:#cccccc;
	font-weight: bold;
	color:#666666;
	border-top: 5px solid #FFF;
}
.no-shared-dimensions{
	background-color: #b3b3b3;
	font-weight: bold;
	color:#FFFFFF;
	border-top: 5px solid #FFF;
}
.dimensions{
	padding:10px;

}
tr.border_bottom td {
    border-bottom:1pt solid #b3b3b3;
}

.rotate{
-moz-transform: rotate(90.0deg);  /* FF3.5+ */
-o-transform: rotate(90.0deg);  /* Opera 10.5 */
-webkit-transform: rotate(90.0deg);  /* Saf3.1+, Chrome */
display: table-cell;
 filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
}


/* LOADER Report */

#loader-report:before, #loader-report:after{
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: calc(50% - 10px);
  background-color: #3498db;
  animation: squaremove 2s ease-in-out infinite;
}

#loader-report:after{
  bottom: 0;
  animation-delay: 1s;
}

@keyframes squaremove{
  0%, 100%{
    -webkit-transform: translate(0,0) rotate(0);
    -ms-transform: translate(0,0) rotate(0);
    -o-transform: translate(0,0) rotate(0);
    transform: translate(0,0) rotate(0);
  }

  25%{
    -webkit-transform: translate(40px,40px) rotate(45deg);
    -ms-transform: translate(40px,40px) rotate(45deg);
    -o-transform: translate(40px,40px) rotate(45deg);
    transform: translate(40px,40px) rotate(45deg);
  }

  50%{
    -webkit-transform: translate(0px,80px) rotate(0deg);
    -ms-transform: translate(0px,80px) rotate(0deg);
    -o-transform: translate(0px,80px) rotate(0deg);
    transform: translate(0px,80px) rotate(0deg);
  }

  75%{
    -webkit-transform: translate(-40px,40px) rotate(45deg);
    -ms-transform: translate(-40px,40px) rotate(45deg);
    -o-transform: translate(-40px,40px) rotate(45deg);
    transform: translate(-40px,40px) rotate(45deg);
  }
}


@media only screen and (max-width: 480px) {
	.avatar-table{
		font-size:11px;
	}
	
	.benefactor{
		background-color: #8d3cc2;
		padding: 5px;
		max-width:100px;

	}			
	.coordinator{
		background-color: #ee0035;
		padding: 5px;
		max-width:100px;

	}			
	.supporter{
		background-color: #35b817;
		padding: 5px;
		max-width:100px;

	}
	.entrepreneur{
		background-color: #ff6a00;
		padding: 5px;
		max-width:100px;
	}
	.fixer{
		background-color: #6fc1e6;
		padding: 5px;
		max-width:100px;

	}
	.motivator{
		background-color: #e5e506;
		padding: 5px;
		max-width:100px;

	}
	.inventor{
		background-color: #0056dd;
		padding: 5px;
		max-width:100px;

	}
	.instructor{
		background-color: #fbaf00;
		padding: 5px;
		max-width:100px;
	}
	.one-shared-dimensions{
		max-width:50px;
	}
	.two-shared-dimensions{
		max-width:50px;
	}
	.no-shared-dimensions{
		max-width:50px;
	}
	.dimensions {
	    padding: 10px;
		font-size:11px;
	}
	tr.border_bottom td{
		border: none;
	}
	
	td img{
		width: 100%;
		height: auto;
	}

}

/****************** AVATAR CSS END ******************/

@media print {


	body,
	body.assessmentReport #main{
		background-color: #ffffff;
		margin:0;
		padding:0;
		font-size:17px;
		font-family : "Open Sans", "Arial", sans-serif;
	}

        #toc, #note {
            background: none;
        }

	body.assessmentReport{
		width:100%;
	}

	.show-on-pdf {
		display: inline-block !important;
	}

	/*
	 * for CTPDFilter.class
	 * All Output pdf
	 */

	/**********************
	 * COVER
	 *********************/
        #cover > div {
            margin: auto;
            text-align: center;
        }
	 #cover .cover-logo{
		position:absolute;
	 	top 	: 50px;
                right   : 70px;
	 	height  : 400px;
	 	width   :100%;
                text-align: right;

	 }

	 #cover .cover-box{
		position:absolute;
		top:320px;
		height: 300px;
                right: 70px;
                text-align: right;
	 }
	 #cover .cover-box .header-title{
		display:block;
		padding-top:20px;
		font-size:40px;
                font-weight: bold;
		font-family : "Open Sans", "Arial", sans-serif;
                line-height: 42px;
                color: #6134C4;
                
	 }
	 #cover .cover-title  {
		position:absolute;
		top:360px;
                right: 70px;
		height: 300px;
                text-align: right;
	}
	#cover .cover-title .header-title-name{
		display:block;
		padding-top:60px;
		font-size:38px;
                line-height: 42px;
                font-weight: bold;
		font-family : "Poppins", "Arial", sans-serif;
                color: #00E2FF;
	 }
	#cover .cover-bottom{
		position:absolute;
		top:550px;
		min-height: 70px;
		right: 70px;
                text-align: right;
	 }
	 #cover .cover-bottom .header-identity{
		display:block;
		padding-top:10px;
		font-size:38px;
		line-height:38px;
                font-weight: bold;
                font-family : "Poppins", "Arial", sans-serif;
	 }
	 #cover .cover-bottom .header-date{
		display:block;
                width: 500px;
		padding-top:20px;
		font-size:19px;
                line-height: 21px;
                font-family : "Open Sans", "Arial", sans-serif;
	}
        .header-date .passation-date::after {
            content: " ";
        }
        .header-date .passation-duration {
            white-space: nowrap;
        }

	 #cover .copyright-note {
                font-family : "Poppins", "Arial", sans-serif;
                font-size: 11px;
                line-height: 19px;
		position:absolute;
		bottom:140px;
                right: 70px;
                text-align: left;
		width:450px;
                
	}
	#cover .copyright-bottom {
                position:absolute;
		bottom:10px;
                text-align: center;
		width :100%;
                font-size: 11px;
                line-height: 18px;
                font-family : "Poppins", "Arial", sans-serif;
	}

	/***********************
	 * TABLE OF CONTENTS
	 **********************/

	#toc .box .box-content{
		margin-top: 50px;
		width: 90%;
		font-family : "Open Sans", "Arial", sans-serif;
	}
	#toc .box-content .item{
		margin-left:50px;
    	padding: 20px;
    	font-size: 24px;
    	font-family : "Open Sans", "Arial", sans-serif;
	}
	#toc .box-header .title div{
	    margin: 0;
    	padding: 0;
    	font-size: 28px;
    	font-weight: 400;
    	line-height: 1.1;
    	font-family : "Open Sans", "Arial", sans-serif;
	}



	/* for remove level 2 AND >
	#toc ul ul {margin-left: 20px;}
	#toc ul {padding-left: 0em;}
	#toc li .page{ float: right;}
	#toc li { list-style: none;padding-left:0em;font-weight:normal;}
	#toc a {text-decoration:none; color:#000;}




	/**********************
	* NOTES
	**********************/
	#note .box-header .title div{
	    margin: 0;
    	padding: 0;
    	font-size: 28px;
    	font-weight: 400;
    	line-height: 1.1;
    	font-family : "Open Sans", "Arial", sans-serif;
	}

	#note .box-content{
		margin-left:50px;
		margin-right:50px;
	}

	#note .box-content p{
		margin-top:45px;
		margin-bottom:45px;
	}

	#note .copyFooter{
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0;
	    position: relative;
	    width: 847px;
	    text-align:center;
	}

	/***********************
	 * ANCHOR MENU
	 **********************/
	.assessmentReport h1{
		font-size:23px;
		font-weight:normal;
	}
	.assessmentReport .subtitle{
		font-size:17px;
		font-weight:normal;
	}
	.assessmentReport .report-list-box .report-list-title {
	   clear: both;
	   display:table;
	   width:96%;
	}

	/***
	* DISPLAY NONE ELEMENT
	**/
	/*.assessmentReport header,
	.assessmentReport nav,
	.assessmentReport nav .nav,*/
	.assessmentReport #main-nav-bg,
	.assessmentReport #main-nav,
	.assessmentReport .page-header,
	.assessmentReport .box-header .actions .btn,
	.assessmentReport .table .link,
	.assessmentReport .linkGraph,
	.tableDownload {
		display:none;
	}

	/* FIX FOR PRINT */
	#content-wrapper {
		padding: 0 !important;
	}
	@media (max-width: 1080px) {
		.box-content {
			padding: 0;
		}
	    .report-table.table {
	      font-size: 10px; /* Smaller font for narrower pages */
	    }
		.report-table.table h3 {
			font-size: 14px
		}
	}

	body.fixed-header #wrapper, #wrapper{
		padding:0;
	}
	.assessmentReport #content{
		margin-left:0;
	}
	.assessmentReport #content-wrapper{
		background-color:#FFF !important;
		border:none !important;
		box-shadow:none !important;
	}
	.assessmentReport .box-content{
		border:none;
		box-shadow:none;
	}
	.assessmentReport .box-content.box-padding-left{
		padding:0;
	}
	.assessmentReport .responsive-table .scrollable-area {
	    overflow-x: hidden;
	    overflow-y: hidden;
	}

	.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
		padding:4px;
	}

	/********************
	* PAGE BREAKER
	* Adrien Mazzoli :
	* Fonctionne uniquement si le parent ne comprend pas de float:left.
	* J'ai ajouté dans les deux .col-xs-12 en float left le css printfloat
 	*
	********************/

	.printfloat{
		float:none;
	}
	.page-breaker{
		page-break-before: always;
	}

	.no-page-breaker .page-breaker {
		page-break-before: avoid;
	}

	.page-breaker-inside{
	 	page-break-inside: avoid;
	}

	tr { page-break-inside: avoid }

	/* Override des col de bootstrap qui rajoutent un float:left et empêche la pagination avec wkhtml*/
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		float: none;
	}

	/* Garder le float left si on est dans un .page-breaker-inside */
	.page-breaker-inside .col-xs-1,
	.page-breaker-inside .col-xs-2,
	.page-breaker-inside .col-xs-3,
	.page-breaker-inside .col-xs-4,
	.page-breaker-inside .col-xs-5,
	.page-breaker-inside .col-xs-6,
	.page-breaker-inside .col-xs-7,
	.page-breaker-inside .col-xs-8,
	.page-breaker-inside .col-xs-9,
	.page-breaker-inside .col-xs-10,
	.page-breaker-inside .col-xs-11,
	.page-breaker-inside .col-xs-12	{
		float: left !important;
	}
    
    .assessmentReport .rtl-direction .adequation .adequationProfil > div {
        float: right!important;
    }

	/** bouton export */
	.highcharts-button {
		display: none;
	}

	#goToTopOfPage {
		display:none;
	}

	.add-md-print.col-md-3{
		width:33.33333333%
	}

	.remove-md-print.col-md-1 {
		width:0px;
	}

	.responsive-table {
		background-image: none;
	}
	.responsive-table .scrollable-area {
		overflow: hidden;
	}

	.target-label.col-xs-6 {
		width: 50%;
		display: inline-block;
	}
	.target-label.col-xs-12 {
		width: 100%;
	}

	.target-score.col-xs-6 {
		width: 49%;
		display: inline-block;
	}

	.legend-score {
		width: 80%;
		margin-left: 10%;
	}


	.report-table div.bar {
		display:inline-block;
		width: 100%;
		height:5px;
	}

	.report-table div.inversed-bar {
		margin-right: -15%;
		margin-left: 0px;
	}

	.report-table div.point {
		display:inline-block;
		border-radius: 50%;
		position: absolute;
		top: 8px;
		right:0px;
	}

	.report-table div.inversed-point {
		left: 0px;
		right: 0px;
	}

	.assessmentReport .report-table tr.group div.bar {
		height:7px !important;
	}

	.assessmentReport .report-table tr.group div.point {
		width: 12px !important;
		height: 12px !important;
		right: -3px;
		top: 8px !important;
	}

	.assessmentReport .report-table tr.factor div.bar {
		height:5px !important;
	}

	.assessmentReport .report-table tr.factor div.point {
		width: 10px !important;
		height: 10px !important;
		right: -3px;
		top: 10px !important;
	}

	.report-table tr.group div.inversed-bar {
		margin-right: -10% !important;
		margin-left: 5px;
	}

	.report-table tr.group div.inversed-point {
		right: -10px !important;
	}

	.assessmentReport .report-table tr.factor div.inversed-point {
		right: -12px !important;
	}

	.assessmentReport table .group td h3 span{
		display: none !important;
	}
	.assessmentReport table .factor td h3 span span{
		display: none !important;
	}

	.assessmentReport table.table-overview .group td h3 {
		width: 90% !important;
		padding: 2px !important;
	}

        .assessmentReport table.table-overview .group td h3 span{
		display: inline-block !important;
	}
	.assessmentReport table.table-overview .factor td h3 span span{
		display: inline-block !important;
	}

        .table-overview .factor h3 span, table-overview .factor h3 br {
            display: none !important;
        }

	.assessmentReport .box:last-child {
		margin-bottom: 0px !important;
	}
        
        .assessmentReport .table-mirror .factor h3, .assessmentReport .table-mirro .factor h4 {
            font-size: 0.8em !important;
        }
        .assessmentReport .table-mirror .mirror-notation {
            font-size: 0.8em !important;
        }
}

.main-nav-opened #main-nav .navigation > .nav > li span.has-tooltip {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block!important;
    width: 180px;
    text-overflow: ellipsis;
}

.only-print {
    display: none;
}

.adequacy-legend-table-container table tr th,
.adequacy-legend-table-container table tr td, 
.adequacy-legend-table-container .card .card-header,
.adequacy-legend-table-container .card .card-body
{
	padding: 0!important;
}

@media print {
    #toc-container + #content #menu1 {page-break-before: always;}

    .force-sm .col-md-12,
    .force-sm .col-md-11,
    .force-sm .col-md-10,
    .force-sm .col-md-9,
    .force-sm .col-md-8,
    .force-sm .col-md-7,
    .force-sm .col-md-6,
    .force-sm .col-md-5,
    .force-sm .col-md-4,
    .force-sm .col-md-3,
    .force-sm .col-md-2,
    .force-sm .col-md-1,
    .force-sm .col-lg-12,
    .force-sm .col-lg-11,
    .force-sm .col-lg-10,
    .force-sm .col-lg-9,
    .force-sm .col-lg-8,
    .force-sm .col-lg-7,
    .force-sm .col-lg-6,
    .force-sm .col-lg-5,
    .force-sm .col-lg-4,
    .force-sm .col-lg-3,
    .force-sm .col-lg-2,
    .force-sm .col-lg-1,

    /*force-sm to sm columns*/
    .force-sm .col-sm-12{width:100%;}
    .force-sm .col-sm-11{width:91.66666666666666%;}
    .force-sm .col-sm-10{width:83.33333333333334%;}
    .force-sm .col-sm-9{width:75%;}
    .force-sm .col-sm-8{width:66.66666666666666%;}
    .force-sm .col-sm-7{width:58.333333333333336%;}
    .force-sm .col-sm-6{width:50%;}
    .force-sm .col-sm-5{width:41.66666666666667%;}
    .force-sm .col-sm-4{width:33.33333333333333%;}
    .force-sm .col-sm-3{width:25%;}
    .force-sm .col-sm-2{width:16.666666666666664%;}
    .force-sm .col-sm-1{width:8.333333333333332%;}

    #main-nav {
        display: block!important;
        position: relative!important;
        box-shadow: none;
    }

    #main-nav-hide {
        display: none!important;
    }

    #wrapAll #wrapper #main-nav .navigation, #main-nav {
        width: 86%!important;
        margin: auto;
    }

    #wrapAll #wrapper #main-nav .navigation > .nav > li span.has-tooltip {
        overflow: visible;
        display: inline-block!important;
        white-space: normal;
        width: 90%;
    }

    #wrapAll #wrapper #main-nav .navigation > .nav > li a.toc {
        display: inline-block!important;
        width: 100%!important;
        margin: auto;
    }

    a.toc::after {
        display: inline-block!important;
        float: right;
    }
    
    .nav-toc {
        padding: 20px 0;
    }

    .assessmentReport #main-nav .navigation > .nav > li, .assessmentReport #main-nav .navigation > .nav > li > a.toc {
        height: 60px;
        line-height: 26px;
        vertical-align: middle;
        font-size: 26px;
    }

    .only-print {
        display: block;
    }

    .nav-toc .li{
        font-size: 24px;
        font-family : "Open Sans", "Arial", sans-serif;
    }
    .anchorBody.only-print .title div{
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-weight: 400;
        line-height: 1.1;
        font-family : "Open Sans", "Arial", sans-serif;
    }
    .word-break {
        word-break: normal;
    }

    body.assessmentReport {
        background: none;
    }

    #wrapAll {
        padding-bottom: 0!important;
    }

    body, body.assessmentReport #main {
        font-size: 13px!important;
        line-height: 15px!important;
    }

    body.assessmentReport .box .box-header .title h1{
        font-size:20px!important;
    }

    .box .box-header {
        font-size:16px!important;
    }

    .question-container .title {
        font-size:14px!important;
    }
    
    .box-header.box-header-small .title {
        font-size:12px;
    }

    .assessmentReport .box .group-header h2 {
        font-size: 20px;
    }

    .rtl-direction *:after {
        content:"";
    }
    
    .copyFooter > img {
        margin: 10px auto auto;
    }
    
    .showGraph p {
        margin: 0!important;
        -webkit-margin-before:0!important;
        -webkit-margin-after:0!important;
        -webkit-margin-start:0!important;
        -webkit-margin-end:0!important;
    }

    .showGraph hr {
        display:none;
    }

    .legend-score {
        margin-bottom: 0!important;
    }

    .showGraph {
        padding-bottom: 0!important;
        padding-top: 0!important;
        border-bottom: 0!important;
    }

    #content {
        margin-bottom: 0!important;
    }

    #content-wrapper {
        padding-bottom: 0!important;
        margin-bottom: 0!important;
    }

    .showGraph .legend-score {
        margin:0!important;
    }
    
    .assessmentReport .adequacy-legend-table-container {
        max-height: none !important;
    }
}
#passationContent .box-header {
	padding-top: 0;
}
.anchorQuestion {
	padding-top: 44px;
	clear: both;
}

#passationContent .box {
	margin-bottom: 0;
}
#passationContent .box .box-content {
	margin-bottom: 0;
	background-color: transparent;
	overflow-wrap: break-word;
}
#passationContent .title .icon {
	float: left;
	margin-right: 15px;
}
#passationContent .box .box-header .title {
	float: none;
}
#passationContent .box .box-header {
	padding-left: 5px;
	padding-bottom: 3px;
}

#passationContent .panel-content {
	padding: 10px;
}
/*remove the first element*/
#passationContent > .anchorQuestion{
	display:none;
}
#passationContent > .anchorQuestion ~ .anchorQuestion{
	display:block;
}
/*##*/



.barMiniTest {
	padding-right: 20px;
}
.mtCounter {
	font-size: 17px;
	height: 40px;
	line-height: 40px;
	color: white;
	display: inline-block;
	margin-left: 10px;
}

#passationCurrentMiniTestsList {
	text-align: right;
}


/**
* NAVIGATION
* */

#main-nav.large {
	width: 90%;
	overflow-y: auto;
	background-color: #fbfbfb;
}

.main-nav-opened #test-nav, .main-nav-opened #report-html-nav {
    position: fixed;
}

#passationDebugTitle {
	cursor: pointer;
	font-size: 1.3em;
    text-align: center;
}
#passationDebugData {
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	background-color: #dedede;
	height: 15px;
	line-height: 15px;
	z-index: 1000;
}

#passationDebugContent {
	overflow-y: auto;
	display: none;
	background-color: #dedede;
	max-height: 100%;
}

.opened #passationDebugContent {
	display: block;
}


#passationContent {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 20px;
}


#passationButtons {
	margin-top: 20px;
}


#passationContent .list-group {
	margin-bottom: 0;
}


#content-wrapper.imagesPreloaded #imagesPreloading {
	display: none;
}
#content-wrapper:not(.imagesPreloaded) #passationForm #passationButtons {
	display: none;
}

#imagesPreloading {
	text-align: center;
}


/**
* QUESTION + ANSWERS
* */

.itemContainer {
	display: inline-block;
    cursor: pointer;
}

.itemContainer,
.etiquettes {
	padding: 5px;
	margin: 5px;
	padding-left: 10px;
}

.itemContainer.solo {
	display: flex;
}
.itemContainer.selected,
.itemContainer:hover {
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}
.check-box{
 display: inline-block;
 width: 20px;
}

.checkedIcon {
	float: right;
	color: chartreuse;
}

.itemContainer .checkedIcon {
	display: none;
}

.itemContainer.bg-cadet.selected {
	background-color: cadetblue !important;
}
.itemContainer.bg-cadet.selected .checkedIcon {
	display: inherit;
}

.answers button.etiquette {
	min-width: 50px;
    min-height: 50px;
    margin-right: 1em;
    border-radius: 6px;
	text-align: center;
}

.answers button.etiquette.selected {
	background-color: cadetblue;
}

.answers button.etiquette.etiquette-xs {
	width: 50px !important;
	margin-right: 0.2em !important;
}


.itemContainer.text {
	cursor: default;
}
.itemContainer.text:hover {
	background-color: transparent;
}


.itemContainer input {
	cursor: pointer;
}
.itemContainer.text input {
	cursor: default;
}

.itemContainer .etiquette {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}
.etiquettes .item,
.itemContainer .item {
	margin: 3px;
}
.itemContainer label {
	cursor: pointer;
	padding-left: 15px;
	font-weight: normal;
	width: calc(100% - 50px);
}


@media (max-width: 600px) {
 .itemContainer{
	 padding:0;
	 margin:0;
 }
 .itemContainer label{
	 font-size:15px;
 }
	.itemContainer label.column{
		width:60px;
		max-width:100%;
		padding-left:0px
	}
	.itemContainer label.column img{
		max-width:100%;

	}
	.itemContainer .check-box{
		display:none;
	}
	.itemContainer .etiquette{
		font-size:15px;
		padding-right:0px;
	}

}

.question-container .list-group-item {
	padding: 0;
}

.question-container .question-video {
    width: 100%;
    max-width: 1280px;
    max-height: 720px;
}

.question-container-training .list-group-item {
	padding: 0;
}

.question-container-training .question-video {
    width: 100%;
    max-width: 1280px;
    max-height: 720px;
}



/** questions classement **/

@media (min-width: 500px) {
	.flex-center-md {
		display: flex !important;
		align-items: center;
	}
}

.itemContainer.classement {
	display: block;
}

.etiquettes .item,
.classement .item {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 65px;
}

.classement .item input {
	vertical-align: middle;
}

/*	pour les XS, les reponses classement sont affichees avec le libelle sur une ligne seule */
/*	du coup, on revoit un peu l'affichage */
@media (max-width: 767px) {
	.etiquettes .positionner {
		display: none;
	}
	.classement .libelle {
		padding-left: 32px;
	}

	#passationButtons .btn {
		min-width: 100px !important;
	}
}

/** uneSeuleReponseAvecPlusieursItems **/
.itemContainer.usrapi {
	padding: 0;
}
.itemContainer.usrapi.selected,
.itemContainer.usrapi:hover {
	background-color: transparent;
	border-radius: 0;
}

.usrapi .item {
	text-align: center;
}
.usrapi .itemContainer {
	display: table-row;
}
.usrapi td,
.usrapi th {
	font-weight: normal;
	padding: 5px 10px;
}
/* on joue sur les text-align pour avoir un affichage correct quand on a des etiquettes texte */
.usrapi th {
	text-align: center;
}
.usrapi .item:first-child {
	text-align: right;
}
.usrapi .item:last-child {
	text-align: left;
}

.camembert{
	margin:15px 0;
}

.camembert .camembert-slider{
	padding-bottom: 10px;
}

.camembert .camembert-pie{
	height: 200px;
	margin-top:10px;
}

.camembert ul li{
	margin-top: 5px;
	min-height: 35px;
	list-style: none;
}

.questionTimer {
	border: 1px solid white;
	color: white;
	float: right;
	font-size: 18px;
	padding: 0 5px;
	text-align: right;
}
.barMiniTest .questionTimer {
	border: none;
	float: none;
}


/*
 * Pour l'utilisation de langue Arabe
 */

.rtl-direction{
	direction:rtl;
	text-align:right;
}
.rtl-direction table td{
	text-align:right;
}
.rtl-direction .cti-left{
	float:right
}
.rtl-direction .cti-right{
	float:left
}
#passationContent.rtl-direction .title .icon{
	float:right;
	margin-right: 0px;
	margin-left: 15px;
}
#passationContent.rtl-direction .question-container .icon{
	padding-right: 0px;
	padding-left: 20px;
}
#passationContent.rtl-direction .question-container-training .icon{
	padding-right: 0px;
	padding-left: 20px;
}
#passationContent.rtl-direction .box .box-header {
    padding-right: 10px;
    padding-left: 15px;
}
#passationForm.rtl-direction .instruction-content h2.recall-instruction {
    background-position: right 12px;
    padding-right: 30px;
    padding-left: 0;

}
#passationForm.rtl-direction .itemContainer .etiquettes {
	padding-left: 0px;
	padding-right: 10px;

}
#passationContent.rtl-direction .itemContainer .etiquette {
    padding-left: 5px;
    padding-right: 0px;
}
#passationContent.rtl-direction .itemContainer label {
    padding-left: 0px;
    padding-right: 15px;
}
#passationContent.rtl-direction .list-group-item.line div.libelle{
	float: right;
}
#passationContent.rtl-direction .itemContainer.classement div{
	float: right;
}

#passationContent.rtl-direction .list-group-item.line .etiquettes div{
	float: right;
}

#passationContent span img, #passationContent .img-responsive {
	display: inline-block;
}

#passationContent .radio input[type="radio"] {
	margin-left: 0px;
}

#passationContent.rtl-direction fieldset .form-group .radio input[type="radio"] {
        position: relative !important; 
}

/* Modale accord participant */
#candidate-agreement {
	max-width: 300px !important;
}

#candidate-agreement .header-icon {
	display: inline-block;
	width: 10%;
	text-align: center;
}

#candidate-agreement .ec-title-text-color {
	color: inherit !important;
}

#candidate-agreement .header-title {
	display: inline-block;
	width: 80%;
	border-bottom: 1px solid #e5e5e5;
}

#candidate-agreement .modal-header {
	border-bottom: none;
	padding: 0px;
}

#candidate-agreement .content .message {
	padding-left: 25px;
	padding-right: 25px;
	font-size: inherit !important;
	text-align: center;
}

#candidate-agreement .modal-footer {
	background-color: white !important;
	border: none !important;
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}

.passation-box {
	border-radius: 3px;
	position: relative;
	display: block;
	margin-bottom: 5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.passation-box>.inner {
	padding: 10px;
	text-align: right;
}

.passation-box>.passation-box-footer {
	position: relative;
	text-align: right;
	padding: 15px 5px;
	color: #fff;
	display: block;
	background: #3d4151;
	text-decoration: none;
}

.passation-box h3 {
	font-size: 38px;
	font-weight: bold;
	margin: 0 0 10px 0;
	white-space: nowrap;
	padding: 15px 0px;
	color: white;
}

.passation-box p {
	font-size: 15px
}

.passation-box p>small {
	display: block;
	color: #f9f9f9;
	font-size: 13px;
	margin-top: 5px
}

.passation-box h3, .passation-box p {
	z-index: 5
}

.passation-box .icon {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 0;
	font-size: 90px;
	color: white;
}

.bg-blue {
	background-color: #619be7 !important;
}

.bg-green {
	background-color: #2fbd9b !important;
}

.bg-white {
	background-color: #fff !important;
	border: 1px solid #ccc;
}

.passation-box .text {
	position: absolute;
	top: 15px;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.consent-checkbox {
	margin-top: 15px !important;
	height: 25px;
	width: 25px;
}

/*
Rajouter des width de td first et last child pour plusieurs tailles d'écran
*/
@media (max-width: 768px) {

	table.responsive-inversed-table {
		border-collapse: collapse;
	}
	table.responsive-inversed-table tr {
		display: block;
		float: right;
	}
	table.responsive-inversed-table th, table.responsive-inversed-table td {
		display: block;
		height: 30px;
		margin: 3px;
	}
	table.responsive-inversed-table tr {
		width: 50px;
	}
	table.responsive-inversed-table.usrapi td{
		width: 80px;
	}
	.answers-label-xs {
		padding: 10px;
	}
	.itemContainer, .etiquettes {
		margin: 0px;
	}
	.passation-box {
		text-align: center
	}
	.passation-box .icon {
		display: none
	}
	.passation-box p {
		font-size: 12px
	}
}

@media (max-width: 400px) {
	.answers button.etiquette {
		width: 50%;
		margin-right: 100%;
	}
}

@media (max-width: 425px) {
	.answers button.etiquette {
		width: 100%;
		margin-right: 100%;
	}
}

 @media print {
 	#passationForm {
 		display: none;
 	}
 }
 @media (max-width: 767px){
 	#passationContent{
 	margin:0 0 0 0;
 	}
 	#passationContent > .anchorQuestion ~ .anchorQuestion{
 		padding-top:10px;
 	}

 }

#testListFilters {
	clear:both;
	background-color:#fff;
	margin-top:20px;
}
#testListFilters label {
	margin-right: 5px;
}

#showTest .well:nth-child(odd) {
	background-color: #f8f8f8;
}
#testListFilters,
#showTest .well{
	background-color:#eee;
	padding-top: 5px;
}

#showTest .inactiveI18n {
	background: url(/images/common/icon/error.png) no-repeat scroll 2px center rgba(0, 0, 0, 0);
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}

#testListFilters h3,
#showTest h3 {
	text-align: center;
	margin-top: 0;
	
}
#showTest .testI18nData {
	border:1px solid transparent;
}
#showTest .hasLogo .testI18nLabel {
	color: transparent;
	display: block;
	margin-top: -16px;
}
#showTest .testI18nData:hover {
	background-color: rgba(0, 0, 0, 0.3);
}
#showTest .testI18nData.inactive {
	border: 1px dotted red;
}

#showTest .highlight {
	background-color: rgba(255, 255, 0, 0.3);
}
#showTest a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding-left: 5px;
	color: black;
}
#showTest a .fa-exclamation-circle {
	color: #c52026;
}

#showTest a:hover {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.1);
	color: #c52026;
}

.slidebar-bg{
	position: relative;
	background: url("/images/common/widget/slider/bg-fader.gif") no-repeat scroll 5px 0 transparent;
	height: 28px;
    width: 216px;
}
.slider-thumb{
	left: 0;
	top: 4px;
	cursor: default;
    position: absolute;
}
.double-slider{
	padding: 0px 20px 10px;
	margin-bottom: 10px;
}
.double-slider .slider-track-high {
	background: #9ba4a9;
}

.double-slider .slider-track-low {
	background: #998693;
}

.double-slider .slider-selection {
	background: #a6a47f;
}

/* Only two answers change colors*/
.answers-2 .slider-track-high {
	background: #a6a47f !important;
}

.answers-2 .slider-selection {
	background: #998693 !important;
}

.slider-horizontal.slider .slider-track{
	height:20px;
}
.slider-horizontal.slider .slider-tick, .slider-horizontal.slider .slider-handle{
	margin-top:4px;
}
ul.double-slider-response{
    list-style-type: none;
    padding: 0 20px;
}
ul.double-slider-response input{
	border: none; 
	text-align: center; 
	width: 55px; 
	font-weight: bold; 
	font-size: 1.1em; 
	padding: 5px;
}
.slider.slider-horizontal {
	width: 100%;
}

/* ***************************
 * Common element between the cms and the front office
 * ***************************/

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

.cmsSlide_1{
  	background: url("/images/front/theme/cti/component/slider/slider_1.jpg") no-repeat scroll right top transparent;
  	height: 317px;
  	width: 500px;
  	min-height: 317px;
  	color: white;
}

.cmsSlide_2{
	background: url("/images/front/theme/cti/component/slider/slider_2.jpg") no-repeat scroll right top transparent;
    height: 317px;
    width: 500px;
    min-height: 317px;
    color: white;
 }

.cmsSlide_3{
	background: url("/images/front/theme/cti/component/slider/slider_3.jpg") no-repeat scroll right top transparent;
    height: 317px;
    width: 500px;
    min-height: 317px;
    color: white;
 }

.cmsSlide_4{
	background: url("/images/front/theme/cti/component/slider/slider_4.jpg") no-repeat scroll right top transparent;
    height: 317px;
    width: 500px;
    min-height: 317px;
    color: white;
 }
 .cmsSlideContent{
 	padding:5px;
 }
 .cmsSlideContent p{
    font-size: 1.1em;
    width: 350px;
 }
 .cmsSlideContent h1{
    font-size: 2.4em;
 }
 .smaller{
 	font-size:0.8em;
 }

 /* Needed this class for rezise the img in the question label */
 .cmsViewBo{
 	height:100%;
 	width:100%;
 }
 .cmsSlideButton{
    background: url("/images/front/theme/cti/component/slider/btn.png") no-repeat scroll left top transparent;
    bottom: 35px;
    cursor: pointer;
    height: 38px;
    width: 314px;
 }

  .cmsSlideButton a{
    color: white;
    display: block;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 38px;
    margin-left: 40px;
    text-decoration: none;
  }

/*
 * BARRE D'INFORMATION (header + Ligne du bas)
 *
 * Couleur du Texte
 * Couleur d'arrière plan
 *
 */

.ec-first-text-color{
	color: #FFFFFF;
}
.ec-first-bg-color{
	background-color: #C52026 ;
}

/*
 * TITRE PRINCIPAL DE PAGE (Titre)
 *
 * Couleur du Texte
 * Couleur d'arrière plan
 *
 */

.ec-title-text-color{
	color: #C52026 ;
}
.ec-title-bg-color{
	background-color: #ffffff;
}

.ec-title2-text-color{
	color: #C52026 ;
}
.ec-title2-bg-color{
	background-color: transparent;
}

.ec-first-link-text-color{
	color: #373737;
}
.ec-first-link-text-color:hover {
	color:#C52026 ;
}

a,
.activePage,
.ec-second-link-text-color{
	color:#C52026;
}
a:hover,
.ec-second-link-text-color:hover{
	color: #373737;
}


.ec-third-link-text-color{
	color:#ffffff;
}
.ec-third-link-text-color:hover{
	color:#C52026 ;
}
.container-logo {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 1px 1px 1px 0.1px #cccccc;
    height: 90px;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    top:9;
    width: 130px;
}
.ec_header-top {
    background-size: 400px auto;
    width: 100%;
    z-index: 6;
}

/* ***************************
 * MAIN ELEMENT OF BACKOFFICE
 * *************************** */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 990px;
    margin: auto;
}

h4 {
    font-size: 1.6em;
    padding: 0;
    margin: 0 0 10px 0;
}

h4 em {
    font-size: 0.8em;
    text-decoration: none;
}

h5 {
    margin: 5px 0px 10px 0px;
    padding: 0px;
    font-size: 1em;
}

pre {
    text-align: left;
}

table {
    width: auto;
}

table td {
    padding: 2px;
}

a.checkall {
    background-image: url('/images/common/icon/bullet_go.png');
    background-repeat: no-repeat;
    padding-left: 15px;
}

div.separator {
    clear: both;
    height: 10px;
}

.bo-color-selected {
    width: 18px;
    height: 18px;
    background-image: url('/images/common/icon/color_selected.gif');
    background-repeat: no-repeat;
}

/* Intranet Portal*/
#bo-portal {
    width: 100%;
    height: 475px;
    font-size: 175%;
    font-weight: bold;
    color: #ab1715;
}

#bo-portal .icon {
    margin: 20px;
    padding: 40px;
    background-color: #FFFFCC;
    border: 1px solid #ab1715;
    width: 190px;
    float: left;
    text-align: center;
    cursor: pointer;
}

/*loading*/
.cti-ajax-loader-mega,
.yui-navset .yui-content.loading {
    clear: both;
    height: 100px;
    min-height: 100px;
    background-image: url('/images/common/loader/loading-rect.gif');
    background-repeat: no-repeat;
    background-position: center;

}

/* **************************
 * SKELETON ELEMENT OF BACKOFFICE
 * ************************** */
#bo-header,
#bo-main,
#bo-footer,
#bo-breadcrumb {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

#bo-header-logo,
#bo-header-title,
#bo-main-menu,
#bo-main-content {
    float: left;
    margin-bottom: 10px;
}

/* Header */
#bo-header {
    -moz-box-shadow: 0px 1px 1px 1px #B0B0B0;
    -webkit-box-shadow: 0px 1px 1px 1px #B0B0B0;
    -o-box-shadow: 0px 1px 1px 1px #B0B0B0;
    box-shadow: 0px 1px 1px 1px #B0B0B0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#B0B0B0, Direction=180, Strength=1);
    height: 63px;
}

.bo-gradient {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(255, 252, 252, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(255, 252, 252, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(255, 252, 252, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(255, 252, 252, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(255, 252, 252, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(255, 252, 252, 0) 100%);
    /* W3C */
}

#bo-header-logo {
    background-color: #fff;
    padding-bottom: 6px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 6px;
}

#bo-header-title {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 19px;
}

/* Footer */
#bo-footer {
    padding: 2px;
    font-size: 0.9em;
    text-align: center;
}

/* Menu */
#bo-main-menu {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 0 10px #bdbdbd;
    margin-bottom: 0;
    max-height: none;
    min-height: 0;
    padding-bottom: 0;
    width: 200px;
}

#bo-main-menu span {
    margin: 0 auto;
    font-size: 1.4em;
    font-weight: bold;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#bo-main-menu ul li {
    text-align: left;
    cursor: pointer;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: rgba(221, 221, 221, 0.46);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: rgba(221, 221, 221, 0.46);
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: rgba(221, 221, 221, 0.46);
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: rgba(221, 221, 221, 0.46);
    border-top-style: solid;
    border-top-width: 1px;
}

#bo-main-menu ul li:hover {
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-left: 10px;
}

#bo-main-content {
    width: 730px;
    margin-left: 15px;
    padding: 10px Opx;
    background-color: #fff;
}

/* Login Box */
#bo-login {
    padding: 2px 4px;
    border-style: solid;
    border-width: 1px;
    height: 210px;
}

.bo-login-form {
    margin-top: 50px;
    float: left;
    padding-left: 40px;
}

/* Breadcrumb Box*/
#bo-breadcrumb {
    font-size: 1em;
    height: 31px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(188, 188, 188, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(188, 188, 188, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(188, 188, 188, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(188, 188, 188, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(188, 188, 188, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(188, 188, 188, 1) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bcbcbc', GradientType=0);
    /* IE6-8 */
    background-repeat: repeat-x;
}

#bo-breadcrumb-text {
    padding-left: 5px;
    line-height: 31px;
}

/* Culture Box */
#bo-culture {
    float: left;
    height: 31px;
    padding-right: 3px;
}

#bo-culture ul {
    float: left;
}

#bo-culture ul li {
    float: left;
    padding-left: 3px;
}

#bo-culture label {
    width: 0px;
    display: none;
}

#bo-culture ul li img {
    cursor: pointer;
}

/*Language*/
#languageOptions ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* logoutBox */
#bo-logout {
    float: right;
    background-image: url('/images/common/icon/disconnect.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 31px;
    margin-right: 5px;
}

/* information - error - succes - warning */
#bo-information {
    background-image: url('/images/common/icon/information.png');
    background-repeat: no-repeat;
    padding: 2px 0px 0px 20px;
    height: auto;
    color: #33559f;
    margin-right: 10px;
    margin-top: 2px;
}

/*
.error_list{
	float: right;
	background-image: url('/images/bo/cross.gif');
	background-repeat: no-repeat;
	min-width: 20px;
	width: auto;
	margin-top: 3px;
}

.error_list li{
	padding-left: 18px;
	width: auto;
}
*/
.error_list,
.bo-error-block,
.bo-error,
.bo-success-block,
.bo-success,
.bo-warning-block {
    font-weight: bold;
    font-size: 75%;
    min-height: 14px;
}

.error_list,
.bo-error-block,
.bo-error,
.bo-warning-block {
    color: red;
}

.bo-success-block,
.bo-success {
    color: green;
}

.bo-error-block,
.bo-success-block,
.bo-warning-block {
    background-color: #EEE;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 2px 2px 2px 18px;
    background-repeat: no-repeat;
    overflow: auto;
}

.bo-warning-block {
    border: 1px dotted red;
    background-image: url('/images/common/icon/warning.png');
}

.bo-error-block {
    border: 1px dotted red;
    background-image: url('/images/common/icon/error.png');
}

.bo-success-block {
    border: 1px dotted green;
    background-image: url('/images/common/icon/success.png');
}

.bo-status-ko {
    background-image: url('/images/common/icon/error.png');
    background-repeat: no-repeat !important;
    background-position: right !important;
}

.bo-status-ok {
    background-image: url('/images/common/icon/success.png');
    background-repeat: no-repeat !important;
    background-position: right !important;
}

/* hack for ie */
#tableUserForm {
    *width: 482px;
    -width: 482px;
}

#tableUserGroupForm,
#tableUserActionForm {
    *width: 485px;
    -width: 485px;
}

/* **************************
 * BUTTON ELEMENT OF BACKOFFICE
 * ************************** */
button {
    border: 0px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 0.8em;
    margin: 0px;
    padding: 2px 5px;
    background-repeat: no-repeat;
}

.button-color-picker:hover,
.button-mini-color-picker:hover {
    background-color: inherit;
}

.button-mini-color-picker {
    border: solid 2px #ccc;
    cursor: default;
}

.button-color-picker,
.button-color-picker:hover,
.button-calendar,
.button-calendar:hover,
.button-media,
.button-media:hover {
    height: 22px;
    width: 22px;
    vertical-align: top;
    background-color: transparent;
}

.button-move,
.button-add,
.button-split,
.button-delete,
.button-unarchive,
.button-remove,
.button-close,
.button-money,
.button-duplicate,
.button-calculate,
.button-opposition,
.button-edit,
.button-activate,
.button-desactivate,
.button-translate,
.button-export,
.button-preview,
.button-settings,
.button-personnal-comment,
.button-production,
.button-release,
.button-reset {
    width: 17px;
    height: 17px;
}

.button-color-picker {
    width: 21px;
    height: 21px;
}

.button-mini-color-picker {
    width: 12px;
    height: 12px;
}

.button-move {
    background-image: url('/images/common/icon/move.gif');
}

.button-add {
    background-image: url('/images/common/icon/add.gif');
}

.button-split {
    background-image: url('/images/common/icon/cut.png');
}

.button-delete {
    background-image: url('/images/common/icon/delete.gif');
}

.button-unarchive {
    background-image: url('/images/common/icon/unarchive.png');
}

.button-remove {
    background-image: url('/images/common/icon/remove.gif');
}

.button-money {
    background-image: url('/images/common/icon/tarification.gif');
}

.button-duplicate {
    background-image: url('/images/common/icon/duplicate.gif');
}

.button-close {
    background-image: url('/images/common/icon/close.gif');
}

.button-calculate {
    background-image: url('/images/common/icon/calculator.gif');
}

.button-opposition {
    background-image: url('/images/common/icon/opposition.gif');
}

.button-edit {
    background-image: url('/images/common/icon/edit.gif');
}

.button-translate {
    background-image: url('/images/common/icon/world.gif');
}

.button-export {
    background-image: url('/images/common/icon/export.gif');
}

.button-production {
    background-image: url('/images/common/icon/link_go.png');
}

.button-release {
    background-image: url('/images/common/icon/application_go.png');
}

.button-activate {
    background-image: url('/images/common/icon/cross.png');
}

.button-desactivate {
    background-image: url('/images/common/icon/tick.png');
}

.button-calendar {
    background-image: url('/images/common/icon/calendar.jpg');
}

.button-media {
    background-image: url('/images/common/icon/media.gif');
}

.button-color-picker {
    background-image: url('/images/common/icon/color_picker_preview.gif');
}

.button-preview {
    background-image: url('/images/common/icon/preview.gif');
}

.button-personnal-comment {
    background-image: url('/images/common/icon/personnal_comment.gif');
}

.button-reset {
    background-image: url('/images/common/icon/reset.png');
}

.button-settings {
    background-image: url('/images/common/icon/cog.png');
}

/******************
 * 
 * LIST ELEMENT
 * 
 *****************/

/* Includes all list (action, list-filter, list-title ...) */
.bo-list-content {
    margin-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;
}

/* Defaut List*/
.bo-list-title {
    background-color: #fdfdac;
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px 5px;
    margin-bottom: 10px;
    clear: both;
    height: 17px;
    border-style: solid;
    border-width: 1px;
}

/* List Filter : with folding element */
.bo-list-filter {
    background-color: #ffffcc;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    /*float:left; : Bug to list question*/
    width: 100%;
}

/* Title List Filter */
.bo-list-filter-title {
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 27px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    text-align: left;
    min-height: 18px;
    height: auto;
    padding-top: 2px;
    cursor: pointer;
}

.bo-bg-title {
    background-color: #fdfdac;
}

.bo-list-filter-title table {
    width: 100%
}

/* option Group of list Filter */
.bo-list-filter-option,
.bo-list-filter-option-reference {
    margin: 0px;
    padding: 5px;
    min-height: 10px;
    width: 99%;
}

fieldset .bo-list-filter-option {
    background-color: #EEEEEE;
}

.bo-list-filter-option span {
    display: block;
    margin: 3px 0px;
}

.bo-list-filter-option-reference span {
    margin: 3px 0px;
}

.bo-list-filter-option p span,
.bo-list-filter-option-reference p span {
    display: inline;
    overflow: hidden;
}

.bo-list-filter-option span label,
.bo-list-filter-option-reference span label {
    float: left;
    text-align: right;
    font-weight: bold;
    cursor: pointer;
    width: 75px;
}

/* option list of group */
.bo-list-option {
    background-color: #ffffcc;
    cursor: default;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    margin-top: -1px;
}

.bo-list-option-top {
    border-top-style: solid;
    border-top-width: 1px;

}

.bo-list-option-container {
    padding-bottom: 20px;
    width: 100%;
}

.bo-list-option table {
    width: 100%
}

.bo-list-item-status {
    background-color: #eee;
    border: 1px solid #000;
    height: 15px;
    width: 16px;
    cursor: pointer;
}

.bo-list-cell-button {
    width: 18px;
}

/* footer of list */
.bo-list-footer {
    background-color: #ffffcc;
    cursor: default;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-top: 0px;
    padding: 3px;
    font-size: 12px;
    font-style: italic;
}

/* List action  */
.bo-list-action {
    clear: both;
    height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    float: left;
}

.bo-list-action-title {
    padding-right: 100px;
}

.bo-list-action-flag {
    float: left;
}

.flag-part,
.bo-list-option-flags li {
    text-align: center;
    border: solid 1px #000;
    background-color: #eee;
    padding: 2px;
    margin-right: 15px;
}

.bo-list-option-flags li {
    float: left;
    margin-left: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}

/* Table filter*/
.table-filter {
    width: auto;
    background-color: #ccc;
}

.table-filter th {
    font-size: 0.9em;
    padding: 2px 5px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.table-filter td {
    padding: 2px 5px;
}

.table-filter td div {
    color: #777;
    font-weight: bold;
}

.table-filter td input {
    text-align: center;
}

.type-calcul-sten .table-filter {
    max-width: 48%;
    display: inline-block;
}

.test-valeur-calcul-sex {
    background-color: black;
    display: none;
}

.type-calcul-sten .test-valeur-calcul-sex {
    display: table-row;
}

.type-calcul-sten-sex {
    display: none;
}

.type-calcul-sten tr td:last-child {
    display: none;
}

.input-filter-add {
    width: 30px;
    float: left;
    margin-left: 1px;
    height: 13px;
}

.input-filter {
    width: 50px;
}

/* Folding open img*/
.bo-block-open {
    background-repeat: no-repeat;
    background-position: 2px center;
}

/* Folding close img*/
.bo-block-close {
    background-repeat: no-repeat;
    background-position: 2px center;
}

.bo-paragraph {
    text-align: left;
    padding: 5px;
}

.bo-list-specimen {
    background-color: #FFFFEE;
    background-image: url('/images/bo/data/specimen.png');
}

.bo-culture-auth {
    clear: both;
    height: 20px;
    background-color: #eee;
    border: dotted 1px #ab1715;
    padding: 3px;
    margin: 0px 0px 5px 0px !important;
}

.bo-culture-auth img,
.bo-culture-auth ul,
.bo-culture-auth ul li {
    float: left;
}

.bo-culture-auth ul li {
    margin-left: 10px;
}

.bo-culture-auth label {
    width: auto;
    float: none;
}

/******************
 * 
 * ELEMENT
 * 
 ******************/
#bo-homepage {
    padding: 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 690px;
    height: 360px;
    font-size: 175%;
    font-weight: bold;
}

/* List switcher : use in marketing for devise, culture and langue produit */
.bo-list-switcher {
    width: 99%;
    float: left;
}

.bo-list-switcher .bo-list-switcher-box {
    margin-right: 10px;
    float: left;
}

.bo-list-switcher .bo-list-switcher-content {
    margin-top: 20px;
    margin-left: 5px;
}

.bo-list-switcher .allSwitcherButton {
    margin-bottom: 10px;
    width: 70px;
}

.bo-list-switcher .simpleSwitcherButton {
    width: 34px;
    margin-bottom: 10px;
}

.bo-legend {
    font-size: 0.8em;
}

.bo-filter-select {
    clear: both;
    width: 300px;
    float: left;
}

.bo-filter-detail {
    margin: 0px 0px 10px 0px !important;
}

.bo-filter-option-add {
    float: right;
    padding-bottom: 1px;
    background-color: #ccc;
    margin: 0px !important;
}

.bo-filter-option-list {
    clear: both;
    border: solid #ccc 1px !important;
    height: 100px;
    overflow: auto;
    margin: 0px !important;
    font-size: 80%;
}

.bo-label {
    font-size: 70%;
}

.bo-response {
    width: 175px;
    font-size: 1em;
}

.bo-response-option {
    width: 22px;
    text-align: center;
}

.bo-information {
    background-color: #ccc;
    border: solid 1px #000 !important;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 80%;
    clear: both;
}

.bo-information ul {
    margin-left: 20px;
}

.bo-information ul,
.bo-information ul li {
    list-style-type: disc;
}

.bo-information ul li {
    margin-bottom: 3px;
}

.questionDetail .title {
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.bo-block {
    height: 221px !important;
    overflow: auto !important;
    margin-bottom: 10px !important;
}

.bo-modal-detail {
    border: solid 1px #ccc;
    margin-top: 15px;
    padding: 10px;
    *padding: 0px;
    -padding: 0px;
}

ul.miniTestCheckList {
    font-size: 0.8em;
    text-align: left;
    padding: 1px;
    /* 	margin-top: 8px; */
}

.validationConfTitle {
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    margin-top: 8px;
}

.miniTestCheckList li {
    text-align: left !important;
    border: 0px !important;
    border-bottom: solid #ccc 1px !important;
    cursor: pointer !important;
    padding: 5px 0px 0px 0px !important;
}

li.miniTestCheckList {
    padding: 2px;
    margin-left: 5px;
    margin-bottom: 5px;
    cursor: default;
    width: 270px;
    float: left;
    border: solid 1px #000;
    background-color: #eee;
}

#validationMainUl li,
#controlTranslationMainUl li {
    margin-left: 5px;
}

.miniTestCheckList .part,
.miniTestCheckList .type {
    margin-left: 12px;
    border-left: 1px solid #CCCCCC;
}

.miniTestCheckList .partName,
.miniTestCheckList .typeName {
    margin-left: 8px;
    font-weight: bold;
}

.miniTestCheckList li button {
    background-repeat: no-repeat;
    background-position: right top;
    float: right;
    height: 17px;
    width: 17px;
}

button.bo-translation-ko:hover,
button.bo-translation-ko {
    background-image: url('/images/common/icon/cross.png');
    background-color: transparent;
}

button.bo-translation-ok:hover,
button.bo-translation-ok {
    background-image: url('/images/common/icon/tick.png');
    background-color: transparent;
}

.report-adequation-table {
    width: 100%;
}

.report-adequation-table th {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.report-adequation-table .cell-scale {
    width: 20px;
    font-size: 1em;
}

.report-adequation-table .cell-title {
    background-color: #ffffcc;
}

.report-adequation-table .cell-radio {
    text-align: center;
}

.report-adequation-table .cell-power {
    width: 50px;
    text-align: center;
}

.report-adequation-table .cell-primary {
    background-color: #ab1715;
    color: #ffb163;
}

.report-adequation-table .cell-no-opposite {
    background-color: #ddd;
}

.report-adequation-table .cell-opposite {
    background-color: #ffb163;
    color: #ab1715;
}

.tableLogo tr.borderline,
.tableLogo tr th.borderline,
.tableLogo tr td.borderline {
    border-bottom: solid 1px #ccc;
    padding: 5px;
}

.tableLogo tr th label {
    width: auto;
}

.tableLogo tr td input {
    width: 575px;
}

.mainLevelPotentiel {
    padding-top: 10px;
}

.mainLevelPotentiel .mainLevelPotentielTitle {
    background-color: #FFFFCC;
}

.dd,
.potentielReponseItem {
    border: 1px solid black !important;
    min-height: 17px;
    padding: 2px;
    margin: 2px;
}

#analyseExtremesDomainesPartialDiv table,
#analyseExtremesDomainesPartialDiv tr,
#analyseExtremesDomainesPartialDiv th,
#analyseExtremesDomainesPartialDiv td,
#analyseExtremesNiveauxPartialDiv table,
#analyseExtremesNiveauxPartialDiv tr,
#analyseExtremesNiveauxPartialDiv th,
#analyseExtremesNiveauxPartialDiv td {
    border: 1px solid #AB1715;
    border-collapse: collapse;
}


.domaineContentDetails {
    margin: 10px;
}

.domaineContentDetails table,
.domaineContentDetails th,
.domaineContentDetails tr,
.domaineContentDetails td {
    border: 1px solid black;
    border-collapse: collapse;
}

.domaineContentDetails th {
    text-align: center;
}

.domaineContentDetails .ciblesDomaineNiveauTitle {
    text-align: right;
    text-decoration: underline;
}

.ciblesNiveauDomaineF {
    height: 45px;
    background-image: url('/images/bo/data/signe-femme.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.ciblesNiveauDomaineH {
    height: 45px;
    background-image: url('/images/bo/data/signe-homme.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

label.nostyle {
    float: none;
    width: auto;
}

input.nostyle {
    width: auto;
}

.topRedBorder {
    border-top: 1px solid #AB1715;
}

ul.liste {
    border: 1px solid #AB1715;
}

ul.liste table {
    width: 100%;
}

ul.liste li {
    border: 1px solid #AB1715;
    border-width: 1px 0 0;
}

ul.liste li.caption {
    font-weight: bold;
    border-bottom: 1px solid #AB1715;
    border-top: 0 none;
}

.innerContainer {
    background-color: #FFEAA8 !important;
}

.noborder {
    border: 0 !important;
}

#flash_notice {
    margin: 3px 0;
    padding: 7px;
    background-color: #cfc;
    position: fixed;
    top: 0;
}

#flash_error {
    margin: 3px 0;
    padding: 7px;
    background-color: #f33;
    color: #fff;
    position: fixed;
    top: 0;
}

/* Bareme Marketing * /
 */

.intervalle-bareme {
    clear: both;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.input-bareme {
    width: 100px;
    text-align: center;
}

.bareme-action {
    float: left;
    text-align: right;
    width: 400px;
}

.bareme-option {
    min-height: 100px;
}

/* ******************************
 * TUNDRA TOOL TIP 
 * ******************************* */
.tundra .dijitTooltipContainer {
    background: none repeat scroll 0 0;
    border: none;
}

/* ******************************
 * MODAL ELEMENT FOR BACKOFFICE
 * *******************************/
#CTDialogBox,
.dijitDialogCloseButton {
    position: absolute;
}

#CTDialogBox,
.dijitDialogCloseButton {
    width: 400px;
}

#CTDialogBox .content {
    width: 380px;
}

#CTDialogBox {
    z-index: 6;
    opacity: 1 !important;
    background-color: #fff !important;
    border: solid 1px #000;
    border-bottom: solid 3px #000;
    border-right: solid 3px #000;
    overflow: hidden;
}

.dijitDialogTitle {
    font-weight: bold;
    float: left;
    padding: 3px 10px;
    color: #fff;
}

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

.dijitDialogPaneContent .buttonsBar {
    padding-top: 20px;
}

.dijitDialogTitleBar {
    height: 25px;
    cursor: default;
}

,
#CTDialogBox .content {
    text-align: left;
}

.dijitDialogPaneContent {
    float: left;
    padding: 10px;
}


#CTDialogBox .content {
    padding: 5px;
    float: left;
}

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

#CTDialogBox .content-confirm {
    margin: 0px 10px;
    padding: 5px;
    float: left;
    text-align: center;
}

.dijitDialogUnderlayWrapper {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    background: transparent;
}

.dijitDialogUnderlay {
    background: #999;
    opacity: 0.5;
}

._underlay {
    z-index: 5;
}

.dj_ie .dijitDialogUnderlay {
    filter: alpha(opacity=50);
}

#CTDialogBox .dijitToggleButtonIconChar {
    display: none;
}

#CTDialogBox .closeText {
    display: none;
    float: right;
    height: 18px;
    margin: 3px;
    padding: 0px 5px 3px 5px;
}

.dijitDialogCloseButton {
    top: 4px;
    width: 20px;
}

.dijitDialogCloseButton button {
    padding: 0px;
    margin: 0px;
}

.dijitButton {
    margin-bottom: 3px;
}

.dijitButtonNode {
    border: 0px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin: 0px;
    padding: 2px 5px;
    background-repeat: no-repeat;
    width: auto;
}

/*CALENDAR*/
.dojoxCalendar .no-header .dojoxCalendarBody {
    height: 183px;
}

/* ******************************
 * TABS VIEW ELEMENT FOR BACKOFFICE
 * ******************************* */
/* Size of the div for the loading element in tabView */
.yui-navset .loading div {
    margin: 0;
    padding: 0;
    height: 150px;
}

.yui-navset .yui-content {
    border-top: 0px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: auto;
    float: left;
    width: 100%;
}

.yui-navset .yui-content div div.loading {
    /* kill inherance */
    min-height: 150px;
    border-top: 0px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.yui-navset .yui-nav .disabled a,
.yui-navset .yui-nav .disabled a em {
    color: #777 !important;
    cursor: url(/images/common/icon/not-allowed.png), auto;
}

.yui-nav {
    background: #DAE0D2 url('/images/bo/tabs/tab_bg.gif') repeat-x bottom;

    margin: 0;
    padding: 0;
    list-style: none;
    height: 24px;
}

.yui-nav li {
    float: left;
    background-image: url('/images/bo/tabs/tab_right.gif');
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0;
    padding: 0;
}

.yui-nav a,
.yui-nav em {
    display: block;
    text-decoration: none;
    color: #000;
    font-style: normal !important;
    font-size: 15px;
}

.yui-nav a {
    background-image: url('/images/bo/tabs/tab_left.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 3px 8px;
}

.tab-icon {
    margin-top: 3px;
    display: block;
    float: left;
    height: 10px;
    width: 10px;
    border: #000;
    margin-right: 5px;
}

/*YUI-CONTENT : IN THE TABSVIEW */
.yui-content .tabContent {
    margin: 10px;
    float: left;
    width: 97%;
}

.yui-content #tabAvailableContent.tabContent {
    margin: 10px;
    float: left;
    width: 95%;
}

.yui-content #tabDisplayedContent.tabContent {
    margin: 10px;
    float: left;
    width: 95%;
}

/*FORM*/
form {
    clear: both;
    text-align: left;
}

label {
    float: none;
    text-align: left;
    font-weight: normal;
    margin-right: 10px;
}

th label {
    float: left;
    min-width: 130px;
}

td label {
    width: auto;
}

input.checkbox {
    width: auto;
}

select.selectLanguage {
    width: 150px;
}

select.selectMultiple {
    width: 200px;
    height: 100px;
}

select.selectMultipleBig {
    width: 275px;
    height: 200px;
}

select.selectMultipleTabBig {
    width: 250px;
    height: 200px;
}

select.auto {
    width: auto;
}


.field-select-mutiple {
    margin-bottom: 10px;
}


.formMain {
    clear: both;
    float: left;
}

/* Form with a flag in the left side and a label input in the right side */
.formColLeft {
    float: left;
    padding: 10px 15px;
    height: 100%;
}

.formColRight {
    float: left;
    padding: 10px 15px;
    border-left-width: 1px;
    border-left-style: solid;
}

.formColRight th {
    width: 125px;
}

.formColRight .mceEditor {
    float: left;
}

/* other Form style */
.formItem {
    clear: both;
    margin-top: 8px;
}

.formField {
    float: left;
}

.formDetailLanguage {
    font-size: 0.8em;
    text-align: center;
    padding: 0px;
    margin: 3px 0px;
}

.embed-video {
    float: left;
    margin: 5px;
    margin-left: 0;
}

.embed-video textarea {
    width: 180px;
}

.thumbnail-video {
    float: right;
    margin: 5px;
}

/* TableForm : used in modal */
.tableForm th label {
    width: auto;
    float: none;
}

/* Table-filter : type of table used in "option calcul, intervalles ..." for exemple */
.input-readonly {
    background-color: #def;
}

.label-readonly {
    color: #aaa;
}

.input-date {
    width: 65px;
}

.input-phone {
    width: 80px;
}

.radio_list input {
    width: auto;
}

.radio_list label {
    float: none;
}

.questionSetting th,
.questionSetting label {
    width: 250px;
}

#questionSetting .radio_list li,
#questionSettingDetail .radio_list li {
    float: left;
}

.bo-ajax {
    width: 200px;
    height: 15px;
    margin-right: 5px;
    font-weight: normal;
    text-align: right;
    font-size: 75%;
    padding-top: 3px;
}

.formHelp {
    float: right;
    cursor: help;
    width: 20px !important;
    height: 20px !important;
    background-image: url('/images/common/icon/help.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.bo-error-cell {
    background-position: right;
    background-image: url('/images/common/icon/cross.png');
    background-repeat: no-repeat;
    padding-right: 20px;
    text-align: left !important;
}

/*Show in Question List */
.picture_680 {
    position: relative;
    width: 440px;
}

.picture_680 img {
    width: 100%;
    height: 100%;
}

.picture_intro {
    width: 98%;
    background-color: #CCC;
    padding: 4px;
}

/*Show in reference & preview a picture with a width of 680 pixel*/
#referenceQuestionDetail .picture_680,
#passationContent .picture_680 {
    position: relative;
    width: 680px;
}

#referenceQuestionDetail .picture_intro {
    width: 99%;
}

.triangle-right {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px;
    margin: 1em 0 3em;

}

.bulle {
    left: 150px;
}

.triangle-text {
    height: 100%;
    margin: 3.2em 0.5em 0.1em;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2;
}

.triangle-text p,
.picture_intro p {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.triangle-right.opacity {
    opacity: 0.90;
    background-color: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.dj_ie .triangle-right.opacity {
    filter: alpha(opacity=90);
}

.triangle-right.left::after {
    top: 35px;
    left: -40px;
    bottom: auto;
    border-width: 15px 40px 0 0;
    border-color: transparent #333;
}

.triangle-right.right:after {
    border-color: transparent #333;
    border-width: 0 0 15px 40px;
    bottom: auto;
    left: 280px;
    top: 35px;
}

.triangle-right::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 0 0 20px;
    border-style: solid;
    border-color: #333 transparent;
    display: block;
    width: 0;
}

.rounded-intro {
    margin-bottom: 10px;
    padding: 5px;
    width: 90%;
    background-color: #e2e2e2;
    border-radius: 11px;
    box-shadow: 2px 2px 3px #000;
}

/*for the question with image absolute */
.question-block .noAbsoluteCms {
    background: none;
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}

.question-block .noAbsoluteCms .triangle-right {
    display: none;
}

.question-block .noAbsoluteCms .triangle-text p {
    color: #414141;
}

.table-talentBox {
    background-color: #DEDDEF;

}

.table-talentBox th {
    height: 100px;
}

.table-talentBox th.rotate {
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.table-talentBox td {
    height: 30px;
    background-color: #FFFFFF;
    text-align: center;
}

.table-talentBox td.totalFiabilite {
    width: 50px;
}

.separForm {
    clear: both;
    max-height: 70px;
    padding: 17px 10px 0 49px;
    margin-bottom: 6px;
    border: 1px dashed;
}

.import {
    width: 140px;
    color: white !important;
    padding: 3px 10px 2px 19px !important;
}

div.upload {
    width: 157px;
    height: 57px;
    background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
    overflow: hidden;
}

div.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.alert-box {
    color: #555;
    border-radius: 10px;
    font-family: Tahoma, Geneva, Arial, sans-serif;
    font-size: 11px;
    padding: 10px 10px 10px 36px;
    margin: 10px;
}

.alert-box span {
    font-weight: bold;
    text-transform: uppercase;
}

.error {
    background: #ffecec url('../../images/common/icon/error.png') no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9 url('../../images/common/icon/success.png') no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url('../../images/common/icon/warning.png') no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url('../../images/common/icon/notice.png') no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}

#selectGroups {
    float: right;
    text-align: center;
    width: 130px;
}

#questionList table ul:not([class]),
#CTDialogContent .bo-list-filter-option-reference ul:not([class]),
#CTDialogContent #preview-screen ul:not([class]) {
    list-style-type: initial;
    padding: 40px;
}

#questionList table ul:not([class]) li,
#CTDialogContent .bo-list-filter-option-reference ul:not([class]) li,
#CTDialogContent #preview-screen ul:not([class]) li {
    list-style-type: inherit;
}
.dijitMenuMain {
	position: absolute;
	width: 180px;
}

.dijitMenuItemLabel{
	width: 150px;
}

.dijitMenu {
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 0px;
	padding: 0px;
	font-size: 75%;
}

.dijitMenuItem {
	margin: 0;
	padding: 0px 7px;
}

.dijitMenuItemHover {
	font-weight: bold;
	cursor: pointer;
}

.dijitMenuItemIcon {
	width: 16px;
	height: 16px;
}

.dijitMenuSeparator {
	background-color: #f7f7f7;
}

.dijitMenuSeparatorTop {
	border-bottom: 1px solid #9b9b9b;
}

.dijitMenuSeparatorBottom {
	border-top: 1px solid #e8e8e8;
}

.menuIconAdd {
	background-image: url('/images/common/icon/menu_add.gif');
}

.menuIconActivate {
	background-image: url('/images/common/icon/menu_activate.gif');
}

.menuIconEdit {
	background-image: url('/images/common/icon/menu_edit.gif');
}

.menuIconDelete {
	background-image: url('/images/common/icon/menu_delete.gif');
}

table.ygtvtable{
margin-bottom:0;
border:none;
border-collapse:collapse;
}
td.ygtvcell{
border:none;
padding:0;
}
a.ygtvspacer{
text-decoration:none;
outline-style:none;
display:block;
}
.ygtvtn{
width:18px;
height:22px;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -5600px no-repeat;
cursor:pointer;
}
.ygtvtm{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -4000px no-repeat;
}
.ygtvtmh,.ygtvtmhh{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -4800px no-repeat;
}
.ygtvtp{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -6400px no-repeat;
}
.ygtvtph,.ygtvtphh{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -7200px no-repeat;
}
.ygtvln{
width:18px;
height:22px;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -1600px no-repeat;
cursor:pointer;
}
.ygtvlm{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 0 no-repeat;
}
.ygtvlmh,.ygtvlmhh{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -800px no-repeat;
}
.ygtvlp{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -2400px no-repeat;
}
.ygtvlph,.ygtvlphh{
width:18px;
height:22px;
cursor:pointer;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -3200px no-repeat;
cursor:pointer;
}
.ygtvloading{
width:18px;
height:22px;
background:url(/images/common/widget/treeview/treeview-loading.gif) 0 0 no-repeat;
}
.ygtvdepthcell{
width:18px;
height:22px;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -8000px no-repeat;
}
.ygtvblankdepthcell{
width:18px;
height:22px;
}
* html .ygtvchildren{
height:2%;
}
.ygtvlabel,.ygtvlabel:link,.ygtvlabel:visited,.ygtvlabel:hover{
margin-left:2px;
text-decoration:none;
background-color:white;
cursor:pointer;
}
.ygtvcontent{
cursor:default;
}
.ygtvspacer{
height:22px;
width:18px;
}
.ygtvfocus{
background-color:#c0e0e0;
border:none;
}
.ygtvfocus .ygtvlabel,.ygtvfocus .ygtvlabel:link,.ygtvfocus .ygtvlabel:visited,.ygtvfocus .ygtvlabel:hover{
background-color:#c0e0e0;
}
.ygtvfocus a{
outline-style:none;
}
.ygtvok{
width:18px;
height:22px;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -8800px no-repeat;
}
.ygtvok:hover{
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -8844px no-repeat;
}
.ygtvcancel{
width:18px;
height:22px;
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -8822px no-repeat;
}
.ygtvcancel:hover{
background:url(/images/common/widget/treeview/treeview-sprite.gif) 0 -8866px no-repeat;
}
.ygtv-label-editor{
	background-color:#f2f2f2;
	border:1px solid silver;
	position:absolute;
	display:none;
	overflow:hidden;
	margin:auto;
	z-index:9000;
}
.ygtv-edit-TextNode{
width:190px;
}
.ygtv-edit-TextNode .ygtvcancel,.ygtv-edit-TextNode .ygtvok{
border:none;
}
.ygtv-edit-TextNode .ygtv-button-container{
float:right;
}
.ygtv-edit-TextNode .ygtv-input input{
width:140px;
}
.ygtv-edit-DateNode .ygtvcancel{
border:none;
}
.ygtv-edit-DateNode .ygtvok{
display:none;
}
.ygtv-edit-DateNode .ygtv-button-container{
text-align:right;
margin:auto;
}
.ygtv-highlight .ygtv-highlight1,.ygtv-highlight .ygtv-highlight1 .ygtvlabel{
background-color:blue;
color:white;
}
.ygtv-highlight .ygtv-highlight2,.ygtv-highlight .ygtv-highlight2 .ygtvlabel{
background-color:silver;
}
.ygtv-highlight .ygtv-highlight0 .ygtvfocus .ygtvlabel,.ygtv-highlight .ygtv-highlight1 .ygtvfocus .ygtvlabel,.ygtv-highlight .ygtv-highlight2 .ygtvfocus .ygtvlabel{
background-color:#c0e0e0;
}
.ygtv-highlight .ygtvcontent{
padding-right:1em;
}
.ygtv-checkbox .ygtv-highlight0 .ygtvcontent{
padding-left:1em;
background:url(/images/common/widget/treeview/check0.gif) no-repeat;
}
.ygtv-checkbox .ygtv-highlight0 .ygtvfocus.ygtvcontent,.ygtv-checkbox .ygtv-highlight1 .ygtvfocus.ygtvcontent,.ygtv-checkbox .ygtv-highlight2 .ygtvfocus.ygtvcontent{
background-color:#c0e0e0;
}
.ygtv-checkbox .ygtv-highlight1 .ygtvcontent{
padding-left:1em;
background:url(/images/common/widget/treeview/check1.gif) no-repeat;
}
.ygtv-checkbox .ygtv-highlight2 .ygtvcontent{
padding-left:1em;
background:url(/images/common/widget/treeview/check2.gif) no-repeat;
}