/* Minification failed. Returning unminified contents.
(258,35): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(258,92): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(258,241): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(259,36): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(261,35): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(319,62): run-time error CSS1039: Token not allowed after unary operator: '-colorCalendarBut'
(320,53): run-time error CSS1039: Token not allowed after unary operator: '-colorCalendarBut'
(321,52): run-time error CSS1039: Token not allowed after unary operator: '-colorCalendarBut'
(2352,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(2353,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(2671,18): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(2847,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(2862,13): run-time error CSS1039: Token not allowed after unary operator: '-colorLabels'
(2873,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(2897,24): run-time error CSS1039: Token not allowed after unary operator: '-colorContentImage'
(2903,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(2908,24): run-time error CSS1039: Token not allowed after unary operator: '-colorSidebar'
(2934,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(2941,24): run-time error CSS1039: Token not allowed after unary operator: '-colorContentImage'
(2949,13): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(2953,13): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(2975,24): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(2980,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3006,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3015,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTabDisabled'
(3019,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTabDisabled'
(3050,60): run-time error CSS1039: Token not allowed after unary operator: '-colorCopyIcon'
(3051,60): run-time error CSS1039: Token not allowed after unary operator: '-colorPasteIcon'
(3052,60): run-time error CSS1039: Token not allowed after unary operator: '-colorUndoIcon'
(3093,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3105,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(3106,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3116,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3119,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3122,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3160,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(3164,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3172,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3176,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3185,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3191,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3194,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3198,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3228,24): run-time error CSS1039: Token not allowed after unary operator: '-colorRefreshIcon'
(3334,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrevBtn'
(3354,25): run-time error CSS1039: Token not allowed after unary operator: '-colorNextBtn'
(3369,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3374,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3378,24): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(3387,25): run-time error CSS1039: Token not allowed after unary operator: '-colorArrowGo'
(3394,25): run-time error CSS1039: Token not allowed after unary operator: '-colorArrowGoHover'
(3475,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(3493,8): run-time error CSS1038: Expected hex color, found '#transparent'
(3530,56): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(3532,51): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3610,19): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(3611,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3622,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3627,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3632,13): run-time error CSS1039: Token not allowed after unary operator: '-colorRedDark'
(3663,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3681,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3697,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3758,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(3759,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(3846,14): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(3856,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3862,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(3893,22): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(3896,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(3902,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(3907,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(3908,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(3913,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(3919,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(3920,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(3931,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(3942,24): run-time error CSS1039: Token not allowed after unary operator: '-colorInputs'
(3947,24): run-time error CSS1039: Token not allowed after unary operator: '-colorInputs'
(3948,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(3952,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(3953,13): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(3957,24): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(3974,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(3981,13): run-time error CSS1039: Token not allowed after unary operator: '-colorDarkText'
(3987,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(3992,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(3997,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(4003,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4009,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(4024,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(4028,13): run-time error CSS1039: Token not allowed after unary operator: '-colorAppTitle'
(4096,13): run-time error CSS1039: Token not allowed after unary operator: '-colorLabels'
(4103,13): run-time error CSS1039: Token not allowed after unary operator: '-colorDarkText'
(4109,24): run-time error CSS1039: Token not allowed after unary operator: '-colorFastPathArrow'
(4126,24): run-time error CSS1039: Token not allowed after unary operator: '-colorFastPathArrow'
(4142,24): run-time error CSS1039: Token not allowed after unary operator: '-colorFastPathArrow'
(4352,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4361,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4374,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4382,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(4387,14): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(4398,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4408,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4426,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4438,24): run-time error CSS1039: Token not allowed after unary operator: '-colorHoverMenu'
(4440,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4445,14): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(4450,12): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(4494,24): run-time error CSS1039: Token not allowed after unary operator: '-colorCloseMenu'
(4541,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(4542,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4638,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4644,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(4659,24): run-time error CSS1039: Token not allowed after unary operator: '-colorInputs'
(4665,12): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4671,12): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(4821,24): run-time error CSS1039: Token not allowed after unary operator: '-colorFastPathArrow'
(4836,24): run-time error CSS1039: Token not allowed after unary operator: '-colorFastPathArrow'
(5072,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5078,24): run-time error CSS1039: Token not allowed after unary operator: '-colorHoverMenu'
(5087,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5091,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5092,24): run-time error CSS1039: Token not allowed after unary operator: '-colorHoverMenu'
(5102,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5107,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5108,24): run-time error CSS1039: Token not allowed after unary operator: '-colorHoverMenu'
(5116,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5121,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5122,24): run-time error CSS1039: Token not allowed after unary operator: '-colorHoverMenu'
(5232,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5251,13): run-time error CSS1039: Token not allowed after unary operator: '-colorTextInvertMenu'
(5264,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5270,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(5321,126): run-time error CSS1039: Token not allowed after unary operator: '-colorButton'
(5330,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(5399,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(5415,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(5442,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5449,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5474,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5492,24): run-time error CSS1039: Token not allowed after unary operator: '-colorRed'
(5505,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(5520,18): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(5521,20): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(5522,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(5899,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(6054,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(6101,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(6101,40): run-time error CSS1030: Expected identifier, found ';'
(6102,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(6394,18): run-time error CSS1039: Token not allowed after unary operator: '-colorPageBackground'
(6428,24): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(6429,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(6435,15): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(6453,116): run-time error CSS1036: Expected expression, found '}'
(6609,19): Scanner error CSS1002: Unterminated string: " 
(6609,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '" 
'
(6646,126): run-time error CSS1039: Token not allowed after unary operator: '-colorButton'
(6764,24): run-time error CSS1039: Token not allowed after unary operator: '-colorCloseMenu'
(6775,24): run-time error CSS1039: Token not allowed after unary operator: '-colorCloseMenu'
(6824,8): run-time error CSS1030: Expected identifier, found ' '
(6824,8): run-time error CSS1031: Expected selector, found ' '
(6824,8): run-time error CSS1025: Expected comma or open brace, found ' '
(7057,24): run-time error CSS1039: Token not allowed after unary operator: '-colorButton'
(7075,24): run-time error CSS1039: Token not allowed after unary operator: '-colorButton'
(7093,24): run-time error CSS1039: Token not allowed after unary operator: '-colorButton'
(7114,15): run-time error CSS1039: Token not allowed after unary operator: '-colorButton'
(7155,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(7156,13): run-time error CSS1039: Token not allowed after unary operator: '-colorLabels'
(7191,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(7202,24): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(7204,24): run-time error CSS1039: Token not allowed after unary operator: '-colorDateIcon'
(7276,18): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(7277,20): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(7278,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(7316,60): run-time error CSS1039: Token not allowed after unary operator: '-colorCopyIcon'
(7317,60): run-time error CSS1039: Token not allowed after unary operator: '-colorPasteIcon'
(7318,60): run-time error CSS1039: Token not allowed after unary operator: '-colorUndoIcon'
(7320,60): run-time error CSS1039: Token not allowed after unary operator: '-colorRefreshIcon'
(7410,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(7414,13): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(7433,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(7436,13): run-time error CSS1039: Token not allowed after unary operator: '-colorBlue'
(7445,15): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(7446,19): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(7447,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(7494,14): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(10753,26): run-time error CSS1039: Token not allowed after unary operator: '-colorProgress'
(11846,15): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(11847,26): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(11872,15): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(11986,15): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(13158,26): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(13213,15): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(13479,24): run-time error CSS1039: Token not allowed after unary operator: '-colorUpMenuArrow'
(13495,26): run-time error CSS1039: Token not allowed after unary operator: '-colorBackMain'
(13496,15): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(13500,25): run-time error CSS1039: Token not allowed after unary operator: '-colorDownMenuArrow'
(13529,23): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(13749,15): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(13797,25): run-time error CSS1039: Token not allowed after unary operator: '-colorBmedium'
(16261,15): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(16367,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(16367,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(16487,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(19006,15): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(19007,19): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(19008,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(19011,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(19015,19): run-time error CSS1039: Token not allowed after unary operator: '-colorNavAndMain'
(19016,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(19020,14): run-time error CSS1039: Token not allowed after unary operator: '-colorText'
(19140,25): run-time error CSS1039: Token not allowed after unary operator: '-colorCalendarBut'
(19143,25): run-time error CSS1039: Token not allowed after unary operator: '-colorCalendarBut'
(19627,18): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(19628,20): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(19629,21): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(19674,18): run-time error CSS1039: Token not allowed after unary operator: '-colorBorders'
(19675,28): run-time error CSS1039: Token not allowed after unary operator: '-colorInputs'
 */
/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 0em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index:60000;
	font-size:12px;
	max-height:400px;
	overflow-x:hidden; 
	overflow-y:auto;
}
.ui-autocomplete .ui-menu-item{
font-size:12px;
}
.ui-autocomplete .ui-menu-item:hover a,.ui-autocomplete .ui-menu-item:hover span{
	color:#fff!important;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-datepicker { width: 12em; padding: .1em .1em 0; display: none; z-index:50000000!important;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.1em 1em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: .9em; height: .9em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:1px; }
.ui-datepicker .ui-datepicker-next { right:5px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:5px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -4px; top: 50%; margin-top: -6px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 1.2em; line-height: 1.3em; text-align: center; font-size:.8em}
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: 12px; border-collapse: collapse; margin:0 0 .2em; }
.ui-datepicker th { padding: .4em .2em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .1em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .4em 0 0 0; padding:0 .1em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .3em .1em .2em; cursor: pointer; padding: .1em .3em .2em .3em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a:hover{background-color:#007dba;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Roboto/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Roboto,Arial,sans-serif/*{ffDefault}*/; font-size: .8em; }
.ui-widget-content { border: var(--colorBorders)/*{borderColorContent}*/; background: var(--colorNavAndMain)/*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: var(--colorText)/*{fcContent}*/; }
.ui-widget-content a { color: var(--colorText)/*{fcContent}*/; }
.ui-widget-header {  /*font-weight: bold; */}
.ui-widget-header a { color: var(--colorText)/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #aeadad/*{borderColorDefault}*/; 
background: Transparent/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; 
font-weight: normal/*{fwDefault}*/; 
color: #000000/*{fcDefault}*/; text-align:center!important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px solid #999999/*{borderColorHover}*/; background: #007dba/*{bgColorHover}*/ url(/Content/Session/Controls/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #fff/*{fcHover}*/; }


#sortable .ui-state-default:hover{
/*background-color:#007dba;*/
}
#sortable .ui-state-hover{
/*background-color:#007dba;*/
color: green;
font-weight:bold!important;
border-bottom:6px solid green;
}


.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}; text-decoration: none; }


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid green; /*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ /*url(/Content/images-layout/visualYard/cell-bgrd-on.png){bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: bold/*{fwDefault}*/; color: #fff/*{fcActive}*/; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}; text-decoration: none; }

#listOfViewsID2 .ui-state-active, #listOfViewsID2 .ui-widget-content #listOfViewsID2 .ui-state-active, #listOfViewsID2 .ui-widget-header .ui-state-active { border: 1px solid #999999; /*{borderColorActive}*/; background: #007dba/*{bgColorActive}*/ /*url(/Content/images-layout/visualYard/cell-bgrd-on.png){bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: bold/*{fwDefault}*/; color: #000/*{fcActive}*/; }




.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none;  }
.ui-datepicker-current-day .ui-state-active {font-weight:bold!important;color:#007dba;}
/* Interaction Cues
----------------------------------*/
#sortable .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { color:#555; border: 1px solid #007dba/*{borderColorHighlight}*/; background: #98fbfb/*{bgColorHighlight}*/ url(/Content/images-layout/visualYard/dropcarshere.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ no-repeat/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; height:85px!important;margin-top:-69px!important;}



.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { color:#555; border: 1px solid #007dba/*{borderColorHighlight}*/; background: #98fbfb/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ no-repeat/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; height:15px!important;margin-top:0px!important;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/Content/Session/Controls/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: var(--colorCalendarBut)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: var(--colorCalendarBut)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: var(--colorCalendarBut)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(/Content/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(/Content/images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(/Content/Session/Controls/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {  }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { }

/* Overlays */
.ui-widget-overlay { background: #4f4f4f/*{bgColorOverlay}*/ url(/Content/Session/Controls/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .6;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/Content/Session/Controls/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }

input.look-error, textarea.look-error, .look-error input, .look-error textarea
{
    border-color: red !important;
    background-color: lightpink !important;
}


.look-contentscreen
{
    overflow: hidden;
}

.look-screen,
.look-popupscreen
{
    /* we require 'border-box' as we want the padding including in 'width/height' */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.look-screen > img,
.look-popupscreen > img {
    /* This lets the image x and y position become movable*/
    position: absolute;
}

.look-screen
{
    position: relative;
    overflow: hidden;
}

.look-screen > .inner-container,
.look-popupscreen > .inner-container
{   
    /* NOTE(sk): We must specify relative here for all child controls (absolute positioned)
       to appear correctly */ 
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent;        
}

.look-popupscreen
{
    border: none;

    /* Fix for [9860]  Ensure any children of screen are clipped. [DS]: I'm not sure if we really want to do this. */
    overflow: hidden;
}

.look-inputbox * .look-inputbox-static
{
    /* Fix for [17625] - This stops text clipping for inputbox child elements*/
    display: table;
}


.overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: lightgray;
	/* must use really high number so that it appears above everything including all popups */
    z-index: 100000;
}

/* the loading overlay requires using opacity to make transparent 
   which does not work for the dialog as it makes everything transparent.
*/
.overlay.loading {
    background: rgba(255, 255, 255, 0.4);
}

.overlay.loading .inner-container:after {
    content: url(/Content/Session/throbber.gif);
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
}

/* for errors only make the background transparent */
.overlay.error {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
}

.look-pageup,
.look-pagedown
{
    position: absolute;
	display:none;
}

.look-pageup-enabled-image,
.look-pagedown-enabled-image,
.look-pageup-disabled-image,
.look-pagedown-disabled-image,
.look-subfile-pageup,
.look-subfile-pagedown,
.look-subfile-pageup-disabled-image,
.look-subfile-pagedown-disabled-image
{
    border-width: 1px;
    border-style: solid;
    border-color: #808080 #808080 #808080 #808080;
    
    background-color: #C0C0C0;
    background-repeat:no-repeat;
 }


.look-pageup-enabled-image
{   
    background-image: url(/images/PageUp.png);
}

.look-pagedown-enabled-image
{   
    background-image: url(/images/PageDown.png);
}

.look-pageup-enabled-image:active,
.look-pagedown-enabled-image:active
{
    background-color: #A0A0A0;
}

.look-pageup-disabled-image
{   
    background-image: url(/images/PageUp_Disabled.png);
}

.look-pagedown-disabled-image
{  
    background-image: url(/images/PageDown_Disabled.png);
}  

.look-subfile-pageup
{
    background-image: url(/images/PageUp.png);
    cursor: hand;
}

.look-subfile-pagedown
{
    background-image: url(/images/PageDown.png);
    cursor: hand;
}

.look-subfile-pageup:active,
.look-subfile-pagedown:active
{   
    background-color: #A0A0A0;
}
  
.look-subfile-pageup-disabled-image
{   
    background-image: url(/images/PageUp_Disabled.png);
}

.look-subfile-pagedown-disabled-image
{  
    background-image: url(/images/PageDown_Disabled.png);
}


.no-close .ui-dialog-titlebar-close {
    display: none;
}

#ContentPopup.ui-dialog-content {
    padding: 0;
}

.look-hyperlink {
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: small;
}



div.modal.exception {
    position: relative;
    top: 100px;
    width: 50%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    margin: 0 auto;
    padding: 10px 15px 10px 15px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    background: #FDFDFD; /*off-white*/
    overflow: hidden;

    font-family: "Helvetica Neue", Helvetica, Roboto,Arial, sans-serif;
}

div.modal.exception h3 {
    font-weight: bold;
    font-size: 18pt;
}

div.modal.exception p.stacktrace {
    overflow-y: scroll;
    max-height: 400px;
    padding: 10px 10px 10px 40px;

    -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    -ms-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
    background: #202020;
    background-color: rgba(0, 0, 0, 0.3);
    border: 0;
}

div.modal.exception .button-container {
    position: relative;
    width: 100%;
    height: 3em;
}

div.modal.exception button {
    position: absolute;
    width: 7em;
    height: 3em;
    right: 0;
    bottom: 0;

    /* NOTE: sourced from 'btn btn-primary' bootstrap button */

    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);

    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.ui-tooltip
{
    background: #666;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
}

.ui-tooltip-content
{
    position: relative;
    padding: 1em;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-size: small;
}

.ui-tooltip-arrow
{
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;

    /* position right */
    top: 25%;
    left: -10px;
    border-color: transparent #666;
    border-width: 10px 10px 10px 0;
}


.look-control
{
    position: absolute;
    display: block;
    background: transparent;

    border-style: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 0;
    margin: 0;
}

/** Exclude 'Html' controls as this can break rendering of tags such as <dl>,<ol>,<ul>.
*/
.look-control *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 0;
    margin: 0;
}

/** CSS resets can unforetunately result in some tags losing key margin/padding
    values. We re-add them here (based on chrome)
*/
.look-control ol,
.look-control dl,
.look-control ul
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.look-control ol,
.look-control dl > dd,
.look-control ul
{
    padding-left: 40px;
}

.look-control .inner-container
{
    position: relative;
    width: 100%;
    height: 100%;
}

/** [18362] Reset styles on anchors set by some browsers.
*/
.look-control a
{
    color: inherit;
    text-decoration: none;
}


.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

.look-checkbox .inner-container
{
    display: table;
    white-space: nowrap;
    max-width: inherit;
}

.look-checkbox label 
{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    max-width: inherit;
    overflow: hidden;
}

/*  Alignment (always set to middle on vertical and left on horizontally for radio buttons)
    This is the default setting achieved by putting a SPAN inside a DIV.
*/

.look-checkbox input[type=checkbox]
{
    margin: 0 2px 0 2px;
    vertical-align: middle;
}

.look-checkbox span
{
    cursor: default;
    vertical-align: middle;
}

.look-commandbutton
{
    /** From comments in code the control should have a 1px margin top and bottom
		but we add it as padding in the parent to avoid issues with incorrect button width/height
		as they do not include margins.
    */
    padding: 1px 0 1px 0;
}

.look-commandbutton button
{
    /** [16831] Explicitly set the 'display' and 'vertical-align' as we cannot rely on the default
	    browser values to be the same. See also:
	    http://stackoverflow.com/questions/29091376/firefox-offsets-button-within-parent-div
    */
    vertical-align: top;

    border: 1px #808080 solid;

    display: block;
    position: relative;
    width: 100%;
    height: 100%;

    overflow: hidden;

    cursor: pointer;
    cursor: hand;
	background-position: -1px 0px;
}

.look-commandbutton button span
{
    /** [18202] For reasons unclear to me content outside the button is effecting the line-height of the span
        resulting in the 'tail' of text being clipped. Found this solution here (second answer):
        http://stackoverflow.com/a/7477348/146900
    */
    line-height: 1em;
}

.look-commandbutton.imageonly button
{
    position: absolute;
}

.look-commandbutton.imageandtext button img 
{
    position: absolute;
}

.look-commandbutton button:not(.look-transparent)
{
    background-color:#C0C0C0;
}

.look-commandbutton:not([disabled]) button:active
{
    background-color:#A0A0A0;
}

.look-commandbutton button[disabled]
{
    color: #CCC;
}

/** Image alignment
*/

.look-pushbutton-align-top-left 
{
    position: absolute;
    top: 2px;
    left: 2px;
}

.look-pushbutton-align-top-center 
{
    position: absolute;
    top: 2px;
    right:2px;
    left:2px
}

.look-pushbutton-align-top-right 
{
    position: absolute;
    top: 2px;
    right: 2px;
}

.look-pushbutton-align-left 
{
    text-align:left;
}

.look-pushbutton-align-center 
{
    text-align:center;
}

.look-pushbutton-align-center > span
{
    vertical-align: inherit;
}

.look-pushbutton-align-right
{
    text-align:right;
}

/* vertically centering text becomes complicated once you place it in a container
   that has fixed height ('vertical-align' does not seem to take the available 'height')
*/
.look-commandbutton.textonly button.look-pushbutton-align-left > span,
.look-commandbutton.textonly button.look-pushbutton-align-center > span,
.look-commandbutton.textonly button.look-pushbutton-align-right > span
{
    /* Based upon info from: https://css-tricks.com/centering-css-complete-guide/ */

    /* This assumes that parent is positioned relatively and has a fixed height (height: 100%) */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    /* [17475] Fix for command button clipping the caption issue */
    width: inherit;
}

/* [18505] */
.look-commandbutton.imageandtext button.look-pushbutton-align-left span,
.look-commandbutton.imageandtext button.look-pushbutton-align-center span,
.look-commandbutton.imageandtext button.look-pushbutton-align-right span 
{
    position: relative;
}

.look-pushbutton-align-bottom-left 
{
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.look-pushbutton-align-bottom-center 
{
    position: absolute;
    bottom: 2px;
    right:2px;
    left:2px
}

.look-pushbutton-align-bottom-right
{
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.look-pushbutton-align-numeric 
{
    position: absolute;
    top: 2px;
    right:2px;
    left:2px
}


.look-placeholder > .inner-container
{
    position: absolute;
    width: 100%;
    height: 100%;
}


.look-datagrid table tbody tr:nth-child(1) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(1) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(1) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(2) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(2) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(2) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(3) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(3) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(3) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(4) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(4) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(4) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(5) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(5) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(5) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(6) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(6) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(6) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(7) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(7) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(7) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(8) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(8) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(8) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(9) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(9) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(9) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(10) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(10) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(10) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(11) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(11) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(11) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(12) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(12) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(12) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(13) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(13) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(13) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(14) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(14) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(14) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(15) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(15) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(15) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(16) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(16) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(16) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(17) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(17) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(17) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(18) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(18) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(18) td:nth-child(20) {}

.look-datagrid table tbody tr:nth-child(19) td:nth-child(1) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(2) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(3) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(4) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(5) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(6) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(7) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(8){} .look-datagrid table tbody tr:nth-child(19) td:nth-child(9) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(10) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(11) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(12) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(13) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(14) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(15) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(16) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(17) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(18) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(19) {} .look-datagrid table tbody tr:nth-child(19) td:nth-child(20) {}



.look-data,
.look-tab,
.look-pushbutton,
.look-commandbutton,
.look-picturebox.look-clickable
{
    cursor: pointer;
    cursor: hand; 
	
}


.look-data
{   
    padding: 1px 1px 1px 1px;
    border: 1px solid #808080;
}

.look-data button
{
    float: left;
    height: 100%;
    width: 25%;
    border: 1px solid #808080;
}

.look-data button:after
{
    display: block;
    height: 100%;
    width: 100%;
    content: "";

    background-position: center;
    background-repeat: no-repeat;    
}

/** Small buttons
*/
.look-data.small button:after
{
    background-size: 7px 7px;
}

.look-data.small button.look-datafirst-button:after
{
    background-image: url(/images/Data_FirstSml.gif);
}

.look-data.small.disabled button.look-datafirst-button:after
{
    background-image: url(/images/Data_FirstSml_Disabled.gif);
}


.look-data.small button.look-dataleft-button:after
{
    background-image: url(/images/Data_LeftSml.gif);
}

.look-data.small.disabled button.look-dataleft-button:after
{
    background-image: url(/images/Data_LeftSml_Disabled.gif);
}


.look-data.small button.look-dataright-button:after
{
    background-image: url(/images/Data_RightSml.gif);
}

.look-data.small.disabled button.look-dataright-button:after
{
    background-image: url(/images/Data_RightSml_Disabled.gif);
}

.look-data.small button.look-datalast-button:after
{
    background-image: url(/images/Data_LastSml.gif);
}

.look-data.small.disabled button.look-dataright-button:after
{
    background-image: url(/images/Data_LastSml_Disabled.gif);
}


/** Medium buttons
*/
.look-data.medium button:after
{
    background-size: 9px 9px;
}

.look-data.medium button.look-datafirst-button:after
{
    background-image: url(/images/Data_First.gif);
}

.look-data.medium.disabled button.look-datafirst-button:after
{
    background-image: url(/images/Data_First_Disabled.gif);
}

.look-data.medium button.look-dataleft-button:after
{
    background-image: url(/images/Data_Left.gif);
}

.look-data.medium.disabled button.look-dataleft-button:after
{
    background-image: url(/images/Data_Left_Disabled.gif);
}

.look-data.medium button.look-dataright-button:after
{
    background-image: url(/images/Data_Right.gif);
}

.look-data.medium.disabled button.look-dataright-button:after
{
    background-image: url(/images/Data_Right_Disabled.gif);
}

.look-data.medium button.look-datalast-button:after
{
    background-image: url(/images/Data_Last.gif);
}

.look-data.medium.disabled button.look-datalast-button:after
{
    background-image: url(/images/Data_Last_Disabled.gif);
}

/** Large buttons
*/
.look-data.large button:after
{
    background-size: 13px 13px;
}

.look-data.large button.look-datafirst-button:after
{
    background-image: url(/images/Data_FirstLrg.gif);
}

.look-data.large.disabled button.look-datafirst-button:after
{
    background-image: url(/images/Data_FirstLrg_Disabled.gif);
}

.look-data.large button.look-dataleft-button:after
{
    background-image: url(/images/Data_LeftLrg.gif);
}

.look-data.large.disabled button.look-dataleft-button:after
{
    background-image: url(/images/Data_LeftLrg_Disabled.gif);
}

.look-data.large button.look-dataright-button:after
{
    background-image: url(/images/Data_RightLrg.gif);
}

.look-data.large.disabled button.look-dataright-button:after
{
    background-image: url(/images/Data_RightLrg_Disabled.gif);
}

.look-data.large button.look-datalast-button:after
{
    background-image: url(/images/Data_LastLrg.gif);
}

.look-data.large.disabled button.look-datalast-button:after
{
    background-image: url(/images/Data_LastLrg_Disabled.gif);
}

.look-data:not([disabled]) button:active
{
    background-color:#A0A0A0;
}

.look-data button img
{
    display: block;
    margin: auto;
}

.look-data:after
{
    content: "";
    clear: both;
    display: table;
}




.look-gridcellselected
{
	background-color:blue !important;
	color:white !important;
}

/** Subfile body
*/

.look-subfile
{
    -webkit-user-select: none;
}

.look-datagrid {
    position: absolute;
}

/* text decoration propagates from parent div to its children by default. Each browser seems has incosistencies handling text-decoration.  */
.look-datagrid * {
    text-decoration: inherit;
}

.look-datagrid .table-container {
    position: relative;
}

.look-datagrid .table-container:not(.auto-fit) table {
    /** This is required to ensure that columns respect the applied width values
        See: http://stackoverflow.com/questions/5670402/why-is-my-html-table-not-respecting-my-css-column-width */
    table-layout: fixed;
}

.look-datagrid table,
.look-datagrid th, 
.look-datagrid td 
{
    /*border-color: #808080;
    border-style: solid;
    border-width: 1px;*/
}

.look-datagrid table {
    border-collapse: collapse;
    cursor: default;
    width: 100%;
}

.look-datagrid th,
.look-datagrid td,
.look-datagrid table.data {
    /* Prevent double border appearing between the head and data tables */
    border-top: 0 none;
}

.look-datagrid th, 
.look-datagrid td {
    overflow: hidden;
    -moz-text-overflow: clip;
    text-overflow: clip;
    height: 100%;
    min-height: 100%;
}

.look-datagrid td {
    white-space: nowrap;
}

.look-datagrid tr:not(:first-child) th {
    border-top-style: hidden;
}

/* LOOK-19214 - each cell inside grid column mode (LOOK-24509 - but not when 'auto-fit') */
.look-datagrid .table-container.column-mode:not(.auto-fit) th {
    word-break: break-all;
}

.look-datagrid .column-mode th,
.look-datagrid .column-mode td {
    padding: 0 2px 0 2px;
}

/* entry capable cells should not have madding/padding
   and any color should be applied to the input, not the cell.
*/
.look-datagrid td.look-subfileentryfield,
.look-datagrid td.entry-capable {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

/** LOOK-18876 inputs should inherit the color (foreground) and background-color of the cell
    so that the color shows through.
*/
.look-datagrid td.look-subfileentryfield input,
.look-datagrid td.entry-capable input {
    /* The 'inherit' value however is not consistent for 'background-color'
        across browsers so me use 'transparent' instead.
    */
    /*background-color: #cae8ff ;*/
	/*border:1px solid #c7d4dd;*/
    color: inherit;
}

.look-datagrid .column-mode th[style*="width: 0"],
.look-datagrid .column-mode th[style*="width:0"] {
    padding: 0;
}

/* each cell inside grid column mode*/
.look-datagrid .non-column-mode th,
.look-datagrid .non-column-mode td {
    padding: 0;
}

/* all inputs element inside grid */
.look-datagrid tr input
{
    border-bottom-style: none;
    border-top-style: none;
    border-left: 1px solid gray;
    border-right: 1px solid gray;

    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;

    /* entry capable cells should have padding appied to input */
    padding: 0 2px 0 2px;
	padding-right: 0px;
}

.look-datagrid .non-column-mode tr input {
    /* Add a negative margin to counter the left/right borders.
Entry fields also always seem an extra pixel bigger as well (hence -2 on right) 
except for FireFox which appears to be 2px bigger */
    margin-left: -1px;
    margin-right: -2px;

    /* Uncomment padding style below to get non-column mode 
       alignment with editable cells to be exact.  
       But this will make the editable cells smaller.*/
    /*padding: 0;*/
}

.look-datagrid .column-mode tr input {
    border-top: 1px solid #c7d4dd;
    border-left: 1px solid #c7d4dd;
    border-bottom: 1px solid #c7d4dd;
    border-right: 1px solid #c7d4dd;
	height:26px!important;
	font-size:14px!important;
	color:#0085ba!important;
	width:99%!important;
	letter-spacing:.3px;
   /* height: 100%;
	min-height: 100%;*/
}

.look-datagrid tr input[readonly] {
    background-color: lightgray; 
}

/* grid scrollbar cell */
.look-subfile-scrollbar {
    font-size: 0px;
    width: 15px;
}

.look-datagrid tr .look-subfile-scrollbar {
    padding: 0 0 0 0;
}

.look-datagrid tr th.look-subfile-scrollbar {
    border-left-style: hidden;
}

.look-datagrid tr td.look-subfile-scrollbar {
    border-top-style: none;
    border-bottom-style: none;
    background-color: #E0E0E0;
    line-height: 0;
}

.look-subfile-caption {
    background-color: darkblue;
    color: white;
    
    font-weight: bold;
    text-align: left;
    padding-left: 3px;
    padding-top: 2px;
}

.look-datagrid tbody tr
{
    line-height: 0;
}

.look-subfile-empty-row {
    height: 100%;
}

/** Scrollable data-grid rules
*/

.look-datagrid .outer-container.scrollable
{
    top:0;
    left: 0;
}

.look-datagrid .scrollable .inner-container 
{
    height: 100%;
    overflow: hidden;
}

.look-datagrid .scrollable .table-header
{
    position: relative;
}

.look-datagrid .scrollable .table-body
{
    overflow: auto;
}

.look-datagrid .scrollable.scroll-y .table-body
{
    overflow-y: scroll;
}

.look-datagrid .scrollable.scroll-y-disabled .table-body
{
    overflow-y: hidden;
}


/* Because we show a border around a scrollable grid we must disable some inner borders
   so they don't double up
*/
.look-datagrid .scrollable .table-header table,
.look-datagrid .scrollable .table-body table
{
    border-style: none;
}

.look-datagrid .scrollable .table-header tr:first-child {
    border-top-style: solid;
    border-top-width: 1px;
}

.look-datagrid .scrollable .table-body tr:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* CSS for jQuery tablesorter */
.look-datagrid .tablesorter .header,
.look-datagrid .tablesorter .tablesorter-header span:first-of-type {
    /* Enable this background image if we want to initially display the up/down arrows per column. */
    /*background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);*/
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 0px 16px 0px 0px;
}

.look-datagrid .tablesorter thead .headerSortUp span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerSortUp span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerAsc span:first-of-type {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

/* [19160] The CSS below changes where the up down arrow appears for center aligned text which has the "look-subfileheading-center" class*/
.look-datagrid .tablesorter thead .headerSortUp.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerSortUp.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerAsc.look-subfileheading-center {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);    
}

.look-datagrid .tablesorter thead .headerSortUp,
.look-datagrid .tablesorter thead .tablesorter-headerSortUp,
.look-datagrid .tablesorter thead .tablesorter-headerAsc 
{
    cursor: pointer;
    border-bottom: #000 2px solid;
}

.look-datagrid .tablesorter thead .headerSortDown span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerSortDown span:first-of-type,
.look-datagrid .tablesorter thead .tablesorter-headerDesc span:first-of-type {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important; 
}

/* [19160] The CSS below changes where the up down arrow appears for center aligned text which has the "look-subfileheading-center" class*/
.look-datagrid .tablesorter thead .headerSortDown.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerSortDown.look-subfileheading-center,
.look-datagrid .tablesorter thead .tablesorter-headerDesc.look-subfileheading-center {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) !important;
}

.look-datagrid .tablesorter thead .headerSortDown,
.look-datagrid .tablesorter thead .tablesorter-headerSortDown,
.look-datagrid .tablesorter thead .tablesorter-headerDesc{
    border-bottom: #000 2px solid;
    cursor: pointer;
}

.look-datagrid .tablesorter thead .sorter-false span:first-of-type {
    background-image: none;
    cursor: default;
    padding: 4px;
}

.look-datagrid .tablesorter-header-inner
{
    float:left;
}

.look-datagrid .tablesorter-header-inner-right
{
    float:right;
}



/** Pager
*/

.look-subfile-pager 
{
    clear:both;
    font-family:"Bitstream Vera Sans",Verdana,Helvetica;
    font-size:8px;

    margin-top: 2px;
}

.look-subfile-pager div
{
    padding:0em;
    display:inline;
}

.look-subfile-pager input
{
    clear:both;
    font-family:"Bitstream Vera Sans",Verdana,Helvetica;
    font-size:8px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}

.look-subfile-pager label
{
    margin-right: 5px;
}

.look-subfile-pager a
{
    display: inline-block;

    color:#333333;
    font-weight:bold;
    cursor: pointer;

    background-color:#dfedf7;
    border-width:1px; 
    border-style:solid; 
    border-color: #90c2e1;

    width: 16px;
    height: 16px;

    /* center any text within anchor */
    vertical-align: middle;
    text-align: center;
    text-decoration:none;
    line-height: 16px;
}

.look-subfile-pager a[disabled]
{
    opacity:0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}

.look-subfile-pager a:hover
{
    text-decoration:underline;
    background-color:#eef7fc;
}

.look-subfile-pager strong
{
    background:#0174bb;
    color:#fff;
}

.look-subfile-pager a.look-subfile-pager-update
{
    background-image: url(/images/Update.png);
    background-repeat:no-repeat;
    border-style: none;
    background-color:transparent;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;

    /*padding-right: 11px !important;
    padding-bottom: 4px !important;*/
}

.look-subfile-pager-first
{
    background-image: url(/images/GotoFirst.png);
    background-repeat:no-repeat;
    background-position-y: center;
    background-position-x: 25%;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager-previous
{
    background-image: url(/images/GoToPrevious.png);
    background-repeat:no-repeat;
    background-position: center;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager-next
{
    background-image: url(/images/GoToNext.png);
    background-repeat:no-repeat;
    background-position: center;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager-last
{
    background-image: url(/images/GoToLast.png);
    background-repeat:no-repeat;
    background-position-y: center;
    background-position-x: 75%;
    background-color: transparent;

    border-style: none;
}

.look-subfile-pager a.look-subfile-pager-link
{
    width: auto;
}

.look-subfile-pager a.look-subfile-pager-link.active
{
    background-color: #0174bb;
    color: #fff;
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
/*
table.dataTable tfoot {
	position:absolute;
	top:80px;
}
*/


table.dataTable td.highlight {
    background-color: #d4f3f3!important;
	color:#555;
}

#exampleOL tr:hover{
	background-color: #d4f3f3!important;
}
#example tr:hover{
	background-color: #d4f3f3!important;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
 /* width:70px!important;
  min-width:70px!important;*/
}

table.dataTable td{
  /*width:66px!important;
  min-width:66px!important;*/
}

#example table.dataTable thead th:first-child,
#example table.dataTable thead td:first-child,
#example table.dataTable tfoot th:first-child {
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  
  
}

#pieChartTable table.dataTable thead th:first-child,
#pieChartTable table.dataTable thead td:first-child,
#pieChartTable table.dataTable tfoot th:first-child {
  width:80px!important;
  min-width:80px!important;
  max-width:80px!important;
}

#listOfTrainContainerTable2 table.dataTable thead th:first-child,
#listOfTrainContainerTable2 table.dataTable thead td:first-child,
#listOfTrainContainerTable2 table.dataTable tfoot th:first-child {
  width:80px!important;
  min-width:80px!important;
  max-width:80px!important;
}

#listOfGPSTrainContainerTable2 table.dataTable thead th:first-child,
#listOfGPSTrainContainerTable2 table.dataTable thead td:first-child,
#listOfGPSTrainContainerTable2 table.dataTable tfoot th:first-child {
  width:80px!important;
  min-width:80px!important;
  max-width:80px!important;
}


table.dataTable thead th,
table.dataTable thead td {
 /* padding: 8px 0px;
  padding-left:4px;
  border-bottom: 1px solid #111111;*/
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
 /* padding: 10px 0px 6px 0px;*/
  padding: 0px 0px 0px 0px;
  border-top: 1px solid #c7d4dd;
}

table.dataTable td:first-child{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
}

table.dataTable .vtGPSTrs td:first-child {
	width:100px!important;
	min-width:100px!important;
	max-width:100px!important;
}

#listOfTrainContainerTable2 table.dataTable .vtGPSTrs td:nth-child(2) {
	width:70px!important;
	min-width:70px!important;
	max-width:70px!important;
}

#listOfTrainContainerTable_wrapper th:nth-child(2) div{
	width:70px!important;
	min-width:70px!important;
	max-width:70px!important;
}


#listOfGPSTrainContainerTable_wrapper th:nth-child(2) {
	width:200px!important;
	min-width:200px!important;
	max-width:200px!important;
}

#pieChartTable2_wrapper .dt-scroll-body{
	height:130px!important;
	min-height:130px!important;
	max-height:130px!important;
}
#pieChartTable2_wrapper .dt-search{
	margin-top:-20px!important;
	margin-bottom:10px!important;
	
}
#vtCarTableSum_wrapper .dt-search{
	font-size:13px!important;
	margin-top:-40px!important;
	margin-bottom:10px!important;
}
#listOfTrainContainerTable_wrapper .dt-search{
	font-size:13px!important;
	margin-top:0px!important;
	margin-bottom:10px!important;
}

#vtCarTableSum_wrapper .dt-scroll-body{
	height:156px!important;
	min-height:156px!important;
	max-height:156px!important;
}

table.dataTable .vtGPSTrs td:nth-child(3) {
	width:40px!important;
	min-width:40px!important;
	max-width:40px!important;
}
table.dataTable .vtGPSTrs td:nth-child(4) {
	width:40px!important;
	min-width:40px!important;
	max-width:40px!important;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  /*background: url(/Content/images-layout/visualYard/sort_both.png) no-repeat center right;*/
}
table.dataTable thead .sorting_asc {
  background: url(/Content/images-layout/visualYard/sort_asc.png) no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url(/Content/images-layout/visualYard/sort_desc.png) no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url(/Content/images-layout/visualYard/sort_asc_disabled.png) no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url(/Content/images-layout/visualYard/sort_desc_disabled.png) no-repeat center right;
}
table.dataTable tbody tr {
  background-color: white;
  font-size:14px;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  /*padding: 2px 0px 2px 3px;
   border-right: 1px solid #dddddd;*/

}



table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd!important;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  /*background-color: #f9f9f9;*/
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
 /* background-color: #abb9d3;*/
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
   /*background-color: whitesmoke;*/
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
   /*background-color: #a9b7d1;*/
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
   /*background-color: #f9f9f9;*/
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  /*background-color: #acbad4;*/
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  /*background-color: #f1f1f1;*/
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  /*background-color: #f3f3f3;*/
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  /*background-color: whitesmoke;*/
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  /*background-color: #a6b3cd;*/
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  /*background-color: #a7b5ce;*/
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  /*background-color: #a9b6d0;*/
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  /*background-color: #f9f9f9;*/
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  /*background-color: #fbfbfb;*/
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  /*background-color: #fdfdfd;*/
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  /*background-color: #acbad4;*/
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  /*background-color: #adbbd6;*/
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  /*background-color: #afbdd8;*/
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  /*background-color: #eaeaea;*/
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  /*background-color: #ebebeb;*/
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  /*background-color: #eeeeee;*/
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  /*background-color: #a1aec7;*/
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  /*background-color: #a2afc8;*/
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
 /* background-color: #a4b2cb;*/
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
 /* padding:3px;
  font-weight:bold;*/
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 5px 9px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 5px 9px 3px 9px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px 5px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}


#pieChartTable thead th{
	border-top:1px solid #c7d4dd;
	border-bottom:1px solid #c7d4dd;
}

#vtSumTotalCars thead th{
	border-top:1px solid #c7d4dd;
	border-bottom:1px solid #c7d4dd;
}


table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}


.dataTables_wrapper .dataTables_filter {
	/*margin-left:20px;*/
  float: right;
  text-align: left;
  margin-bottom:10px;
  /*font-size:15px;*/
  margin-top:-20px;
}
/*.dataTables_wrapper .dataTables_filter input {
	
  height:18px;
  font-size:15px;
}*/

#mainTableContainer .dataTables_filter {
	margin-left:20px;
  float: left;
  text-align: left;
}

#example_filter input{
	background-color:var(--colorBackMain)!important;
	color:var(--colorText)!important;
	height:30px;
	background-image:url(/images-layout/searchIcon.jpg);
	background-repeat:no-repeat;
	background-position:131px;
}

#example thead tr:nth-child(2){
	background-color:#c1c2c3!important;
	margin-bottom:5px;
	
}

#exampleFooter input:hover {
	background-color:#c1e1e1!important;
}

#exampleFooter input:hover {
	background-color:#c1e1e1!important;
}


.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  width:auto;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
 padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  /*height: 0;*/
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  color:#fff!important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
  
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}


.look-control.look-datecombo input[readonly],
.look-control.look-datecombo textarea[readonly]
{
    background-color: lightgray;
}

.look-control.look-datecombo button:after
{
    display: block;
    width: 100%;
    height: 100%;
    content: "";

    background-repeat: no-repeat;
    background-position: center;
}

.look-control.look-datecombo button.small:after
{
    /*background-image: url(/images/Combo_Sml.png);*/
}

.look-control.look-datecombo button.medium:after
{
    background-image: url(/images/Combo_Med.png);
}

.look-control.look-datecombo button.large:after
{
    background-image: url(/images/Combo_Lrg.png);
}

/* Change this font size to change the size of the jQuery DatePicker dropdown */
div.ui-datepicker{
    font-size: 1em;
}

/* 'Done' button style when jQuery DatePicker showButtonPanel enabled */
button.ui-datepicker-close {
    display: none;
}

/* 'Today' button style when jQuery DatePicker showbuttonPanel enabled, 
    specific css selector used in order to get priority over existing jQuery DatePicker style.*/
.ui-datepicker-buttonpane button.ui-datepicker-current {
    width: 100%;
    font-weight: bold;
    color: black;
	font-size:12px;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    margin-left: 0;
    margin-right: 0;
}


/** Css Styles for handling disabled controls
*/
[disabled]
{
    color: #CCC;
}

.look-listbox[disabled] select,
.look-combobox[disabled] input,
.look-datecombo[disabled] input,
.look-textbox[disabled] input,
.look-textbox[disabled] textarea
{
    background-color: #CCC;
}

[unselectable="on"]
{
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;    
}


.look-control.look-combobox input[readonly],
.look-control.look-combobox textarea[readonly]
{
    background-color: lightgray;
}

.look-control.look-combobox button:after
{
    display: block;
    width: 100%;
    height: 100%;
    content: "";

    background-repeat: no-repeat;
    background-position: center;
}

.look-control.look-combobox button.small:after
{
   /* background-image: url(/images/Combo_Sml.png);*/
    background-image: url(/images/Dots-dd.png);
	background-size:24px 24px;
	background-position:0px 2px;
}

.look-control.look-combobox button.medium:after
{
    background-image: url(/images/Combo_Med.png);
}

.look-control.look-combobox button.large:after
{
    background-image: url(/images/Combo_Lrg.png);
}

.ui-menu.look-combobox-menu {
    
    overflow-y: auto;

    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border: var(--colorBorders);

    /* clear border-radius that might be applied by jQuery 'ui-corner-*' CSS classes */
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-menu.look-combobox-menu.column-mode {
    
    border-collapse: collapse;
    display: table;
    table-layout: fixed;
}

/* clear border-radius that might be applied by jQuery 'ui-corner-*' CSS classes */
.ui-menu.look-combobox-menu > .ui-menu-item > a {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    min-height: 15px;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator {
    display: table-row-group;
    width: 100%;
    height:  1em;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator > a {
    display: table-row;
    overflow-x: hidden;
    white-space: nowrap;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator > a > span:first-of-type {
    border: solid black;
    border-width: 0 1px 0 0;
}

.ui-menu.look-combobox-menu > .ui-menu-item.seperator > a > span {
    display: table-cell;
    border-top: none;
    border-bottom: none;
    padding: 0 3px 0 3px;
    overflow-x: hidden;
}

     
.look-frame
{
    /* ensure that fieldset consumes entire height of parent */
    height: 100%;

    /* frames can overlay other controls and don't support any events
       so let all the events through (like it does not exist) 
    */
    pointer-events: none;
}
     
.look-frame fieldset
{
    /* ensure that fieldset consumes entire height of parent */
    height: 100%;
}

.look-frame fieldset legend
{
    /* Fix fox [19290] - This fixes an issue in IE where text does not wrap */
    display: table;
}

.look-functionkey
{
    position: relative;
}

.look-functionkey:not(.aspNetDispabled)
{
    cursor: pointer;

    /* FIX(sk:5748): If the browser supports it, set the cursor so it looks like a 'hand' */
    cursor: hand;
}

.look-functionkey span
{
    user-select: none;
}
.look-html {
    background-color: white;
}
.look-iframe {
    background-color: white;
}

.look-iframe > iframe {
    border: 0 none;
}


input:enabled:hover 
{            
    border-color: activecaption;
}

/** Disable the selection border (the outer blue selection border)
    when a input is disabled.
*/
[disabled] input,
[disabled] select,
[disabled] textarea,
[disabled] button
{
    outline: none;
}

.look-label .inner-container 
{
    display: table;
    max-width: inherit;
}

.look-label span
{
    max-width: inherit;
    display: table-cell;
    overflow: hidden;
}

.look-label span > p
{
    margin-top: 1em;
    margin-bottom: 1em;
}
/* font information propagates from div and its children by default unless they've been overridden on the next css entry */
.look-control.look-listbox * {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}

.look-control.look-listbox select
{
    position: relative;
    width: 100%;
    height: 100%;

    border-style: solid;
    border-color: #808080;
    border-width: 1px;
}


/* new lookserver 11.0  */





body{
	font-family: 'Roboto', Trebuchet, Arial !important;
	
}


.look-contentscreen
{
	min-height:575px!important;
	background-color:var(--colorNavAndMain);
	
}
#SessionOverlay {display:none!important;}



#TitleBarPanel{
	/*padding-top:5px;*/
	padding-right:30px;
	
}

input::placeholder{
	font-size:12px;
	color:var(--colorLabels)
	
	}



.flexColumnContainer #header {
	display:none;
}

.look-optionbutton label {
	color:var(--colorText)!important;
}

.hamMenuAddToLinks{
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	cursor:pointer;
}

.hamMenuAddToLinks:hover{
	background-color:#007dba;
	color:#fff;
}

#TitleBarPanel > h1{
	text-align:left;
	margin-left:40px;
	font-size:18px;
	font-family: Roboto!important;
}

#ContentScreen{
	/*margin-top:15px;*/
	background-image:var(--colorContentImage);
	background-repeat:repeat-x;
	  margin-left: 246px;
	-webkit-border-radius: 5px!important; 
	-moz-border-radius: 5px!important; 
	border-radius: 5px!important; 
	border:var(--colorBorders);
	background-position-y:-335px;
	
	height: calc(100% - 35px);
	/*background-color:var(--colorNavAndMain);*/
	background-color:var(--colorSidebar);
}

.dataTables_scrollBody{
	overflow:auto;
	
}

.dataTables_scrollBody thead:first-child{
/*	display:none;*/
	
}


.example_wrapper{
	text-wrap:nowrap;
}
.example_wrapper td{
	text-wrap:nowrap;
}
.example_wrapper th{
	text-wrap:nowrap;
}

#MasterScreen{
	width:100%!important;
	background-color:var(--colorNavAndMain)!important;
	margin-top:0px!important;
	height:100%!important;
	top:10px;
	padding:0px!important;
	/*background: linear-gradient(180deg, rgba(248,250,252,1) 0%, rgba(231,236,244,1)100%)*/
	
	background-image:var(--colorContentImage);
	background-repeat:repeat-x;
	/*background-position:0px -395px;*/
	margin-left:0px;
	
}

.look-fieldprompt.host-red{
	color:var(--colorRed)!important;
	
}
.look-fieldprompt.host-magenta{
	color:var(--colorRed)!important;
	
}

.look-fieldprompt.host-red.reversed {
	background-color:red!important;
	color:white!important;
	padding-left:5px;
}

#TopScreen__nlctl8898_Image{
	margin-top:12px;
}


.look-fieldprompt.host-red.reversed {
	background-color:red!important;
	color:white!important;
	padding-left:5px;
}
.look-entryfield.host-green.reversed {
	color:#fff!important;
	background-color:var(--colorRed)!important;
	padding-left:2px;
}

.look-entryfield.host-black {
	color:var(--colorText)!important;
}


.mlvChooseTrack{
border-bottom:2px solid #c7d4dd!important;
border-top:2px solid #c7d4dd!important;
}
.mlvChooseTrack:hover{
	background-color:#007dba;
	color:#fff!important;
	cursor:pointer;
}

#dynamicMenuBreadcrums{
	font-size:14px;
	font-weight:500;
	
}

#dynamicMenuBreadcrums:hover{
	color:#007dba;
	cursor:pointer;
}

.tabEnabled{
	color:var(--colorText)!important;
	cursor:pointer;
	
}
.tabEnabled:hover{
	color:#007dba!important;
	cursor:pointer;
}
.tabDisabled{
	color:var(--colorTabDisabled)!important;
	cursor:default;
}
.tabDisabled:hover{
	color:var(--colorTabDisabled)!important;
	cursor:default;
}

#piechartLarge g rect{
	cursor: pointer!important;
}
#piechartLarge g g rect{
	cursor: pointer!important;
}
#piechartLarge g path{
	cursor: pointer!important;
}

.pietd{
	cursor: pointer!important;
}

#dashPopupFilters2 input{
	background-color:#fff!important;
}

#copyStatus{ 
 color:#000066; font-size: 1em; text-align:left;
}
#copyStatus1{ margin-left:-145px; }

#btnExcel { visibility:hidden; }
#copyStatus1{ margin-left:-145px; }
#btnAppend { visibility:hidden; }
.copyBtn1 { width:24px; height:30px; background-image:url(/images-layout/append-icon-sm.png); background-repeat:no-repeat;border:0px;}
.copyBtn3 { width:24px; height:30px; background-image:var(--colorCopyIcon); background-repeat:no-repeat;border:0px;background-size:70%;}
.copyBtn4 { width:24px; height:30px; background-image:var(--colorPasteIcon); background-repeat:no-repeat;border:0px;background-size:70%;}
.copyBtn6 { width:24px; height:30px; background-image:var(--colorUndoIcon); background-repeat:no-repeat;border:0px;background-size:70%;}
.copyBtn7 { width:24px; height:30px; background-image:url(/images-layout/paste-icon-sm-x.png); background-repeat:no-repeat;border:0px;}
.copyBtnPP1 { width:52px; height:26px; background-color:#ffffff;}
.copyBtnPP2 { width:52px; height:26px; background-color:#ffffff;}

.copyBtn1:hover { width:24px; height:30px; background-image:url(/images-layout/append-icon-sm-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn3:hover { width:24px; height:30px; background-image:url(/images-layout/copy-icon-sm-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn4:hover { width:24px; height:30px; background-image:url(/images-layout/paste-icon-sm-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn6:hover { width:24px; height:30px; background-image:url(/images-layout/undo-icon-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn7:hover { width:24px; height:30px; background-image:url(/images-layout/paste-icon-sm-x-on.png); background-repeat:no-repeat;border:0px;}
.copyBtnPP1:hover { width:52px; height:26px; background-color:#007dba;}
.copyBtnPP2:hover { width:52px; height:26px; background-color:#007dba;}
#displayCopyPaste{
	width:100%;
	height:1000px;
	position:absolute;
	z-index:8000;
	text-align:center!important;
	margin-top:-300px;
	padding-top:200px;
	background-image:url(/images-layout/visualYard/lightGreyBgrd.png);
}
#displayCopyPaste2{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	height:100px;
	
}
#MasterScreen__nlctl56, #MasterScreen__nlctl57, #MasterScreen__nlctl58, #MasterScreen__nlctl59, #MasterScreen__nlctl60, #MasterScreen__nlctl61, #MasterScreen__nlctl62, #MasterScreen__nlctl63, #MasterScreen__nlctl64, #MasterScreen__nlctl65, #MasterScreen__nlctl66, #MasterScreen__nlctl67, #MasterScreen__nlctl68, #MasterScreen__nlctl79, #MasterScreen__nlctl80, #MasterScreen__nlctl81, #MasterScreen__nlctl82, #MasterScreen__nlctl83, #MasterScreen__nlctl72, #MasterScreen__nlctl73, #MasterScreen__nlctl74, #MasterScreen__nlctl75, #MasterScreen__nlctl76, #MasterScreen__nlctl77, #MasterScreen__nlctl78{
	visibility:hidden;
}


#TransitionalHyperLink{
	color:#fff;
	
}

.look-menuheading{
	color:var(--colorText)!important;
}

.look-clickable img{
	top:0px!important;
}

#ContentPopup
{
	margin:0px !important;
	padding:0px !important;
	cursor:default!important;
	border:var(--colorBorders)!important;
	color:var(--colorText)!important;	
	display:none;	
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all{
	display:none;
	margin-left:3000px;
}

#ContentPopup.look-fieldprompt{
	color:var(--colorText)!important;
}
#ContentPopup .look-fieldprompt{
	color:var(--colorText)!important;
}
#ContentPopup.look-fieldprompt.host-green.look-transparent{
	color:var(--colorText)!important;
}



#BaseScreen{
	background-color:transparent!important;
}
.look-background{
	background-color:transparent!important;
}

#ContentPlaceHolderUpdatePanel{
	width:100%!important;
	overflow:hidden!important;
	height:100%!important;
	margin-left:45px;
	margin-right:45px;
	background-color:transparent!important;
	
}

#linkContainerBack{
	position:absolute;
	z-index:1100000000!important;
	width:100%;
	height:100%;
	margin-top:-40px;
}
th{
	
	height:26px!important;
}

#hSubMenuHist{
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	border:var(--colorBorders)
}

.subMenuPreSelected{
	color:var(--colorTextInvertMenu)!important;
	background-image:url(/Content/Session/Controls/images-layout/hamLinkBack.jpg)
}
.subMenuPreSelected:hover{
	/*color:var(--colorTextInvertMenu);*/
}

.subMenuNotPreSelected{
	color:var(--colorText);
	background-image:none;
}
.subMenuNotPreSelected:hover{
	color:var(--colorTextInvertMenu);
	background-image:url(/Content/Session/Controls/images-layout/hamLinkBack.jpg)
}

.hamMenuH{
	padding:5px;
	padding-top:5px;
	/*height:15px;*/
	display:inline-block;
	color:var(--colorTextInvertMenu)!important;
	cursor:pointer;
	width:240px;
}
.hamMenuH:hover{
	background-color:#e8e9eb;
	color:var(--colorTextInvertMenu)!important;
}
.hamMenuH a{
	color:var(--colorText)!important;
}

.hamMenuH:hover a{
	color:var(--colorTextInvertMenu)!important;
}
.look-instruction span{
	font-size:12px!important;
}
/*
.dataTables_scrollBody thead{
	display:none;
}*/

.mainGreyButton{
	font-size:15px;
	color:#000;
	height:25px;
	padding-top:5px;
	padding-left:7px;
	padding-right:7px;
	background-color:#e8e9eb;
	border:1px solid #c7d4dd;
	margin-left:5px;
	padding-bottom:4px;
	
}

.mainGreyButtonRefresh{
	
	margin-left:5px;
	width:24px; 
	height:30px; 
	display:inline-block;
	background-image:var(--colorRefreshIcon); 
	background-size:26px;
	background-repeat:no-repeat;
	margin-top:-6px;
}

.mainGreyButtonRefresh:hover{
	//background-image:url(/images-layout/undo-icon-on.png);
	cursor:pointer;
}

.mainGreyButton:hover{
	background-color:#3e87e8;
	color:#fff;
	cursor:pointer;
}

.vyClipSumLink2{
	padding:5px;
	background-image:url(/Content/images-layout/dropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position:top right;
	cursor:pointer;
	padding-right:15px;
}
.vyClipSumLink2:hover{
	background-image:url(/Content/images-layout/dropdownarrow2-1-on.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#007dba;
	color:#fff!important; 
	cursor:pointer;
}
.vyClipSumLink2:hover span{
	
	background-color:#007dba;
	color:#fff!important; 
	cursor:pointer;
}
.vyClipSumLink2 span{
	padding:5px
}

#cTabVT:hover{
	color:#007dba;
}
#cTabVY:hover{
	color:#007dba;
}
#cTabDB:hover{
	color:#007dba;
}
#cTabRM:hover{
	color:#007dba;
}
#cTabML:hover{
	color:#007dba;
}





.zeroclipboard-is-hover {background-color:#007dba!important;color:#fff;}
#linkContainer{
	position:absolute;
	z-index:2500000;
	padding:10px;
	background-color:#fff;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}
#linkContainer div {
	color:#000;
	border-bottom:none;
	font-size:14px;
	cursor:pointer;
	
}
#linkContainer div {
	
	padding-bottom:5px;
	padding-top:3px;
}
#linkContainer div div{
	padding-top:0px;
}
#linkContainer div:hover {
	background-color:#e8e9ef;
}
#linkContainerBack{
	position:absolute;
	z-index:2400000;
	width:100%;
	height:100%;
	margin-top:-40px;
}
.pageUpBtn{
	width: 34px;
	position: absolute;
	height: 68px;
	top: 323px;
	left: 261px;
	z-index: 25000 !important;
	visibility:hidden;
	background-image: var(--colorPrevBtn);
	background-size:65%;
	background-repeat:no-repeat;
	
	
}
.pageUpBtn:hover{
	background-image: url(/images-layout/prev-bnt-on.png);
	cursor:pointer;
}

.pageDownBtn{
	width: 34px;
	position: absolute;
	height: 68px;
	top: 323px;
	/*left: 1220px;*/
	right:22px;
	z-index: 25000 !important;
	visibility:hidden;
	background-image: var(--colorNextBtn);
	background-size:65%;
	background-repeat:no-repeat;
}
.pageDownBtn:hover{
	background-image: url(/images-layout/next-bnt-on.png);
	cursor:pointer;
}
.myLinksItems{
	
	font-weight:normal;
}
.myLinksItems:hover{
	/*background-image: url(/images/redBackground.jpg);*/
	background-color:#e8e9eb!important;
	color:var(--colorTextInvertMenu)!important;
}
.myLinksItems:hover a{
	/*background-image: url(/images/redBackground.jpg);*/
	background-color:#e8e9eb!important;
	color:var(--colorTextInvertMenu)!important;
}

.look-optionfield.host-green.reversed {
	background-color:var(--colorRed)!important;
	
}

.look-pushbutton-align-center img{
	display:none;
}

.look-pushbutton-align-center{
	background-image: var(--colorArrowGo)
	/*background-position: -3px 0px;*/
	
	
}
.look-pushbutton-align-center:hover{
	/*background-image: url(/images/Dots-on2.jpg)*/
	background-image: var(--colorArrowGoHover)
}

#exampleBody tr{
	height:34px;
}

.ui-menu-item-wrapper:hover{
	 background-color: #007dba;
}


.look-updown
{
    border: none;
    background-color: #e2e8ed;
	margin-top:4px!important;
	padding:0px!important;
	height:21px!important;
}

.look-popupscreen .look-updown{
	margin-top:4px!important;
	padding:0px!important;
	height:21px!important;
}

.look-updown > button:hover
{
	background-color:red!important;
}

#TopScreen
{
/*	min-height:420px!important;
	width:812px!important;
	padding-top:10px!important;
	margin-top:0px!important;
	background-color:#fff!important;
	overflow:hidden!important;*/
	background-color:transparent!important;
	min-height:650px!important;
	margin-left:0px;
}

#TopScreen > div
{
	height:0px!important;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}

th {
	text-align:left!important;
	font-family: Roboto, Roboto,Arial, Trebuchet!important;
	font-size:12px!important;
}

.host-black{
	/*color:transparent!important;*/
}

.look-commandbutton .host-black{
	color:transparent!important;
}

.look-commandbutton button{
	height:21px!important;
}

.look-datecombo button{
	width:23px!important;
	height:19px!important;
	background-size:17px 17px!important;
	background-repeat: no-repeat;
}

.look-unknownprotected{
	font-family: Roboto, Roboto,Arial, Trebuchet!important;
	
}
.look-unknownprotected.host-white.look-transparent{
	color:var(--colorBlue)!important;
}

.look-unknownprotected.host-green{
	background-color:transparent!important;
}

.look-unknownprotected span{
	font-family:Roboto, bahnschrift, Arial!important;
	font-size:11px!important;
	
}

.look-commandbutton{
	
	margin-top:3px!important;
	height:21px!important;
	margin-left:-4px!important;
	color:#transparent!important;
	
}

.look-control .look-commandbutton .imageonly{
	height:13px!important;
	width:13px!important;
    cursor: pointer;
    height:21px!important;
	margin-left:-4px!important;
}


.look-datagrid .look-subfiledata
{
	font-family: Roboto, Trebuchet, Arial !important;
	font-weight:normal !important;
	font-size:13px !important;
	padding-left:3px;
	padding-top:1px;
	padding-bottom:1px;
	height:30px!important;
	
}

.look-datagrid .look-subfiledataalternate
{
	font-family: Roboto, Trebuchet, Arial !important;
	font-weight:normal !important;
	font-size:13px !important;
	padding-left:3px;
	padding-top:1px;
	padding-bottom:1px;
	height:30px!important;
}


	#myLinksTable li { width:550px; background-color:var(--colorBackMain); height:31px; padding:0px !important; margin:0px!important; background-image:url(/icons/drag.svg);  background-repeat:no-repeat; background-position: 8px 6px;padding-top:-4px!important;border-bottom:1px solid white; margin-top:2px; padding-top:1px!important; cursor:move; margin-bottom:3px!important; margin-top:6px!important; border-bottom:1px solid #c7d4dd;}
		
		#myLinksTable li input{ cursor:text; color:var(--colorText)}
		
		#myLinksTable li img {padding-top:5px;}
		#myLinksTable li:hover .removeMyLink {visibility:visible;}
		
		#myLinksTable input { padding:1px!important; margin:0px!important; margin-left:16px !important; margin-top:1px !important; padding-top:-4px;padding-left:3px!important; font-size:13px;top:2px;height:18px;}
		#myLinksTable span { font-family: Roboto, arial; font-size:13px; color:#999; }
		
		#myLinksTable .menuButton { background-color:#3f4145; color:White; padding:5px; padding-left:10px; padding-right:10px; text-decoration:none!important; cursor:pointer !important;}
		#myLinksTable .menuButton:hover { background-color:#007dba; color:White; padding:5px; padding-left:10px; padding-right:10px; text-decoration:none !important; cursor:pointer !important;}
		#myLinksTable .menuButtonPlain { background-color:white; color:White; padding:5px; padding-left:10px; padding-right:10px; text-decoration:none!important;}
		
		#myLinksTable #clearMenuConfirm{visibility:hidden; background-color:red; width:386px; height:96px; position:relative; left:40px; margin-top:-380px; background-image:url(/Content/images/clearMyLinksConfirm.jpg);border:2px solid red;}
		#myLinksTable .removeMyLink{
			background-color:red;
			
			width:8px;
			font-size:14px;
			color:white;
			margin-left:10px;
			/*margin-right:auto;*/
			padding-left:3px;
			padding-right:3px;
			margin-top:0px!important;
			cursor:pointer;
			position:relative;
			font-family: Roboto,arial;
			font-weight:bold;
			visibility:hidden;
		}
		#myLinksTable .removeMyLink:hover{
		background-color:#007dba;
		}
		#sortableMF { list-style-type: none; margin: 0; padding: 0; width: 60%;padding-left:25px!important; }



.myLinksSelectColor{
	height:16px; 
	color:#000; 
	font-size:11px;
	background-color:#e8e9eb;
	border:1px solid #c7d4dd;
	width:120px;
	padding-top:4px;
	padding-left:6px;
	margin-left:-4px;
	cursor:pointer;
	background-image:url(/icons/Chevron-down.svg);
	background-repeat:no-repeat;
	background-size:12px;
	background-position:105px 5px;
}

#openColorPickerTable div{
	width:34px;
	min-width:34px;
	height:34px;
	min-height:34px;
}


#openColorPickerTable div:hover{
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}

.ui-datepicker-header{
	font-size:15px;
}

.ui-datepicker-calendar{
	font-size:9px;
}

.ui-widget-header {
	/*border: var(--colorBorders);*/
	background: var(--colorNavAndMain);
	color: var(--colorText);
	/*font-weight: bold;*/
}

.ieEightMessage { visibility:hidden!important; }

.look-control.look-label.look-screeninfo.host-green{
	visibility:hidden!important;
}

.look-screeninfo.host-white.look-transparent{
	color:var(--colorText)!important;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}

.look-instruction.host-white.look-transparent{
	color:var(--colorText)!important;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}

.look-instruction.host-red.look-transparent{
	color:var(--colorRedDark)!important;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}


.look-control.look-functionkey{
padding-left:0px;
}

.look-subfileheading.host-white.tablesorter-header.tablesorter-headerUnSorted{
width:auto!important;
/*font-size:9px;*/
}

.look-subfileheading{}
.look-datagrid .look-subfileentryfield{}
.look-datagrid table tbody tr td:last-child{}
.look-datagrid .look-subfileentryfield .look-subfileentryfield{}
.look-functionkey
{
  
	border:0px;
	font-family: Roboto, Roboto,Arial, Trebuchet;
	font-size:11px;
	z-index:3001 !important;
	
}

.look-functionkey:hover
{
	background-color:#e8e9eb;
	color:var(--colorTextInvertMenu)!important;
}

.ui-state-active{
	border-bottom:none!important;
}

.look-functionkey-image
{
	display: none;
	visibility: hidden;
}

.look-functionkey a
{
	
	/*border-bottom:0px solid #3f4145;*/
	/*padding: 5px 3px;*/
	color: var(--colorText)!important;
	display: block;
	margin: 0px;
	position: relative;
	text-decoration:none;
	background-image:none;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	/*border-bottom:1px dotted #666;*/
	font-family: Roboto, Roboto,Arial, Trebuchet;
}

.look-functionkey:hover a
{
	
	color:var(--colorTextInvertMenu)!important;
	/*padding: 5px 3px;*/
	/* color: #fff;*/

}

.look-functionkey a span
{
	display:block!important;
	font-weight:normal;
}

#btnCP{
	
	color:#000;
	/*border:2px solid #007dba!important;*/
padding:3px;
margin-top:-2px;
cursor:pointer;
	
}

#btnCPY{
	
	background-color:#007dba;
	color:#fff;
	/*border:2px solid #007dba!important;*/
	padding:3px;
cursor:pointer;
	
}



#vyFunctionKeys .look-functionkey
{
vertical-align:middle;	
height:31px;
padding-top:5px;

}


#visualYardColorLegend{
	position:absolute; 
	width:220px; 
	background-color:white; 
bottom:85px; right:20px;
height:417px; 

border:1px solid #c7d4dd;
-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}



#openColorPickerdiv2{
	width:295px;
	height:353px;
	background-color:var(--colorNavAndMain);
	border:var(--colorBorders);
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}


#vyFunctionKeys .look-functionkey a
{
	vertical-align:middle;	
	font-size:14px;
	height:31px;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	
}

#seqView li div {
	text-overflow: ellipsis;
	overflow:hidden;
}

#visualYardColorLegendId li{
	background-image:url(/Content/images-layout/dropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position:150px -5px;
	cursor:pointer;
	font-size:12px; 
	list-style-type:none; 
	margin-bottom:3px;
	margin-right:10px;
	max-height:500px;
}
#visualYardColorLegendId li:hover{
	background-image:url(/Content/images-layout/dropdownarrow2-1-on.png);
	background-color:#e8e9eb;
	color:#fff; 
}
#visualYardColorLegendId li:hover > span, #visualYardColorLegendId li:hover span{
	background-color:#3573c5;
	color:#fff!important; 
}
#wbaCarInfo td{
padding:0px;
margin:0px;
border:none;
font-size:13px;
height:14px;
}
#carInfoContentResq2 li{

	/*background-image:url(/Content/images-layout/whitesquare.png);*/
	background-position: left top;
	background-repeat:no-repeat;

}

.look-functionkey > a > span{
	/*padding-top:5px;
	padding-left:3px;
	height:26px;
	min-height:26px;*/
}


.look-functionkeyMN span
{
	border-bottom:0px solid #3f4145;
	/*padding: 5px 3px;*/
	color: #fff;
	display: block;
	margin: 0px;
	position: relative;
	text-decoration:none;
	background-image:none;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border-bottom:1px dotted #666;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}
.look-functionkey a:hover
{
	/*background-color:#e8e9eb ;
	 color: #fff;*/
	 color:var(--colorTextInvertMenu)!important;
	
}
.look-functionkeyMN span:hover
{
	background-color:#3397c7 ;
	 color: #fff;
}

.host-green{
	color:var(--colorText)!important;
	
}

.look-outputfield{
	/*height:20px!important;*/
	color:var(--colorText)!important;
	padding-left:1px;
	padding-right:1px;
	/*margin-top:3px;*/
	/*border:1px solid #84888a;
	border-style:ridge!important;*/
	font-size:7px!important;
	/*border-color:#84888a!important;*/
	border:none;
	border-style:none!important;
	font-weight:500;
	text-align:left!important;
	font-family:Roboto,Arial, Trebuchet!important;
	height:28px!important;
	margin-top:0px!important;
}



.look-outputfield span{
	
	height:26px!important;
}

.look-datagrid table tbody tr
{
	text-align:left !important;
	min-width:20px !important;
	/*color:#000!important;*/
	font-family:Roboto,Arial, Trebuchet!important;
	font-size:13px!important;
	border-bottom: var(--colorBorders);
	/*border-right: 1px solid #c9d4dd;*/
	height:26px!important;
	background-color:var(--colorBmedium)!important;
}

.look-datagrid table tbody tr .host-green
{
	
	background-color:var(--colorBmedium)!important;
}

.look-datagrid table tbody tr .host-white
{
	background-color:var(--colorNavAndMain)!important;
	color:var(--colorBlue)!important;
}

.look-datagrid table tbody tr .host-black
{
	background-color:var(--colorBmedium)!important;
	color:orange!important;
}

.look-datagrid table tbody tr .host-blue
{
	background-color:var(--colorNavAndMain)!important;
	color:var(--colorBlue)!important;
}

.look-datagrid table tbody tr .host-white.reversed
{
	background-color:#ffcc99!important;
	color:#000!important;
}

.look-datagrid table tbody tr .host-white.entry-capable
{
	background-color:var(--colorBmedium)!important;
	padding-right:2px;
}

.look-datagrid table tbody tr .host-green.reversed
{
	background-color:orange!important;
}

.look-datagrid table tbody tr input
{
	background-color:var(--colorInputs)!important;
}

.look-datagrid table tbody tr .host-white input
{
	background-color:var(--colorInputs)!important;
	border:var(--colorBorders)
}
.look-datagrid table tbody tr .host-red
{
	background-color:var(--colorNavAndMain)!important;
	color:var(--colorRed)!important;
}
.look-datagrid table tbody tr .host-red.reversed
{
	background-color:var(--colorRed)!important;
	color:#fff!important;
}

.look-datagrid table tbody tr .host-yellow
{
	background-color:#f4f385!important;
	color:#000!important;
}

.look-outputfield.host-green.reversed
{
	background-color:orange!important;
}

.look-outputfield.host-cyan
{
	background-color:var(--colorBackMain)!important;
}


.look-fieldprompt.host-white.look-transparent
{
	
	color:var(--colorDarkText)!important;
}

.look-fieldprompt.host-blue.look-transparent
{
	
	color:var(--colorBlue)!important;
}
.look-fieldprompt.host-cyan.look-transparent
{
	
	color:var(--colorBlue)!important;
}
.look-fieldprompt.host-green.reversed
{
	
	background-color:var(--colorBackMain)!important;
}

.look-fieldprompt.host-green.look-transparent
{
	
	color:var(--colorText)!important;
}

.look-fieldprompt.host-white.reversed
{
	background-color:#e5533b!important;
	color:var(--colorTextInvertMenu)!important;
	padding-left:2px;
	
}

.look-datagrid table tbody tr 
{
	height:23px!important;
	
}


.look-fieldprompt.host-yellow.look-transparent
{
	
	color:var(--colorBlue)!important;
}

.hover:hover {
	color:var(--colorAppTitle)!important;
	
}


#pieChartTable thead th{
	border-top:1px solid #c7d4dd;
	border-bottom:1px solid #c7d4dd;
}

#vtSumTotalCars thead th{
	border-top:1px solid #c7d4dd;
	border-bottom:1px solid #c7d4dd;
}

.reversed{
	color:#333333!important;
}



td .host-green.reversed {
	background-color:orange!important;
}



.look-fixedentrycapable-white,.look-fixedentrycapable-red,.look-fixedentrycapable-cyan,.look-fixedentrycapable-green {
	border-style:solid;
    border-color:#c9d4dd;
    background-color: #d7fdfd;
  
    box-sizing: border-box;
   
	background-color: #e2e8ed ;
	min-width:16px;
	height:22px !important;
	width:75px !important;
	font-size:11px !important;
	font-family: Roboto, Trebuchet, Arial !important;
}
.look-fixedentrycapable-greenreversed, .look-fixedentrycapable-redreversed, .look-fixedentrycapable-cyanreversed, .look-fixedentrycapable-whitereversed {
	border-style:solid;
    border-color:#c9d4dd;
    background-color: #f5cd9e !important;
   
    box-sizing: border-box;
   
	min-width:16px;
	height:22px !important;
	width:75px !important;
	font-size:11px !important;
	font-family: Roboto, Trebuchet, Arial !important;
}


.look-fieldprompt.host-green
{
	
	/*color:#333;
	padding:3px 2px 0px 2px;*/
	padding:none!important;
	/*font-size:7px !important;*/
	border:0px !important;
	text-align:left !important;
	vertical-align:top!important;
	background-color:transparent;
	font-family:Roboto;
	color:var(--colorLabels)!important;
}


.look-fieldprompt.host-green.look-transparent
{
	
	color:var(--colorDarkText)!important;
}



#dmSubmitBtn2{
	background-image:var(--colorFastPathArrow);
	width:15px!important;
	min-width:15px!important;
	max-width:15px!important;
	
	height:23px!important;
	min-height:23px!important;
	max-height:23px!important;
	margin-left:155px;
	margin-top:-23px;
	margin-bottom:-25px;
	z-index:130000;
	position:absolute
	
}

#dmSubmitBtn23{
	background-image:var(--colorFastPathArrow);
	width:15px!important;
	min-width:15px!important;
	max-width:15px!important;
	
	height:23px!important;
	min-height:23px!important;
	max-height:23px!important;
	margin-left:155px;
	margin-top:-23px;
	margin-bottom:-25px;
	z-index:130000;
	position:absolute
	
}
#dmSubmitBtn22{
	background-image:var(--colorFastPathArrow);
	width:15px!important;
	min-width:15px!important;
	max-width:15px!important;
	
	height:23px!important;
	min-height:23px!important;
	max-height:23px!important;
	
	z-index:130000;
	position:absolute
	
}
#dmSubmitBtn2:hover{
	background-position:-15px 0px;
	cursor:pointer;
}
#dmSubmitBtn23:hover{
	background-position:-15px 0px;
	cursor:pointer;
}
#dmSubmitBtn22:hover{
	background-position:-15px 0px;
	cursor:pointer;
}
#Content{
	height:100%!important;
	position:absolute!important;
	/*background-color:#fff;*/
	border:0px solid #c7d4dd;
	margin-top:0px;
	/*border-top:1px solid #c7d4dd;*/
	
}


/* new lookserver 11.0 end */




#menu .menuSublink{
	background-image:url(/images-layout/entryArrowLeft.png);
	background-repeat:no-repeat;
	background-position:3px 0px;
}
#menu a
{
	display: inline-block;  
	zoom: 1;
	height: 25px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto, Trebuchet, Arial !important;
	font-size: 13px;
	line-height: 25px;
	vertical-align: middle;
}
#menu li:hover > a{color: #fafafa;}

#menu ul li:hover > a{color: #fafafa;background: #007dba;}

*html #menu li a:hover /* IE6 */
{ color: #fafafa;}

#menu li:hover > ul{display: block;}

/* Sub-menu */
#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: -12px;
	z-index: 99999!important;
	background: #ffffff;
	-moz-box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	-webkit-box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	
	text-align: left;
}
#menu ul ul
{
	top: 0;
	left: -150px;
	display: none;
}
#menu ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	-moz-box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
	box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
}
#menu ul li:last-child
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a
{
	height: 10px;
	width: 130px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color: #686a6b;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #ffffff;
	border-bottom:#ccc;
}
*html #menu ul a /* IE6 */
{
	height: 10px;
	background: #ffffff;
}

*:first-child+html #menu ul a /* IE7 */
{    
    height: 10px;
	background: #ffffff;
}
#menu ul a:hover
{
    background: #007dba !important;
}
#menu ul li:first-child > a
{
	
}

#menu ul li:first-child > a:after
{
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #eeeeee;
}
#menu ul ul li:first-child a:after
{
	left: -8px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 0;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	/*border-right: 8px solid #98a1a5;*/
	
}
#menu ul li:first-child a:hover:after
{
	border-bottom-color: #007dba;
}
#menu ul ul li:first-child a:hover:after
{
	border-bottom-color: transparent;
}
#menu ul li:last-child > a
{

}
/* Clear floated elements */
#menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

#dynamicMenuContainer{
	position:relative;
	width:100%;
	height:0px;
	top:50px;
	z-index:20000;
	visibility:hidden;
	font-weight:normal;
}
.dmLink{
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:14px;
	font-weight:normal;
	height:18px;
	width:310px;
	margin-bottom:3px;
	color:var(--colorText);
}
.dmLinkHam{
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:14px;
	font-weight:normal;
	/*height:18px;*/
	width:245px;
	margin-bottom:3px;
	color:var(--colorText);
	padding:3px;
	padding-left:3px;
}


.dmLinkHamSub{
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:14px;
	font-weight:normal;
	/*height:18px;*/
	width:226px;
	margin-bottom:3px;
	color:var(--colorText);
	padding:3px;
	padding-left:0px;
}

.dmLinkHamSub:hover {
	background-color:#e8e9eb;
	cursor:pointer;
	color:var(--colorTextInvertMenu)
	/*color:#fff;*/
}

.dmLinkHamSub:hover .dmLinkNum{
	 color:var(--colorTextInvertMenu)!important;
}


.dmLinkTitle {
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:14px;
	font-weight:bold;
	height:18px;
	width:240px;
	margin-bottom:3px;
	color:var(--colorText);
	/*padding-left:40px;*/
}
.dmLinkTitle2 {
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:14px;
	font-weight:bold;
	height:28px;
	width:240px;
	margin-bottom:3px;
	color:var(--colorText);
	/*padding-left:40px;*/
	cursor:pointer;
}
.dmLinkTitle2:hover {
	
	color:#007dba;
	/*padding-left:40px;*/
	cursor:pointer;
}

.dmLinkTitleHam {
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:14px;
	font-weight:bold;
	height:auto;
	width:248px;
	margin-bottom:3px;
	color:var(--colorText);
	text-transform:uppercase;
	/*padding-left:40px;*/
}


.dmLink:hover {
	background-color:#e8e9eb;
	cursor:pointer;
	
}
.dmLinkHam:hover {
	background-color:var(--colorHoverMenu);
	cursor:pointer;
	color:var(--colorText);
	/*color:#fff;*/
}

.dmLinkHam:hover .dmLinkNum{
	 color:var(--colorTextInvertMenu)!important;
}

.dmLink:hover .dmLinkFP{ visibility:visible;  padding-top:3px;}
.dmLink:hover .dmLinkNum{ 
color:var(--colorTextInvertMenu)!important;

}

.dmLinkNum{
	float:left;
	width:15px;
	font-weight:700;
	text-align:right;
	margin-right:5px;
	font-size:14px;
	/*color:var(--colorText);*/
	cursor:pointer;
	margin-bottom:5px;
}

/*.appChangeImg:hover{
	background-image:url(/images-layout/visualYard/menuAppIconWeb-on.jpg)!important;;
}*/

.appChangeImg:hover div{
	color:#007dba!important;
	
}
.appChangeImg:hover div:first-child{
	color:#fff!important;
}

#ui-id-1, #ui-id-2, #ui-id-3, #ui-id-4, #ui-id-5, #ui-id-6, #ui-id-7, #ui-id-8, #ui-id-9, #ui-id-10, #ui-id-11, #ui-id-12, #ui-id-13, #ui-id-14, #ui-id-15, #ui-id-16, #ui-id-17, #ui-id-18, #ui-id-19, #ui-id-20,#ui-id-21, #ui-id-22, #ui-id-23, #ui-id-24, #ui-id-25, #ui-id-26, #ui-id-27, #ui-id-28, #ui-id-29, #ui-id-30 {
	z-index:1300000000000000000000000000000!important;
	min-width:218px;
}

ul[id*='ui-id-']{
	z-index:1300000000000000000000000000000!important;
	min-width:218px;	
}



#dmClearHamSubMenu{
	
	width:100%;
	text-align:right;
	background-image:var(--colorCloseMenu);
	background-repeat:no-repeat;
	background-position-x:right 10px;
	background-size:12px;
	
	height:20px;
	min-height:20px;
	cursor:pointer;
}


#VYclosePopup{
	
	width:40px;
	margin-right:180px;
	position:absolute;
	left:259px;
	
	text-align:right;
	background-image:url(/images-layout/visualYard/settingsCloseBtn.png);
	background-repeat:no-repeat;
	background-position:11px 0px;
	background-size:12px;
	
	height:20px;
	min-height:33px;
	cursor:pointer;
}
#VYclosePopup:hover{
	background-image:url(/images-layout/visualYard/settingsCloseBtn-On.png);
}

.ui-slider-range.ui-widget-header {
	background:orange;
}
.ui-slider {
	background: green!important;
}
#sliderRedDiv {
	float: right;
	height: 100%;
	background: red;
	border-radius: 0 4px 4px 0;
}


#example_filter input{
	background-color:var(--colorBackMain)!important;
	color:var(--colorText)!important;
	height:30px;
	background-image:url(/images-layout/searchIcon.jpg);
	background-repeat:no-repeat;
	background-position:131px;
}

.vySliderBox{
	width:60px;
	Height:70px;
	border:1px solid #555;
	-webkit-border-radius: 3px!important; 
	-moz-border-radius: 3px!important; 
	border-radius: 3px!important; 
	color:green; 
	font-weight:bold; 
	text-align:center; 
	border-top:6px solid green; 
	padding-top:5px; 
	font-size:13px; 
	font-family:arial;
	float:left;
	margin-left:20px;
	margin-right:20px;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}


.autoLI{
	font-size:14px;
	font-family:Roboto;
	color:var(--colorText);
	padding:5px;
	
}
.autoLI:hover{
	background-color:#e8e9eb;
	color:var(--colorTextInvertMenu);
	cursor:pointer;
}


#dmClearHamSubMenu:hover{
	background-image:url(/images-layout/visualYard/settingsCloseBtn-On.png);
}

#dmOptionInputLabel{
	float:left;font-size:11px!important; font-weight:bold!important; color:#57657a!important; margin-left:20px;top:7px;position:inherit; 
}

#dmOptionInput{
	float:left;height:19px!important; font-size:11px!important; left:8px; width:34px; top:2px; position:relative;visibility:visible;
	background-color:var(--colorInputs);
	padding-left:2px;
}
#dmFastPathInput, #dmCarNumInput, #dmCarIniInput, #dmFastPathSysInput{
	/*border:1px solid #57657a!important;*/
/*	background-color:#d0d3d8!important;*/
color:var(--colorText)

}
#dmFastPathInput:hover, #dmCarNumInput:hover, #dmCarIniInput:hover, #dmFastPathSysInput:hover{
	/*border:1px solid #57657a!important;*/
/*	background-color:#d0d3d8!important;*/
color:var(--colorText)

}


.dmLinkFP{
	margin-left:240px;
	position:relative;
	visibility:hidden;
	margin-top:-19px;
	font-size:14px;
	color:#333;
	
}
.dmBreadCrum, .dmBreadCrumNoHighlight{
	line-height:12px;
	padding:3px;
	font-weight:500;
	font-size:12px!important;
}

.dmBreadCrum:hover {
	
	color:#007dba!important;
	cursor:pointer;
}
.dmNotepadContainer{
	max-height:480px;
	overflow-x:hidden; 
	overflow-y:auto; 
	width:240px; 
	margin-top:8px; 
	text-align:left;
	font-size:13px!important;
	color:#000;
}

.dmMenuNotepadTitle{
	
	background-color:#d8e0e5;
	width:150px; 
	height:18px;

	padding-top:2px;
	padding-bottom:3px;
	margin-left:30px;
	margin-top:-4px;
	padding-left:10px;
	font-size:14px;
	color:#2c404c;
	background-image:url(/images-layout/dropdownarrow.png);
	background-repeat:no-repeat;
	background-position:105px 0px;
	font-weight:normal;
	border: 1px solid #999;
	
}
.cdmMenuNotepadTitle{
	
	background-color:#d8e0e5;
	width:40px; 
	height:18px;
	
	padding-top:2px;
	padding-bottom:3px;
	margin-top:-4px;
	padding-left:10px;
	font-size:14px;
	color:#2c404c;
	background-image:url(/images-layout/dropdownarrow.png);
	background-repeat:no-repeat;
	background-position:15px 0px;
	font-weight:normal;
	border: 1px solid #999;
	
}

.dmMenuNotepadTitle:hover, .cdmMenuNotepadTitle:hover{
	background-color:#96a8b2;
	cursor:pointer;
}


.dmClearAllBtn{
	
	background-color:#919191;
	color:#fff;
	font-size:11px;
	padding:2px;
	margin-left:10px;
	text-decoration:none;
}
.dmClearAllBtn:hover{background-color:#007dba;}

.dmNotepadLink{
	border-bottom:0px solid #3f4145;
	padding: 2px 3px;
	padding-bottom:2px;
	padding-left:0px;
	color: #fff;
	display: block;
	margin: 0px;
	position: relative;
	text-decoration:none;
	background-image:none;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border-bottom:1px dotted #666;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}
.dmNotepadLink:hover{
background-color:#007dba ;
	background:White !important;
	background:#3573c5 !important;
}
.dmNotepadLink span{width:220px;display:block;padding-left:0px;}
.dmNotepadLink:hover span{color:#ebebeb!important;}
.dmRemoveNotepadItem{
	background-color:red;
	
	color:#fff;
	width:12.5px;
	height:20px;
	padding-left:3px;
	margin-left:220px;
	margin-top:-18px;
	visibility:hidden;
	position:relative;
}

.dmRemoveNotepadItem:hover{background-color:orange;}
.dmNotepadLink:hover .dmRemoveNotepadItem{visibility:visible;}

.dmOptionLink{
	padding-left:10px;
	cursor:pointer;
	border:2px solid #007dba!important;
	color:#333;
}
.dmOptionLink:hover{background-color:#007dba;color:#fff;}
.dmOptionLinkSys{
	padding:0px;
	padding-left:10px;
	cursor:pointer;
	color:#333;
	border-bottom:1px dotted #999;
}
.dmOptionLinkSys:hover{background-color:#007dba;color:#fff;}
#dmSubmitBtn2{
	background-image:var(--colorFastPathArrow);
	width:15px!important;
	min-width:15px!important;
	max-width:15px!important;
	height:23px!important;
	min-height:23px!important;
	max-height:23px!important;
	margin-left:155px;
	margin-top:-23px;
	margin-bottom:-25px;
	z-index:13000000;
	position:absolute
}
#dmSubmitBtn2:hover{background-position:-15px 0px;cursor:pointer;}
#dmFCSubmitBtn2{
	background-image:var(--colorFastPathArrow);
	width:15px!important;
	min-width:15px!important;
	max-width:15px!important;
	height:23px!important;
	min-height:23px!important;
	max-height:23px!important;
	margin-left:155px;
	margin-top:-23px;
	margin-bottom:-25px;
	z-index:13000000;
	position:absolute
}
#dmFCSubmitBtn2:hover{background-position:-15px 0px;
	cursor:pointer;
}


#dbInfoCreateTrains input{
	margin-top:3px;
}
#dbInfoCreateTracks input{
	margin-top:3px;
}


.9iconapp{
	width:30px; 
	padding:0px;
	background-image:url(/Content/Session/Controls/images-layout/9appicon.jpg); 
	background-repeat:no-repeat;
}

.9iconapp:hover{
	background-image:url(/Content/Session/Controls/images-layout/9appicon-on.jpg); 
}

.lvInfoIcon{
	width:20px!important;
	min-width:20px!important;
	height:20px!important;
	min-height:20px!important;
	block:display;
	background-image:url(/Content/images-layout/info-icon.png);
	background-repeat:no-repeat;
	margin-left:20px;
	margin-top:3px;
}
.lvInfoIcon:hover{
	background-image:url(/Content/images-layout/info-icon-on.png);
}

#example tbody tr td:first-child{

background-image:url(/images-layout/info-icon.png);
background-repeat:no-repeat;
background-position:10px 10px;
cursor:pointer;
width:30px!important;
	min-width:30px!important;

}

#example tbody tr td{
	/*border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;*/
	/*	min-width:70px;*/
		text-wrap:nowrap;
		padding-right:30px;
		border-top: 1px solid #dddddd!important;
}
#example tbody tr th{
	/*border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;*/
	/*	min-width:70px;
		text-wrap:nowrap;*/
		
}

#example thead tr{
	/*position:absolute;
	margin-top:-350px;*/
}
#example thead th{
	/*position:absolute;
	margin-top:-350px;*/
	min-height:0px!important;
	max-height:0px!important;
	height:2px!important;
}

#example tfoot{
	/*position:absolute;
	margin-top:-350px;*/
	/*display:none;*/
	visibility:hidden;
}

#example th div{
	color:#fff!important;
	min-height:20px;
	text-transform:uppercase;
}

#example thead th div{
	/*position:absolute;
	margin-top:-350px;*/
	min-height:0px;
	max-height:0px;
	height:0px;
	font-size:1px;
}


#example tbody tr th:first-child{
	min-width:36px;
}

#example tbody tr td:first-child{
	min-width:36px;
	padding-right:0px;
}

.mlvTD {
	border-left:1px solid #f9f9f9;
}


#dbTrainContextMenu td:hover{
	background-color:#007dba; 
	color:#fff;
}

#dashPopupFilters2 input{
	padding-left:3px;
}

#clearFilterBtn{
	visibility:hidden;
	cursor:pointer; 
	padding:10px;
	padding-bottom:2px;
	position:absolute; 
	width:100px; 
	height:10px; 
	color:#000; 
	font-size:14px; 
	top:300px; 
	z-index:3000000; 
	left:300px;
	background-color:#fff;
	border:1px solid #c7d4dd;
	text-align:center;
	max-height:25px;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}

#clearFilterBtn:hover{
	background-color:#007dba; 
}


.seqFormatItem{height:25px;max-height:25px;}
.seqFormatItem:hover {color:#000!important;cursor:pointer;}
.seqFormatItem:hover td{color:#000!important}
.seqFormatItem:hover .seqFormatItemDef{visibility:visible;}

.seqFormatItem:hover .dmRemoveNotepadItem{visibility:visible;}

.seqFormatItemDef{visibility:hidden;background-color:transparent!important;}
.seqFormatItemDef:hover {text-decoration:underline;}

.seqFormatItem:hover{
	background-color:#e8e9eb!important;
	color:#000!important;
}


.seqFormatItem2{height:25px;cursor:pointer;}
.seqFormatItem2:hover{
	background-color:#e8e9eb!important;
	color:#000!important;
}
.seqFormatItem2:hover i{
	color:#000!important;
}


.cTabsCR{
	
	color:#96a8b2;
	font-size:13px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}




.cTabs:hover, .cTabsCR:hover{
	color:#007dba;
	
	cursor:pointer;
}
.cTabsOn{
	
	color:#007dba;
	/*font-size:13px;
	padding: 3px 8px;
	margin-left:-4px;
	margin-right:0px;
	padding-right:3px;
	padding-right:8px;*/
}




#settingsHelpMenu{
	display:none;
	background-color:#fff;
	color:#000;
	width:266px;
	height:500px;
	position:absolute;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	right:220px;
	z-index:30000000000;
}

#settingsHelpMenu a{
	color:var(--colorText)!important;
	padding:3px;
	font-size:14px;
	
}
#settingsHelpMenu a:hover{
	background-color:var(--colorHoverMenu)!important;

}

#firstSubHelp div div{
	padding:5px;
	font-size:14px;
	padding-left:8px;
	cursor:pointer;
	color:var(--colorText)!important;
}

#firstSubHelp div div:hover{
	color:var(--colorText);
	background-color:var(--colorHoverMenu);
}



#SecondSubHelp div div{
	padding:5px;
	font-size:14px;
	padding-left:8px;
	cursor:pointer;
	color:var(--colorText)!important;
}

#SecondSubHelp div div:hover{
	background-color:#e8e9eb;
	color:var(--colorText);
	background-color:var(--colorHoverMenu);
}

#ThirdSubHelp div div{
	padding:5px;
	font-size:14px;
	padding-left:8px;
	cursor:pointer;
	color:var(--colorText)!important;
}

#ThirdSubHelp div div:hover{
	background-color:#e8e9eb;
	color:var(--colorText);
	background-color:var(--colorHoverMenu);
}


#listViewDiv{
	border-top:1px solid #c7d4dd;
	/*height:calc(100% - 100px)!important;*/
}

#seqFormatOrder li{
	width:320px; padding:3px;margin:3px;text-align:left; background-color:#ccc;padding-left:30px;
	background-image:url(/images-layout/updown-icon.png);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
#seqFormatOrder li:hover{
	background-color:#007dba!important;
	color:#fff!important;
}

#seqFormatOrder li:hover span{
	color:#fff!important;
}

#seqFormatOrder2 li{
	width:190px; padding:3px;margin:3px;text-align:left; background-color:#ccc;padding-left:30px;margin-left:-20px;
	background-image:url(/icons/drag.svg);
	background-repeat:no-repeat;
	background-position:0px 1px;
}
#seqFormatOrder2 li:hover{
	background-color:#007dba!important;
	color:#fff!important;
}

#seqFormatOrder2 li:hover span{
	color:#fff!important;
}

#mlvToMoveUL li{
	width:290px; padding:3px;margin:3px;text-align:left; 
	background-color:#fff;
	border:1px solid #c7d4dd;
	padding-left:30px;margin-left:0px;
	background-image:url(/icons/drag.svg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	height:18px;
}
#mlvToMoveUL li:hover{
	background-color:#007dba!important;
	color:#fff!important;
}

#mlvToMoveUL li:hover span{
	color:#fff!important;
}

.btnConfirmMoveVY{
	color:#007dba;
	width:100%;
	text-align:left;
	text-decoration:underline;
	height:30px;
	padding-top:8px;
	cursor:pointer;
	font-size:16px;
	padding-left:10px;
}
.btnConfirmMoveVY:hover{
	background-color:#007dba;
	color:#fff;
	cursor:pointer;

}


#colorLegendHandle{
	background-color:#fff; 
	text-align:left; 
	color:#000;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:9px;
	margin-bottom:-10px;
	font-size:17px;
	cursor:move;
	border-bottom:2px solid #c7d4dd;
	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none; /* IE10+ */
}
#colorLegendRightClick{
	position:absolute;
}
#vyLegendColotTable td div {
	width:16px;
	height:16px;
	border:2px solid #999;
}

#sideDropDownMenu .grid-menuitem{
	font-size:13px !important;
	font-family: Roboto, Trebuchet, Arial;
	Border-style:none;
	Border:None;
	padding: 5px 0p 5px 7px;
	font-weight:normal !important;
	color:var(--colorText);
	text-align:left;
	cursor:pointer;
	font-weight:normal !important;
	text-decoration:none;
	line-height:15px
	/*border-bottom:1px dotted #ccc;*/
	}
	
.look-grid-menuitem:hover {color:#e8e9eb;}

#ddid .grid-menuitem{
	/*border-left:2px solid #007dba;
	border-right:2px solid #007dba;*/
}
	
#sideDropDownMenu .grid-menuitem:hover
{
	background-color:#e8e9eb !important;
	color:var(--colorTextInvertMenu)!important;
	cursor:pointer;
}
#sideDropDownMenu .grid-menuitem span{}

.grid-menuitem
{
	font-size:14px !important;
	font-family: Roboto, Trebuchet, Arial;
	Border-style:none;
	Border:None;
	padding: 5px 0px 5px 16px;
	font-weight:normal !important;
	color:var(--colorText);
	text-align:left;
	cursor:pointer;
	font-weight:normal !important;
	text-decoration:none;
	line-height:15px;
	background-color:var(--colorBackMain);
	width:200px
}

.grid-menuitem:hover
{
	color:#007dba!important;
}



/*server101*/
.look-gridmenuitem
{
	font-size:15px !important;
	Border-style:none;
	Border:None;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	Background-color:White !important;
	font-weight:bold !important;
	Color:#333;
	border-left:2px solid #007dba;
	border-right:2px solid #007dba;
	text-align:left;
	border-bottom:1px dotted #ccc;
	font-weight:normal !important;
}
/*server101*/
.look-gridmenuitem:hover
{
	font-size:15px !important;
	Border-style:none;
	Border:None;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	background-color:#007dba !important;
	font-weight:bold !important;
	color:#333;
	border-left:2px solid #007dba;
	border-right:2px solid #007dba;
	text-align:left;
	border-bottom:1px dotted #ccc;
	font-weight:normal !important;
	cursor:pointer;
}



.editBtnTrackSelection { color:white; padding:4px; padding-top:3px; padding-bottom:3px;font-size:14px; background-color:var(--colorButton); text-decoration:none;}
.editBtnTrackSelection:hover { background-color:#007dba!important; cursor:pointer;}


.look-datagrid table tbody tr td:first-child
{
	/*text-transform:uppercase;
	width:10px!important;
	max-width:10px!important;*/
	background-color:var(--colorBmedium)!important;
}

.inner-container{}

#TopScreen2727 .btn-small{
	height:16px;
	line-height:15px;
	font-size:10px;
	
}

#ContentPopup #TopScreen2727 .btn-small{
	height:20px;
	line-height:20.4px;
	font-size:13px;
	
}
#TopScreen2727{}

.look-datagrid table tr td:first-child
{
/*	text-transform:uppercase;
	width:10px!important;
	max-width:10px!important;*/
}
.look-datagrid table th
{
	pointer-events:none;
}
.look-datagrid table th:first-child
{
	text-transform:uppercase;
	/*width:10px!important;*/
/*	max-width:19px!important;*/
}

.look-datagrid table th:hover
{
	cursor:pointer;
}

/*
.look-datagrid table tbody tr td:first-child input
{
	text-transform:uppercase;
	
	width:10px;
	min-width:10px;
	height:18px!important;
	border:none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	margin-left :2px!important;
	background-color:#cae8ff ;
	text-align:left!important;
	font-size:9px;
	
	font-family:Roboto,Arial, Trebuchet;
}
*/

#sideDropDownMenu{
	
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	background-color:var(--colorBackMain)
}

.look-datagrid table tbody tr td:first-child input
{
	text-transform:uppercase;
	

	/*width:10px;*/
	min-width:10px;
	height:26px!important;
	border:none;
	
	
	margin-left :2px!important;
	/*background-color:#cae8ff ;*/
	border:var(--colorBorders);
	text-align:left!important;
	font-size:9px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	font-family:Roboto,Arial, Trebuchet;
}


.look-fieldprompt.host-white{
	text-transform:none!important;
}
.look-fieldprompt .host-white span{
	text-transform:none!important;
}

.look-entryfield{
	text-align:left!important;
	color:#000;
	font-family:'Roboto',Arial, Trebuchet!important;
	font-weight:normal;
}
.look-entryfield.host-white
{
	color:var(--colorText)!important;
	font-family:'Roboto',Arial, Trebuchet!important;
	font-weight:normal!important;
	
}
.look-entryfield .host-white
{
	color:var(--colorText)!important;
	font-family:'Roboto',Arial, Trebuchet!important;
	font-weight:normal;
	
}
.look-outputfield .host-white, .look-outputfield .host-green
{
	
	background-color:transparent!important;
	border-width:0px;
}
.look-outputfield.host-magenta{
	background-color:transparent!important;
	border-width:0px!important;
}

.look-outputfield.host-white, .look-outputfield.host-green
{
	
	background-color:transparent!important;
	border-width:0px;
}

.look-outputfield.host-white.reversed
{
	color:var(--colorText)!important;
}


.look-outputfield.host-blue
{
	background-color:transparent!important;
	
}
.look-outputfield.host-red
{
	background-color:transparent!important;
	
}

.look-entryfield.host-red.reversed
{
	color:#fff!important;
	background-color:var(--colorRed)!important;
	
}

.look-unknownprotected{
	color:#57657a;
	/*color:#57657a!important;
	font-size:11px!important;*/
	font-size:11px;
	text-transform:uppercase;
}

.host-white{
	color:var(--colorText);
	font-weight:500;
}
.look-outputfield .host-white span
{
	font-size:7px!important;
}

.host-green{
	/*color:#57657a;*/
}


.look-pushbutton{
	border-style:solid!important;
	border-top:var(--colorBorders)!important;
	border-right:var(--colorBorders)!important;
	border-bottom:var(--colorBorders)!important;
	border-left:none!important;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}


#seqView li:hover > div:first-child{}
#vyRSQFront:hover{}
#vyRSQFront{}



.look-datagrid{
	width:100%!important;
	border-top:150px;
	/*left:13px!important;*/
}
.look-datagrid table{
	/*min-height:*/
}

.look-datagrid td{
	font-weight:normal!important;
	text-align:left!important;
}



.look-datagrid td {
	font-weight:normal!important;
	text-align:left!important;
}

button{
	
	border:none!important;
}
.look-pushbutton{
	background-color:#e2e8ed!important;
}

.look-pushbutton button{
	background-position:0px 3px!important;
}

.look-datecombo > div button
{
	background-color:Transparent;
}

.look-instruction{
	font-family: Roboto, Trebuchet, Arial;
}

#containerDB h3{
	font-size:13px;
}


.dashboardBlackTab{
	padding-left:5px; 
	padding-right:5px; 
	
	color:#000; 
	
	border-bottom:0px;
	padding:3px;	
	
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	width:150px;
	font-size:15px;
}
.dashboardBlackTab2{
	padding-left:5px; 
	padding-right:5px; 
	
	color:#000; 
	
	padding:3px;	
	
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	width:270px;
	font-size:15px;
}

.dashboardWhiteTab{
	padding-left:5px; 
	padding-right:5px; 
	
	color:#000; 
	border-bottom:0px;
	padding:3px;	
	
	width:150px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
}
.dashboardWhiteTab2{
	padding-left:5px; 
	padding-right:5px; 
	
	color:#000; 
	border-bottom:0px;
	padding:3px;	
	
	width:270px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
}

.dashboardWhiteTab2:hover{
	color:#007dba;
	cursor:pointer;
}

.dashboardWhiteTab:hover{
	color:#007dba;
	cursor:pointer;
}
#dashListOfStations, #dashListOfStationsAV{
	width:312px; 
	/*height:644px;*/
	overflow-x:hide; 
	overflow-y:auto; 
	margin-bottom:10px; 
	margin-top:-1px;
	
}
#dashListOfTrains,#dashListOfTrainsAV{
	width:332px; 
	height:644px;
	overflow-x:hide; 
	overflow-y:auto; 
	margin-bottom:10px; 
	margin-top:-1px;
	
}
#dashListOfClipboard{
	width:332px; 
	
	overflow-x:hide; 
	overflow-y:auto; 
	margin-bottom:10px; 
	margin-top:-1px;

}

.dbTrackActionLink{
	padding:3px;
	font-size:12px;
}

.dbTrackActionLink:hover{
	color:#007dba!important;
	cursor:pointer;
}

.dashClipItem{
	text-align:left;
	padding:0px;
	padding-left:10px;
	margin:0px!important;
	border-bottom:1px solid #ccc;
	
}

.dashClipItem span{
	padding-right:15px;
	
	background-repeat:no-repeat;
	background-position: right -3px;

}


.dashClipItem:hover{
	background-color:#007dba!important;
	color:white;
	cursor:pointer;
}

.dashClipItem:hover span{
	
}














.dashTrainItem{
	text-align:left;
	padding:0px;
	padding-left:10px;
	margin:0px!important;
	border-bottom:1px solid #ccc;
	background-image:url(/images-layout/dbdropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position: right -3px;
	
	
}

.dashTrainItem span{
	padding-right:15px;
	

}


/*.dashTrainItem:hover{
	background-color:#007dba!important;
	color:white;
	cursor:pointer;
}

.dashTrainItem:hover span{
	background-image:url(/images-layout/dbdropdownarrow2-1-on.png);
}*/



#dashListView{
	visibility:hidden;
}
#dashDDContainer{
	position:absolute;
	width:auto;
	font-size:12px;
	color:#000;
}
.dashDDItem{
	padding:3px;
}
.dashDDItem:hover{
	background-color:#e8e9eb;
	color:#000; 
	cursor:pointer;
}
.dashTableTD{
	border-bottom:1px solid #ccc;	
}
.dashTableTD:hover{
	background-color:#e8e9eb;
	color:#000; 
	cursor:pointer;
}

/*zone2*/


.dashTableTD1{
	border-bottom:1px solid #ccc;
	height:26px;
}

.dashTableTD2{
	border-bottom:1px solid #ccc;
	/*padding-right:15px;
	background-image:url(/images-layout/dropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position:top right;*/
	height:26px;
}

.dashTableTD2:hover{
	/*background-image:url(/images-layout/dropdownarrow2-1-on.png);*/
	background-color:#e8e9eb;
	cursor:pointer;
}


.dashLishViewFromFindBtn{
	background-color:#fff; 
	color:#000;
	padding-left:5px;
	padding-right:5px; 
	float:right;
	font-size:14px;
}
.dashLishViewFromFindBtn:hover{
	background-color:#e8e9eb;
	cursor:pointer;	
}
.dashCloseDD{
	background-color:#fff;
	color:#000;
	width:16px;
	text-align:center;
	margin-top:-50px;
	margin-left:98px;
}
.dashCloseDD:hover{
	background-color:#e8e9eb;
	cursor:pointer;	
}
.dashAddFilterBtn{
	background-color:#fff; 
	color:#000;
	padding-left:5px;
	padding-right:5px; 

	font-size:14px;
}
.dashAddFilterBtn:hover{
	background-color:#e8e9eb;
	cursor:pointer;	
}
.dashDeleteFilter{
	width:19px;
	height:19px;
	min-width:19px;
	min-height:19px;
	margin-left:300px;
	background-color:#999;
	color:#fff;
	text-align:center;
	margin-top:-20px;
}
.dashDeleteFilter:hover{
	background-color:#e8e9eb;
	cursor:pointer;	
	
}

.dashTrackItem{
	display:block;
	/*border-bottom:1px dotted #555;*/
	padding-right:25px;
	padding-top:3px;
	padding-bottom:6px;
	background-image:url(/images-layout/dbdropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position: right -3px;
}




.dashTrackItem:hover{
	background-color:#e8e9eb;
	cursor:pointer;	
	color:#fff!important;
	background-image:url(/images-layout/dbdropdownarrow2-1-on.png);
}

.dbSelectionFromAction{
	padding-top:3px;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	
}

#hamMenu3{
	width:260px; 
	height:500px; 
	z-index:700000000000000000000000000000; 
	float:left; 
	background-color:var(--colorBackMain);
	position:absolute; 
	display:none;
	padding:5px;
	overflow-y: auto;
	overflow-x: hidden;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	
}

#dashListOfStations div span{
	font-size:12px;
}


#vyManageViews{
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	
}

.dbInputField{
	width:27px;
	text-transform:uppercase;
	background-color: #e2e8ed ;
	border-style:none;
	border:1px solid #c7d4dd;
	padding-left:3px;
	/*float:left;*/
	display:inline-block;
	position:relative;
	font-size:12px;
	height:18px;
}

.dbButtonField{
	background-image:url(/images-layout/Combo_Med_single.png);
	background-repeat:no-repeat;
	height:20px;
	width:17px;
	margin-right:3px;
	border:1px solid #c7d4dd;
	display:inline-block;
	margin-bottom:5px;
	margin-left:-10px;
	background-color:#fff;
	border-left:none;
	position:relative;
	
}
.dbButtonField:hover{
	background-image:url(/images-layout/Dots_down_single.png);
	cursor:pointer;
}
.dbFilterCheckmark{
	width:20px; 
	height:19px; 
	background-image:url(/images-layout/dbCheckmark.png); 
	background-repeat:no-repeat;
	float:left;cursor:pointer;
	margin-left:5px;
	margin-top:2px;
	margin-right:5px;
}
.dbFilterCheckmarkChecked{
	width:20px; 
	height:19px; 
	background-image:url(/images-layout/dbCheckmark-on.png); 
	background-repeat:no-repeat;
	float:left;cursor:pointer;
	margin-left:5px;
	margin-top:2px;
	margin-right:5px;
}

.dbListItem{
	/*border-bottom:1px dotted #555;*/
	color:#000;
	padding-left:10px;
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;
}

.dbListItem:hover{
	background-color:#007dba;
	color:#fff;
	cursor:pointer;
}

.dbUpdateBtn{
	background-color:#555;
	color:#fff;
	width:50px;
	padding:3px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:12px;
	text-align:center;
}

.dbUpdateBtn:hover{
	background-color:#007dba;
	cursor:pointer;
}


#dashListOfStations h3 {border:1px solid #ccc; background-color:#fff!important;}
#dashListOfStations .dashTrainItem h3 {
	border:0px solid #ccc; 
	background-color:#fff!important; 
	background-image:url(/images-layout/dbdropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position: right -3px;
	}
#dbInfoCreateTracks h3 {border:1px solid #ccc; background-color:#fff!important;}
#listOfViewsID2 h3 {border:1px solid #ccc;}



#dashListOfStations .dashTrainItem h3:hover{
	background-color:#007dba!important;
	color:#fff!important;
	background-image:url(/images-layout/dbdropdownarrow2-1.png);
	background-repeat:no-repeat;
	background-position: right -3px;
	cursor:pointer;
}

#dashPopupFront td{
	border:0px!important;
}
#example tbody {
margin-top:-20px;
}
#example thead {
/*visibility:hidden;
max-height:0px;*/
}
.google-visualization-tooltip{
background-color:#fff;
}
#dashListView tr td {
}
#ui-datepicker-div{
	z-index: 400000000000!important;
	width:200px;
	height:250px;
	padding-top:10px;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	border:var(--colorBorders);
	
	
}
#dbInfoWindow td {
border:2px solid #f9f9f9;
}
#dbTrainContextMenu tr{
	padding:0px;margin:0px;height:16px!important;
	color:#000;
}
#dbTrainContextMenu a{
	color:#000;
	text-decoration:none;
}
#transToolTable .translationItem:hover{
	background-color:#007dba;
	color:#FFF!important;
}
#dbTrainContextMenu tr:first-child:hover{
}
#dbTrainContextMenu tr:hover{
	background-color:#007dba;
	color:#FFF!important;
}
#dbTrainContextMenu tr:hover a{
	color:#FFF!important;
}	
#mainTableContainer #example_filter{
	min-width: 500px;
	position:absolute;
	z-index:30000;
	height:15px;
	padding-left:50px;
}

#listViewDiv #example_filter{
	width:160px;
	margin-bottom:40px;
	height:70px;
	right:20px;
	position:absolute;
	margin-top:-30px;
	
	}
#listViewDiv #example_filter input{
	height:20px;
	background-color:var(--colorBackMain)!;
	color:var(--colorText)
	}

#example_wrapper .dataTables_scroll{
	
	padding-top:30px!important;
	}
#pieChartTable2_wrapper .dt-scroll-body{
	height:120px!important;
	min-height:120px!important;
	max-height:120px!important;
}
#example_length{
	visibility:hidden;
}

#dashPopupFilters ::-moz-placeholder {  /* Firefox 19+ */
    font-size:10px!important;
	 color:#333;
}
#dbTrainContextMenu td:hover{
	background-color:#007dba; 
	color:#fff;
}


.dbViewItem{
	font-size:14px;
	background-color:#fff;
	color:#000;
	cursor:pointer!important;
	height:38px!important;
	min-height:18px!important;
}

.dbViewItem:hover{
	background-color:#e8e9eb;
	cursor:pointer!important;
}

.dbViewItem td{
	height:18px!important;
	min-height:18px!important;
}

.dbViewItem:hover td, .dbViewItem:hover td:nth-child(2), .dbViewItem:hover td:nth-child(3){
	background-color:#e8e9eb;
	cursor:pointer!important;
}

.dbViewItem:hover .dbViewItem2{
	visibility:visible;
}

.dbViewItem a{
/*text-decoration: underline;*/
color:#000;
padding:1px;
}


.dbViewItem a:hover{
	
	
}

.dbViewItem2{
color:#000;
/*visibility:hidden;*/
}


#findCarVYid1:hover{
	border:1px solid #57657a;
}
#findCarVYid2:hover{
	border:1px solid #57657a;
}

.dashboardTr{
	height:14px!important;
	background-image:url(/images-layout/tableUnderline.jpg);
	background-repeat:repeat-x;
	background-position:0px 4px;
}

.spinnerPannel{
	/*top:190px;*/
	text-align:center !important;
	position:absolute !important;
	z-index:3000000 !important;
	width:100% !important;
	visibility:hidden;
}
.spinnerPannel2, .spinnerPannelApp{
	top:-8px;
	text-align:center !important;
	position:absolute !important;
	z-index:3000000 !important;
	width:100% !important;
	visibility:hidden;

	
}

.dbFilterLink:hover .dbSFilterLink{
	visibility:visible;
	background-color:#e8e9eb;
}
.dbFilterLinkT:hover .dbSFilterLink{
	visibility:visible;
	background-color:#e8e9eb;
}


.dbFilterLink:hover .dbSFilterLinkT{
	background-color:#e8e9eb;
	
}

.dbFilterLink:hover ::-moz-placeholder{
	
}

.dbFilterLink:hover {
	background-color:#e8e9eb;
	
	cursor:pointer;
}

.dbSFilterLink{
	visibility:hidden;
	float:right;
	margin-right:5px;
	margin-top:-18px;
}



.btnCircle{
	
	
	display:block; 
	position:absolute; 
	z-index:101; 
	font-size:20px;	
	font-weight:Normal;
	min-width:22px !important; 
	max-width:78px !important; 
	height:24px !important;
	border: 1px solid #2b5ea2;
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:3px;
	padding-top:0px;
	background-color:#fff;
	font-weight:bold;
}


.btnCircle:hover{
	background-color:#007dba;
}
.btnSCircle:hover{
	background-color:#007dba;
}
.btnSCircleX:hover{
	background-color:#007dba;
}

.btnSFilterX:hover{
	background-color:#007dba;
}

.btnSFilterX{
	
	visibility:hidden;
	display:block; 
	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:16px !important; 
	width:18px !important;
	height:14px !important;
	border: 1px solid #2b5ea2;
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:1px;
	padding-top:0px;
	background-color:#007dba;
	font-weight:bold;
	
	cursor:pointer;
	}

.btnSCircle, .btnSCircleX{
	
	
	display:block; 
	/*position:absolute; */
	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:16px !important; 
	width:18px !important;
	height:14px !important;
	border: 1px solid #2b5ea2;
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:1px;
	padding-top:0px;
	font-weight:bold;
	
	cursor:pointer;
}



#containerDB .look-functionkey
{
  
	border:0px;
	font-family: Roboto, Roboto,Arial, Trebuchet;
	font-size:12px;
	z-index:3001 !important;
}
#containerDB .look-functionkey-image
{
	display: none;
	visibility: hidden;
}

#containerDB .look-functionkey a
{
	
	border-bottom:0px solid #3f4145;
	padding: 5px 3px;
	color: #fff;
	display: block;
	margin: 0px;
	position: relative;
	text-decoration:none;
	background-image:none;
	font-weight:bold;
	font-size:16px;
	cursor:pointer;
	border-bottom:1px dotted #666;
	font-family: Roboto, Roboto,Arial, Trebuchet;
	margin-top:-8px;
}


#dbFunctionKeys .look-functionkey > a > span{
	
	height:16px!important;
	min-height:16px!important;
	padding-top:2px!important;
}


#containerDB .look-functionkeyMN span
{
	border-bottom:0px solid #3f4145;
	padding: 5px 3px;
	color: #fff;
	display: block;
	margin: 0px;
	position: relative;
	text-decoration:none;
	background-image:none;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;
	border-bottom:1px dotted #666;
	font-family: Roboto, Roboto,Arial, Trebuchet;
}
#containerDB .look-functionkey a:hover
{
	/*background-color:#007dba ;
	color:White !important;*/
	background:#e8e9eb !important;
}
#containerDB .look-functionkeyMN span:hover
{
	background-color:#3397c7;

}

.look-default-pagebody {
background: var(--colorPageBackground)

}


#DBSelectViewDD{
	font-family:Roboto;
	font-size:15px;
}

#containerDB select{
	font-family:Roboto;
}

.dbPieTitle{
	font-family:'Roboto';
	font-size:12px;
	color:#57657a;
	text-transform:uppercase;
	padding:3px;
	padding-right:15px;
	padding-left:15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}

#settingsMenu{
	width:210px;
	height:230px;
	position:absolute; 
	display:none;
	top:56px; 
	background-color:var(--colorBackMain); 
	color:var(--colorText); 
	right:12px;
	z-index:300000000000000000000;
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	border: var(--colorBorders)
}


/* visual yard */
#trackSelect{visibility:hidden; width:850px; height:500px; border:1px solid #ccc; overflow-y:auto;}
#selectTrackButton { font-family: Roboto, Trebuchet, Arial !important; height:26px;	padding: 0px 4px; color: #fff;display: block;margin: 0px 0px 0px 0px; padding-top:7px;  text-decoration:none;background-image:none;font-weight:normal;font-size:15px;cursor:pointer;background:#007dba !important; width:130px; text-decoration:none;}
#displayTracksButton { visibility:hidden; }
.viewItemStyleA {  font-size:14px; color:#333!important; text-decoration:none; border-bottom:1px solid #ccc!important; }
.viewItemStyle {  font-size:14px; color:#333!important; text-decoration:none; border-bottom:1px solid #ccc!important;padding:6px; }
.viewItemStyle:hover {  background-color:#b9d4e3;}
#sortable2 { list-style-type: none; margin: 0; padding: 0; width: 60%; padding-top:0px; background-color:#fff; }

#sortable2 li { margin: 0 0 5px 5px; padding: 2px; padding-right:0px; font-size: 1.2em; height: 1.5em; }
#sortable2 li:hover { margin: 0 0 5px 5px; padding: 2px; padding-right:0px; font-size: 1.2em; height: 1.5em; cursor:pointer;}
 html>body > #sortable2 li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

#sortable {list-style-type: none; margin: 0; padding: 0 0 2.5em;  margin-right: 10px; padding-left:0px; margin-top:}

#sortable li .smallDot { display:block;margin: 0 1px 1px 1px;  padding: 0.1em; padding-left: 0.1em; font-size: 1.1em; height: 30px; font-family: Roboto; float:Left;  width:13px; background-color:#ccc;}


#sortable li { margin: 0px 0px 1px 0px; padding: 0px; padding-top: 0px; padding-left: 0px; font-size: 1.1em; height: 50px; font-family: Roboto, Trebuchet, Arial !important; float:Left;  width:75px;}

#sortable li .car { margin-bottom:-0px; position:relative; width:44px; margin-bottom:6px; position:relative;margin-top:4px;}
#sortable li .expand {visibility:hidden!important; width:0px; height:0px; margin-left:-16px; padding-right:16px;}

#sortable li:hover {background-color:#69cafa!important;}
#sortable li .carSeqNumber {
	/*position:relative;*/
	top:1px!important; 
	visibility:visible;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#e8e9eb;
	padding:2px;
	padding-top:10px;
	min-width:14px;
	max-width:16px;
	display:inline-block;
	background-image:url(/images-layout/visualYard/vy-seq.png); 
	background-repeat:no-repeat;
	background-position:2px 1px;
	}
#sortable li .carSeqNumberNA {visibility:hidden;}
#sortable li:hover .carSeqNumberNA {position:relative;top:3px!important;margin-left:-13px; visibility:visible;}
#sortable li .carSeqNumber2 {position:relative;top:-4px!important; visibility:visible;}
#sortable li:hover .carSeqNumber2NA {position:relative;top:-4px!important; visibility:visible;}


#sortable br {height:50px;min-height:50px;}

.noclass{}
	
h6{}

#carInfoContent1{visibility:hidden;}
.vySeqTR { padding:0px;margin:0px;margin-bottom:-20px!important;height:8px!important; }
	
	
#sortable .ui-sortable-helper, #sortable1 .ui-sortable-helper{color:#000; list-style-type: none; margin: 0;margin-top: 20px; padding: 0;}
#sortable .ui-sortable-helper li, #sortable1 .ui-sortable-helper li { color:#000; margin-top: -20px; font-size: 1.4em;opacity: .8}
	
#sortable li .vyCarTitle{font-family: Roboto, Trebuchet, Arial !important;font-size:12px; width:38px!important; text-align:center; margin-top:10px; color:#000;line-height:13px;}
	
#sortable li .hazard{ width:17px; height:17px; background-image:url(/images-layout/visualYard/hazard.png); background-repeat:none;}
	
#sortable li table { margin:0; padding:0; background:none; border:none; border-collapse:collapse; border-spacing:0; background-image:none;}
	
#sortable li .section1 { width:13px; height:6px; background-image:url(/images-layout/visualYard/section1.png); background-repeat:none;  }
#sortable li .section2 { width:13px; height:6px; background-image:url(/images-layout/visualYard/section2.png); background-repeat:none;  }
#sortable li .section3 { width:13px; height:6px; background-image:url(/images-layout/visualYard/section3.png); background-repeat:none;  }
#sortable li .tdSection { padding:0px!important;margin:0px!important;vertical-align:top;margin-bottom:-20px!important;padding-bottom:-10px!important;}

#DragAllDragAll{visibility:visible; position:absolute; top:106px; right:115px;background-color:#ccc;z-index:400003; width:85px!important; height:17px!important; font-size:10px!important; padding:3px;}


.vyTrack{
	width:270px;
	background-color:#fff;
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:12px;
	padding:5px;
}
.vyTitle{color:Black;}
.vySubTitle{color:#007dba;}
.vyleClass{width:20px; color:#999; font-size:11px; font-family: Roboto, Trebuchet, Arial !important; text-align:left;padding-top:0px; position:relative;}

#sortable li ul { margin:0px; padding:0px;margin-top:-23px; width:23px; }

#sortable li ul span span{display:none;}
#sortable li ul:hover span span{display:block; z-index:10000; background-image:url(/Content/Session/Controls/carInfoBgrd.png); background-repeat:no-repeat; width:273px; height:194px;}
.infoRow{margin:0px; padding:0px; border:0px;}
.infoFirstCol {color:black; width:100px; height:13px; margin:0px; padding:0px; border:0px;}
.infoSecondCol {color:#007dba;height:13px;}

.yardSequece{ margin: 0; margin-top:-15px; padding: 0 0 2.5em;  margin-right: 10px; margin-left:222px!important; position:absolute; width:100%;}

.sn{ margin: 0 0px 0px 0px; padding: 0.0em; font-size: 9px; height: 8px; font-family: Roboto; float:Left; width:43px; color:#666;}
.moveSeq {font-size: 13px; margin-top:-22px!important;font-weight:bold; color:White;  text-align:left; 
background-color:#b2ce76;padding-left:2px!important;
cursor:pointer;
}

.moveSeqSmall {font-size: 9px; font-weight:normal; color:White; -webkit-border-radius: 0px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px !important; border-radius: 0px 0px 0px 0px !important;  text-align:center; background-color:green;padding:0px;

}

.selectedCar {width:170px; margin-left:0px; margin-bottom:2px;background-color:#FFF;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.selectedCar:hover {background-color:#ccc;}
.selectedCar:hover span {background-color:#ccc;}

.selectedCar .carSelectedDelete { visibility: hidden;background-color:#007dba;
	color:#fff;
	font-size:13px;
	font-family:arial;
	width:14px;

	text-align:center;
	margin-left:157px;
	margin-top:-16px; 
	cursor:pointer}

.selectedCar:hover .carSelectedDelete {
	visibility: visible;
	background-color:#007dba;
	color:#fff;
	font-size:13px;
	font-family: Roboto, Trebuchet, Arial !important;
	width:14px;
	
	text-align:center;
	margin-left:157px;
	margin-top:-16px;
}

.selectedCarNumber {font-size: 14px; font-weight:bold; background-color:green; color:White; width:26px; height:19px; text-align:center; float:left; vertical-align:middle; margin-right:3px;padding-top:2px;padding-bottom:-5px;border-radius:4px;}

#searchinput {background-color: #e2e8ed ; min-width:16px; height:24px !important; border-style:none; border:1px solid #bbb; padding:0px; height:14px; line-height:14px; float:left;}

#searchBtn {width:57px; height:26px; background-image:url(/Content/Session/Controls/searchBtn.jpg); background-repeat:no-repeat;} 
#searchBtn:hover {background-image:url(/Content/Session/Controls/searchBtn-on.jpg); background-repeat:no-repeat;} 

#carSelection {visibility:hidden; width:220px;  text-align:center;position:absolute; top:2px;right:40px;min-height:95px; background-color:#fff;z-index:399999!important; background-image:url(/images-layout/visualYard/summaryTitleBgrd.jpg); background-repeat:repeat-x;height:auto; padding-top:10px; padding-bottom:10px;
border:1px solid #c7d4dd;
-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}
#carSelectionHandle:hover {cursor:move}
#dbcarSelectionHandle:hover {cursor:move}

.delItem {
	width:35px;
	height:19px;
	margin-top:-20px;
	margin-left:3px;
	position:relative;
	padding-bottom:-19px;
	background-image:url(/Content/Session/Controls/del.jpg); background-repeat:no-repeat;
}
.delItem:hover {
	background-image:url(/Content/Session/Controls/del-on.jpg); background-repeat:no-repeat;
}
.stationSection { 
	width:100%;
	height:20px; 
	background-color:#dedede;
	padding:5px; 
	border:1px solid #ccc; 
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;" 
}
.stationSectionName {
	color:black; 
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:13px;
}
.vyTrack{
	width:270px;
	background-color:#fff;
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:12px;
	/*padding:0px;
	margin-bottom:14px;
	margin-top:5px;*/
}
.selectedCarTitle{
	
	background-color:#fff;
	color:#333;
	font-weight:bold;
}
	
.trackStation{background-color:transparent;font-size:12px;padding:2px; max-height:88px!important;}
.trackStation2{position:inherit;padding-left:215px;margin-top:-16px; height:16px;}
.trackStation3{
	color:white;background-color:#ffa261; font-size:13px!important;padding-left:6px;padding-right:2px; margin-right:2px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	width:12px;
	display:block;
	padding-top:3px;
	float:left;
}
.trackStation4{padding:0px; margin:0px; margin-left:0px; width:25px;height:25px;background-color:#e8e9eb;}
.vyTitle{color:#333; padding:0px;padding-left:0px;font-size:13px;}
.editBtnTrackSelection { color:white; padding:4px; padding-top:3px; padding-bottom:3px;font-size:14px; background-color:var(--colorButton); text-decoration:none;}
.editBtnTrackSelection:hover { background-color:#3573c5; cursor:pointer;}


.vyViewItem{
	font-size:14px; 
	border:0px!important; 
	background-color:#fff!important;
	background-image:none!important;
	padding:0px!important;
	padding-top:0px!important;
	display:table;
	padding:5px;
	font-weight:normal;
	cursor:pointer;
}

.vyViewItem i{
	font-size:12px!important;
}
.vyViewItemSelected{
	font-size:14px; border:0px!important; background-color:#007dba!important; color:#fff; background-image:none!important;padding:0px!important;padding-top:0px!important; margin-top:0px; 
}

.vyViewItem td{}
.vyViewItem:hover{
	background-color:#e8e9eb!important; color:#000!important;
	cursor:hand!important;
}
.vyViewItemSelected:hover{
	background-color:#e8e9eb!important; color:#000!important;
	cursor:hand!important;
}
.vyViewItem:hover .vyBtnContainer{
	visibility:visible!important; 
}
.vyViewItemSelected:hover .vyBtnContainer{
	visibility:visible!important; 
	color:#000;
}
.vyViewItemSelected:hover .vyBtnContainer a{
	visibility:visible!important; 
	color:#000!important;
}
.vyBtnContainer{
	padding-left:0px; width:550px;height:30px;margin-bottom:-12px;
}

#vyConfirmDelete{
	visibility:hidden;
}


.vyViewBtn{
	padding:2px;
	margin-right:10px;
	padding-right:5px;
	padding-left:5px;
	color:#000;
	min-width:94px;
	display:inline-block;
}
.vyBtnContainer a{
	text-decoration:underline!important;
	cursor:hand!important;
}


.vyViewBtn:hover{
	background-color:#999; color:#000;
	
	cursor:hand!important;
}

.vyViewDelBtn{
	padding:6px;
	top:2px!important;
	margin-right:10px;
	padding-right:11px;
	padding-left:11px;
	color:#000;
	background-color:#e8e9eb;
	border:1px solid #c7d4dd;
	border-radius:none;
}

.vyViewDelBtn:hover{
	background-color:#999; color:#fff;
	
	cursor:hand!important;
}

#carInfoContentChart2{
	
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
}

#carInfoContentChart2 td{
	padding-top:5px;
}

#vyOptionBtnArrows{
	background-image:url(/images-layout/Combo_Med.png);
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	border:none;
	border-style:none;
	background-color:none;
}

#vyOptionBtnArrows:hover{
	background-image:url(/images-layout/Dots_down.png);
	background-repeat:no-repeat;
}
#settingsCloseBtn{
	background-image:var(--colorCloseMenu);
	background-repeat:no-repeat;
	width:17px;
	height:18px;
	background-size:13px;
	cursor:pointer;
}
#settingsCloseBtn:hover{
	background-image:url(/images-layout/visualYard/settingsCloseBtn-On.png);
}
#DBsettingsCloseBtn{
	background-image:var(--colorCloseMenu);
	background-repeat:no-repeat;
	width:17px;
	height:18px;
	background-size:13px;
	cursor:pointer;
}
#DBsettingsCloseBtn:hover{
	background-image:url(/images-layout/visualYard/settingsCloseBtn-On.png);
}

.dataTables_scrollFoot td{
	border-right:1px solid #fff;
}



.dataTables_scrollHead{
	font-size:13px!important;
	font-family: Roboto, Trebuchet, Arial !important;
	vertical-align:bottom;
}
.dataTables_scrollHead th:first-child{
	
	min-width:20px!important;
	max-width:20px!important;
}
#exampleBody tr td:first-child{
	width:20px!important;
	min-width:20px!important;
	max-width:20px!important;
}
.dataTables_scrollHeadInner{
	padding-left:5px!important;
}

.dataTables_scrollHead .sorting{
	
	
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:11px!important;
	text-transform:uppercase;
	color:#57657a!important;
	vertical-align:bottom;
	
}



table . dataTable tbody tr{
	font-size:14px!important;
}

.dataTables_scrollHead .sorting:hover{
	
}

.dataTables_scrollHead .sorting_asc, .dataTables_scrollHead .sorting_desc{
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:11px!important;
	text-transform:uppercase;
	color:#57657a!important;
	vertical-align:bottom;
	cursor:pointer;
}
.dataTables_scrollHead .sorting_asc:hover, .dataTables_scrollHead .sorting_desc:hover{
	font-family: Roboto, Trebuchet, Arial !important;
	font-size:11px!important;
	text-transform:uppercase;
	color:#57657a!important;
	vertical-align:bottom;
	cursor:pointer;
}
.dataTables_scrollHead{
	cursor:pointer;
	}


.dataTables_scroll table{
	
}

.dataTable th{
	background-color:#fff!important;
	border-bottom:1px solid #000;
}


.dataTables_filter{
	margin-top:-8px;
	font-size:16px;
}

.noselect {
 
}


#filterAccordion input[type=checkbox]{
	width:16px;
	height:16px;
}

#dashPopupFilters2 input{
	height:20px;
	paddinr-left:5px;
	
}




.vyResBotSel {
	background-color:#ccc;
	height:0px;visibility:hidden;
	text-align:center;
	margin-left:300px;
	margin-right:300px;
	
	font-size:13px;
}
.vyResBotSel:hover {
	background-color:#007dba!important; 
	color:#fff;
	margin-left:5px;
	margin-right:5px;
}
.vyResOrdSel{
	
	 width:25px;
	 height:20px;float:left;
	 text-align:center;
	 margin-left:5px;
	 margin-right:5px;
}

.vyResqItem:hover li{
	background-color:#b9d4e3;
}
#seqView{
	overflow-y:auto;
	overflow-x:none;
	height:390px;
}
#seqView li{
	font-size:13px;
	list-style-type:none;
	margin:0px;
	margin-left:-35px;
	
}
#seqView li span{
	background-image:none!important;	
}

#seqView li:hover > div:first-child{
	background-color:#b9d4e3 !important;
	color:#333 !important;
	cursor:pointer;
	border-bottom:3px solid #ccc;

}

#vySeqMoveBut{
	color:white;
	float:left;
	visibility:hidden;
	padding:3px;
	font-size:13px;
	margin-left:-42px;
	padding-left:5px;
	width:49px;
	background-image:url(/images-layout/seq-bgrd-red.png);
	background-repeat:no-repeat;
	height:40px;
}
.vyResOrdSel{
	font-weight:bold;
	margin-top:3px;
	font-size:14px;
}
#vyRSQBack{
	background-color:Transparent;
}
#vyRSQBack:hover{
	background-color:Transparent;
}
#mlvRSQBack{
	background-color:#c7d4dd;
}
#mlvRSQBack:hover{
	background-color:#007dba;
}
#vyRSQFront{
	background-color:Transparent;
}
#vyRSQFront:hover{
	background-color:Transparent;
}

#mlvRSQFront{
	background-color:#c7d4dd;
}
#mlvRSQFront:hover{
	background-color:#007dba;
}

#vySeqClearButton{ background-color:#ccc;}
#vySeqSelectButton{ background-color:#ccc;}
/*#vySeqSubmitButton{ background-color:#ccc;}*/
#vysqeCarsPosiBut{ background-color:#ccc;}
#vySeqFlipCarsButton{ background-color:#333;}
#vySeqMoveToButton{background-color:#ccc;}

.rotate {
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
	transform: rotate(-90.0deg);
}
#sidenav2 div:hover{
	background-color:#007dba!important;
	color:white;
}




.Btn {  
	display:block; 
	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:44px !important; 
	max-width:78px !important; 
	height:18px !important;
	
	border: 1px solid #999;
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:3px;
	padding-bottom:1px;
}

.Btn button span {
	font-family:Trebuchet, Arial !important;
	padding:0px 2px 0px 2px !important; 
	font-size:13 !important; 
	font-weight:normal !important; 

}
.Btn:hover {  
	display:block;
	z-index:101; 
	font-weight:300; 
	color:#fff !important; 
	min-width:44px !important; 
	height:18px !important; 
	
	background-color:#007dba!important;
	background-image:none !important;
}


.editBtnTrackSelection2 {  
	display:block; 
	position:absolute; 
	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:44px !important; 
	max-width:78px !important; 
	height:18px !important;
	
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:3px;
	padding-bottom:1px;
	background-color:var(--colorButton);
}

.editBtn2 {  
	
	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:34px !important; 
	max-width:68px !important; 
	height:18px !important;
	
	border: 1px solid #2b5ea2;
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:3px;
	padding-bottom:1px;
	background-color:var(--colorButton);
}
.editBtnTrackSelection22 {  
	display:block; 
	position:absolute; 
	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:44px !important; 
	max-width:78px !important; 
	height:18px !important;
	
	border: 1px solid #2b5ea2;
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:3px;
	padding-bottom:1px;
	background-color:var(--colorButton);
}


.editBtnTrackSelection2 button span {
	font-family:Trebuchet, Arial !important;
	padding:0px 2px 0px 2px !important; 
	font-size:13 !important; 
	font-weight:normal !important; 

}
.editBtnTrackSelection2res {  
	display:block; 

	z-index:101; 
	font-size:13px;	
	font-weight:Normal;
	min-width:44px !important; 
	max-width:78px !important; 
	height:16px !important;
	
	border: var(--colorButton);
	text-align:center;
	background-image:none!important;
	text-decoration:none;
	padding:6px;
}

.editBtnTrackSelection2res button span {
	font-family:Roboto,Trebuchet, Arial !important;
	
	font-size:13 !important; 
	font-weight:normal !important; 

}
.editBtnTrackSelection2:hover {  
	display:block; 
	position:absolute; 
	z-index:101;
	color:#fff !important; 
	min-width:44px !important; 
	height:18px !important; 
	
	background-color:#3573c5!important;
	background-image:none !important;
	cursor:pointer;
}
.editBtnTrackSelection22:hover {  
	display:block; 
	position:absolute; 
	z-index:101; 
	font-weight:300; 
	color:#333 !important; 
	min-width:44px !important; 
	height:18px !important; 
	
	background-color:#3573c5!important;
	background-image:none !important;
	border: 1px solid #3573c5;
}

.look-datagrid th{
	background-color:var(--colorNavAndMain)!important;
	color:var(--colorLabels)!important;
	font-family:Roboto, Roboto,Arial, Trebuchet;
	border-bottom:1px solid #000;
	text-transform:uppercase;
}
.look-datagrid thead{
	height:21px;
}
.look-datagrid th:last-child{
	width:0px!important;
	background-color:#fff!important;
}

.look-subfile-scrollbar{
	display:none;
}
.tablesorter-buttons{
	display:none;
}

.look-datecombo
{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	height:24px !important;
	border-style:none!important;
	margin-top:1px!important;
	margin-left:5px;
}

.look-datecombo input
{
	border:var(--colorBorders)!important;
	width:50px!important;
	min-width:50px!important;
	margin-left:-5px!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.look-datecombo button
{
	background-color:var(--colorNavAndMain)!important;
	
	background-image:var(--colorDateIcon)!important;
	
}

.look-datagrid table tbody tr:hover td
{
	background-image:url(/images-layout/gridHover.jpg)!important;
	color:#333 !important;
	cursor:pointer;
}

.look-datagrid table tbody tr:last-child{
	display:none;
}






.look-datagrid table tbody tr:hover td:nth-child(1){}
.look-datagrid table tbody tr:hover td:nth-child(2){}
.look-datagrid table tbody tr:first-child td{}
.look-datagrid table tbody tr:hover td span
{
	background-color:#b9d4e3 !important;
	color:#333 !important;
	cursor:pointer;
}
.look-datagrid table tbody tr:hover .look-subfileentryfield
{
	background-color:#b9e6e9 !important;
	background-repeat:repeat;
	color:#333 !important;
}
.look-datagrid table tbody tr:hover .look-subfileentryfield .look-subfileentryfield
{
	background-color:#b9e6e9 !important;
	background-image:none;
	color:#333 !important;
}
.look-datagrid table tbody tr:hover .look-subfileentryfield  .look-subfileentryfield 
{
	background-color:#98fbfb !important;
}
.look-datagrid table tbody tr td:first-child .look-subfileentryfield .look-subfileentryfield
{
	text-transform:uppercase;
	width:82%;
	height:80%;
	border:none;
	
	border:1px solid #c9d4dd !important;
	margin-left :2px!important;
	background-color:#e2e8ed ;
}
.look-datagrid table tbody tr td:first-child .look-subfileentryfield
{
	text-transform:uppercase;
	width:82%;
	height:80%;
	border:none;
	
	border:1px solid #c9d4dd !important;
	margin-left :2px!important;
	background-color:#e2e8ed ;
}


.condition-button{
	
	background-color:Transparent!important;
	border-top:var(--colorBorders); 
	border-right:var(--colorBorders); 
	border-bottom:var(--colorBorders);
	
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;

	/*margin-left:4px;*/
}
.condition-button:hover{
	
	background-image:url(/images/Dots-dd-on.png)!important;
	background-repeat:no-repeat;
	
}

#ContentPopup #cfpMenu{
	visibility:hidden;
}

.ui-widget-overlay {
	/*background-color:red;
	background-image:url(/images-layout/dark-background.png)!important;*/
}

.look-datagrid table tbody tr td input{
	
	

	margin-left :2px!important;
	/*background-color:#cae8ff ;*/
	color:#000!important;
	border:1px solid #c7d4dd;
	/*width:100%;*/
	height:13px!important;
	text-align:left!important;
}

.copyBtn1 { width:24px; height:30px; background-image:url(/images-layout/append-icon-sm.png); background-repeat:no-repeat;border:0px;}
.copyBtn3 { width:24px; height:30px; background-image:var(--colorCopyIcon); background-repeat:no-repeat;border:0px;}
.copyBtn4 { width:24px; height:30px; background-image:var(--colorPasteIcon); background-repeat:no-repeat;border:0px;}
.copyBtn6 { width:24px; height:30px; background-image:var(--colorUndoIcon); background-repeat:no-repeat;border:0px;}
.copyBtn7 { width:24px; height:30px; background-image:url(/images-layout/paste-icon-sm-x.png); background-repeat:no-repeat;border:0px;}
.copyBtn8 { width:28px; height:30px; background-image:var(--colorRefreshIcon); background-repeat:no-repeat;border:0px;}
.copyBtnPP1 { width:52px; height:26px; background-color:#ffffff;}
.copyBtnPP2 { width:52px; height:26px; background-color:#ffffff;}

.copyBtn1:hover { width:24px; height:30px; background-image:url(/images-layout/append-icon-sm-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn3:hover { width:24px; height:30px; background-image:url(/images-layout/copy-icon-sm-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn4:hover { width:24px; height:30px; background-image:url(/images-layout/paste-icon-sm-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn6:hover { width:24px; height:30px; background-image:url(/images-layout/undo-icon-on.png); background-repeat:no-repeat;border:0px;}
.copyBtn7:hover { width:24px; height:30px; background-image:url(/images-layout/paste-icon-sm-x-on.png); background-repeat:no-repeat;border:0px;}
.copyBtnPP1:hover { width:52px; height:26px; background-color:#007dba;}
.copyBtnPP2:hover { width:52px; height:26px; background-color:#007dba;}

#prevNextPrev{
	position:absolute;
	top:300px;
	left:10px;
	font-size:30px;
	width:30px;
	Height:30px;
	background-color:#007dba;
}
#dataGridNavPrev{
	width:34px; 
	position:absolute;
	height:68px; 
	top:270px;
	left:195px; 
	z-index:25000!important; 
	visibility:hidden;
	background-image:url(/images-layout/prev-bnt.png);
	background-repeat:no-repeat;
	
}
#dataGridNavPrev:hover{
	background-image:url(/images-layout/prev-bnt-on.png);
	cursor:pointer;
}

#dataGridNavNext{
	width:34px; 
	position:absolute; 
	right:10px; 
	height:68px; 
	top:270px; 
	z-index:25000!important; 
	visibility:hidden;
	background-image:url(/images-layout/next-bnt.png);

	z-index:2500000!important; 
	background-repeat:no-repeat;
	
}
#dataGridNavNext:hover{
	background-image:url(/images-layout/next-bnt-on.png);
	cursor:pointer;
}
#MasterPage
{
	min-height:650px;
	/*background: var(--colorPageBackground)*/
}

.look-fieldprompt{
	font-family:Roboto, bahnschrift, Arial!important;
	height:28px!important;
	/*font-weight:bold;*/
	color:#57657A;
}
.look-fieldprompt .host-white span{
	
	text-transform:none!important;
}
.look-fieldprompt span{
	font-family:Roboto, bahnschrift, Arial!important;
	font-size:11px!important;
	/*font-weight:bold!important;*/
	display:table-cell!important;
	text-transform:uppercase;
	/*color:#57657A;*/
}

.look-fieldprompt .host-white span{
	
	text-transform:none!important;
}
.host-white span{
	
	text-transform:none!important;
}
.look-functionkey .host-white{
	color:var(--colorText);
	height:fit-content!important;
}
.look-functionkey.host-white{
	color:var(--colorText);
	height:fit-content!important;
}

.look-fieldchoice{
	font-family:Roboto, bahnschrift, Arial!important;
	font-size:11px!important;
	display:table-cell!important;
	text-transform:uppercase;
	color:#57657A;
	height:28px!important;
}

.look-fieldchoice span{
	color:#57657A;
	font-size:11px!important;
}

.look-fieldchoice.host-white.look-transparent{
	color:var(--colorBlue)!important;
}
.look-fieldchoice.host-white.look-transparent span{
	color:var(--colorBlue)!important;
}

.selecValueContainer table:first-child{
	margin-top:-30px!important;
}

.ui-dialog-titlebar{
	
	border: var(--colorBorders);
	background: var(--colorNavAndMain);
	color: var(--colorText);
	/*font-weight: bold;*/

	
	
	/*background-color:#c7d4dd;
	color:#000;
	border:none;*/
}



.look-checkfield{
	background-color:Transparent!important;
	min-width:23px!important;
	width:23px!important;
}

.look-checkfield div{
	background-color:Transparent!important;
	min-width:23px!important;
	
}



/*********************** after 11.1 fix **************************/

#TitleBarHeader > h1 {
	color:#000!important;
	font-family:'Roboto'!important;
}


h1 {
	color:#000;
}

#FunctionKeyPanel {
	top:0px;
	height:calc(100% - 35px)!important;
/*	background-color:var(--colorSidebar);*/
	margin-bottom:10px;

	-webkit-border-radius: 5px!important; 
	-moz-border-radius: 5px!important; 
	border-radius: 5px!important; 
	border:var(--colorBorders)!important; 
}


.collegoptionitm {
	padding:2px;
}
.collegoptionitm:hover{
	background-color:#007dba!important;color:#fff;
	cursor:pointer;
}


td .host-green .reversed {
	background-color:orange!important;
}
/*!
 * Materialize v1.0.0 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */
 
  

.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.lighten-5 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-3 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

.red.lighten-2 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-1 {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-3 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3 {
  color: #C62828 !important;
}

.red.darken-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
  color: #B71C1C !important;
}

.red.accent-1 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

.red.accent-2 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-3 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
  color: #FF1744 !important;
}

.red.accent-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4 {
  color: #D50000 !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink-text.text-lighten-5 {
  color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

.pink-text.text-lighten-3 {
  color: #f48fb1 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink-text.text-lighten-2 {
  color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink-text.text-lighten-1 {
  color: #ec407a !important;
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink-text.text-darken-1 {
  color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink-text.text-darken-2 {
  color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink-text.text-darken-3 {
  color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink-text.text-darken-4 {
  color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink-text.text-accent-1 {
  color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink-text.text-accent-2 {
  color: #ff4081 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink-text.text-accent-3 {
  color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.pink-text.text-accent-4 {
  color: #c51162 !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple-text.text-lighten-4 {
  color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple-text.text-lighten-3 {
  color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple-text.text-lighten-2 {
  color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple-text.text-lighten-1 {
  color: #ab47bc !important;
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple-text.text-darken-1 {
  color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

.purple-text.text-darken-2 {
  color: #7b1fa2 !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple-text.text-darken-3 {
  color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple-text.text-darken-4 {
  color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple-text.text-accent-1 {
  color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple-text.text-accent-2 {
  color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple-text.text-accent-3 {
  color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #aa00ff !important;
}

.purple-text.text-accent-4 {
  color: #aa00ff !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important;
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple-text.text-darken-2 {
  color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple-text.text-darken-4 {
  color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple-text.text-accent-1 {
  color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple-text.text-accent-3 {
  color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.deep-purple-text.text-accent-4 {
  color: #6200ea !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo-text.text-lighten-3 {
  color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo-text.text-lighten-2 {
  color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important;
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo-text.text-darken-1 {
  color: #3949ab !important;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo-text.text-darken-2 {
  color: #303f9f !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo-text.text-darken-3 {
  color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo-text.text-darken-4 {
  color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo-text.text-accent-1 {
  color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo-text.text-accent-2 {
  color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo-text.text-accent-3 {
  color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.indigo-text.text-accent-4 {
  color: #304ffe !important;
}

.blue {
  background-color: #2196F3 !important;
}

.blue-text {
  color: #2196F3 !important;
}

.blue.lighten-5 {
  background-color: #E3F2FD !important;
}

.blue-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.blue.lighten-4 {
  background-color: #BBDEFB !important;
}

.blue-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.blue.lighten-3 {
  background-color: #90CAF9 !important;
}

.blue-text.text-lighten-3 {
  color: #90CAF9 !important;
}

.blue.lighten-2 {
  background-color: #64B5F6 !important;
}

.blue-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.blue.lighten-1 {
  background-color: #42A5F5 !important;
}

.blue-text.text-lighten-1 {
  color: #42A5F5 !important;
}

.blue.darken-1 {
  background-color: #1E88E5 !important;
}

.blue-text.text-darken-1 {
  color: #1E88E5 !important;
}

.blue.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.blue.darken-3 {
  background-color: #1565C0 !important;
}

.blue-text.text-darken-3 {
  color: #1565C0 !important;
}

.blue.darken-4 {
  background-color: #0D47A1 !important;
}

.blue-text.text-darken-4 {
  color: #0D47A1 !important;
}

.blue.accent-1 {
  background-color: #82B1FF !important;
}

.blue-text.text-accent-1 {
  color: #82B1FF !important;
}

.blue.accent-2 {
  background-color: #448AFF !important;
}

.blue-text.text-accent-2 {
  color: #448AFF !important;
}

.blue.accent-3 {
  background-color: #2979FF !important;
}

.blue-text.text-accent-3 {
  color: #2979FF !important;
}

.blue.accent-4 {
  background-color: #2962FF !important;
}

.blue-text.text-accent-4 {
  color: #2962FF !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue-text.text-darken-1 {
  color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue-text.text-darken-3 {
  color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue-text.text-darken-4 {
  color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.light-blue-text.text-accent-4 {
  color: #0091ea !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan-text.text-lighten-3 {
  color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan-text.text-lighten-1 {
  color: #26c6da !important;
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan-text.text-darken-1 {
  color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan-text.text-darken-2 {
  color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan-text.text-darken-3 {
  color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan-text.text-darken-4 {
  color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan-text.text-accent-1 {
  color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan-text.text-accent-2 {
  color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan-text.text-accent-3 {
  color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.cyan-text.text-accent-4 {
  color: #00b8d4 !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal-text.text-lighten-4 {
  color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal-text.text-lighten-3 {
  color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal-text.text-lighten-2 {
  color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #ff0000 !important;
}

.teal-text.text-lighten-1 {
  color: #ff0000 !important;
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal-text.text-darken-1 {
  color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal-text.text-darken-2 {
  color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal-text.text-darken-3 {
  color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal-text.text-darken-4 {
  color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal-text.text-accent-1 {
  color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal-text.text-accent-2 {
  color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal-text.text-accent-3 {
  color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.teal-text.text-accent-4 {
  color: #00bfa5 !important;
}

.green {
  background-color: #4CAF50 !important;
}

.green-text {
  color: #4CAF50 !important;
}

.green.lighten-5 {
  background-color: #E8F5E9 !important;
}

.green-text.text-lighten-5 {
  color: #E8F5E9 !important;
}

.green.lighten-4 {
  background-color: #C8E6C9 !important;
}

.green-text.text-lighten-4 {
  color: #C8E6C9 !important;
}

.green.lighten-3 {
  background-color: #A5D6A7 !important;
}

.green-text.text-lighten-3 {
  color: #A5D6A7 !important;
}

.green.lighten-2 {
  background-color: #81C784 !important;
}

.green-text.text-lighten-2 {
  color: #81C784 !important;
}

.green.lighten-1 {
  background-color: #66BB6A !important;
}

.green-text.text-lighten-1 {
  color: #66BB6A !important;
}

.green.darken-1 {
  background-color: #43A047 !important;
}

.green-text.text-darken-1 {
  color: #43A047 !important;
}

.green.darken-2 {
  background-color: #388E3C !important;
}

.green-text.text-darken-2 {
  color: #388E3C !important;
}

.green.darken-3 {
  background-color: #2E7D32 !important;
}

.green-text.text-darken-3 {
  color: #2E7D32 !important;
}

.green.darken-4 {
  background-color: #1B5E20 !important;
}

.green-text.text-darken-4 {
  color: #1B5E20 !important;
}

.green.accent-1 {
  background-color: #B9F6CA !important;
}

.green-text.text-accent-1 {
  color: #B9F6CA !important;
}

.green.accent-2 {
  background-color: #69F0AE !important;
}

.green-text.text-accent-2 {
  color: #69F0AE !important;
}

.green.accent-3 {
  background-color: #00E676 !important;
}

.green-text.text-accent-3 {
  color: #00E676 !important;
}

.green.accent-4 {
  background-color: #00C853 !important;
}

.green-text.text-accent-4 {
  color: #00C853 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green-text.text-lighten-2 {
  color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important;
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green-text.text-darken-1 {
  color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green-text.text-darken-2 {
  color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green-text.text-darken-3 {
  color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green-text.text-darken-4 {
  color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green-text.text-accent-1 {
  color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green-text.text-accent-2 {
  color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green-text.text-accent-3 {
  color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.light-green-text.text-accent-4 {
  color: #64dd17 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime-text.text-lighten-3 {
  color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime-text.text-lighten-2 {
  color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime-text.text-lighten-1 {
  color: #d4e157 !important;
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime-text.text-darken-1 {
  color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime-text.text-darken-2 {
  color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime-text.text-darken-3 {
  color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime-text.text-darken-4 {
  color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime-text.text-accent-1 {
  color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime-text.text-accent-2 {
  color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime-text.text-accent-3 {
  color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.lime-text.text-accent-4 {
  color: #aeea00 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow-text.text-lighten-5 {
  color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow-text.text-lighten-3 {
  color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow-text.text-lighten-2 {
  color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow-text.text-lighten-1 {
  color: #ffee58 !important;
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow-text.text-darken-1 {
  color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow-text.text-darken-2 {
  color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow-text.text-darken-3 {
  color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow-text.text-darken-4 {
  color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow-text.text-accent-1 {
  color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ffff00 !important;
}

.yellow-text.text-accent-2 {
  color: #ffff00 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow-text.text-accent-3 {
  color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.yellow-text.text-accent-4 {
  color: #ffd600 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber-text.text-lighten-5 {
  color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber-text.text-lighten-4 {
  color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber-text.text-lighten-3 {
  color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber-text.text-lighten-2 {
  color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber-text.text-lighten-1 {
  color: #ffca28 !important;
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber-text.text-darken-1 {
  color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber-text.text-darken-2 {
  color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber-text.text-darken-3 {
  color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber-text.text-darken-4 {
  color: #ff6f00 !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber-text.text-accent-1 {
  color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber-text.text-accent-2 {
  color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber-text.text-accent-3 {
  color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.amber-text.text-accent-4 {
  color: #ffab00 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange-text.text-lighten-5 {
  color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange-text.text-lighten-3 {
  color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange-text.text-lighten-2 {
  color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange-text.text-lighten-1 {
  color: #ffa726 !important;
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange-text.text-darken-1 {
  color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange-text.text-darken-2 {
  color: #f57c00 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange-text.text-darken-3 {
  color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange-text.text-darken-4 {
  color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange-text.text-accent-1 {
  color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange-text.text-accent-2 {
  color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange-text.text-accent-3 {
  color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.orange-text.text-accent-4 {
  color: #ff6d00 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important;
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange-text.text-darken-1 {
  color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange-text.text-darken-3 {
  color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange-text.text-darken-4 {
  color: #bf360c !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown-text.text-lighten-5 {
  color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown-text.text-lighten-2 {
  color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown-text.text-lighten-1 {
  color: #8d6e63 !important;
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown-text.text-darken-1 {
  color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown-text.text-darken-2 {
  color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown-text.text-darken-3 {
  color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.brown-text.text-darken-4 {
  color: #3e2723 !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey-text.text-lighten-1 {
  color: #78909c !important;
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey-text.text-darken-1 {
  color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey-text.text-darken-2 {
  color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey-text.text-darken-3 {
  color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.blue-grey-text.text-darken-4 {
  color: #263238 !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey-text.text-lighten-5 {
  color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey-text.text-lighten-3 {
  color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey-text.text-lighten-1 {
  color: #bdbdbd !important;
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey-text.text-darken-1 {
  color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey-text.text-darken-2 {
  color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey-text.text-darken-3 {
  color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.grey-text.text-darken-4 {
  color: #212121 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

 
 
html {
  /*line-height: 1.15;*/
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-x:hidden;
	overflow-y:hidden;
	font-family: Roboto, Trebuchet, Arial !important;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;

  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: Roboto,sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  /*line-height: 1.15;*/
  /* 1 */
  margin: 0;
  padding-left:1px;
  padding-right:1px;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
  
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
 /* -webkit-box-sizing: border-box;*/
          box-sizing: border-box;
  /* 1 */
 /* padding: 0;*/
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*
*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}*/

button,
input,
optgroup,
select,
textarea {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ul:not(.browser-default) > li {
  list-style-type: none;
}

a {
  color: #039be5;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.clearfix {
  clear: both;
}

.z-depth-0 {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* 2dp elevation modified*/
.z-depth-1, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
  /*-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);*/
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
 /* -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);*/
}

/* 6dp elevation modified*/
.z-depth-2 {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* 12dp elevation modified*/
.z-depth-3 {
  -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

/* 16dp elevation */
.z-depth-4 {
  -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

/* 24dp elevation */
.z-depth-5, .modal {
  /*-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);*/
	-webkit-box-shadow: 0px 6px 6px rgba(29, 46, 64, 0.1), 0px 0px 6px rgba(29, 46, 64, 0.1);
          box-shadow: 0px 6px 6px rgba(29, 46, 64, 0.1), 0px 0px 6px rgba(29, 46, 64, 0.1);
}

.hoverable {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.hoverable:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #ee6e73;
}

i {
  line-height: inherit;
  margin-top:4px!important;
  margin-bottom:-8px!important;
 top:4px!important;
  font-size: 20px!important;
  
}

i.left {
  float: left;
  margin-right: 5px;
  font-size:10px;
}

i.right {
  float: right;
  margin-left: 5px;
}

i.tiny {
  font-size: 10px;
}

i.small {
  font-size: 2rem;
}

i.medium {
  font-size: 4rem;
}

i.large {
  font-size: 6rem;
}

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
}

.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px;
}

.pagination li a {
  color: #444;
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
}

.pagination li.active a {
  color: #fff;
}

.pagination li.active {
  background-color: #ee6e73;
}

.pagination li.disabled a {
  cursor: default;
  color: #999;
}

.pagination li i {
  font-size: 2rem;
}

.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

@media only screen and (max-width: 992px) {
  .pagination {
    width: 100%;
  }
  .pagination li.prev,
  .pagination li.next {
    width: 10%;
  }
  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}

.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}

.breadcrumb i,
.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
  display: inline-block;
  float: left;
  font-size: 24px;
}

.breadcrumb:before {
  content: '\E5CC';
  color: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;
}

.breadcrumb:first-child:before {
  display: none;
}

.breadcrumb:last-child {
  color: #fff;
}

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: #ee6e73;
}

.page-footer .footer-copyright {
  overflow: hidden;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}
/*
table, th, td {
  border: none;
}

table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}


#example_wrapper td{
	border:1px solid #777;
}
#listViewDiv tr:last-child{
	visibility:hidden;
}

#listViewDiv #exampleFooter {
	border-top:1px solid #000!important;
}

#listViewDiv .dataTables_scrollBody{
	border-bottom:1px solid #000!important;
}

table.striped tr {
  border-bottom: none;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}

table.striped > tbody > tr > td {
  border-radius: 0;
}

table.highlight > tbody > tr {
  -webkit-transition: background-color .25s ease;
  transition: background-color .25s ease;
}

table.highlight > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}

table.centered thead tr th, table.centered tbody tr td {
  text-align: center;
}

tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);removed by igor
}

td, th {
  padding: 2px 2px;
  display: table-cell;
  border-radius: 2px;
 
  text-align: left;
  vertical-align: middle;
 
}

@media only screen and (max-width: 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    
  }
  table.responsive-table td:empty:before {
    content: '\00a0';
  }
  table.responsive-table th,
  table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  table.responsive-table th {
    text-align: left;
  }
  table.responsive-table thead {
    display: block;
    float: left;
  }
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  table.responsive-table thead tr th::before {
    content: "\00a0";
  }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  table.responsive-table tr {
    border-bottom: none;
    padding: 0 10px;
  }
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
}*/

.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}

.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}

.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}

.collection .collection-item.avatar .title {
  font-size: 16px;
}

.collection .collection-item.avatar p {
  margin: 0;
}

.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}

.collection .collection-item:last-child {
  border-bottom: none;
}

.collection .collection-item.active {
  background-color: #ff0000;
  color: #eafaf9;
}

.collection .collection-item.active .secondary-content {
  color: #fff;
}

.collection a.collection-item {
  display: block;
  -webkit-transition: .25s;
  transition: .25s;
  color: #ff0000;
}

.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}

.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.collection.with-header .collection-item {
  padding-left: 30px;
}

.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #ff0000;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.progress {
  position: absolute;
  top:55px;
  margin-top:-100px;
  height: 3px;
  display: block;
  width: 100%;
  background-color: var(--colorProgress);
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #ff0000;
  -webkit-transition: width .3s linear;
  transition: width .3s linear;
}

.progress .indeterminate {
  background-color: #3397c7;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
          animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

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

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

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

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select, input[type=range],
input[type=range] + .thumb {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.no-padding {
  padding: 0 !important;
}

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #ff0000;
  border-radius: 2px;
}

span.badge.new:after {
  content: " new";
}

span.badge[data-badge-caption]::after {
  content: " " attr(data-badge-caption);
}


#dashListOfStations i,#dashListOfTrains i, #dashListOfClipboard i, #containerDB i{
	font-size:11px!important;
}

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px;
  -webkit-font-smoothing: auto;
}

#containerDB nav, #containerDB nav li{
	background-color:#242228!important;
	height:29px!important;
	color:#fff!important;
}

#containerDB nav li a{
	color:#fff!important;
}

#containerDB nav ul a{
	font-size:12px;
}

#containerDB nav ul{
	line-height:29px;
}


.collection-item span.badge {
  margin-top: calc(0.75rem - 11px);
}

.collapsible span.badge {
  margin-left: auto;
}

.sidenav span.badge {
  margin-top: calc(24px - 11px);
}
/*
table span.badge {
  display: inline-block;
  float: none;
  margin-left: auto;
}*/

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.no-pad {
  padding: 0;
}

.section.no-pad-bot {
  padding-bottom: 0;
}

.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
  right: 8.3333333333%;
}

.row .col.push-s1 {
  left: 8.3333333333%;
}

.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
  right: 16.6666666667%;
}

.row .col.push-s2 {
  left: 16.6666666667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
  right: 33.3333333333%;
}

.row .col.push-s4 {
  left: 33.3333333333%;
}

.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
  right: 41.6666666667%;
}

.row .col.push-s5 {
  left: 41.6666666667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
  right: 58.3333333333%;
}

.row .col.push-s7 {
  left: 58.3333333333%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
  right: 66.6666666667%;
}

.row .col.push-s8 {
  left: 66.6666666667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
  right: 83.3333333333%;
}

.row .col.push-s10 {
  left: 83.3333333333%;
}

.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
  right: 91.6666666667%;
}

.row .col.push-s11 {
  left: 91.6666666667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}

nav {
  color: var(--colorText);
  background-color: var(--colorBmedium);
  width: 100%;
  height: 36px;
  line-height: 36px;
  
margin-left:auto;
margin-right:auto;
text-align:center;
}

nav.nav-extended {
  height: auto;
}

nav.nav-extended .nav-wrapper {
  min-height: 56px;
  height: auto;
}

nav.nav-extended .nav-content {
  position: relative;
  line-height: normal;
}

nav a {
  color: var(--colorText);
}

nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
  display: block;
  font-size: 24px;
  height: 24px;
  line-height: 12px;
}

nav .nav-wrapper {
  position: relative;
  height: 100%;
}

@media only screen and (min-width: 993px) {
  nav a.sidenav-trigger {
    display: none;
  }
}

nav .sidenav-trigger {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px;
  margin: 0 18px;
}

nav .sidenav-trigger i {
  height: 56px;
  line-height: 56px;
}

nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
  nav .brand-logo.left {
    left: 0.5rem;
  }
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}

nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

nav .brand-logo i,
nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
nav .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}

nav .nav-title {
  display: inline-block;
  font-size: 32px;
  padding: 28px 0;
}

nav ul {
/*  margin: 0;*/
margin-left:auto;
margin-right:auto;
}

nav ul li {
	/*border-left:1px solid #bbb;*/
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  float: left;
  padding: 0;
}
nav ul li:first-Child {
	/*border-left:0px;*/
}

nav ul li.active {
  /*background-color: rgba(0, 0, 0, 0.1);*/
  background-color:#007dba!important;
}

nav ul a {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  font-size: 16px;
  color: var(--colorText);
  display: block;
  padding: 0 10px;
  cursor: pointer;
  font-weight:500;
}

nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
  margin-top: -2px;
  margin-left: 8px;
  margin-right: 8px;
}

nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
  height: inherit;
  line-height: inherit;
}

nav ul a:hover {
  
  color: #007dba;
  
  /* background-color:red!important;*/
}

nav ul.left {
  float: left;
}

nav form {
  height: 100%;
}

nav .input-field {
  margin: 0;
  height: 100%;
}

nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}

nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

nav .input-field label {
  top: 0;
  left: 0;
}

nav .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color .3s;
  transition: color .3s;
}

nav .input-field label.active i {
  color: #fff;
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997;
}

.navbar-fixed nav {
  position: fixed;
}

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 34px;
  }
  nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 15px;
    line-height: 20px;
	margin-top:-10px;
  }
  .navbar-fixed {
    height: 64px;
  }
}

a {
  text-decoration: none;
}

html {
 /* line-height: 1.5;*/
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: #000;
  overflow-x:hidden;
	overflow-y:hidden;
}

@media only screen and (min-width: 0) {
  html {
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 13.5px;
	overflow-x:hidden;
	overflow-y:hidden;
  }
}

@media only screen and (min-width: 1200px) {
  html {
    font-size: 13px;
	overflow-x:hidden;
	overflow-y:hidden;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.8rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 2.3733333333rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.9466666667rem 0 0 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.52rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.0933333333rem 0 0.656rem 0;
}

h6 {
  /*font-size: 1.15rem;
  line-height: 110%;
  margin: 0.7666666667rem 0 0.46rem 0;*/
}

em {
  font-style: italic;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}

.light {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}

@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}

@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}

@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}

@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}

@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}

@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}

@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}

@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}

@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}

@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}

@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}

@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}

@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}

@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}

@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}

@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}

@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}

@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}

@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}

@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}

.scale-transition {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.scale-transition.scale-out {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .2s !important;
  transition: -webkit-transform .2s !important;
  transition: transform .2s !important;
  transition: transform .2s, -webkit-transform .2s !important;
}

.scale-transition.scale-in {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.card-panel {
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s, -webkit-box-shadow .25s;
  border-radius: 2px;
}

.card .card-title {
  font-size: 24px;
  font-weight: 300;
}

.card .card-title.activator {
  cursor: pointer;
}

.card.small, .card.medium, .card.large {
  position: relative;
}

.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}

.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}

.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}

.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card.small {
  height: 300px;
}

.card.medium {
  height: 400px;
}

.card.large {
  height: 500px;
}

.card.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}

.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}

.card.horizontal .card-image {
  max-width: 50%;
}

.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}

.card.horizontal .card-stacked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.card.horizontal .card-stacked .card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.card.sticky-action .card-action {
  z-index: 2;
}

.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}

.card .card-image {
  position: relative;
}

.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}

.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}

.card .card-content p {
  margin: 0;
}

.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}

.card .card-content .card-title i {
  line-height: 32px;
}

.card .card-action {
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  position: relative;
  padding: 16px 24px;
}

.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
  color: #ffd8a6;
}

.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}

@media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
  #toast-container {
    left: 5%;
    bottom: 7%;
    max-width: 90%;
  }
}

@media only screen and (min-width: 993px) {
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}

.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: default;
}

.toast .toast-action {
  color: #eeff41;
  font-weight: 500;
  margin-right: -25px;
  margin-left: 3rem;
}

.toast.rounded {
  border-radius: 24px;
}

@media only screen and (max-width: 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}

.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap;
}

.tabs.tabs-transparent {
  background-color: transparent;
}

.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #fff;
}

.tabs.tabs-transparent .indicator {
  background-color: #fff;
}

.tabs.tabs-fixed-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.tabs .tab a {
  color: rgba(238, 110, 115, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color .28s ease, background-color .28s ease;
  transition: color .28s ease, background-color .28s ease;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: rgba(246, 178, 181, 0.2);
  outline: none;
}

.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #ee6e73;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: rgba(238, 110, 115, 0.4);
  cursor: default;
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #f6b2b5;
  will-change: left, right;
}

@media only screen and (max-width: 992px) {
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .tabs .tab a {
    padding: 0 12px;
  }
}

.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #323232;
}

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
  visibility: hidden;
}

.btn, .btn-large, .btn-small,
.btn-flat {
  border: none;
 /* border-radius: 2px;*/
 display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
 /* text-transform: uppercase;*/
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn.disabled, .disabled.btn-large, .disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.btn, .btn-large, .btn-small,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {
  font-size: 12px;
  outline: 0;
}

.btn i, .btn-large i, .btn-small i,
.btn-floating i,
.btn-large i,
.btn-small i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}


.btn-large i{
	
	margin-top:-3px!important;
}



.btn:focus, .btn-large:focus, .btn-small:focus,
.btn-floating:focus {
  background-color: #007dba;
}

.btn, .btn-large, .btn-small {
  text-decoration: none;
  color: #fff;
  border:2px solid #007dba;
  background-color: #007dba;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  cursor: pointer;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: #3397c7!important;
  border:2px solid #3397c7!important;
  color: #fff!important;
}

.btn-large:hover {
  background-color: #e8e9eb;
  color: #ff0000!important;
  
}

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  background-color: #ff0000;
  border-radius: 50%;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating:hover {
  background-color: #ff0000;
}

.btn-floating:before {
  border-radius: 0;
}

.btn-floating.btn-large {
  width: 22px;
  height: 22px;
  padding: 0;
}

.btn-floating.btn-large.halfway-fab {
  bottom: -8px;
}

.btn-floating.btn-large i {
  line-height: 26px;
}

.btn-floating.btn-small {
  width: 24.4px;
  height: 24.4px;
}

.btn-floating.btn-small.halfway-fab {
  bottom: -10.2px;
}

.btn-floating.btn-small i {
  line-height: 24.4px;
}

.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.fixed-action-btn.active ul {
  visibility: visible;
}

.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
  padding: 0 0 0 15px;
}

.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
  text-align: right;
  right: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  left: auto;
  /*width 100% only goes to width of button container */
  width: 500px;
}

.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
  display: inline-block;
  margin: 7.5px 15px 0 0;
}

.fixed-action-btn.direction-right {
  padding: 0 15px 0 0;
}

.fixed-action-btn.direction-right ul {
  text-align: left;
  direction: rtl;
  left: 64px;
  right: auto;
}

.fixed-action-btn.direction-right ul li {
  margin: 7.5px 0 0 15px;
}

.fixed-action-btn.direction-bottom {
  padding: 0 0 15px 0;
}

.fixed-action-btn.direction-bottom ul {
  top: 64px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.fixed-action-btn.direction-bottom ul li {
  margin: 15px 0 0 0;
}

.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}

.fixed-action-btn.toolbar.active > a i {
  opacity: 0;
}

.fixed-action-btn.toolbar ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}

.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.fixed-action-btn ul li {
  margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #ff0000;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.btn-flat {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.btn-flat:focus, .btn-flat:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-flat:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
  background-color: transparent !important;
  color: #b3b2b2 !important;
  cursor: default;
}

.btn-large {
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  padding: 0 28px;
}

.btn-large i {
  font-size: 12px;
}

.btn-small {
  height: 20.4px;
  line-height: 20.4px;
  font-size: 14px;
}

.btn-small i {
  font-size: 1.2rem;
}

.btn-block {
  display: block;
}

.dropdown-content {
  background-color: var(--colorBackMain);
  margin: 0;
  display: none;
  min-width: 340px;
  max-height:600px;
  height:auto!important;
  overflow-y: auto;
  opacity: 0;
  position:absolute!important;
  left: 0;
  overflow-x:hidden;
  top: 55px!important;

  z-index:6000000000000000000000000000000!important;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
		  
	-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);	  
		  
}

.dropdown-content:focus {
  outline: 0;
}

.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  line-height: 24px;
  height: 24px;
  font-size:12px;
  width: 100%;
  text-align: left;
  padding-left:0px;
  font-weight:normal;
}

.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee;
}

.dropdown-content li:focus {
  outline: none;
}

.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 14px;
  color: var(--colorText);
  display: block;
  line-height: 22px;
  /*padding: 3px 3px;*/
}

.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

body.keyboard-focused .dropdown-content li:focus {
  background-color: #dadada;
}

.input-field.col .dropdown-content [type="checkbox"] + label {
  /*top: 1px;
  left: 0;
  height: 18px;
  -webkit-transform: none;
          transform: none;*/
}

.dropdown-trigger {
  cursor: pointer;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  padding-top:3px;
  padding-bottom:3px;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
          transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}

.waves-effect img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.modal:focus {
  outline: none;
}

@media only screen and (max-width: 992px) {
  .modal {
    width: 80%;
  }
}

.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}

.modal .modal-content {
  padding: 24px;
}

.modal .modal-close {
  cursor: pointer;
}

.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
  text-align: right;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
  margin: 6px 0;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  /*background: #000;*/
  display: none;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}

.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}

.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}

.collapsible {
  /*border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;*/
  margin: 0.5rem 0 1rem 0;
}

.collapsible .active .collapsible-header{
	
	background-image:var(--colorUpMenuArrow);
	border-left:4px solid #007dba;
	margin-left:-10px;
	padding-left:20px;
	
}

.collapsible-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  /*line-height: 1.5;*/
  padding: 1rem;
  background-color: var(--colorBackMain);
  color: var(--colorText);
  font-weight:bold;
  
  
  background-image:var(--colorDownMenuArrow);
	background-repeat:no-repeat;
	background-position:225px 12px;
	/*text-transform:capitalize;*/
	
}

.collapsible-header:hover {
	color:#007dba;
}

.collapsible-header:focus {
  outline: 0;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  margin-right: 1rem;
}

.keyboard-focused .collapsible-header:focus {
  background-color: #eee;
}

.collapsible-body {
  display: none;
  border-bottom: var(--colorBorders);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  padding-top:0px;
}

.sidenav .collapsible,
.sidenav.fixed .collapsible {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sidenav .collapsible li,
.sidenav.fixed .collapsible li {
  padding: 0;
}

.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
}

.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav .collapsible-header i,
.sidenav.fixed .collapsible-header i {
  line-height: inherit;
}

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
  padding: 0 23.5px 0 31px;
}

.collapsible.popout {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.collapsible.popout > li {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collapsible.popout > li.active {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}

.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
}

.chip:focus {
  outline: none;
  background-color: #ff0000;
  color: #fff;
}

.chip > img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
}

.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 0 8px 0;
  min-height: 45px;
  outline: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.chips.focus {
  border-bottom: 1px solid #007dba;
  -webkit-box-shadow: 0 1px 0 0 #007dba;
          box-shadow: 0 1px 0 0 #007dba;
}

.chips:hover {
  cursor: text;
}

.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 16px;
  height: 3rem;
  line-height: 32px;
  outline: 0;
  margin: 0;
  padding: 0 !important;
  width: 120px !important;
}

.chips .input:focus {
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.chips .autocomplete-content {
  margin-top: 0;
  margin-bottom: 0;
}

.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.chips:empty ~ label {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
          transform: translateY(-140%);
}

.materialboxed {
  display: block;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  position: relative;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-backface-visibility: hidden;
}

.materialboxed:hover:not(.active) {
  opacity: .8;
}

.materialboxed.active {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

#materialbox-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #292929;
  z-index: 1000;
  will-change: opacity;
}

.materialbox-caption {
  position: fixed;
  display: none;
  color: #fff;
  line-height: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0% 15%;
  height: 50px;
  z-index: 1000;
  -webkit-font-smoothing: antialiased;
}

select:focus {
  outline: 1px solid #c9f3ef;
}

button:focus {
  outline: none;
  background-color: #2ab7a9;
}

label {
  font-size: 1.1rem;
  color: var(--colorText);
}

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {
  color: #7e7e7e;
}
::-moz-placeholder {
  color: #7e7e7e;
}
:-ms-input-placeholder {
  color: #7e7e7e;
}
::-ms-input-placeholder {
  color: #7e7e7e;
}
::placeholder {
  color: #7e7e7e;
}



input{
	border: 1px solid #c7d4dd;
}
input:hover{
	/*border: 1px solid #57657a;*/
	background-color:#d0d3d8;
}


/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  /*background-color: #fff;*/
  background-color:var(--colorBmedium)!important;
 /* border: 1px solid gray;*/
  /*border-bottom: 1px solid #9e9e9e;*/
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
  outline: none;
  height: 15px;
  width: 100%;
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
 /* -webkit-box-sizing: content-box;
          box-sizing: content-box;*/
 /* -webkit-transition: border .3s, -webkit-box-shadow .3s;
  transition: border .3s, -webkit-box-shadow .3s;
  transition: box-shadow .3s, border .3s;
  transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;*/
}
/*
input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.42);*/
 /* border-bottom: 1px dotted rgba(0, 0, 0, 0.42);*/
/*}*/
/*
input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly="readonly"] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly="readonly"] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly="readonly"] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly="readonly"] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly="readonly"] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly="readonly"] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(0, 0, 0, 0.42);
}
*/
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  /*border-left: 2px solid #ff0000;*/
  /*-webkit-box-shadow: -2px 0px 0 0 #ff0000;
          box-shadow: -2px 0px 0 0 #ff0000;*/
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #ff0000;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: #4CAF50;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: #F44336;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  /*border-bottom: 1px solid #4CAF50;*/
  -webkit-box-shadow: 0 1px 0 0 #4CAF50;
          box-shadow: 0 1px 0 0 #4CAF50;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
  /*border-left: 1px solid #F44336;*/
  -webkit-box-shadow: 0 1px 0 0 #F44336;
          box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error] {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
  content: attr(data-success);
  color: #4CAF50;
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
  content: attr(data-error);
  color: #F44336;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: .2s opacity ease-out, .2s color ease-out;
  transition: .2s opacity ease-out, .2s color ease-out;
}

.input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.input-field.inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.input-field.inline input,
.input-field.inline .select-dropdown {
  margin-bottom: 1rem;
}

.input-field.col label {
  left: 0.75rem;
}

.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
  width: calc(100% - 3rem - 1.5rem);
}

.input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
  transition: color .2s ease-out, -webkit-transform .2s ease-out;
  transition: transform .2s ease-out, color .2s ease-out;
  transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
          transform: translateY(12px);
}

.input-field > label:not(.label-icon).active {
  -webkit-transform: translateY(-14px) scale(0.8);
          transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
.input-field > input[type=date]:not(.browser-default) + label,
.input-field > input[type=time]:not(.browser-default) + label {
  -webkit-transform: translateY(-14px) scale(0.8);
          transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.input-field .helper-text {
  position: relative;
  min-height: 18px;
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

.input-field .helper-text::after {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.input-field .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  -webkit-transition: color .2s;
  transition: color .2s;
  top: 0.5rem;
}

.input-field .prefix.active {
  color: #ff0000;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.input-field .prefix ~ label {
  margin-left: 3rem;
}

@media only screen and (max-width: 992px) {
  .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

/* Search Field */
.input-field input[type=search] {
  display: block;
  line-height: inherit;
  -webkit-transition: .3s background-color;
  transition: .3s background-color;
}

.nav-wrapper .input-field input[type=search] {
  height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input-field input[type=search]:focus:not(.browser-default) {
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #444;
}

.input-field input[type=search]:focus:not(.browser-default) + label i,
.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
  color: #444;
}

.input-field input[type=search] + .label-icon {
  -webkit-transform: none;
          transform: none;
  left: 1rem;
}

.input-field input[type=search] ~ .mdi-navigation-close,
.input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  -webkit-transition: .3s color;
  transition: .3s color;
}

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color:#fff;
}

textarea.materialize-textarea {
  line-height: normal;
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: .8rem 0 .8rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
  position: absolute;
  top: 0;
  z-index: -1;
}

/* Autocomplete */
.autocomplete-content li .highlight {
  color: #444;
}

.autocomplete-content li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
}

/* Character Counter */
.character-counter {
  min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  font-size:12px!important;
  margin-top:-2px;
  font-family: Roboto, Trebuchet, Arial !important;
  /*-webkit-transition: .28s ease;
  transition: .28s ease;*/
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[type="radio"] + span:before,
[type="radio"] + span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0px;
  width: 10px;
  height: 10px;
  z-index: 0;
  /*-webkit-transition: .28s ease;
  transition: .28s ease;*/
}

/* Unchecked styles */
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:before,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
  border-radius: 50%;
}

[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after {
  border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked) + span:after {
  -webkit-transform: scale(0);
          transform: scale(0);
}

/* Checked styles */
[type="radio"]:checked + span:before {
  border: 2px solid transparent;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {
  border: 2px solid #007dba;
}

[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:after {
  background-color: #007dba;
}

[type="radio"]:checked + span:after {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* Radio With gap */
[type="radio"].with-gap:checked + span:after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

/* Focused styles */
[type="radio"].tabbed:focus + span:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + span:before {
  border: 2px solid rgba(0, 0, 0, 0.42);
}

[type="radio"].with-gap:disabled:checked + span:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
[type="radio"]:disabled:not(:checked) + span:before,
[type="radio"]:disabled:checked + span:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled + span {
  color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled:not(:checked) + span:before {
  border-color: rgba(0, 0, 0, 0.42);
}

[type="radio"]:disabled:checked + span:after {
  background-color: rgba(0, 0, 0, 0.42);
  border-color: #949494;
}

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
 /* position: absolute;
  opacity: 100;
  pointer-events: none;*/
}

[type="checkbox"] {
  /* checkbox aspect */
}

[type="checkbox"] + span:not(.lever) {
/* position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;*/
}

[type="checkbox"] + span:not(.lever):before,
[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
  /*content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;*/
}

[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
 /* border: 0;
  -webkit-transform: scale(0);
          transform: scale(0);*/
}

[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
  /*border: none;
  background-color: rgba(0, 0, 0, 0.42);*/
}

[type="checkbox"].tabbed:focus + span:not(.lever):after {
 /* -webkit-transform: scale(1);
          transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);*/
}

[type="checkbox"]:checked + span:not(.lever):before {
 /* top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;*/
}

[type="checkbox"]:checked:disabled + span:before {
 /* border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42);*/
}

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + span:not(.lever):before {
 /* top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #ff0000;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;*/
}

[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
 /* border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent;*/
}

[type="checkbox"].filled-in + span:not(.lever):after {
 /* border-radius: 2px;*/
}

[type="checkbox"].filled-in + span:not(.lever):before,
[type="checkbox"].filled-in + span:not(.lever):after {
  /*content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
/*  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;*/
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
 /* width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
          transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;*/
}

[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
 /* height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;*/
}

[type="checkbox"].filled-in:checked + span:not(.lever):before {
  /*top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
          transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;*/
}

[type="checkbox"].filled-in:checked + span:not(.lever):after {
 /* top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ff0000;
  background-color: #ff0000;
  z-index: 0;*/
}

[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
  /*border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);*/
}

[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
   /*border-radius: 2px;
  background-color: #ff0000;
  border-color: #ff0000;*/
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
  /* background-color: transparent;
  border: 2px solid transparent;*/
}

[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
  /* border-color: transparent;
  background-color: #949494;*/
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
  /* background-color: transparent;*/
}

[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
  /* background-color: #949494;
  border-color: #949494;*/
}

/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #ff0000;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label .lever:before {
  background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:after {
  background-color: #F1F1F1;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  /*-webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(38, 166, 154, 0.15);*/
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  /*-webkit-transform: scale(2.4);
          transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);*/
}

.switch input[type=checkbox][disabled] + .lever {
  /*cursor: default;
  background-color: rgba(0, 0, 0, 0.12);*/
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
 /* background-color: #949494;*/
}

/* Select Field
   ========================================================================== */
select {
 /* display: none;*/
}

select.browser-default {
  display: block;
}

select {
  background-color: #fff;
  width: 100%;
  padding: 1px;
  padding-top:0px;
  border: 1px solid #c7d4dd;
  /*border-radius: 2px;*/
  height: 30px;
  padding-left:3px;
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}

.select-wrapper.valid + label,
.select-wrapper.invalid + label {
  width: 100%;
  pointer-events: none;
}

.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: #e5f1fb;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 28px;
  line-height: 28px;
  width: 100%;
  font-size: 12px;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #007dba;
}

.select-wrapper .caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87);
}

.select-wrapper + label {
  position: absolute;
  top: -26px;
  font-size: 0.8rem;
}

select:disabled {
  color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled .caret {
  fill: rgba(0, 0, 0, 0.42);
}

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.42);
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, 0.03);
}

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}

.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}

.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}

.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

/* File Input
   ========================================================================== */
.file-field {
  position: relative;
}

.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

.file-field input.file-path {
  width: 100%;
}

.file-field .btn, .file-field .btn-large, .file-field .btn-small {
  float: left;
  height: 3rem;
  line-height: 3rem;
}

.file-field span {
  cursor: pointer;
}

.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.file-field input[type=file]::-webkit-file-upload-button {
  display: none;
}

/* Range
   ========================================================================== */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}

input[type=range]:focus {
  outline: none;
}

input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #ff0000;
  margin-left: 7px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #ff0000;
  font-size: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}

input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #ff0000;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  -webkit-appearance: none;
  background-color: #ff0000;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  margin: -5px 0 0 0;
}

.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
          box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-moz-focus-inner {
  border: 0;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #ff0000;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  margin-top: -5px;
}

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #ff0000;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed;
}

.table-of-contents li {
  padding: 2px 0;
}

.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 16px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: .4;
  display: inline-block;
}

.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 15px;
  border-left: 1px solid #ee6e73;
}

.table-of-contents a.active {
  font-weight: 500;
  padding-left: 14px;
  border-left: 2px solid #ee6e73;
}

.sidenav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  height: 100%;
 /* height: calc(100% + 60px);*/
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
}

.sidenav.right-aligned {
  right: 0;
  -webkit-transform: translateX(105%);
          transform: translateX(105%);
  left: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.sidenav .collapsible {
  margin: 0;
}

.sidenav li {
  float: none;
  line-height: 48px;
}

.sidenav li.active {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
}

.sidenav li > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
  margin: 10px 15px;
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
  color: #fff;
}

.sidenav li > a.btn-flat {
  color: #343434;
}

.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
  background-color: #ab0606;
}

.sidenav li > a.btn-floating:hover {
  background-color: #e8e9eb;
}

.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
.sidenav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}

.sidenav .divider {
  margin: 8px 0 0 0;
}

.sidenav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}

.sidenav .subheader:hover {
  background-color: transparent;
}

.sidenav .user-view {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}

.sidenav .user-view > a {
  height: auto;
  padding: 0;
}

.sidenav .user-view > a:hover {
  background-color: transparent;
}

.sidenav .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
  display: block;
}

.sidenav .user-view .circle {
  height: 64px;
  width: 64px;
}

.sidenav .user-view .name,
.sidenav .user-view .email {
  font-size: 14px;
  line-height: 24px;
}

.sidenav .user-view .name {
  margin-top: 16px;
  font-weight: 500;
}

.sidenav .user-view .email {
  padding-bottom: 16px;
  font-weight: 400;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}

.drag-target.right-aligned {
  right: 0;
}

.sidenav.sidenav-fixed {
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  position: fixed;
}

.sidenav.sidenav-fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width: 992px) {
  .sidenav.sidenav-fixed {
    -webkit-transform: translateX(-105%);
            transform: translateX(-105%);
  }
  .sidenav.sidenav-fixed.right-aligned {
    -webkit-transform: translateX(105%);
            transform: translateX(105%);
  }
  .sidenav > a {
    padding: 0 16px;
  }
  .sidenav .user-view {
    padding: 16px 16px 0;
  }
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #ee6e73;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #fff;
}

.sidenav .collapsible-body {
  padding: 0;
}

.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}

.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}

.preloader-wrapper.big {
  width: 74px;
  height: 74px;
}

.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #ff0000;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #007dba;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}

@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}

@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 5px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
}

#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  -webkit-perspective: 500px;
          perspective: 500px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}

.carousel.carousel-slider {
  top: 0;
  left: 0;
}

.carousel.carousel-slider .carousel-fixed-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}

.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel.carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}

.carousel .carousel-item {
  visibility: hidden;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel .carousel-item > img {
  width: 100%;
}

.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 24px 4px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  border-radius: 50%;
}

.carousel .indicators .indicator-item.active {
  background-color: #fff;
}

.carousel.scrolling .carousel-item .materialboxed,
.carousel .carousel-item:not(.active) .materialboxed {
  pointer-events: none;
}

.tap-target-wrapper {
  width: 800px;
  height: 800px;
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  -webkit-transition: visibility 0s .3s;
  transition: visibility 0s .3s;
}

.tap-target-wrapper.open {
  visibility: visible;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}

.tap-target-wrapper.open .tap-target {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: .95;
  -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.tap-target-wrapper.open .tap-target-wave::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.tap-target-wrapper.open .tap-target-wave::after {
  visibility: visible;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  -webkit-transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
  transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, visibility 0s 1s;
  transition: opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s;
}

.tap-target {
  position: absolute;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #ee6e73;
  -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.tap-target-content {
  position: relative;
  display: table-cell;
}

.tap-target-wave {
  position: absolute;
  border-radius: 50%;
  z-index: 10001;
}

.tap-target-wave::before, .tap-target-wave::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
}

.tap-target-wave::before {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.tap-target-wave::after {
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
  transition: opacity .3s, visibility 0s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, visibility 0s;
  transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;
  z-index: -1;
}

.tap-target-origin {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10002;
  position: absolute !important;
}

.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
  background: none;
}

@media only screen and (max-width: 600px) {
  .tap-target, .tap-target-wrapper {
    width: 600px;
    height: 600px;
  }
}

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

.pulse::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

/* Modal */
.DatepickerMZ-modal {
  max-width: 210x;
  min-width: 210px;
  max-height: none;
}


.DatepickerMZ-calendar .selects-container .select-dropdown {
	visibility:hidden!important;
	margin-top:-10px;
}

.DatepickerMZ-footer .confirmation-btns {
	visibility:hidden!important;
}

.DatepickerMZ-calendar .month-prev {
	margin-top:20px;
}

.DatepickerMZ-calendar .month-next {
	margin-top:20px;
}

.DatepickerMZ-container.modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  border:var(--colorBorders)!important;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.DatepickerMZ-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
 /* margin: 0 auto;*/
}

.DatepickerMZ-controls .selects-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color:#fff;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*border:var(--colorBorders)!important;*/
	/*-moz-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	-webkit-box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);
	box-shadow: 0px 6px 6px rgba(29,46,64,0.1),0px 0px 6px rgba(29,46,64,0.1);*/
}

.DatepickerMZ-controls .select-wrapper input {
  border-bottom: none;
  text-align: center;
  margin: 0;
}

.DatepickerMZ-controls .select-wrapper input:focus {
  border-bottom: none;
}

.DatepickerMZ-controls .select-wrapper .caret {
  display: none;
}

.DatepickerMZ-controls .select-year input {
  width: 50px;
}

.DatepickerMZ-controls .select-month input {
  width: 70px;
}

.month-prev, .month-next {
  margin-top: 4px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/* Date Display */
.DatepickerMZ-date-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  background-color: #e8e9eb;
  color: #fff;
  padding: 20px 22px;
  font-weight: 500;
  display:none;
  
}

.DatepickerMZ-date-display .year-text {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.7);
}

.DatepickerMZ-date-display .date-text {
  display: block;
  font-size: 2.8rem;
  line-height: 47px;
  font-weight: 500;
}

/* Calendar */
.DatepickerMZ-calendar-container {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5 auto;
      -ms-flex: 2.5 auto;
          flex: 2.5 auto;
		  background-color:#fff;
		  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.DatepickerMZ-table {
  width: 180px;
  font-size: 1rem;
 / margin: 0 5px;*/
}

.DatepickerMZ-table thead {
  border-bottom: none;
}

.DatepickerMZ-table th {
  padding: 2px 2px;
  text-align: center!important;
  color:#000;
}

.DatepickerMZ-table tr {
  border: none;
}

.DatepickerMZ-table abbr {
  text-decoration: none;
  color: #000;
}

.DatepickerMZ-table td {
  /*border-radius: 50%;*/
  padding: 0;

  
}

.DatepickerMZ-table td.is-today {
  color: #ff0000;
}

.DatepickerMZ-table td.is-selected {
  background-color: #e8e9eb;
  color: green;
}

.DatepickerMZ-table td.is-outside-current-month, .DatepickerMZ-table td.is-disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.DatepickerMZ-day-button {
  background-color: #e6e6e6;
  border: none;
  line-height: 20px;
  display: block;
  width: 90%;
  /*border-radius: 50%;*/
  padding: 0 2px;
  cursor: pointer;
  color: inherit;
  margin:1px;
}

.DatepickerMZ-day-button:hover {
  background-color: #aaa;
 
}

.DatepickerMZ-day-button:focus {
  background-color: rgba(43, 161, 150, 0.25);
}

/* Footer */
.DatepickerMZ-footer {
  width: 280px;
  margin: 0 auto;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.DatepickerMZ-cancel,
.DatepickerMZ-clear,
.DatepickerMZ-today,
.DatepickerMZ-done {
  color: #ff0000;
  padding: 0 1rem;
}

.DatepickerMZ-clear {
  color: #F44336;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .DatepickerMZ-modal {
    max-width: 210px;
	z-index:10000000000!important;
	margin-top:60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  }
  .DatepickerMZ-container.modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .DatepickerMZ-date-display {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 270px;
        -ms-flex: 0 1 270px;
            flex: 0 1 270px;
  }
  .DatepickerMZ-controls,
  .DatepickerMZ-table,
  .DatepickerMZ-footer {
    width: 200px;
	margin:3px;
	margin:top:-10px;
  }
  .DatepickerMZ-day-button {
    line-height: 25px;
	
  }
}

/* Timepicker Containers */
.timepicker-modal {
  max-width: 325px;
  max-height: none;
}

.timepicker-container.modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}

.text-primary {
  color: white;
}

/* Clock Digital Display */
.timepicker-digital-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  background-color: #e8e9eb;
  padding: 10px;
  font-weight: 300;
}

.timepicker-text-container {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
  cursor: pointer;
}

.timepicker-span-hours {
  margin-right: 3px;
}

.timepicker-span-minutes {
  margin-left: 3px;
}

.timepicker-display-am-pm {
  font-size: 1.3rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-weight: 400;
}

/* Analog Clock Display */
.timepicker-analog-display {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5 auto;
      -ms-flex: 2.5 auto;
          flex: 2.5 auto;
}

.timepicker-plate {
  background-color: #eee;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  overflow: visible;
  position: relative;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.timepicker-canvas,
.timepicker-dial {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.timepicker-minutes {
  visibility: hidden;
}

.timepicker-tick {
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  font-size: 15px;
}

.timepicker-tick.active,
.timepicker-tick:hover {
  background-color: rgba(38, 166, 154, 0.25);
}

.timepicker-dial {
  -webkit-transition: opacity 350ms, -webkit-transform 350ms;
  transition: opacity 350ms, -webkit-transform 350ms;
  transition: transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
}

.timepicker-dial-out {
  opacity: 0;
}

.timepicker-dial-out.timepicker-hours {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.timepicker-dial-out.timepicker-minutes {
  -webkit-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.timepicker-canvas {
  -webkit-transition: opacity 175ms;
  transition: opacity 175ms;
}

.timepicker-canvas line {
  stroke: #ff0000;
  stroke-width: 4;
  stroke-linecap: round;
}

.timepicker-canvas-out {
  opacity: 0.25;
}

.timepicker-canvas-bearing {
  stroke: none;
  fill: #ff0000;
}

.timepicker-canvas-bg {
  stroke: none;
  fill: #ff0000;
}

/* Footer */
.timepicker-footer {
  margin: 0 auto;
  padding: 5px 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.timepicker-clear {
  color: #F44336;
}

.timepicker-close {
  color: #ff0000;
}

.timepicker-clear,
.timepicker-close {
  padding: 0 20px;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .timepicker-modal {
    max-width: 600px;
  }
  .timepicker-container.modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .timepicker-text-container {
    top: 32%;
  }
  .timepicker-display-am-pm {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-top: 1.2rem;
  }
}

@charset "UTF-8";
/* CSS Document */

/* Main menu */

#menu
{
	/*background: #3f4145;*/
	/*-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;*/
	text-align: left;
}


#menu:hover {
}

#menu li
{
	list-style: none;
	width:100%;
	position: relative;
	line-height: 0;
	display: inline-block;
    *display: inline;    
	zoom: 1;
	margin-left:-25px;
	margin-top:-4px;
	top:0px;
}

#menu li a
{

	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top:5px;
	color:#8b8f91;
}

#menu .menuSublink{
	background-image:url(/Content/images-layout/entryArrowLeft.png);
	background-repeat:no-repeat;
	background-position:3px 0px;
}


#menu a
{
	display: inline-block;  
	zoom: 1;
	height: 25px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	vertical-align: middle;
}

#menu li:hover > a
{
    color: #fafafa;
	
}

#menu ul li:hover > a
{
    color: #fafafa;
	background: #007dba;
}

*html #menu li a:hover /* IE6 */
{
    color: #fafafa;
}

#menu li:hover > ul
{
    display: block;
}

/* Sub-menu */


#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: -12px;
	z-index: 99999!important;
	background: #ffffff;
	/*-moz-box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	-webkit-box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);*/

	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	text-align: left;
}


#menu ul ul
{
	top: 0;
	left: -150px;
	display: none;
}

#menu ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	/*-moz-box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
	box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;*/
	
	
}

#menu ul li:last-child
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#menu ul a
{
	height: 10px;
	width: 130px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color: #686a6b;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #ffffff;
	border-bottom:#ccc;
}

*html #menu ul a /* IE6 */
{
	height: 10px;
	background: #ffffff;
}

*:first-child+html #menu ul a /* IE7 */
{    
    height: 10px;
	background: #ffffff;
}

#menu ul a:hover
{
    background: #007dba !important;
}

#menu ul li:first-child > a
{
	/*-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
}

#menu ul li:first-child > a:after
{
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #eeeeee;
}

#menu ul ul li:first-child a:after
{
	left: -8px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 0;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	/*border-right: 8px solid #98a1a5;*/
	
}

#menu ul li:first-child a:hover:after
{
	border-bottom-color: #007dba;
}

#menu ul ul li:first-child a:hover:after
{
	/*border-right-color: #0d97db;*/
	border-bottom-color: transparent;
}


#menu ul li:last-child > a
{
	/*-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;*/
}

/* Clear floated elements */
#menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/*********************************************************************************VY menu*/
@charset "UTF-8";
/* CSS Document */

/* Main menu */

#displayManageViewsMenuContainter
{
	/*background: #3f4145;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;*/
	text-align: left;
	/*padding-top: 6px;
	padding-right: 0px;
	
	padding-left: 0px;
	z-index: 88888;
	margin: 0;*/
}


#displayManageViewsMenuContainter:hover {
	
	/*background: #007dba!important;*/
}

#displayManageViewsMenuContainter li
{
	list-style: none;
	width:100%;
	/*position: relative;*/
	line-height: 0;
	display: inline-block;
    *display: inline;    
	zoom: 1;
	margin-left:-25px;
	margin-top:-4px;
	top:0px;
}

#displayManageViewsMenuContainter li a
{

	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top:5px;
	color:#8b8f91;
}

#displayManageViewsMenuContainter .menuSublink{
	background-image:url(/Content/images-layout/entryArrow.png);
	background-repeat:no-repeat;
	background-position:73px 0px;
}


#displayManageViewsMenuContainter a
{
	display: inline-block;  
	zoom: 1;
	height: 25px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	vertical-align: middle;
}

#displayManageViewsMenuContainter li:hover > a
{
    color: #fafafa;
	
}

#displayManageViewsMenuContainter ul li:hover > a
{
    color: #fafafa;
	background: #007dba;
}

*html #displayManageViewsMenuContainter li a:hover /* IE6 */
{
    color: #fafafa;
	
	
}

#displayManageViewsMenuContainter li:hover > ul
{
    display: block;
}

/* Sub-menu */


#displayManageViewsMenuContainter ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	/*display: none;*/
	/*display: block;*/
	position: relative;
	top: 30px;
	left: 15px;
	z-index: 99999!important;
	background: #ffffff;
	/*-moz-box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	-webkit-box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);
	box-shadow: 0px 2px 4px 1px rgba(30,36,42,0.8);*/

	/*-moz-border-radius: 5px;
	border-radius: 5px;*/
	text-align: left;
	width:150px;
	max-height:98px;
}

#displayManageViewsMenuContainter ul ul
{
	top: -20px;
	left: 20px;
	display: none;
	/*margin-right:-60px;*/
}

#displayManageViewsMenuContainter ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	width:100px;
	/*-moz-box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;
	box-shadow: 0px 1px 0px #cccccc,0px 2px 0px #ffffff;*/
	
	
}

#displayManageViewsMenuContainter ul li:last-child
{
/*	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;*/
}

#displayManageViewsMenuContainter ul a
{
	height: 10px;
	width: 130px;
	height: auto;
	
	white-space: normal;
	line-height: 1;
	display: block;
	text-transform: none;
	color: #686a6b;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #ffffff;
	border-bottom:#ccc;
}
#displayManageViewsMenuContainter ul ul a
{
	width: 220px;
}

#displayManageViewsMenuContainter ul li:first-child 
{
}

#displayManageViewsMenuContainter ul a:hover
{
    background: #007dba !important;
}

#displayManageViewsMenuContainter ul li:first-child > a
{
	/*-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
}

#displayManageViewsMenuContainter ul li:first-child > a:after
{
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #eeeeee;
}

#displayManageViewsMenuContainter ul ul li:first-child a:after
{
	left: -8px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 0;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	
}

#displayManageViewsMenuContainter ul li:first-child a:hover:after
{
	border-bottom-color: #007dba;
}


#displayManageViewsMenuContainter ul ul li:first-child a:hover:after
{
	border-bottom-color: transparent;
}


#displayManageViewsMenuContainter ul li:last-child > a
{
	/*-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;*/
}

/* Clear floated elements*/ 

#displayManageViewsMenuContainter:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.look-menubutton .inner-container
{
    display: table;
    /* Fix for [TP5280].*/
    /** FIX(sk:RC5756): Widths of menu items in browsers like netscape & firefox
        get multiplied by this to prevent text wrapping to the next line
        See: http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements
    */
    white-space: nowrap;
    overflow-x: visible;
    /** Fix for [TP5134]. sets the 'cursor' style to 'auto'
        (as this does not seem to be the default for 'IE'
        when we have a popup on the screen. */
    cursor: auto;
    max-width: inherit;
}

.look-menubutton label
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    max-width: inherit;
}

.look-menubutton img
{
    margin: 0 2px 0 3px;
}

.look-menubutton img
.look-menubutton span
{
    vertical-align: middle;
}

.look-menubutton[dir=rtl] img {
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


@charset "UTF-8";



#menu3
{
	/*background: #2a2a2a;
	text-align: left;

	padding-top: 6px;
	padding-right: 0px;
	
	padding-left: 0px;
	z-index: 88888;
	margin: 0;*/
	
}

#menu3 li
{
	list-style: none;
	width:190px;
	position: relative;
	line-height: 0;
	display: inline-block;
    *display: inline;    
	zoom: 1;
	margin-left:-15px;
	margin-top:-3px;
	top:-3px;
	/*border-bottom:1px solid #e6e6e6;*/
	padding-left:0px;
	height:90px;
}




#menu3 li a
{

	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-top:5px;
	color:#333;
	height:100px;
}


#menu3 a
{
	display: inline-block;  
	zoom: 1;
	height:80px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
	
}
/*
#menu3 li a:first-child
{
	display: inline-block;  
	zoom: 1;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
	border-bottom:none;
}
*/
#menu3 li:hover > a
{
    color: #fafafa;
	width:200px;
	
	background-color:#3977b4;
}

#menu3 ul:first-child li:first-child :hover > a
{
    color: #fafafa;
	width:180px;
	
	background-color:#c2c2c2!important;
	
}


*html #menu3 li a:hover /* IE6 */
{
    color: #fafafa;
	
}

#menu3 li:hover > ul
{
    display: block;
	position:absolute;
	top:0px;
}




#menu3 ul ul
{
	top: 0;
	left: 195px;
	/*border-left:3px solid #3977b4;*/
	background-color:#c2c2c2;

	
}

#menu3 ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	
	background-color:#c2c2c2;
	height:33px;
}

#menu3 ul a
{
	/*height: 10px;*/
	width: 185px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color:#333;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #c2c2c2;
	border-bottom:1 SOLID #fff;
	background-color:#c2c2c2;
		height:18px;
	
}
#menu3 ul ul a
{
background-color:#fff;
	height:12px;
}
*html #menu3 ul a /* IE6 */
{
	/*height: 10px;*/
	background: #c2c2c2;
	
}

*:first-child+html #menu3 ul a /* IE7 */
{    
   /* height: 10px;*/
	background: #c2c2c2;
	
}

#menu3 ul a:hover
{
    background: #3977b4 !important;
	color:#fff;
}



#menu3 ul li:first-child a:hover:after
{
	/*border-bottom-color: #007dba;*/
}

#menu3 ul ul li:first-child a:hover:after
{
	border-right-color: #0d97db;
	border-bottom-color: transparent;
	height:25px;
	
}


/* Clear floated elements */
#menu3:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu3             { zoom: 1; } /* IE6 */
*:first-child+html #menu3 { zoom: 1; } /* IE7 */

.sideMenuLink {
	background-image:none;
	text-decoration:underline!important;
}
.smml {
	background-image:url(/Content/images-layout/side-arrow.png);
	background-repeat:no-repeat;
	background-position:180px 10px;
}
ul ul ul .smml {
	background-image:url(/Content/images-layout/side-arrow.png);
	background-repeat:no-repeat;
	background-position:180px 10px;
}




@charset "UTF-8";



#menu4
{
	/*background: #2a2a2a;
	text-align: left;

	padding-top: 6px;
	padding-right: 0px;
	
	padding-left: 0px;
	z-index: 88888;
	margin: 0;*/
}

#menu4 li
{
	list-style: none;
	width:220;
	position: relative;
	line-height: 0;
	display: inline-block;
    *display: inline;    
	zoom: 1;
	margin-left:-15px;
	margin-top:-3px;
	top:0px;
	border-bottom:1px solid #e6e6e6;
	/*padding-left:10px;*/
	font-weight:normal;
	border-left:3px solid #3977b4;
	
}
#menu4 li a
{

	margin-top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top:5px;
	color:#333;
	height:60px;
}


#menu4 a
{
	display: inline-block;  
	zoom: 1;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
	height:60px;
}
/*
#menu4 li a:first-child
{
	display: inline-block;  
	zoom: 1;
	height: 20px;
	color: #ffffff;
	text-decoration: none;
	font-family: Roboto,Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
	border-bottom:none;
}
*/
#menu4 li:hover > a
{
    color: #fafafa;
	width:200px;
	
	background-color:#3977b4;
}

#menu4 ul:first-child li:first-child :hover > a
{
    color: #fafafa;
	width:200px;
	
	background-color:transparent!important;
}


*html #menu4 li a:hover /* IE6 */
{
    color: #fafafa;
	
}

#menu4 li:hover > ul
{
    display: block;
	
}

/* Sub-menu2 */

#menu4 ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 20px;
	left: 210px;
	z-index: 99999;
	background: Transparent!important;;
	text-align: left;
	width:220px;
	
}

#menu4 ul ul
{
	top: 0px;
	left: 220px;
	
}
#menu4 ul ul ul
{
	top: 0;
	left: 220px;
	
}

#menu4 ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	
	background-color:#c2c2c2;
}
#menu4 ul ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	
	background-color:#c2c2c2;
}
#menu4 ul ul ul li
{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	
	background-color:#c2c2c2;
}

#menu4 ul a
{
	height: 10px;
	width: 200px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color:#333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #c2c2c2;
	border-bottom:1 SOLID #ccc;
	text-decoration:none !important;
	
}
#menu4 ul ul a
{
	height: 10px;
	width: 200px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color:#333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #c2c2c2;
	border-bottom:1 SOLID #ccc;
	text-decoration:none !important;
	
}

#menu4 ul ul ul a
{
	height: 10px;
	width: 200px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color:#333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: #c2c2c2;
	border-bottom:1 SOLID #ccc;
	text-decoration:none !important;
	
}

*html #menu4 ul a /* IE6 */
{
	height: 10px;
	background: #c2c2c2;
}
*html #menu4 ul ul a /* IE6 */
{
	height: 10px;
	background: #c2c2c2;
}
*html #menu4 ul ul ul a /* IE6 */
{
	height: 10px;
	background: #c2c2c2;
}

*:first-child+html #menu4 ul a /* IE7 */
{    
    height: 10px;
	background: #c2c2c2;
	
}

#menu4 ul a:hover
{
    background: #3977b4 !important;
}

#menu4 ul ul a:hover
{
    background: #3977b4 !important;
}

#menu4 ul ul ul a:hover
{
    background: #3977b4 !important;
}



#menu4 ul li:first-child a:hover:after
{
	border-bottom-color: #007dba;
}

#menu4 ul ul li:first-child a:hover:after
{
	border-right-color: #0d97db;
	border-bottom-color: transparent;
}
#menu4 ul ul ul li:first-child a:hover:after
{
	border-right-color: #0d97db;
	border-bottom-color: transparent;
}
#menu4 ul ul ul ul {
margin-left:-20px;
border-top:1px solid #333;
border-bottom:1px solid #333;
border-right:1px solid #333 !important;
}

/* Clear floated elements */
#menu4:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu4             { zoom: 1; } /* IE6 */
*:first-child+html #menu4 { zoom: 1; } /* IE7 */

.sideMenuLink {
	background-image:none;
	/*text-decoration:underline!important;*/
}
.sideMenuLink2 {
	background-image:none;
	color:#3977b4 !important;
	/*text-decoration:underline!important;*/
}
.sideMenuLink2:hover {
	background-image:none;
	color:#fff !important;
	/*text-decoration:underline!important;*/
}
.smml {
	background-image:url(/Content/images-layout/side-arrow.png);
	background-repeat:no-repeat;
	background-position:200px 10px;
}
ul .smml {
	background-image:url(/Content/images-layout/side-arrow.png);
	background-repeat:no-repeat;
	background-position:200px 10px;
}
ul ul .smml {
	background-image:url(/Content/images-layout/side-arrow.png);
	background-repeat:no-repeat;
	background-position:200px 10px;
}
ul ul ul .smml {
	background-image:url(/Content/images-layout/side-arrow.png);
	background-repeat:no-repeat;
	background-position:200px 10px;
}



.look-control.look-numericcombo
{
    border: none;
    padding: 2px 0 2px 0;
}

.look-control.look-numericcombo input
{
    position: relative;
    padding: 0 2px 0 2px;
    height: 100%;
    width: 100%;
    vertical-align: top;

    border-style: solid;
    border-color: #808080;
    border-width: 1px;
}

.look-control.look-numericcombo input[readonly],
.look-control.look-numericcombo textarea[readonly]
{
    background-color: lightgray;
}


/** Optional styles that could apply to any control
*/

.look-transparent
{
    background-color: transparent !important;
}


.look-optionbutton .inner-container
{
    display: table;

    /* Fix for [TP5280].*/
    white-space: nowrap;
    overflow-x: visible;

    /** Fix for [TP5134]. sets the 'cursor' style to 'auto'
        (as this does not seem to be the default for 'IE'
        when we have a popup on the screen. */
    cursor: auto;
    max-width: inherit;
}

.look-optionbutton label 
{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    max-width: inherit;
    overflow: hidden;
}

/*  Alignment (always set to middle on vertical and left on horizontally for radio buttons)
    This is the default setting achieved by putting a SPAN inside a DIV.
*/

.look-optionbutton input[type=radio]
{
    margin: 0 2px 0 2px;
    vertical-align: middle;
}

.look-optionbutton span
{
    vertical-align: middle;
}

.look-optionbutton[disabled],
.look-optionbutton[disabled] label,
.look-optionbutton[disabled] input[type=radio],
.look-optionbutton[disabled] span
{
    cursor: not-allowed;
}



.look-panel
{
    overflow: hidden;
	background-color:#96989a10!important;
}





.look-picturebox { 
    overflow: hidden;
}

/** This uses absolute positioning and JavaScript to position the image at the correct alignment independently of
    the text Alignment.
    The absolute positioning works differently under Netscape and IE. Under IE, it is an offset from the client area
    of the button, and under NN it is an absolute position in screen space. We have different script functions for IE and NN
    to take care of those differences and make it appear correctly under both IE and NN
*/
.look-picturebox img {
    position: absolute; 
    left: 0;
    top: 0;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #f5f5f5;
    height: initial;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}


/* Fix for [23035] - Fix IE issues with Right To Left support (e.g. Arabic).
   As IE does not seems to fully support DIR attribute.
*/
.look-righttoleft {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}




/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100000000000000000000000000000;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: var(--colorBorders);
	background: var(--colorNavAndMain);
	color: var(--colorText);
}
.ui-widget-content a {
	color: var(--colorText);
}
.ui-widget-header {
	/*border: var(--colorBorders);*/
	background: var(--colorNavAndMain);
	color: var(--colorText);
	/*font-weight: bold;*/
}
.ui-widget-header a {
	color: var(--colorText);
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/Content/Session/Controls/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(/Content/Session/Controls/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/Content/Session/Controls/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(/Content/Session/Controls/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/Content/Session/Controls/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: var(--colorCalendarBut);
}
.ui-widget-header .ui-icon {
	background-image: var(--colorCalendarBut);
}
.ui-state-default .ui-icon {
	background-image: url(/Content/Session/Controls/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/Content/Session/Controls/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/Content/Session/Controls/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/Content/Session/Controls/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/Content/Session/Controls/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays 
.ui-widget-overlay {
	background: #aaaaaa url(/Content/Session/Controls/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); 
}*/

.ui-widget-overlay {
	
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/Content/Session/Controls/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}


.look-smartnav {

    border: 1px solid;
}


.look-smartnav > .groups {
    overflow: hidden;
    width: 100%;
    height: 100%;        
}

.look-smartnav > .groups > .group
{
    /* Fix for [10531] - Set container to relative position so child controls can be absolute positioned.*/
    display: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}


.look-smartnav > .groupbuttons > .groupbutton > span {
    
    /* Fix fox [17846] - Do not wrapped text that is too long, just clip it */
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.look-smartnav > .groups > .group.active
{
    display: block;
}

.look-smartnav > .groupbuttons {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: inherit;
}

.look-smartnav > .groupbuttons > .groupbutton 
{
    box-sizing: content-box;
    height: 16px;
    line-height: 16px;
    padding: 1px 1px 2px 1px;
    border: solid #2F4F4F;
    border-width: 1px 0 0 0;
    color: black;
    background-color: #7EA6E1;
    font-family: Roboto,Arial, Sans-Serif;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, from(#CBE1FC), to(#7EA6E1));
    background: -moz-linear-gradient(top, #CBE1FC, #7EA6E1);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFCBE1FC', EndColorStr= '#FF7EA6E1');

    /* Fix fox [19290] - Do not wrapped text that is too long, just clip it */
    overflow: hidden;
    cursor: pointer;
}

.look-smartnav > .groupbuttons > .groupbutton.active
{
    background-color: #EF9615;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBE694), to(#EF9615));
    background: -moz-linear-gradient(top,  #FBE694,  #EF9615);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFBE694', EndColorStr= '#FFEF9615');

    cursor: hand;
    text-decoration: underline;
}


/** Static content
*/


/** Unforetunately CSS still has no native variable support!
    MinTabWidth = 38;
    TabPadding = 15;
    TabHeight = 21;*/

.look-tabcontrol > .inner-container > ul.tabs
{
    position: relative;

    /* tab buttons sit above tab pages to obscure its borders */
    z-index: 2;

    overflow: hidden;
    margin: 0;
    padding: 0;

    list-style-type: none;
}


.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton
{
    float: left;
    position: relative;

    text-align: center;

    /* overlapped right margins so 1px thick (assumes 1px width border) */
    margin: 0 -1px 0 0;

    /* shorten in-active tabs */
    margin-top: 2px;
    padding-bottom: 2px;
}

.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton.active
{
    /* active tabs get full height */
    margin-top: initial;
    padding-bottom: initial;
}

.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton > a
{
    display: inline-block;
    width: 100%;
    height: 100%;

    padding-top: 2px;
    overflow: hidden;
    background-color: #C0C0C0;
    text-decoration: none;
    border: 1px solid #808080;
}

.look-tabcontrol > .inner-container > ul.tabs > li.tabbutton.active > a
{
    background-color: #F0F0F0;
    border-bottom: 0 none;
    padding-top: 4px;
}


.look-tabcontrol > .inner-container > div.pages
{
    background: #fff;
    border: 1px solid #999;
    z-index: 1;
    top: -1px;
}

/* Currently we only support tab alignment 'top' so default others to top.*/
.look-tabcontrol[data-alignment="tabalignright"] > .inner-container > div.pages
.look-tabcontrol[data-alignment="tabalignleft"] > .inner-container > div.pages
.look-tabcontrol[data-alignment="tabaligntop"] > .inner-container > ul.tabs
.look-tabcontrol[data-alignment="tabalignbottom"] > .inner-container > ul.tabs {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.look-tabcontrol > .inner-container > div.pages
{
    position: relative;
    width: 100%;

    font-weight: initial;
    font-style: initial;
    
}

.look-tabcontrol > .inner-container > div.pages > div.tabpage
{
    background-color: #F0F0F0;

    display: none;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
}

.look-tabcontrol > .inner-container > div.pages > div.tabpage.active
{
    display: block;
}







.look-control.textboxbutton
{
    padding: 1px 0 1px 0;
}

.look-control.textboxbutton .inner-container
{
    position: relative;
    width: 100%;
    height: 100%;

    border-color: #808080;
}

.look-control.textboxbutton input
{
    display: block;
    height: 20px;
    padding: 0 2px 0 2px;

    border-style: solid;
    border-color: inherit;
    border-width: 1px;
    border-right: 0; 
}

.look-control.textboxbutton button
{
    background-color: #C0C0C0;
    
    position: absolute;
  
    top: 0;
    right: 0;
    
    border-style: solid;
    border-color: inherit;
    border-width: 1px;
	border-top:var(--colorBorders)!important;
	border-right:var(--colorBorders)!important;
	border-bottom:var(--colorBorders)!important;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	
	background-color:#e2e8ed;
        
    cursor: pointer;
    cursor: hand;
    
    text-align: center;
	margin-left:-3px;
	height:20px !important;
	background-position:4px 0px;
 }

.look-control.textboxbutton:not([disabled]) button:active
{
    background-color: #A0A0A0;
}

.look-control.textboxbutton button img
{
    display: none!important;
}


.look-control.look-textbox
{
    border: none;
    padding: 1px 0 1px 0;
	height:23px!important;
	margin-top:3px!important;
}

.look-control.look-textbox input,
.look-control.look-textbox textarea
{
    position: relative;
    padding: 0 2px 0 2px;
    height: 100%;
    width: 100%;
    vertical-align: top;

   
    border: var(--colorBorders);
    background-color: var(--colorInputs)!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  
}

.look-control.look-textbox input[readonly],
.look-control.look-textbox textarea[readonly]
{
   /* background-color: lightgray;*/
    background-color: #fff;
}

.look-control.look-textbox input.look-fixedentrycapable
{
    border: none;
    border-bottom: 1px solid black;
}

.look-control.look-textbox input.look-fixedentrycapable:focus
{
    outline: none;
}


.look-control.look-textbox input:hover,
.look-control.look-textbox textarea:hover
{
	border-style: solid;
    border-color: #57657a;
    border-width: 1px;
	background-color:#d0d3d8;
}

.look-updown
{
    padding: 1px;
}

.look-updown .inner-container
{
    border: 1px;
    border-color: #c7d4dd;
    background-color: #e2e8ed;
    border-style: solid;
 }
 
 .look-updown .inner-container:hover{
	 background-color: #3397c7;
 }

.look-updown button
{
    position: absolute;
    border-style: none;
    background-color: #e2e8ed;
    cursor: pointer;
    cursor: hand;
    padding: 0 0 0 0;

    background-repeat: no-repeat;
    background-position: center;
}

 .look-updown button:hover{
	 background-color: #3397c7;
 }

.look-updown button img
{
    display: none;
}

.look-updown[data-orientation="orienthorizontal"]  button:first-child {
    height: 100%;
    width: 50%;
    left: 0;
}

.look-updown[data-orientation="orienthorizontal"]  button:last-child {
    height: 100%;
    width: 50%;
    left: 50%;
}

.look-updown[data-orientation="orientvertical"]  button:first-child {
    height: 50%;
    width: 100%;
    top: 0;
}


.look-updown[data-orientation="orientvertical"]  button:last-child {
    height: 50%;
    width: 100%;
    top: 50%;
}

.look-updown[data-orientation="orienthorizontal"]  button:first-child:after,
.look-updown[data-orientation="orienthorizontal"]  button:last-child:after,
.look-updown[data-orientation="orientvertical"]  button:first-child:after,
.look-updown[data-orientation="orientvertical"]  button:last-child:after {
    display: block;
    height: 100%;
    width: 100%;
    content: "";

    -ms-background-size: 40% 30%;
    background-size: 40% 30%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.look-updown[data-orientation="orienthorizontal"]  button:first-child:after {
    background-image: url(/images/UpDown_Left.gif);
}

.look-updown[data-orientation="orienthorizontal"] button:last-child:after
{
    background-image: url(/images/UpDown_Right.gif);
}

.look-updown[data-orientation="orientvertical"] button:first-child:after {
    background-image: url(/images/UpDown_Up.gif);
}

.look-updown[data-orientation="orientvertical"] button:last-child:after
{
    background-image: url(/images/UpDown_Down.gif);
}

.look-updown:not([disabled]) button:active
{
    background-color: #A0A0A0;
}

.look-updown[disabled][data-orientation="orienthorizontal"]  button:first-child:after
{
    background-image: url(/images/UpDown_LeftG.gif);
}

.look-updown[disabled][data-orientation="orienthorizontal"] button:last-child:after
{
    background-image: url(/images/UpDown_RightG.gif);
}

.look-updown[disabled][data-orientation="orientvertical"]  button:first-child:after
{
    background-image: url(/images/UpDown_UpG.gif);
}

.look-updown[disabled][data-orientation="orientvertical"] button:last-child:after
{
    background-image: url(/images/UpDown_DownG.gif);
}


