/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(7029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(7842,26): run-time error CSS1019: Unexpected token, found ':'
(7842,26): run-time error CSS1042: Expected function, found ':'
(7842,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(7889,26): run-time error CSS1019: Unexpected token, found ':'
(7889,26): run-time error CSS1042: Expected function, found ':'
(7889,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(8179,26): run-time error CSS1019: Unexpected token, found ':'
(8179,26): run-time error CSS1042: Expected function, found ':'
(8179,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(8975,22): run-time error CSS1063: Expected calculation unit, found 'var('
(8975,22): run-time error CSS1064: Expected calculation product, found 'var('
(8975,22): run-time error CSS1019: Unexpected token, found 'var('
(8975,22): run-time error CSS1042: Expected function, found 'var('
(8975,27): run-time error CSS1039: Token not allowed after unary operator: '-window-inner-height'
(8975,57): run-time error CSS1019: Unexpected token, found ' '
(8975,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9043,22): run-time error CSS1063: Expected calculation unit, found 'var('
(9043,22): run-time error CSS1064: Expected calculation product, found 'var('
(9043,22): run-time error CSS1019: Unexpected token, found 'var('
(9043,22): run-time error CSS1042: Expected function, found 'var('
(9043,27): run-time error CSS1039: Token not allowed after unary operator: '-window-inner-height'
(9043,57): run-time error CSS1019: Unexpected token, found ' '
(9043,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9762,22): run-time error CSS1063: Expected calculation unit, found 'var('
(9762,22): run-time error CSS1064: Expected calculation product, found 'var('
(9762,22): run-time error CSS1019: Unexpected token, found 'var('
(9762,22): run-time error CSS1042: Expected function, found 'var('
(9762,27): run-time error CSS1039: Token not allowed after unary operator: '-window-inner-height'
(9762,57): run-time error CSS1019: Unexpected token, found ' '
(9762,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*! jQuery UI - v1.10.2 - 2013-03-25
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.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.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.2em&cornerRadius=0px&bgColorHeader=%23cc0000&bgTextureHeader=highlight_soft&bgImgOpacityHeader=15&borderColorHeader=%23e3a1a1&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23eeeeee&fcContent=%23333333&iconColorContent=%23cc0000&bgColorDefault=%23eeeeee&bgTextureDefault=highlight_hard&bgImgOpacityDefault=100&borderColorDefault=%23d8dcdf&fcDefault=%23000000&iconColorDefault=%23cc0000&bgColorHover=%23f6f6f6&bgTextureHover=highlight_hard&bgImgOpacityHover=100&borderColorHover=%23cdd5da&fcHover=%23111111&iconColorHover=%23cc0000&bgColorActive=%23ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23eeeeee&fcActive=%23cc0000&iconColorActive=%23cc0000&bgColorHighlight=%23fbf8ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcd3a1&fcHighlight=%23444444&iconColorHighlight=%23004276&bgColorError=%23f3d8d8&bgTextureError=diagonals_thick&bgImgOpacityError=75&borderColorError=%23cc0000&fcError=%232e2e2e&iconColorError=%23cc0000&bgColorOverlay=%23a6a6a6&bgTextureOverlay=dots_small&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=%23333333&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 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;
	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);
}

.ui-front {
	z-index: 100;
}


/* 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-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-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.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;
	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;
	border: 1px solid #e3a1a1;
	background: #cc0000 url(/Content/stylesheets/custom-theme/images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.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-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.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 {
	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: 21px;
	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-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;
	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;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.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-progressbar .ui-progressbar-overlay {
	background: url("/Content/stylesheets/custom-theme/images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.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;
}

/* For 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-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 overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre 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 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, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	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: Arial,sans-serif;
	font-size: 1.2em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #eeeeee;
	background: #ffffff url(/Content/stylesheets/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d8dcdf;
	background: #eeeeee url(/Content/stylesheets/custom-theme/images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #000000;
	
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #000000;
	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 #cdd5da;
	background: #f6f6f6 url(/Content/stylesheets/custom-theme/images/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #111111;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #111111;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #eeeeee;
	background: #ffffff url(/Content/stylesheets/custom-theme/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #cc0000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #cc0000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd3a1;
    /*Fix bug: Bug 36802 - General Comment re Date Picker*/
    background: #FA8072; 
	/*background: #fbf8ee url(/Content/stylesheets/custom-theme/images/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x;*/
	color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cc0000;
	background: #f3d8d8 url(/Content/stylesheets/custom-theme/images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat;
	color: #2e2e2e;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #2e2e2e;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #2e2e2e;
}
.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;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_cc0000_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_cc0000_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_cc0000_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_cc0000_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_004276_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/Content/stylesheets/custom-theme/images/ui-icons_cc0000_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: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
	background: #a6a6a6 url(/Content/stylesheets/custom-theme/images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat;
	opacity: .4;
	filter: Alpha(Opacity=40);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #333333 url(/Content/stylesheets/custom-theme/images/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x;
	opacity: .1;
	filter: Alpha(Opacity=10);
	border-radius: 8px;
}

/* Create by chanhtran */


/* Start date: 22-02-2019 */


/* Pop-up */

.ui-dialog {
    max-width: 100%;
}
.ui-dialog.ui-dialog-resizing {
    max-width: none;
}


/* Login page, forgot password page */

.login-info .logo {
    margin-top: 20px;
    margin-bottom: 20px
}

.login-info .logo img {
    display: block;
    margin: 0 auto;
}

.login-form h4 {
    margin-top: 0;
}

.login-form .help-link,
.forgot-pw-form .help-link {
    font-size: 11px;
    display: inline-block;
}

.login-form .button,
.forgot-pw-form .button {
    margin-right: 5px;
    margin-bottom: 5px;
}


/* Left-menu */

.sort-page .tabs-content .circle {
    display: inline-block;
}


/* Common screen size for mobile */

.show-sm{
    display:none;
}

.show-lg{
    display:block;
}


.contactor-company-left {
    float: left;
    width: 40%;
}

.contactor-company-right {
    float: right;
    width: 57%;
}

.myAttachedInvoice .fakefile input[type=text] {
    width: calc(100% - 120px);
}


@media only screen and (max-width: 768px) {

    .tabs{
        height: 80px!important;
    }

    .show-sm {
        display: block;
    }
    .show-lg {
        display: none;
    }

    .columns {
        padding: 0 6px!important;
    }

    .one-sm,
    .row .one-sm {
        width: 8.33333%
    }
    .two-sm,
    .row .two-sm {
        width: 16.66667%
    }
    .three-sm,
    .row .three-sm {
        width: 25%
    }
    .four-sm,
    .row .four-sm {
        width: 33.33333%
    }
    .five-sm,
    .row .five-sm {
        width: 41.66667%
    }
    .six-sm,
    .row .six-sm {
        width: 50%
    }
    .seven-sm,
    .row .seven-sm {
        width: 58.33333%
    }
    .eight-sm,
    .row .eight-sm {
        width: 66.66667%
    }
    .nine-sm,
    .row .nine-sm {
        width: 75%
    }
    .ten-sm,
    .row .ten-sm {
        width: 83.33333%
    }
    .eleven-sm,
    .row .eleven-sm {
        width: 91.66667%
    }
    .twelve-sm,
    .row .twelve-sm {
        width: 100%
    }
    /* Re-postion superfish sub-menu to prevent scale out screen */
    .sf-menu {
        font-size: 12px !important;
    }
    .sf-menu ul {
        width: 12em !important;
    }
    ul.sf-menu li li:hover ul,
    ul.sf-menu li li.sfHover ul {
        left: 12em !important;
    }
    /* Set scroll for table */
    .scroll-table {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    /* Button */
    .button {
        margin-left: 5px !important;
        margin-bottom: 5px !important;
    }
    .rotate-button {
        transform: rotate(90deg);
    }
    /*MCE Editor */
    .mceToolbar td {
        float: left;
    }
    .defaultSkin a {
        display: inline-block !important;
    }
    .defaultSkin .mceButton {
        width: auto !important;
    }
    .left-sm{
        float: left!important;
    }
    .right-sm {
        float: right!important;
    }
    .remove-label-inline-sm{
        width:100%!important;
    }

    .center-button-sm {
        float: none!important;
        margin: 0 auto!important;
    }
    .contactor-company-left {
        float: left;
        width: 100%;
    }

    .contactor-company-right {
        float: right;
        width: 100%;
    }
    .textbox140 {
        width: 100% !important;
    }
    .select140 {
        width: 100% !important;
        font-size: 13px;
    }

    .w-100-sm{
        width: 100%!important;
    }
 
    .sendEmailToConsultant .label-inline {
        padding: 0;
    }

    .min-width-200-sm {
        min-width: 200px;
    }

    .min-width-120-sm {
        min-width: 120px;
    }

    .min-width-110-sm {
        min-width: 110px;
    }

    .min-width-100-sm {
        min-width: 100px;
    }

    .min-width-95-sm {
        min-width: 95px;
    }

    .min-width-90-sm {
        min-width: 90px;
    }

    .min-width-80-sm {
        min-width: 80px;
    }

    .min-width-60-sm {
        min-width: 60px;
    }

    .fieldset-overflowable-content-sm {
        min-width: 0;
    }

    .scrollbar-always-show::-webkit-scrollbar {
    }

    body {
        -webkit-text-size-adjust: 100%;
    }
}

@media only screen and (min-width: 769px) {
    .myAttachedInvoice form {
        width: 500px;
    }

    .sendEmailToConsultant form {
        width: 400px;
    }
}

table.table-layout-auto {
    table-layout: auto;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

body {
    background: #fff;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    color: #222;
    position: relative;
    -webkit-font-smoothing: antialiased
}

a img {
    border: none
}

a {
    color: #c60f13;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
}

a:hover {
    color: #ae0d11
}

a:focus {
    color: #ae0d11
}

p a,
p a:visited {
    line-height: inherit
}

.left {
    float: left
}

.right {
    float: right
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.hide {
    display: none
}

.hide-override {
    display: none !important
}

.highlight {
    background: #ff9 !important
}

#googlemap img,
object,
embed {
    max-width: none
}

#map_canvas embed {
    max-width: none
}

#map_canvas img {
    max-width: none
}

#map_canvas object {
    max-width: none
}

figure {
    margin: 0
}

body {
    overflow-y: scroll;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 12px;
    direction: ltr;
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 17px
}

p.lead {
    font-size: 17.5px;
    line-height: 1.6;
    margin-bottom: 17px
}

aside p {
    font-size: 13px;
    line-height: 1.35;
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0
}

h1 {
    font-size: 44px
}

h2 {
    font-size: 37px
}

h3 {
    font-size: 27px
}

h4 {
    font-size: 23px
}

h5 {
    font-size: 17px
}

h6 {
    font-size: 14px
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 15px 0 15px;
    height: 0
}

.subheader {
    line-height: 1.3;
    color: #6f6f6f;
    font-weight: 300;
    margin-bottom: 17px
}

em,
i {
    font-style: italic;
    line-height: inherit
}

strong,
b {
    font-weight: bold;
    line-height: inherit
}

small {
    font-size: 60%;
    line-height: inherit
}

code {
    font-weight: bold;
    background: #ff9
}

ul,
ol,
dl {
    font-size: 14px;
    line-height: 1.6;
    /*margin-bottom: 17px;*/
    margin-bottom: 10px;
    /* Remove double space - Changed by Phuong */
    list-style-position: outside;
}

ul li ul,
ul li ol {
    margin-left: 20px;
    margin-bottom: 0
}

ul.square,
ul.circle,
ul.disc {
    margin-left: 17px
}

ul.square {
    list-style-type: square
}

ul.square li ul {
    list-style: inherit
}

ul.circle {
    list-style-type: circle
}

ul.circle li ul {
    list-style: inherit
}

ul.disc {
    list-style-type: disc
}

ul.disc li ul {
    list-style: inherit
}

ul.no-bullet {
    list-style: none
}

ul.large li {
    line-height: 21px
}

ol {
    margin-left: 20px
}

ol li ul,
ol li ol {
    margin-left: 20px;
    margin-bottom: 0
}

blockquote,
blockquote p {
    line-height: 1.5;
    color: #6f6f6f
}

blockquote {
    margin: 0 0 17px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd
}

blockquote cite {
    display: block;
    font-size: 13px;
    color: #555
}

blockquote cite:before {
    content: "\2014 \0020"
}

blockquote cite a,
blockquote cite a:visited {
    color: #555
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222;
    border-bottom: 1px solid #ddd;
    cursor: help
}

abbr {
    text-transform: none
}

.print-only {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    @page {
        margin: 0.5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .hide-on-print {
        display: none !important
    }
    .print-only {
        display: block !important
    }
    .hide-for-print {
        display: none !important
    }
    .show-for-print {
        display: inherit !important
    }
}

form {
    /*margin: 0 0 19.41641px;*/
    margin: 0 0 10px;
    /* Remove double space - Changed by Phuong */
}

.row form .row {
    margin: 0 -6px
}

.row form .row .column,
.row form .row .columns {
    padding: 0 6px
}

.row form .row.collapse {
    margin: 0
}

.row form .row.collapse .column,
.row form .row.collapse .columns {
    padding: 0
}

label {
    font-size: 13px;
    color: #4d4d4d;
    display: block;
    font-weight: 500;
    margin-bottom: 3px
}

label.right {
    float: none;
    text-align: right
}

label.inline {
    line-height: 32px;
    margin: 0 0 12px 0
}

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 32px;
    line-height: 31px
}

a.button.prefix,
a.button.postfix {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

span.prefix,
span.postfix {
    background: #f2f2f2;
    border: 1px solid #ccc
}

.prefix {
    left: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden
}

.postfix {
    right: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

input[type="text"].oversize,
input[type="password"].oversize,
input[type="date"].oversize,
input[type="datetime"].oversize,
input[type="email"].oversize,
input[type="number"].oversize,
input[type="search"].oversize,
input[type="tel"].oversize,
input[type="time"].oversize,
input[type="url"].oversize,
textarea.oversize {
    font-size: 17px;
    padding: 4px 6px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #b3b3b3;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
    background-color: #ddd;
}

select[disabled] {
    background-color: #ddd;
}

textarea {
    height: auto;
}

select {
    width: 100%;
}

fieldset {
    border: solid 1px #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 12px 12px 0;
    /*margin: 18px 0;*/
    margin: 10px 0;
    /* Remove double space - Changed by Phuong */
}

fieldset legend {
    font-weight: bold;
    background: none;
    padding: 0 3px;
    margin: 0;
    margin-left: -3px
}

.error input,
input.error,
.error textarea,
textarea.error {
    border-color: red;
    background-color: rgba(255, 0, 0, 0.1)
}

.error label,
label.error {
    color: red
}

.error small,
small.error {
    display: block;
    padding: 6px 4px;
    margin-top: -13px;
    margin-bottom: 12px;
    background: red;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.error textarea:focus,
textarea.error:focus {
    background: #fafafa;
    border-color: #b3b3b3
}

form.custom span.custom {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    border: solid 1px #ccc;
    background: #fff
}

form.custom span.custom.radio {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

form.custom span.custom.checkbox:before {
    content: "";
    display: block;
    line-height: 0.8;
    height: 14px;
    width: 14px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff
}

form.custom span.custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background: #222;
    position: relative;
    top: 3px;
    left: 3px
}

form.custom span.custom.checkbox.checked:before {
    content: "\00d7";
    color: #222
}

form.custom div.custom.dropdown {
    display: block;
    position: relative;
    width: auto;
    height: 28px;
    margin-bottom: 9px;
    margin-top: 2px
}

form.custom div.custom.dropdown ul {
    overflow-y: auto;
    max-height: 200px
}

form.custom div.custom.dropdown a.current {
    display: block;
    width: auto;
    line-height: 26px;
    min-height: 28px;
    padding: 0;
    padding-left: 6px;
    padding-right: 38px;
    border: solid 1px #ddd;
    color: #141414;
    background-color: #fff;
    white-space: nowrap
}

form.custom div.custom.dropdown a.selector {
    position: absolute;
    width: 27px;
    height: 28px;
    display: block;
    right: 0;
    top: 0;
    border: solid 1px #ddd
}

form.custom div.custom.dropdown a.selector:after {
    content: "";
    display: block;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: #aaa transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2px;
    margin-left: -5px
}

form.custom div.custom.dropdown:hover a.selector:after,
form.custom div.custom.dropdown.open a.selector:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: #222 transparent transparent transparent
}

form.custom div.custom.dropdown.open ul {
    display: block;
    z-index: 10
}

form.custom div.custom.dropdown.small {
    width: 134px !important
}

form.custom div.custom.dropdown.medium {
    width: 254px !important
}

form.custom div.custom.dropdown.large {
    width: 434px !important
}

form.custom div.custom.dropdown.expand {
    width: 100% !important
}

form.custom div.custom.dropdown.open.small ul {
    width: 134px !important
}

form.custom div.custom.dropdown.open.medium ul {
    width: 254px !important
}

form.custom div.custom.dropdown.open.large ul {
    width: 434px !important
}

form.custom div.custom.dropdown.open.expand ul {
    width: 100% !important
}

form.custom div.custom.dropdown ul {
    position: absolute;
    width: auto;
    display: none;
    margin: 0;
    left: 0;
    top: 27px;
    margin: 0;
    padding: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    border: solid 1px #ccc
}

form.custom div.custom.dropdown ul li {
    color: #555;
    font-size: 13px;
    cursor: pointer;
    padding: 3px;
    padding-left: 6px;
    padding-right: 38px;
    min-height: 18px;
    line-height: 18px;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

form.custom div.custom.dropdown ul li.selected {
    background: #cdebf5;
    color: #000
}

form.custom div.custom.dropdown ul li.selected:after {
    content: "\2013";
    position: absolute;
    right: 10px
}

form.custom div.custom.dropdown ul li:hover {
    background-color: #cdebf5;
    color: #000
}

form.custom div.custom.dropdown ul li:hover:after {
    content: "\2013";
    position: absolute;
    right: 10px;
    color: #a3dbec
}

form.custom div.custom.dropdown ul li.selected:hover {
    background: #cdebf5;
    cursor: default;
    color: #000
}

form.custom div.custom.dropdown ul li.selected:hover:after {
    color: #000
}

form.custom div.custom.dropdown ul.show {
    display: block
}

form.custom .custom.disabled {
    background-color: #ddd
}

@-moz-document url-prefix() {
    form.custom div.custom.dropdown a.selector {
        height: 28px
    }
}

.lt-ie9 form.custom div.custom.dropdown a.selector {
    height: 30px
}

@media only screen and (min-width: 768px) {
    .row .row {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 -15px
    }
    .row {
        width: 1080px;
        min-width: 768px;
    }
    .one,
    .row .one {
        width: 8.33333%
    }
    .two,
    .row .two {
        width: 16.66667%
    }
    .three,
    .row .three {
        width: 25%
    }
    .four,
    .row .four {
        width: 33.33333%
    }
    .five,
    .row .five {
        width: 41.66667%
    }
    .six,
    .row .six {
        width: 50%
    }
    .seven,
    .row .seven {
        width: 58.33333%
    }
    .eight,
    .row .eight {
        width: 66.66667%
    }
    .nine,
    .row .nine {
        width: 75%
    }
    .ten,
    .row .ten {
        width: 83.33333%
    }
    .eleven,
    .row .eleven {
        width: 91.66667%
    }
    .twelve,
    .row .twelve {
        width: 100%
    }
}

.row {
    max-width: 100%;
    margin: 0 auto;
}

.row.collapse .column,
.row.collapse .columns {
    padding: 0
}

.row .row.collapse {
    margin: 0
}

.column,
.columns {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative
}

.column.centered,
.columns.centered {
    float: none;
    margin: 0 auto
}

[class*="column"]+[class*="column"]:last-child {
    float: right
}

[class*="column"]+[class*="column"].end {
    float: left
}

.row .offset-by-one {
    margin-left: 8.33333%
}

.row .offset-by-two {
    margin-left: 16.66667%
}

.row .offset-by-three {
    margin-left: 25%
}

.row .offset-by-four {
    margin-left: 33.33333%
}

.row .offset-by-five {
    margin-left: 41.66667%
}

.row .offset-by-six {
    margin-left: 50%
}

.row .offset-by-seven {
    margin-left: 58.33333%
}

.row .offset-by-eight {
    margin-left: 66.66667%
}

.row .offset-by-nine {
    margin-left: 75%
}

.row .offset-by-ten {
    margin-left: 83.33333%
}

.push-two {
    left: 16.66667%
}

.pull-two {
    right: 16.66667%
}

.push-three {
    left: 25%
}

.pull-three {
    right: 25%
}

.push-four {
    left: 33.33333%
}

.pull-four {
    right: 33.33333%
}

.push-five {
    left: 41.66667%
}

.pull-five {
    right: 41.66667%
}

.push-six {
    left: 50%
}

.pull-six {
    right: 50%
}

.push-seven {
    left: 58.33333%
}

.pull-seven {
    right: 58.33333%
}

.push-eight {
    left: 66.66667%
}

.pull-eight {
    right: 66.66667%
}

.push-nine {
    left: 75%
}

.pull-nine {
    right: 75%
}

.push-ten {
    left: 83.33333%
}

.pull-ten {
    right: 83.33333%
}

img,
object,
embed {
    max-width: 100%;
    height: auto
}

object,
embed {
    height: 100%
}

img {
    -ms-interpolation-mode: bicubic
}

#map_canvas img,
.map_canvas img {
    max-width: none!important
}

.row {
    *zoom: 1
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.block-grid {
    display: block;
    overflow: hidden;
    padding: 0
}

.block-grid>li {
    display: block;
    height: auto;
    float: left
}

.block-grid.one-up {
    margin: 0;
    margin: 0 -8px
}

.block-grid.one-up>li {
    width: 100%;
    padding: 0 0 15px;
    padding: 0 8px 8px
}

.block-grid.two-up {
    margin: 0 -15px;
    margin: 0 -8px
}

.block-grid.two-up>li {
    width: 50%;
    padding: 0 15px 15px;
    padding: 0 8px 8px
}

.block-grid.two-up>li:nth-child(2n+1) {
    clear: both
}

.block-grid.three-up {
    margin: 0 -12px;
    margin: 0 -8px
}

.block-grid.three-up>li {
    width: 33.33333%;
    padding: 0 12px 12px;
    padding: 0 8px 8px
}

.block-grid.three-up>li:nth-child(3n+1) {
    clear: both
}

.block-grid.four-up {
    margin: 0 -10px
}

.block-grid.four-up>li {
    width: 25%;
    padding: 0 10px 10px
}

.block-grid.four-up>li:nth-child(4n+1) {
    clear: both
}

.block-grid.five-up {
    margin: 0 -8px
}

.block-grid.five-up>li {
    width: 20%;
    padding: 0 8px 8px
}

.block-grid.five-up>li:nth-child(5n+1) {
    clear: both
}

.block-grid.six-up {
    margin: 0 -8px
}

.block-grid.six-up>li {
    width: 16.66667%;
    padding: 0 8px 8px
}

.block-grid.six-up>li:nth-child(6n+1) {
    clear: both
}

.block-grid.seven-up {
    margin: 0 -8px
}

.block-grid.seven-up>li {
    width: 14.28571%;
    padding: 0 8px 8px
}

.block-grid.seven-up>li:nth-child(7n+1) {
    clear: both
}

.block-grid.eight-up {
    margin: 0 -8px
}

.block-grid.eight-up>li {
    width: 12.5%;
    padding: 0 8px 8px
}

.block-grid.eight-up>li:nth-child(8n+1) {
    clear: both
}

.block-grid.nine-up {
    margin: 0 -8px
}

.block-grid.nine-up>li {
    width: 11.11111%;
    padding: 0 8px 8px
}

.block-grid.nine-up>li:nth-child(9n+1) {
    clear: both
}

.block-grid.ten-up {
    margin: 0 -8px
}

.block-grid.ten-up>li {
    width: 10%;
    padding: 0 8px 8px
}

.block-grid.ten-up>li:nth-child(10n+1) {
    clear: both
}

.block-grid.eleven-up {
    margin: 0 -8px
}

.block-grid.eleven-up>li {
    width: 9.09091%;
    padding: 0 8px 8px
}

.block-grid.eleven-up>li:nth-child(11n+1) {
    clear: both
}

.block-grid.twelve-up {
    margin: 0 -8px
}

.block-grid.twelve-up>li {
    width: 8.33333%;
    padding: 0 8px 8px
}

.block-grid.twelve-up>li:nth-child(12n+1) {
    clear: both
}

.button {
    width: auto;
    background: #c60f13;
    border: 1px solid #7f0a0c;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

.button:hover,
.button:focus {
    color: #fff;
    background-color: #970b0e
}

.button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset
}

.button.large {
    font-size: 17px;
    padding: 15px 30px 16px
}

.button.medium {
    font-size: 14px
}

.button.small {
    font-size: 11px;
    padding: 7px 14px 8px
}

.button.tiny {
    font-size: 10px;
    padding: 5px 10px 6px
}

.button.expand {
    width: 100%;
    text-align: center
}

.button.primary {
    background-color: #c60f13;
    border: 1px solid #7f0a0c
}

.button.primary:hover,
.button.primary:focus {
    background-color: #970b0e
}

.button.success {
    background-color: #5da423;
    border: 1px solid #396516
}

.button.success:hover,
.button.success:focus {
    background-color: #457a1a
}

.button.alert {
    background-color: red;
    border: 1px solid #b30000
}

.button.alert:hover,
.button.alert:focus {
    background-color: #c00
}

.button.secondary {
    background-color: #e9e9e9;
    color: #1d1d1d;
    border: 1px solid #c3c3c3
}


/*add by Tule for validate */

.button.secondaryVal {
    background-color: #e9e9e9;
    color: #1d1d1d;
    border: 1px solid #c3c3c3;
    padding: 6px 8px;
    font-size: 80%;
}

.button.secondary:hover,
.button.secondary:focus {
    background-color: #d0d0d0
}

.button.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.button.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px
}

.button.full-width {
    width: 100%;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important
}

.button.left-align {
    text-align: left;
    text-indent: 12px
}

.button.disabled,
.button[disabled] {
    opacity: 0.6;
    cursor: default;
    background: #c60f13;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.button.disabled :hover,
.button[disabled] :hover {
    background: #c60f13
}

.button.disabled.success,
.button[disabled].success {
    background-color: #5da423
}

.button.disabled.success:hover,
.button.disabled.success:focus,
.button[disabled].success:hover,
.button[disabled].success:focus {
    background-color: #5da423;
    outline: none
}

.button.disabled.alert,
.button[disabled].alert {
    background-color: red
}

.button.disabled.alert:hover,
.button.disabled.alert:focus,
.button[disabled].alert:hover,
.button[disabled].alert:focus {
    background-color: red;
    outline: none
}

.button.disabled.secondary,
.button[disabled].secondary {
    background-color: #e9e9e9
}

.button.disabled.secondary:hover,
.button.disabled.secondary:focus,
.button[disabled].secondary:hover,
.button[disabled].secondary:focus {
    background-color: #e9e9e9;
    outline: none
}

input[type=submit].button,
button.button {
    -webkit-appearance: none
}

@-moz-document url-prefix() {
    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"]>input[type="button"]::-moz-focus-inner {
        border: none;
        padding: 0
    }
    input[type="submit"].tiny.button {
        padding: 3px 10px 4px
    }
    input[type="submit"].small.button {
        padding: 5px 14px 6px
    }
    input[type="submit"].button,
    input[type=submit].medium.button {
        padding: 8px 20px 9px
    }
    input[type="submit"].large.button {
        padding: 13px 30px 14px
    }
}

.button.dropdown {
    position: relative;
    padding-right: 44px
}

.button.dropdown.large {
    padding-right: 60px
}

.button.dropdown.small {
    padding-right: 28px
}

.button.dropdown.tiny {
    padding-right: 20px
}

.button.dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -2px
}

.button.dropdown.large:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: #fff transparent transparent transparent;
    margin-top: -3px;
    right: 30px
}

.button.dropdown.small:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: #fff transparent transparent transparent;
    margin-top: -2px;
    right: 14px
}

.button.dropdown.tiny:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: #fff transparent transparent transparent;
    margin-top: -1px;
    right: 10px
}

.button.dropdown>ul {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    position: absolute;
    left: -1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-top: none;
    min-width: 100%;
    z-index: 40
}

.button.dropdown>ul li {
    width: 100%;
    cursor: pointer;
    padding: 0;
    min-height: 18px;
    line-height: 18px;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

.button.dropdown>ul li a {
    display: block;
    color: #555;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 14px;
    text-align: left
}

.button.dropdown>ul li:hover,
.button.dropdown>ul li:focus {
    background-color: #fac0c2;
    color: #222
}

.button.dropdown>ul li.divider {
    min-height: 0;
    padding: 0;
    height: 1px;
    margin: 4px 0;
    background: #ededed
}

.button.dropdown.up>ul {
    border-top: 1px solid #ccc;
    border-bottom: none
}

.button.dropdown ul.no-hover.show-dropdown {
    display: block !important
}

.button.dropdown:hover>ul.no-hover {
    display: none
}

.button.dropdown.split {
    padding: 0;
    position: relative
}

.button.dropdown.split:after {
    display: none
}

.button.dropdown.split:hover,
.button.dropdown.split:focus {
    background-color: #c60f13
}

.button.dropdown.split.alert:hover,
.button.dropdown.split.alert:focus {
    background-color: red
}

.button.dropdown.split.success:hover,
.button.dropdown.split.success:focus {
    background-color: #5da423
}

.button.dropdown.split.secondary:hover,
.button.dropdown.split.secondary:focus {
    background-color: #e9e9e9
}

.button.dropdown.split>a {
    color: #fff;
    display: block;
    padding: 10px 50px 11px 20px;
    padding-left: 20px;
    padding-right: 50px;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

.button.dropdown.split>a:hover,
.button.dropdown.split>a:focus {
    background-color: #970b0e
}

.button.dropdown.split.large>a {
    padding: 15px 75px 16px 30px;
    padding-left: 30px;
    padding-right: 75px
}

.button.dropdown.split.small>a {
    padding: 7px 35px 8px 14px;
    padding-left: 14px;
    padding-right: 35px
}

.button.dropdown.split.tiny>a {
    padding: 5px 25px 6px 10px;
    padding-left: 10px;
    padding-right: 25px
}

.button.dropdown.split>span {
    background-color: #c60f13;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    border-left: 1px solid #7f0a0c;
    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out
}

.button.dropdown.split>span:hover,
.button.dropdown.split>span:focus {
    background-color: #970b0e
}

.button.dropdown.split>span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -2px
}

.button.dropdown.split.secondary>span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #1d1d1d transparent transparent transparent
}

.button.dropdown.split.large span {
    width: 45px
}

.button.dropdown.split.small span {
    width: 21px
}

.button.dropdown.split.tiny span {
    width: 15px
}

.button.dropdown.split.large span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 7px;
    border-color: #fff transparent transparent transparent;
    margin-top: -3px;
    margin-left: -7px
}

.button.dropdown.split.small span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: #fff transparent transparent transparent;
    margin-top: -1px;
    margin-left: -4px
}

.button.dropdown.split.tiny span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 3px;
    border-color: #fff transparent transparent transparent;
    margin-top: -1px;
    margin-left: -3px
}

.button.dropdown.split.alert>span {
    background-color: red;
    border-left-color: #b30000
}

.button.dropdown.split.success>span {
    background-color: #5da423;
    border-left-color: #396516
}

.button.dropdown.split.secondary>span {
    background-color: #e9e9e9;
    border-left-color: #c3c3c3
}

.button.dropdown.split.secondary>a {
    color: #1d1d1d
}

.button.dropdown.split.alert>a:hover,
.button.dropdown.split.alert>span:hover,
.button.dropdown.split.alert>a:focus,
.button.dropdown.split.alert>span:focus {
    background-color: #c00
}

.button.dropdown.split.success>a:hover,
.button.dropdown.split.success>span:hover,
.button.dropdown.split.success>a:focus,
.button.dropdown.split.success>span:focus {
    background-color: #457a1a
}

.button.dropdown.split.secondary>a:hover,
.button.dropdown.split.secondary>span:hover,
.button.dropdown.split.secondary>a:focus,
.button.dropdown.split.secondary>span:focus {
    background-color: #d0d0d0
}

ul.button-group {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
    *zoom: 1
}

ul.button-group:before,
ul.button-group:after {
    content: " ";
    display: table
}

ul.button-group:after {
    clear: both
}

ul.button-group li {
    padding: 0;
    margin: 0 0 0 -1px;
    float: left
}

ul.button-group li:first-child {
    margin-left: 0
}

ul.button-group.radius li a.button,
ul.button-group.radius li a.button.radius,
ul.button-group.radius li a.button-rounded,
ul.button-group.radius li input[type="submit"].button,
ul.button-group.radius li input[type="submit"].button.radius,
ul.button-group.radius li input[type="submit"].button-rounded {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px
}

ul.button-group.radius li:first-child a.button,
ul.button-group.radius li:first-child a.button.radius,
ul.button-group.radius li:first-child input[type="submit"].button,
ul.button-group.radius li:first-child input[type="submit"].button.radius {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px
}

ul.button-group.radius li:first-child a.button.rounded,
ul.button-group.radius li:first-child input[type="submit"].button.rounded {
    -moz-border-radius-topleft: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-top-left-radius: 1000px;
    -moz-border-radius-bottomleft: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-bottom-left-radius: 1000px
}

ul.button-group.radius li:last-child a.button,
ul.button-group.radius li:last-child a.button.radius,
ul.button-group.radius li:last-child input[type="submit"].button,
ul.button-group.radius li:last-child input[type="submit"].button.radius {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

ul.button-group.radius li:last-child a.button.rounded,
ul.button-group.radius li:last-child input[type="submit"].button.rounded {
    -moz-border-radius-topright: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-top-right-radius: 1000px;
    -moz-border-radius-bottomright: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-bottom-right-radius: 1000px
}

ul.button-group.even .button {
    width: 100%
}

ul.button-group.even.two-up li {
    width: 50%
}

ul.button-group.even.three-up li {
    width: 33.3%
}

ul.button-group.even.three-up li:first-child {
    width: 33.4%
}

ul.button-group.even.four-up li {
    width: 25%
}

ul.button-group.even.five-up li {
    width: 20%
}

div.button-bar {
    overflow: hidden
}

div.button-bar ul.button-group {
    float: left;
    margin-right: 8px
}

div.button-bar ul.button-group:last-child {
    margin-left: 0
}

.nav-bar {
    height: 40px;
    background: #4d4d4d;
    margin-left: 0;
    margin-top: 20px;
    padding: 0
}

.nav-bar>li {
    float: left;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border: 1px solid #333;
    border-right: none;
    line-height: 38px;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset
}

.nav-bar>li:first-child {
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.nav-bar>li:last-child {
    border-right: solid 1px #333;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2)
}

.nav-bar>li.active {
    background: #c60f13;
    border-color: #970b0e
}

.nav-bar>li.active>a {
    color: #fff;
    cursor: default
}

.nav-bar>li.active:hover {
    background: #c60f13;
    cursor: default
}

.nav-bar>li:hover {
    background: #333
}

.nav-bar>li>a {
    color: #e6e6e6
}

.nav-bar>li ul {
    margin-bottom: 0
}

.nav-bar>li .flyout {
    display: none
}

.nav-bar>li.has-flyout>a:first-child {
    padding-right: 40px;
    position: relative
}

.nav-bar>li.has-flyout>a:first-child:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: #e6e6e6 transparent transparent transparent;
    position: absolute;
    right: 20px;
    top: 17px
}

.nav-bar>li.has-flyout>a.flyout-toggle {
    border-left: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    z-index: 2;
    display: block
}

.nav-bar>li.has-flyout.is-touch>a:first-child {
    padding-right: 55px
}

.nav-bar>li.has-flyout.is-touch>a.flyout-toggle {
    border-left: 1px dashed #666
}

.nav-bar>li>a:first-child {
    position: relative;
    padding: 0 20px;
    display: block;
    text-decoration: none;
    font-size: 14px
}

.nav-bar>li>input {
    margin: 0 10px
}

.nav-bar.vertical {
    height: auto;
    margin-top: 0
}

.nav-bar.vertical>li {
    float: none;
    border-bottom: none;
    border-right: solid 1px #333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.nav-bar.vertical>li.has-flyout>a:first-child:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 4px;
    border-color: transparent transparent transparent #e6e6e6
}

.nav-bar.vertical>li .flyout {
    left: 100%;
    top: -1px
}

.nav-bar.vertical>li .flyout.right {
    left: auto;
    right: 100%
}

.nav-bar.vertical>li.active {
    border-right: solid 1px #970b0e
}

.nav-bar.vertical>li:last-child {
    border-bottom: solid 1px #333
}

.flyout {
    background: #f2f2f2;
    padding: 20px;
    margin: 0;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 39px;
    left: -1px;
    width: 250px;
    z-index: 40;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1)
}

.flyout p {
    line-height: 1.2;
    font-size: 13px
}

.flyout *:first-child {
    margin-top: 0
}

.flyout *:last-child {
    margin-bottom: 0
}

.flyout.small {
    width: 166.66667px
}

.flyout.large {
    width: 437.5px
}

.flyout.right {
    left: auto;
    right: -2px
}

.flyout.left {
    right: auto;
    left: -2px
}

.flyout.up {
    top: auto;
    bottom: 39px
}

ul.flyout,
.nav-bar li ul {
    padding: 0;
    list-style: none
}

ul.flyout li,
.nav-bar li ul li {
    border-left: solid 3px #CCC
}

ul.flyout li a,
.nav-bar li ul li a {
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-width: 1px 1px 0 0;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1;
    padding: 15px 20px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

ul.flyout li a:hover,
ul.flyout li a:focus,
.nav-bar li ul li a:hover,
.nav-bar li ul li a:focus {
    background: #ebebeb;
    color: #333
}

ul.flyout li.active,
.nav-bar li ul li.active {
    margin-top: 0;
    border-top: 1px solid #4d4d4d;
    border-left: 4px solid #1a1a1a
}

ul.flyout li.active a,
.nav-bar li ul li.active a {
    background: #4d4d4d;
    border: none;
    color: #fff;
    height: auto;
    margin: 0;
    position: static;
    top: 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative
}

.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden;
    margin-bottom: 17px
}

.orbit.with-bullets {
    margin-bottom: 40px
}

.orbit .orbit-slide {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.orbit a.orbit-slide {
    border: none;
    line-height: 0;
    display: none
}

.orbit div.orbit-slide {
    width: 100%;
    height: 100%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

div.orbit-wrapper div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 31
}

div.orbit-wrapper span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/rotator-black.png') no-repeat;
    z-index: 3
}

div.orbit-wrapper span.rotator.move {
    left: 0
}

div.orbit-wrapper span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden
}

div.orbit-wrapper span.mask.move {
    width: 40px;
    left: 0;
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/timer-black.png') repeat 0 0
}

div.orbit-wrapper span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/pause-black.png') no-repeat;
    z-index: 4;
    opacity: 0
}

div.orbit-wrapper span.pause.active {
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/pause-black.png') no-repeat 0 -40px
}

div.orbit-wrapper div.timer:hover span.pause,
div.orbit-wrapper div.timer:focus span.pause,
div.orbit-wrapper span.pause.active {
    opacity: 1
}

.orbit-caption {
    display: none;
    font-family: inherit
}

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    z-index: 30;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%
}

div.orbit-wrapper div.slider-nav {
    display: block
}

div.orbit-wrapper div.slider-nav span {
    width: 39px;
    height: 50px;
    text-indent: -9999px;
    position: absolute;
    z-index: 30;
    top: 50%;
    margin-top: -25px;
    cursor: pointer
}

div.orbit-wrapper div.slider-nav span.right {
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/right-arrow.png');
    background-size: 100%;
    right: 0
}

div.orbit-wrapper div.slider-nav span.left {
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/left-arrow.png');
    background-size: 100%;
    left: 0
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.right {
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/right-arrow-small.png')
}

.lt-ie9 div.orbit-wrapper div.slider-nav span.left {
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/left-arrow-small.png')
}

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -40px;
    left: 50%;
    margin-left: -50px;
    padding: 0
}

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url('/Content/stylesheets//Content/stylesheets/../images/foundation/orbit/bullets.jpg') no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden
}

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0
}

ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px
}

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000
}

.orbit-slide-counter {
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 5px
}

div.orbit img.fluid-placeholder {
    visibility: hidden;
    position: static;
    display: block;
    width: 100%
}

div.orbit,
div.orbit-wrapper {
    width: 100% !important
}

.lt-ie9 .timer {
    display: none !important
}

.lt-ie9 div.orbit-caption {
    background: #000;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    zoom: 1
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    z-index: 40;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal {
    background: #fff;
    visibility: hidden;
    display: none;
    top: 100px;
    left: 50%;
    margin-left: -260px;
    width: 520px;
    position: absolute;
    z-index: 41;
    padding: 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    cursor: pointer
}

.reveal-modal.small {
    width: 30%;
    margin-left: -15%
}

.reveal-modal.medium {
    width: 40%;
    margin-left: -20%
}

.reveal-modal.large {
    width: 60%;
    margin-left: -30%
}

.reveal-modal.xlarge {
    width: 70%;
    margin-left: -35%
}

.reveal-modal.expand {
    width: 90%;
    margin-left: -45%
}

.reveal-modal .row {
    min-width: 0;
    margin-bottom: 10px
}

.reveal-modal>:first-child {
    margin-top: 0
}

.reveal-modal>:last-child {
    margin-bottom: 0
}

@media print {
    /*div:not(.reveal-modal) {
	display: none
}*/
    .reveal-modal {
        border: solid 1px #000;
        background: #fff
    }
}

.tabs {
    list-style: none;
    border-bottom: solid 1px #e6e6e6;
    display: block;
    height: 40px;
    padding: 0;
}

.tabs.contained {
    margin-bottom: 0;
    margin-left: 0
}

.tabs dt,
.tabs li.section-title {
    color: #b3b3b3;
    cursor: default;
    display: block;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-right: 9px;
    padding-left: 20px;
    font-weight: normal;
    width: auto;
    text-transform: uppercase
}

.tabs dt:first-child,
.tabs li.section-title:first-child {
    padding: 0;
    padding-right: 9px
}

.tabs dd,
.tabs li {
    display: block;
    float: left;
    padding: 0;
    margin: 0
}

.tabs dd a,
.tabs li a {
    color: #6f6f6f;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0px 23.8px
}

.tabs dd a:focus,
.tabs li a:focus {
    font-weight: bold;
    color: #c60f13
}

.tabs dd.active,
.tabs li.active {
    border-top: 3px solid #c60f13;
    margin-top: -3px;
}

.tabs dd.active a,
.tabs li.active a {
    cursor: default;
    color: #3c3c3c;
    background: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-weight: bold;
    background-color: #f2f2f2
}

.tabs dd:first-child,
.tabs li:first-child {
    margin-left: 0
}

.tabs.vertical {
    height: auto;
    border-bottom: 1px solid #e6e6e6
}

.tabs.vertical dt,
.tabs.vertical dd,
.tabs.vertical li {
    float: none;
    height: auto
}

.tabs.vertical dd,
.tabs.vertical li {
    border-left: 3px solid #ccc
}

.tabs.vertical dd a,
.tabs.vertical li a {
    background: #f2f2f2;
    border: none;
    border: 1px solid #e6e6e6;
    border-width: 1px 1px 0 0;
    color: #555;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1;
    padding: 15px 20px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset
}

.tabs.vertical dd.active,
.tabs.vertical li.active {
    margin-top: 0;
    border-top: 1px solid #4d4d4d;
    border-left: 4px solid #1a1a1a
}

.tabs.vertical dd.active a,
.tabs.vertical li.active a {
    background: #4d4d4d;
    border: none;
    color: #fff;
    height: auto;
    margin: 0;
    position: static;
    top: 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.tabs.vertical dd:first-child a.active,
.tabs.vertical li:first-child a.active {
    margin: 0
}

.tabs.pill {
    border-bottom: none;
    margin-bottom: 10px
}

.tabs.pill dd,
.tabs.pill li {
    margin-right: 10px
}

.tabs.pill dd:last-child,
.tabs.pill li:last-child {
    margin-right: 0
}

.tabs.pill dd a,
.tabs.pill li a {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
    background: #e6e6e6;
    height: 26px;
    line-height: 26px;
    color: #666
}

.tabs.pill dd.active,
.tabs.pill li.active {
    border: none;
    margin-top: 0
}

.tabs.pill dd.active a,
.tabs.pill li.active a {
    background-color: #c60f13;
    border: none;
    color: #fff
}

.tabs.pill.contained {
    border-bottom: solid 1px #eee;
    margin-bottom: 0
}

.tabs.pill.two-up dd,
.tabs.pill.two-up li,
.tabs.pill.three-up dd,
.tabs.pill.three-up li,
.tabs.pill.four-up dd,
.tabs.pill.four-up li,
.tabs.pill.five-up dd,
.tabs.pill.five-up li {
    margin-right: 0
}

.tabs.two-up dt a,
.tabs.two-up dd a,
.tabs.two-up li a,
.tabs.three-up dt a,
.tabs.three-up dd a,
.tabs.three-up li a,
.tabs.four-up dt a,
.tabs.four-up dd a,
.tabs.four-up li a,
.tabs.five-up dt a,
.tabs.five-up dd a,
.tabs.five-up li a {
    padding: 0 17px;
    text-align: center;
    overflow: hidden
}

.tabs.two-up dt,
.tabs.two-up dd,
.tabs.two-up li {
    width: 50%
}

.tabs.three-up dt,
.tabs.three-up dd,
.tabs.two-up li {
    width: 33.33%
}

.tabs.four-up dt,
.tabs.four-up dd,
.tabs.two-up li {
    width: 25%
}

.tabs.five-up dt,
.tabs.five-up dd,
.tabs.two-up li {
    width: 20%
}

ul.tabs-content {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    /*background-color:#f2f2f2;
	padding:20px;*/
    min-height: 300px
}

ul.tabs-content>li {
    display: none
}

ul.tabs-content>li.active {
    display: block
}

ul.tabs-content.contained {
    padding: 0
}

ul.tabs-content.contained>li {
    border: solid 0 #e6e6e6;
    border-width: 0 1px 1px 1px;
    padding: 20px
}

ul.tabs-content.contained.vertical>li {
    border-width: 1px 1px 1px 1px
}

.no-js ul.tabs-content>li {
    display: block
}

div.alert-box {
    display: block;
    padding: 6px 7px 7px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background-color: #c60f13;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    position: relative
}

div.alert-box.success {
    background-color: #5da423;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3)
}

div.alert-box.alert {
    background-color: red;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3)
}

div.alert-box.secondary {
    background-color: #e9e9e9;
    color: #505050;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3)
}

div.alert-box a.close {
    color: #333;
    position: absolute;
    right: 4px;
    top: -1px;
    font-size: 17px;
    opacity: 0.2;
    padding: 4px
}

div.alert-box a.close:hover,
div.alert-box a.close:focus {
    opacity: 0.4
}

.label {
    padding: 1px 4px 2px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline;
    position: relative;
    bottom: 1px;
    color: #fff;
    background: #c60f13
}

.label.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.label.round {
    padding: 1px 7px 2px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px
}

.label.alert {
    background-color: red
}

.label.success {
    background-color: #5da423
}

.label.secondary {
    background-color: #e9e9e9;
    color: #505050
}

.has-tip {
    border-bottom: dotted 1px #ccc;
    cursor: help;
    font-weight: bold;
    color: #333
}

.has-tip:hover,
.has-tip:focus {
    border-bottom: dotted 1px #67080a;
    color: #c60f13
}

.has-tip.tip-left,
.has-tip.tip-right {
    float: none !important
}

.tooltip {
    display: none;
    background: #000;
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
    z-index: 999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: normal
}

.tooltip>.nub {
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #000 transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    position: absolute;
    top: -10px;
    left: 10px
}

.tooltip.tip-override>.nub {
    border-color: transparent transparent #000 transparent !important;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
    top: -10px !important
}

.tooltip.tip-top>.nub {
    border-color: #000 transparent transparent transparent;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
    top: auto;
    bottom: -10px
}

.tooltip.tip-left,
.tooltip.tip-right {
    float: none !important
}

.tooltip.tip-left>.nub {
    border-color: transparent transparent transparent #000;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
    right: -10px;
    left: auto
}

.tooltip.tip-right>.nub {
    border-color: transparent #000 transparent transparent;
    border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
    right: auto;
    left: -10px
}

.tooltip.noradius {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.tooltip.opened {
    color: #c60f13 !important;
    border-bottom: dotted 1px #67080a !important
}

.tap-to-close {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    color: #888;
    font-weight: normal
}

.panel {
    background: #f2f2f2;
    border: solid 1px #e6e6e6;
    /*margin: 0 0 22px 0;
	padding: 20px*/
    margin: 0 0 10px 0;
    padding: 10px;
}

.panel>:first-child {
    margin-top: 0
}

.panel>:last-child {
    margin-bottom: 0
}

.panel.callout {
    background: #c60f13;
    color: #fff;
    border-color: #970b0e;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5)
}

.panel.callout a {
    color: #fff
}

.panel.callout .button {
    background: #fff;
    border: none;
    color: #c60f13;
    text-shadow: none
}

.panel.callout .button:hover,
.panel.callout .button:focus {
    background: rgba(255, 255, 255, 0.8)
}

.panel.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

ul.accordion {
    margin: 0 0 22px 0;
    border-bottom: 1px solid #e9e9e9
}

ul.accordion>li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #e9e9e9
}

ul.accordion>li>div.title {
    cursor: pointer;
    background: #f6f6f6;
    padding: 15px;
    margin: 0;
    position: relative;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    -webkit-transition: 0.15s background linear;
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    transition: 0.15s background linear
}

ul.accordion>li>div.title h1,
ul.accordion>li>div.title h2,
ul.accordion>li>div.title h3,
ul.accordion>li>div.title h4,
ul.accordion>li>div.title h5 {
    margin: 0
}

ul.accordion>li>div.title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent #9d9d9d transparent transparent;
    position: absolute;
    right: 15px;
    top: 21px
}

ul.accordion>li .content {
    display: none;
    padding: 15px
}

ul.accordion>li.active {
    border-top: 3px solid #c60f13
}

ul.accordion>li.active .title {
    background: #fff;
    padding-top: 13px
}

ul.accordion>li.active .title:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: #9d9d9d transparent transparent transparent
}

ul.accordion>li.active .content {
    background: #fff;
    display: block;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

ul.side-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 17px 0
}

ul.side-nav li {
    display: block;
    list-style: none;
    margin: 0 0 7px 0
}

ul.side-nav li a {
    display: block
}

ul.side-nav li.active a {
    color: #4d4d4d;
    font-weight: bold
}

ul.side-nav li.divider {
    border-top: 1px solid #e6e6e6;
    height: 0;
    padding: 0
}

dl.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin: -4px 0 18px;
    margin-right: 0;
    margin-left: -9px;
    padding-top: 4px
}

dl.sub-nav dt,
dl.sub-nav dd {
    float: left;
    display: inline;
    margin-left: 9px;
    margin-bottom: 10px
}

dl.sub-nav dt {
    color: #999;
    font-weight: normal
}

dl.sub-nav dd a {
    text-decoration: none;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px
}

dl.sub-nav dd.active a {
    font-weight: bold;
    background: #c60f13;
    color: #fff;
    padding: 3px 9px;
    cursor: default
}

ul.pagination {
    display: block;
    height: 24px;
    margin-left: -5px;
    cursor: pointer;
}

ul.pagination li {
    float: left;
    display: block;
    height: 24px;
    color: #999;
    font-size: 14px;
    margin-left: 5px
}

ul.pagination li a {
    display: block;
    padding: 1px 7px 1px;
    color: #555;
}

ul.pagination li:hover a,
ul.pagination li a:focus {
    background: #e6e6e6
}

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

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus {
    background: transparent
}

ul.pagination li.current a {
    background: #c60f13;
    color: #fff;
    font-weight: bold;
    cursor: default
}

ul.pagination li.current a:hover,
ul.pagination li.current a:focus {
    background: #c60f13
}

ul.breadcrumbs {
    display: block;
    background: #f6f6f6;
    padding: 6px 10px 7px;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 0
}

ul.breadcrumbs li {
    margin: 0;
    padding: 0 12px 0 0;
    float: left;
    list-style: none
}

ul.breadcrumbs li a,
ul.breadcrumbs li span {
    text-transform: uppercase;
    font-size: 11px;
    font-size: 1.1rem;
    padding-left: 12px
}

ul.breadcrumbs li:first-child a,
ul.breadcrumbs li:first-child span {
    padding-left: 0
}

ul.breadcrumbs li:before {
    content: "/";
    color: #aaa
}

ul.breadcrumbs li:first-child:before {
    content: " "
}

ul.breadcrumbs li.current a {
    cursor: default;
    color: #333
}

ul.breadcrumbs li:hover a,
ul.breadcrumbs li a:focus {
    text-decoration: underline
}

ul.breadcrumbs li.current:hover a,
ul.breadcrumbs li.current a:focus {
    text-decoration: none
}

ul.breadcrumbs li.unavailable a {
    color: #999
}

ul.breadcrumbs li.unavailable:hover a,
ul.breadcrumbs li.unavailable a:focus {
    text-decoration: none;
    color: #999;
    cursor: default
}

ul.inline-list,
ul.link-list {
    margin: 0 0 17px -22px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

ul.inline-list>li,
ul.link-list>li {
    list-style: none;
    float: left;
    margin-left: 22px;
    display: block
}

ul.inline-list>li>*,
ul.link-list>li>* {
    display: block
}

.keystroke,
kbd {
    font-family: "Consolas", "Menlo", "Courier", monospace;
    font-size: 13px;
    padding: 2px 4px 0px;
    margin: 0;
    background: #ededed;
    border: solid 1px #dbdbdb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.th {
    display: block
}

.th img {
    display: block;
    border: solid 4px #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms
}

.th:hover img,
.th:focus img {
    -webkit-box-shadow: 0 0 6px 1px rgba(198, 15, 19, 0.5);
    -moz-box-shadow: 0 0 6px 1px rgba(198, 15, 19, 0.5);
    box-shadow: 0 0 6px 1px rgba(198, 15, 19, 0.5)
}

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

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

table {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    /*margin: 0 0 18px;*/
    margin: 0 0 10px;
    /* Remove double space - Changed by Phuong */
    border: 1px solid #ddd
}

table thead,
table tfoot {
    background: #f5f5f5
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
    display: table-cell;
    font-size: 12px;
    line-height: 18px;
    text-align: left
}

table thead tr th,
table tfoot tr td {
    padding: 3px 5px;
    font-size: 12px;
    font-weight: bold;
    color: #222
}

table thead tr th:first-child,
table tfoot tr td:first-child {
    border-left: none
}

table thead tr th:last-child,
table tfoot tr td:last-child {
    border-right: none
}

table tbody tr.even,
table tbody tr.alt {
    background: #f9f9f9
}

table tbody tr:nth-child(even) {
    background: #eeeeee
}

table tbody tr td {
    color: #333;
    padding: 3px 5px;
    vertical-align: top;
    border: none
}

ul.vcard {
    display: inline-block;
    margin: 0 0 12px 0;
    border: 1px solid #ddd;
    padding: 10px
}

ul.vcard li {
    margin: 0;
    display: block
}

ul.vcard li.fn {
    font-weight: bold;
    font-size: 15px
}

p.vevent span.summary {
    font-weight: bold
}

p.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 1px
}

div.progress {
    padding: 2px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    height: 25px
}

div.progress .meter {
    background: #c60f13;
    height: 100%;
    display: block;
    width: 50%
}

div.progress.secondary .meter {
    background: #e9e9e9
}

div.progress.success .meter {
    background: #5da423
}

div.progress.alert .meter {
    background: red
}

div.progress.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

div.progress.radius .meter {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

div.progress.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px
}

div.progress.round .meter {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px
}

.pricing-table {
    border: solid 1px #ddd;
    margin-left: 0;
    margin-bottom: 20px
}

.pricing-table * {
    list-style: none;
    line-height: 1
}

.pricing-table .title {
    background-color: #ddd;
    padding: 15px 20px;
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 16px
}

.pricing-table .price {
    background-color: #eee;
    padding: 15px 20px;
    text-align: center;
    color: #333;
    font-weight: normal;
    font-size: 20px
}

.pricing-table .description {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    color: #777;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #ddd
}

.pricing-table .bullet-item {
    background-color: #fff;
    padding: 15px;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border-bottom: dotted 1px #ddd
}

.pricing-table .cta-button {
    background-color: #f5f5f5;
    text-align: center;
    padding: 20px
}

.top-bar-js-breakpoint {
    width: 940px !important;
    visibility: hidden
}

.contain-to-grid {
    width: 100%;
    background: #222
}

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99
}

.top-bar {
    background: #222;
    height: 45px;
    line-height: 45px;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
    position: relative
}

.contain-to-grid .top-bar {
    max-width: 940px;
    margin: 0 auto
}

.top-bar>ul .name h1 {
    line-height: 45px;
    margin: 0
}

.top-bar>ul .name h1 a {
    font-weight: bold;
    padding: 0 22.5px;
    font-size: 17px !important
}

.top-bar>ul .name img {
    margin-top: -5px;
    vertical-align: middle
}


/* .top-bar.expanded {
    height: inherit
} */

.top-bar ul {
    margin-left: 0;
    display: inline;
    height: 45px;
    line-height: 45px;
    list-style: none
}

.top-bar ul>li {
    float: left
}

.top-bar ul>li a:not(.button) {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    padding: 0 15px
}

.top-bar ul>li:not(.name):hover,
.top-bar ul>li:not(.name).active,
.top-bar ul>li:not(.name):focus {
    background: #000
}

.top-bar ul>li:not(.name):hover a,
.top-bar ul>li:not(.name).active a,
.top-bar ul>li:not(.name):focus a {
    color: #d9d9d9
}

.top-bar ul>li.divider {
    background: #000;
    -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    height: 100%;
    margin-right: 1px;
    width: 1px
}

.top-bar ul>li.has-button a.button {
    margin: 0 11.25px
}

.top-bar ul>li.has-button:hover,
.top-bar ul>li.has-button:focus {
    background: #222
}

.top-bar ul>li.has-button:hover a,
.top-bar ul>li.has-button:focus a {
    color: #fff
}

.top-bar ul>li.search {
    padding: 0 15px
}

.top-bar ul>li.search form {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 200px
}

.top-bar ul>li.search form input[type=text] {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    font-size: 13px;
    margin-top: -1px;
    height: 22.5px
}

.top-bar ul>li.search form input[type=text]+.button {
    border-left: none;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    float: left;
    font-size: 12px;
    margin-top: -1px;
    padding: 5px 12px 4px
}

.top-bar ul>li.search form input[type=search] {
    font-size: 16px;
    margin-bottom: 0
}

.top-bar ul>li.search:hover,
.top-bar ul>li.search:focus {
    background: #222
}

.top-bar ul>li.toggle-topbar {
    display: none
}

.top-bar ul>li.has-dropdown {
    position: relative
}

.top-bar ul>li.has-dropdown:hover>.dropdown,
.top-bar ul>li.has-dropdown:focus>.dropdown {
    display: block;
    visibility: visible
}

.top-bar ul>li.has-dropdown a {
    padding-right: 33.75px
}

.top-bar ul>li.has-dropdown a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: #fff transparent transparent transparent;
    margin-right: 15px;
    margin-top: -2.5px;
    position: absolute;
    right: 0;
    top: 50%
}

.top-bar ul>li.has-dropdown .dropdown {
    background: #222;
    left: 0;
    margin: 0;
    padding: 9px 0 0 0;
    position: absolute;
    visibility: hidden;
    z-index: 99
}

.top-bar ul>li.has-dropdown .dropdown li {
    background: #222;
    line-height: 1;
    min-width: 100%;
    padding-bottom: 5px
}

.top-bar ul>li.has-dropdown .dropdown li a {
    color: #fff;
    font-weight: normal;
    height: 100%;
    line-height: 1;
    padding: 5px 17px 5px 15px;
    white-space: nowrap
}

.top-bar ul>li.has-dropdown .dropdown li a:after {
    border: none
}

.top-bar ul>li.has-dropdown .dropdown li a:hover,
.top-bar ul>li.has-dropdown .dropdown li a:focus {
    background: #3c3c3c
}

.top-bar ul>li.has-dropdown .dropdown li label {
    color: #6f6f6f;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding-left: 15px;
    text-transform: uppercase
}

.top-bar ul>li.has-dropdown .dropdown li.divider {
    border-top: solid 1px #000;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    height: 10px;
    padding: 0;
    width: 100%
}

.top-bar ul>li.has-dropdown .dropdown li:last-child {
    padding-bottom: 10px
}

.top-bar ul>li.has-dropdown .dropdown li.active a {
    background: #000
}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {
    padding-right: 30px
}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {
    border: none;
    content: "\00bb";
    right: 5px;
    top: 6px
}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {
    position: absolute;
    left: 100%;
    top: 0
}

.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown,
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:focus>.dropdown {
    display: block
}

.top-bar ul.left {
    float: left;
    width: auto;
    margin-bottom: 0
}

.top-bar ul.right {
    float: right;
    width: auto;
    margin-bottom: 0
}

.top-bar ul.right .has-dropdown .dropdown {
    left: auto;
    right: -1px
}

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown {
    right: 100%;
    left: auto;
    width: 100%
}

.top-bar .js-generated {
    display: none
}

@-moz-document url-prefix() {
    .top-bar ul li .button.small {
        padding-bottom: 6px
    }
    .top-bar ul li.search form input[type=search] {
        font-size: 14px;
        height: 22px;
        padding: 3px
    }
}

.lt-ie9 .top-bar ul li a {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px
}

.lt-ie9 .top-bar ul li a.button {
    height: auto;
    line-height: 30px;
    margin-top: 7px
}

.lt-ie9 .top-bar ul li a:hover,
.lt-ie9 .top-bar ul li a:focus {
    color: #ccc
}

.lt-ie9 .top-bar ul li a img {
    margin-top: -5px;
    vertical-align: middle
}

.lt-ie9 .top-bar ul li a.active {
    background: #151515;
    color: #d9d9d9
}

.lt-ie9 .top-bar ul li.has-dropdown {
    padding-right: 33.75px
}

.lt-ie9 .top-bar ul li.has-dropdown>ul li {
    padding-right: 0
}

#joyRideTipContent {
    display: none
}

.joyride-tip-guide {
    display: none;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 300px;
    z-index: 101;
    top: 0;
    left: 0;
    font-family: inherit;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.joyride-content-wrapper {
    padding: 18px 20px 24px
}

.joyride-tip-guide span.joyride-nub {
    display: block;
    position: absolute;
    left: 22px;
    width: 0;
    height: 0;
    border: solid 14px
}

.joyride-tip-guide span.joyride-nub.top {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8);
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -28px;
    bottom: none
}

.joyride-tip-guide span.joyride-nub.bottom {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -28px;
    bottom: none
}

.joyride-tip-guide span.joyride-nub.right {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    bottom: none;
    left: auto;
    right: -28px
}

.joyride-tip-guide span.joyride-nub.left {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.8) !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    top: 22px;
    left: -28px;
    right: auto;
    bottom: none
}

.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
    line-height: 1.25;
    margin: 0;
    font-weight: bold;
    color: #fff
}

.joyride-tip-guide p {
    margin: 0 0 18px 0;
    font-size: 14px;
    line-height: 1.3
}

.joyride-timer-indicator-wrap {
    width: 50px;
    height: 3px;
    border: solid 1px #555;
    position: absolute;
    right: 17px;
    bottom: 16px
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: #666
}

.joyride-close-tip {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #777 !important;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    line-height: .5 !important
}

.joyride-close-tip:hover,
.joyride-close-tip:focus {
    color: #eee !important
}

.joyride-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer
}

.clearing-blackout {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

.clearing-blackout .clearing-close {
    display: block
}

.clearing-container {
    position: relative;
    z-index: 999;
    height: 100%;
    overflow: hidden
}

.visible-img {
    height: 75%;
    position: relative
}

.visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%
}

.visible-img .clearing-caption {
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 10px 100px
}

.clearing-close {
    z-index: 999;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    display: none
}

.clearing-close:hover,
.clearing-close:focus {
    color: #ccc
}

.clearing-main-left,
.clearing-main-right {
    position: absolute;
    top: 50%;
    margin-top: -16px
}

.clearing-main-left.disabled,
.clearing-main-right.disabled {
    opacity: 0.5
}

.clearing-main-left:active,
.clearing-main-right:active {
    margin-top: -15px
}

.clearing-main-left {
    left: 10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent #fff transparent transparent
}

.clearing-main-right {
    right: 10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent transparent transparent #fff
}

.block-grid.three-up>li:nth-child(3n+1) {
    clear: none
}

ul[data-clearing] li {
    cursor: pointer;
    display: block
}

ul[data-clearing] li.clearing-feature~li {
    display: none
}

.clearing-assembled .clearing-container .carousel {
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    height: 150px;
    margin-top: 5px
}

.clearing-assembled .clearing-container .visible-img {
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    overflow: hidden
}

.clearing-assembled .clearing-container ul[data-clearing] {
    z-index: 999;
    width: 200%;
    height: 100%;
    margin-left: 0;
    position: relative;
    left: 0
}

.clearing-assembled .clearing-container ul[data-clearing] li {
    display: block;
    width: 175px;
    height: inherit;
    padding: 0;
    float: left;
    overflow: hidden;
    background: #222;
    margin-right: 1px;
    position: relative
}

.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
    min-height: 100%;
    height: 100%;
    max-width: none
}

.clearing-assembled .clearing-container ul[data-clearing] li img {
    cursor: pointer !important;
    min-width: 100% !important
}

.clearing-assembled .clearing-container ul[data-clearing] li.visible {
    border-top: 4px solid #fff
}

ul.block-grid[data-clearing] {
    overflow: visible
}

.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-child(2n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-child(3n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-child(4n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-child(5n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-child(6n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-child(7n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-child(8n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-child(9n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-child(10n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-child(11n+1) {
    clear: none
}

.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-child(12n+1) {
    clear: none
}

.clearing-blackout .th img {
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.clearing-blackout:hover img,
.clearing-blackout:focus img {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge,
.show-for-print {
    display: none !important
}

.hide-for-small,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.hide-for-xlarge,
.hide-for-print {
    display: inherit !important
}

@media only screen and (min-width: 1441px) {
    .hide-for-small,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large,
    .show-for-large-up,
    .show-for-xlarge {
        display: inherit !important
    }
    .show-for-small,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large,
    .hide-for-large-up,
    .hide-for-xlarge {
        display: none !important
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .hide-for-small,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large,
    .hide-for-large-up,
    .hide-for-xlarge {
        display: inherit !important
    }
    .show-for-small,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large,
    .show-for-large-up,
    .show-for-xlarge {
        display: none !important
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.show-for-touch {
    display: none !important
}

.hide-for-touch {
    display: inherit !important
}

.touch .show-for-touch {
    display: inherit !important
}

.touch .hide-for-touch {
    display: none !important
}

table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium {
    display: table !important
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .touch table.hide-for-xlarge,
    .touch table.hide-for-large,
    .touch table.hide-for-small,
    .touch table.show-for-medium {
        display: table !important
    }
}

@media only screen and (max-device-width: 1280px) {
    .touch .nav-bar li.has-flyout>a {
        padding-right: 36px !important
    }
}

@media only screen and (max-device-width: 800px),
only screen and (device-width: 1024px) and (device-height: 600px),
only screen and (width: 1280px) and (orientation: landscape),
only screen and (device-width: 800px),
only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .touch .nav-bar li a {
        font-size: 13px
    }
    .touch .nav-bar li.has-flyout>a.flyout-toggle {
        padding: 20px !important
    }
    .touch .nav-bar li.has-flyout>a {
        padding-right: 36px !important
    }
    .clearing-main-right,
    .clearing-main-left {
        height: 100%;
        width: 40px;
        top: 0;
        border: none
    }
    .clearing-main-right:before,
    .clearing-main-left:before {
        position: absolute;
        top: 50%
    }
    .clearing-main-left {
        left: 0
    }
    .clearing-main-left:before {
        left: 5px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 16px;
        border-color: transparent #fff transparent transparent
    }
    .clearing-main-right {
        height: 100%;
        right: 0
    }
    .clearing-main-right:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 16px;
        border-color: transparent transparent transparent #fff
    }
}

@media only screen and (max-width: 940px) {
    .top-bar {
        margin-bottom: 0;
        overflow: hidden;
        height: 45px;
        background: #222
    }
    .top-bar .js-generated {
        display: block
    }
    .contain-to-grid .top-bar {
        width: auto
    }
    .top-bar section {
        left: 0;
        position: relative;
        width: auto;
        -webkit-transition: left 300ms;
        -moz-transition: left 300ms;
        -o-transition: left 300ms;
        transition: left 300ms
    }
    .top-bar ul {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        display: block
    }
    .top-bar ul>li {
        float: none
    }
    .top-bar ul>li.active,
    .top-bar ul>li:hover {
        background: #151515
    }
    .top-bar ul>li.name {
        height: 45px
    }
    /* .top-bar ul>li.name h1 {
        line-height: 1
    } */
    .top-bar ul>li.name h1 a {
        color: #fff;
        display: block;
        line-height: 45px !important;
        padding-left: 15px;
        height: 45px
    }
    .top-bar ul>li:hover a,
    .top-bar ul>li.active a {
        color: #fff
    }
    .top-bar ul>li a:not(.button) {
        color: #fff
    }
    .top-bar ul>li.toggle-topbar {
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }
    .top-bar ul>li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: #fff transparent transparent transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 22.5px;
        margin-top: -4px
    }
    .top-bar ul>li.toggle-topbar:hover {
        background: inherit
    }
    .top-bar ul>li.toggle-topbar a {
        padding: 0 !important
    }
    .top-bar ul>li.divider {
        border-bottom: solid 1px #3c3c3c;
        border-top: solid 1px #000;
        clear: both;
        height: 1px !important;
        margin: 8px 0 !important;
        width: 100%
    }
    .top-bar ul>li.search {
        padding: 0 22.5px
    }
    .top-bar ul>li.search form {
        width: 100%
    }
    .top-bar ul>li.search form input[type=text] {
        width: 75%
    }
    .top-bar ul>li.search form .button {
        top: 0;
        width: 25%
    }
    .top-bar ul>li.has-dropdown a {
        padding-right: 33.75px
    }
    .top-bar ul>li.has-dropdown a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        margin-right: 15px;
        margin-top: -4.5px;
        position: absolute;
        top: 50%
    }
    .top-bar ul>li.has-dropdown:hover>.dropdown {
        display: block;
        visibility: hidden
    }
    .top-bar ul>li.has-dropdown .dropdown {
        visibility: hidden;
        z-index: 0 !important
    }
    .top-bar ul>li.has-dropdown.moved {
        position: static
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown {
        top: 0;
        visibility: visible
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown li label {
        margin-bottom: 6px;
        padding-top: 6px !important;
        font-size: 11px
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) {
        padding-bottom: 0
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) a {
        padding: 8px 22.5px;
        font-size: 14px
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown li a,
    .top-bar ul>li.has-dropdown.moved>.dropdown li label {
        padding: 0 22.5px
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown li a:hover {
        background: #3c3c3c;
        display: block
    }
    .top-bar ul>li.has-dropdown.moved>.dropdown li.divider {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }
    .top-bar ul>li.has-dropdown.moved .back.title {
        padding-bottom: 0
    }
    .top-bar ul>li.has-dropdown.moved .back.title a:before {
        position: absolute;
        top: 50%;
        left: 17.5px;
        margin-top: -5px;
        width: 0;
        height: 0;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent #fff transparent transparent
    }
    .top-bar ul>li.has-dropdown.moved .back.title h5 {
        margin: 0;
        padding-left: 15px;
        position: relative
    }
    .top-bar ul>li.has-dropdown.moved .back.title h5 a {
        background: transparent;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 23px;
        font-weight: bold
    }
    .top-bar ul>li.has-dropdown .dropdown li {
        background: transparent
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {
        padding-right: 33.75px
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {
        content: "";
        margin-right: 15px;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 50%;
        margin-top: -4.5px
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover {
        background: #3c3c3c
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved {
        position: static
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
        top: 0;
        visibility: visible
    }
    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover {
        display: block
    }
    .top-bar ul.left,
    .top-bar ul.right {
        float: none;
        width: 100%
    }
    .top-bar ul.left>li,
    .top-bar ul.right>li {
        display: block;
        float: none;
        margin: 0 !important
    }
    .top-bar ul.left>li.has-dropdown .dropdown,
    .top-bar ul.right>li.has-dropdown .dropdown {
        left: 100% !important;
        top: 0;
        right: auto !important
    }
    .top-bar section>ul li a:not(.button) {
        padding-left: 22.5px !important
    }
    .top-bar.expanded {
        height: 100%
    }
    .top-bar.expanded ul li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
        top: auto;
        bottom: 50%;
        margin-bottom: -4px
    }
    .top-bar ul li.has-button {
        padding: 5px 15px
    }
    .top-bar ul li .button.small {
        margin: 0 !important;
        display: inline-block;
        width: 100%
    }
    .top-bar ul>li.has-button a.button {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    /* Mass */
    /*.row, html, body {width: 1024px !important;}*/
    .row .row {
        width: auto !important;
    }
    /* .button {
        display: inline-block !important;
    } */
    nav.hide-for-small,
    .row.hide-for-small {
        display: inline-block !important;
    }
    .top-banner img {
        width: 100%;
    }
    table {
        table-layout: auto !important;
    }
    select.style-select {
        height: auto !important;
    }
}
/* Artfully masterminded by ZURB  */


/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

@font-face {
    font-family: 'Roboto';
    src: url(/Content/stylesheets/./fonts/Roboto/Roboto-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(/Content/stylesheets/./fonts/Roboto/Roboto-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url(/Content/stylesheets/./fonts/Roboto/Roboto-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

body,
h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

legend {
    width: auto;
    font-size:14px;
}

label span {
    color: red
}

.row:before, .row:after {
    content: none;
}

.label-inline-l span {
    color: red
}

label.red,
.red {
    color: red;
}

label.green,
.green {
    color: green;
}

label.blue,
a.blue,
.blue {
    color: blue;
}

label.green_2,
a.green_2,
.green_2 {
    color: #099;
}

.white {
    color: white;
}

.label-color {
    color: #262626
}

.label-color-auto-report {
    color: #222222
}

.cms-red {
    color: #c60f13 !important;
}

.width-auto-report {
    width: 102.5%;
    padding: 0;
}

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

.content-wrapper {
    min-height: 100vh;
    padding-bottom: 43px;
}

footer {
    background: #4b4b4b;
    height: 43px;
    color: #ffffff;
    text-align: center;
    width: 100vw !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: -43px !important;
}

footer p {
    font-size: 12px;
    margin: 0;
    color: #b4b4b4;
}

footer p a {
    color: #d04f60;
}

.left {
    float: left;
}

.right {
    float: right;
}


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.panelblack {
    background: #ffffff;
    border: solid 1px #e6e6e6;
    margin: 0 0 22px 0;
    padding: 20px;
    text-align: center;
}

.panelblack>:first-child {
    margin-top: 0
}

.panelblack>:last-child {
    margin-bottom: 0
}

.panelblack.callout {
    background: #c60f13;
    color: #fff;
    border-color: #970b0e;
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5)
}

.panelblack.callout a {
    color: #fff
}

.panelblack.callout .button {
    background: #fff;
    border: none;
    color: #c60f13;
    text-shadow: none
}

.panelblack.callout .button:hover,
.panelblack.callout .button:focus {
    background: rgba(255, 255, 255, 0.8)
}

.panelblack.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}


/* -----------------------------------------
   Page Name 1
----------------------------------------- */

.very-top {
    position: relative;
}

.full-header {
    background: #000 url(/Content/stylesheets/../images/main-header-full.jpg) no-repeat top;
    /*height: 410px !important;*/
    height: 340px;
    margin-bottom: 15px;
}

.banner-heading {
    color: #fff;
    margin-top: 1.5em;
}

.banner-text {
    color: #fff;
    margin-bottom: 1.5em;
}

.formwhite {
    background-color: #FFF;
}

.nav-bar.vertical {
    height: auto;
    margin-top: 0;
}

.sort-page {
    min-height: 300px
}


/* -----------------------------------------
   Style for table
----------------------------------------- */

table {
    table-layout: fixed;
    /*word-break: break-all;*/
    word-wrap: break-word;
}

table thead {
    background: #d3d3d3;
}

table tbody {
    background: #ffffff;
}


/*table tbody tr.odd{
	background:#eeeeee;	
}
table tbody tr.even{
	background:#ffffff;
}*/

table tr.highlight td {
    color: red;
}

table tfoot {
    background-color: #d3e7ff;
}


/*td.fix_width_370{
	max-width:370px; 
	word-wrap:break-word;
}*/


/* -----------------------------------------
   Style for arrow on Table
----------------------------------------- */

.table-arrow-up {
    background-image: url(/Content/stylesheets/../images/arrow-top.png);
    background-position: 99% center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.table-arrow-down {
    background-image: url(/Content/stylesheets/../images/arrow-bottom.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

table th {
    cursor: pointer;
}

#scroll_box {
    height: 180px;
    display: auto;
    margin: 1em 0;
    overflow: auto
}

.login-alert {
    margin: 15px 0;
}

.login-alert span.label {
    padding-left: 5px;
    white-space: normal;
    text-align: left;
}

.button-right {
    margin-right: 5px
}

.label-inline {
    clear: both;
    margin: 0;
    /*padding:5px 0 20px 0;*/
    padding: 5px 0 10px 0;
    /* Remove double space - Changed by Phuong */
    display: flex;
    float: none;
    width: 100%;
    color: #4D4D4D;
    font-size: 14px;
    font-weight: 500px;
    position: relative;
}

.label-inline span.label-inline-l,
.label-inline span.label-inline-r {
    float: left;
    word-break: break-word;
    line-height: 20px;
    width: 50%;
}
.label-inline .label-inline span.label-inline-r.span.label-inline-fullwidth-r {
    width: auto;
}
.shrink-label-inline-6-cols {
    width: auto !important;
    max-width: 50% !important;
}

@media only screen and (min-width: 1024px) {
    .label-inline span.label-inline-l {
        width: 200px;
    }
}

.label-inline span.label-inline-2col {
    word-break: break-word;
    line-height: 20px;
    width: 50%;
    float: left;
}

.datepicker-icon {
    background: url(/Content/stylesheets/../images/calendar.gif) no-repeat;
    background-position: 5px center;
    padding-left: 25px !important;
}

.top-bar {
    margin: 0 0 0 0px;
}

.bg-faded {
    background: #262626;
}
.navbar {
    margin: 0 0 0 0px;
    height: 70px;
    background: #262626;
    display: flex;
    align-items: center;
    padding: 0 30px;
}

.navbar-brand img {
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 61px;
}

#navbarNav {
    height: 100%;
    margin: 0;
    position: static;
}
#navbarDropdownMenuLink.dropdown-toggle::after {
    display: none;
}
.navbar-nav {
    height: 100%;
}

.nav-item {
    max-width: 120px;
    min-width: 90px;
    width: 8.784773vw;
    height: 100%;
}

.nav-item.active {
    background-image: linear-gradient(to bottom, #77000f, #cc2337);
}

.nav-item a {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 14px;
}

.nav-item-username {
    max-width: 250px;
    width: 250px;
}

.nav-item-username span.username {
    width: auto;
    line-height: normal;
}

.nav-item-username span.location {
    width: 240px;
}

.nav-item-username a:hover, .nav-item-username a[aria-expanded="true"] {
    background-image: none;
}

.navbar-dark .nav-item .nav-link {
    color: #ffffff;
    padding: 0;
}

.navbar-dark .nav-item .nav-link:active,
.navbar-dark .nav-item .nav-link:focus,
.navbar-dark .nav-item .nav-link:hover {
    color: rgba(255,255,255,.75);
}

/*.nav-item .dropdown-toggle::after {
    display: none;
}*/

.dropdown-menu {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-clip: border-box;
}

.dropdown-menu.show {
    display: none; /*Override bootstrap toggle menu behavior*/
}

li.dropdown-item {
    max-width: 240px;
    min-width: 210px;
    width: 17.569546vw;
    height: auto;
    margin: 0;
    padding: 0;
}

li.dropdown-item:active,
li.dropdown-item:hover,
li.dropdown-item:focus {
    background-color: #e6e6e6;
}

li.dropdown-item a {
    font-family: 'Roboto';
    font-weight: 400;
    justify-content: flex-start;
    color: #262626;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.2;
    padding: 9.1px 10px;
    white-space: normal;
}

.nav-item li.dropdown-item a:hover {
    background-image: none;
    background-color: #e6e6e6;
    text-decoration: none;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu, .dropdown {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -2px;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-menu.nav-bar-dropdown-menu-link-user {
    right: 0;
    width: 175px;
    left: auto;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #5c616b;
    margin-top: -1px;
}

.nav-bar-dropdown-menu-link-user li.dropdown-item {
    width: 175px;
    max-width: 175px;
    min-width: unset;
    background-color: #5c616b;
}

li.dropdown-item a.menu-none-click {
    max-width: 175px;
    cursor: default;
    display: inline-block;
    padding-top: 5px;
}

.nav-bar-dropdown-menu-link-user li.dropdown-item a,
.nav-bar-dropdown-menu-link-user li.dropdown-item a:not([href]):not([tabindex]) {
    color: #fff;
}

.nav-bar-dropdown-menu-link-user li.dropdown-item a:hover {
    background-color: #6b707a;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}


.dropdown-submenu > a > i {
    margin-left: auto;
    font-size: 16px;
}

.nav-item .dropdown-toggle::after {
    display: none;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #262626;
}


.dropdown-submenu a:hover ~ .dropdown-submenu {
    background: #262626;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
/*.error {
	font: normal 12px;
	padding: 3px;
	margin: 3px;
	background-color: #ffc;
}*/

.error {
    background: none repeat scroll 0 0 #FF0000;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 6px;
}

input.error {
    background-color: #FFFFCC;
    border: 1px solid #FF0000;
    margin-bottom: 0;
    font-weight: normal;
}

label.error {
    color: #ffffff;
    cursor: auto;
}


/* -----------------------------------------
   Validate and show message error
----------------------------------------- */

input[type="text"].input-invisible,
select.input-invisible,
textarea.input-invisible {
    border: 1px solid #dddddd;
    margin-bottom: 0;
    color: #cacaca;
    margin-bottom: 12px;
    background: #f9f9f9;
}

textarea.input-comment {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #7f7f7f;
    border-radius: 4px;
}

.attached-invoice-1 {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #7f7f7f !important;
    height: 34px !important;
    border-radius: 4px !important;
}

.attached-invoice-2 {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #7f7f7f !important;
    height: 40px !important;
    border-radius: 4px !important;
}

.button-browse {
    font-weight: 900 !important;
    color: #5c616b !important;
    background-color: #bdc5d2 !important;
    border-radius: 3px;
    margin-left: 20px !important;
    box-shadow: none !important;
}

.button-browse-popup {
    font-weight: 900 !important;
    color: #5c616b !important;
    background-color: #bdc5d2 !important;
    border-radius: 3px;
}

.attached-invoice-label {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
    text-align: left;
    margin-bottom: 5px;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
    background-color: #ffffcc;
    border: 1px solid #ff0000;
    margin-bottom: 0
}

span.field-validation-error {
    color: #ffffff;
    background: #ff0000;
    font-size: 12px;
    margin-bottom: 1px;
    display: block;
    padding: 6px;
    font-weight: bold;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

input.on-call-margin {
    margin-top: 7px;
    margin-bottom: 5px;
}

.validation-summary-errors {
    margin: 0;
}

.validation-summary-errors li {
    list-style: none;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    background: #ff0000;
    color: #ffffff;
}

span.right-top-menu {
    float: right;
    color: #ffffff;
    padding: 13px 20px 0 0;
    //max-width: 450px;
    text-align: right;
    font-size: 12px;
    margin-left: auto !important;
}
@media only screen and (max-width: 767px) {
    span.right-top-menu {
        text-align: center;
        padding: 13px 20px 13px 0 !important;
    }
}

.top-banner {
    border-top: 1px solid #e6e6e6
}


/* -----------------------------------------
   Style for notification
----------------------------------------- */
.noti-box {
    max-width: 550px;
    clear: both;
}

.noti-img {
    float: left;
    width: 60px;
}

.noti-text {
    float: left;
    max-width: 490px;
    line-height: 18px
}

.new-noti-text {
    max-width: none !important;
}

.margin-top-shift {
    margin-top : 10px;
}

.noti-button {
    clear: both;
    float: right;
    margin: 15px;
}

.noti-box-p {
    width: 565px;
    line-height: 18px;
    height: 300px;
    overflow: scroll;
}


/* -----------------------------------------
   Style for select form
----------------------------------------- */

.style-select {
    height: 145px;
}

.mail-button {
    height: 32px;
    float: right
}

.new-button {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background-color: #bdc5d2;
    color: #1d1d1d;
    font-weight: bold;
    border-color: #bdc5d2;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
}

.new-panel {
    padding: 31px;
    background: #f5f5f5;
}

.new-panel-submit-timesheet {
    padding: 18px;
    background: #f5f5f5;
    max-width: 807px;
    height: auto;
}

.new-button:hover {
    background-color: #A4ACB9;
}
.new-button-search {
    width: 170px;
    height: 50px;
    background: #cc2337;
    box-shadow: none;
    border: 1px solid #cc2337;
}

.new-margin-sale-export {
    margin: 3px 3px 3px 4px;
}

.width-198 {
    width: 198px!important;
}

.width-datetimepicker {
    width: 198px !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.new-label-auto-report {
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    margin-bottom: 5px;
}

.scroll-fieldset {
    overflow-x:scroll
}

.line-name-width {
    min-width: 150px;
}

.approve-by-width {
    min-width: 110px;
}

.submitted-date-width {
    min-width: 110px;
}

.allocated-date-width {
    min-width: 110px;
}

.reject-comment-width {
    min-width: 110px;
}

.time-total-width {
    min-width: 80px;
}

.attach-inv-width {
    min-width: 110px;
}

.last-modifier-width {
    min-width: 110px;
}

.contractor-name-width {
    min-width: 150px;
}

.contractor-name-submit-timesheet-width {
    min-width: 115px;
}

.contract-number-submit-timesheet-width {
    min-width: 100px;
}

.sale-bill-width {
    min-width: 120px;
}

.ending-date-width {
    min-width: 100px;
}

.client-name-width {
    min-width: 100px;
}

.scrollable {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: auto;
}

input.new-checkbox {
    margin-top: 0;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: solid 1px #bdc5d2;
    background-color: #f5f5f5;
}

input.new-checkbox-margin-right {
    margin-right: 10px;
}

.new-checkbox-label {
    line-height: 20px;
}

select.new-textbox,
input.new-textbox {
    height: 40px;
    border: solid 1px #bdc5d2;
    background-color: #ffffff;
}

.margin-top-5px {
    margin-top: 5px !important;
}

.margin-top-2px {
    margin-top: 2px !important;
}

.filterTSNonTSLabel-invoice-info {
    display: inline-block;
    margin-top: 18px;
    margin-right: 45px;
    position: relative;
    top: -2px;
}

.height-40px {
    height: 40px;
}

table.tbBorder {
    border: 2px solid #bdc5d2;
}

    table.tbBorder td, table.tbBorder th {
        border: 1px solid #FFFFFF;
    }

    table.tbBorder thead th {
        border-left: 1px solid #FFFFFF;
    }

        table.tbBorder thead th:first-child {
            border-left: none;
        }

.border-collapse-table {
    border-collapse: inherit;
}

.border-collapse-table-pc {
    border-collapse: collapse;
}

.new-header-table {
    height: 50px;
}

.new-body-table {
    height: 45px;
}

.new-header-text-table {
    font-size: 14px;
    font-family: Roboto;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #262626;
    padding-left: 10px !important;
    vertical-align: middle;
    padding-right: 5px;
}

.new-footer {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #262626;
}

.new-body-text-table {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #262626;
    vertical-align: middle;
}

.new-text-box-expense-bonus {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
    text-align: left;   
    color: #262626;
}

.background-size-20px {
    background-size: 20px;
    padding-left: 30px !important;
}

.mt-10{
    margin-top: 10px;
}

.new-body-submit-timesheet-table {
    height: 50px;    
}

.new-body-padding-top-submit-timesheet-table {
    padding-top: 10px;
}

.new-body-text-submit-timesheet-table {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #7f7f7f;
}

.margin-bottom--10 {
    margin-bottom: -10px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

input.new-body-text-submit-timesheet-table {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #7f7f7f;
}

.new-body-text-submit-timesheet-offline-table {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #7f7f7f;
}

.new-body-day-submit-timesheet-table {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
}

.left-right-button {
    margin: 25px 40px
}

input.new-text-box-date-table {
    width: 50px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #7f7f7f;
}

.display-line-maneger-table {
    display : table-cell;
}

input.new-text-box-date-table-w-60 {
    width: 60px !important;
}

.new-text-box-date-table {
    width: 35px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #7f7f7f;
}

.new-text-box-invoice-info {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #7f7f7f;
}

input[type=number].new-text-box-date-table::-webkit-inner-spin-button,
input[type=number].new-text-box-date-table::-webkit-outer-spin-button {
    -webkit-appearance: none;
    /*-moz-appearance: textfield;*/
}

input[type=number].new-body-text-submit-timesheet-table::-webkit-inner-spin-button,
input[type=number].new-body-text-submit-timesheet-table::-webkit-outer-spin-button {
    -webkit-appearance: none;
    /*-moz-appearance: textfield;*/
}

input.margin-left-text-box-date-table {
    margin-left: 20px;
}

input.margin-right-text-box-date-table {
    margin-right: 20px;
}

input.padding-PWD {
    margin-left: 75px;
}

input.padding-PWD-day-unit {
    margin-left: 7px;
}

input.padding-PWD-day-hours {
    margin-left: 7px;
}

.padding-015px {
    padding: 0 15px;
}

.divTable-submit-timesheet-weekly-monthly {
    border: 2px solid #BDC5D2;
    padding: 0 !important;
    margin-left: 15px;
    margin-right: 15px;
}

.divTable-submit-timesheet-weekly-monthly-border-cell,
.divTable-submit-timesheet-weekly-monthly-border-header {
    border: 1px solid #FFFFFF;
}

.divTable-submit-timesheet-weekly-monthly-border-fisrt {
    border-left: none;
    border-top: none;
}

.divTable-submit-timesheet-weekly-monthly-border-center {
    border-top: none;
}

.divTable-submit-timesheet-weekly-monthly-border-last {
    border-right: none;
    border-top: none;
}

input.submit-timesheet-weekly-monthly-margin-top-cell,
select.submit-timesheet-weekly-monthly-margin-top-cell,
textarea.submit-timesheet-weekly-monthly-margin-top-cell {
    margin-top: 5px;
    padding: 0;
    height: 34px;
}

.divTable-weekly-monthly-date {
    width: 127px !important;
}

.divTable-weekly-monthly-rate {
    width: 230px !important;
}

.divTable-weekly-monthly-time {
    width: 92px !important;
}

.divTable-weekly-monthly-hours {
    width: 92px !important;
}

.divTable-weekly-monthly-po {
    width: 278px !important;
}

.divTable-weekly-monthly-description {
    width: 260px !important;
}

.padding-left-date {
    padding-left: 30px !important;
    text-align: left !important;
}


input.placehoder-submit-timesheet-weekly::placeholder,
textarea.placehoder-submit-timesheet-weekly::placeholder {
    color: transparent;
}

    input.placehoder-submit-timesheet-weekly:-ms-input-placeholder,
    textarea.placehoder-submit-timesheet-weekly:-ms-input-placeholder {
        color: transparent;
    }


    select.placehoder-submit-timesheet-weekly-po.empty > option,
    select.placehoder-submit-timesheet-weekly-select.empty > option {
        color: #7f7f7f;
    }


div.UKWTable {
    border: 2px solid #BDC5D2;
    width: 100%;
    min-width: auto;
    text-align: center;
    border-collapse: collapse;
    max-width: 100%;
    margin: 0 0 10px;
}

.divTable.UKWTable .divTableCell, .divTable.UKWTable .divTableHead {
    border: 1px solid #FFFFFF;
    padding: 3px 5px;
}

.divTable.UKWTable .divTableBody div.divTableCell {
    font-size: 14px;
}

.divTable.UKWTable .divTableRow:nth-child(even) {
    background: #EEEEEE;
}

.divTable.UKWTable .divTableHeading {
    background: #D3D3D3;
}

    .divTable.UKWTable .divTableHeading .divTableHead {
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        text-align: left;
        vertical-align: middle;
    }

.UKWTable .tableFootStyle {
    font-size: 14px;
}
/*DivTable*/
.divTable {
    display: table;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
}

.divTableHeading {
    display: table-header-group;
}

.divTableFoot {
    display: table-footer-group;
}

.divTableBody {
    display: table-row-group;
}

.divTableDate {
    text-align: left;
    vertical-align: middle;
    padding-left: 10px !important;
}

.font-size-12px {
    font-size: 12px;
}

.font-size-12px-list-timesheet {
    font-size: 12px !important;
}

.padding-left-5px{
    padding-left: 5px !important;
}

.divTableDayLablel {
    width: 110px !important;
}

.divTableStartLabel {
    width: 140px !important;
}

.divTableBreakLabel {
    width: 100px !important;
}

.divTableFinishLabel {
    width: 145px !important;
}

.divTableDayUnitsLabel {
    width: 100px !important;
}

.divTablePWSTHoursLabel {
    width: 100px !important;
}

.divTableProfessionalWorkingDayLabel {
    width: 200px !important;
}

.divTableShiftLabel {
    width: 100px !important;
}

.divTableOnCallLabel {
    width: 100px !important;
}

.divTableCallOutLabel {
    width: 100px !important;
}

.divTableCallOutHoursLabel {
    width: 100px !important;
}

.divTablePagerLabel {
    width: 100px !important;
}

.divTableAllowanceLabel {
    width: 100px !important;
}

input.new-text-box-date-start-finish-table {
    width: 35px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #7f7f7f;
}

.font-size-14px {
    font-size: 14px;
}

input[type=number].new-text-box-date-start-finish-table::-webkit-inner-spin-button,
input[type=number].new-text-box-date-start-finish-table::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

 input [type=text].margin-top-input {
    margin-top: 7px;
}

input[type=text].margin-top-input-call-out {
    margin-top: 7px;
}


.new-img-logo {
    width: 118px;
    height: 71px;
    object-fit: contain;
    margin-top: 34px;
}

.margin-left-right-5px {
    margin : 0 5px;
}

@media only screen and (min-width: 768px)
{
    .new-row {
        width: 1113px;
        min-width: 768px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .w-100-mobile {
        width: 100% !important;
    }

    .padding-po-mobile {
        padding : 0 !important;
    }
}

@media only screen and (max-width: 768px) {
    .p-0-mobile {
        padding : 0 !important;
    }

    .margin-top-10px-mobile {
        margin-top: 10px !important;
    }

    .outline_span.width-50-mobile {
        width: 50% !important;
    }

    .width-49-mobile {
        width: 49% !important;
    }
}

.new-button-list-reference-values {
    color: #fff;
}

/* -----------------------------------------
   Style for Browse form
----------------------------------------- */

#FileUpload {
    position: relative;
}

#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: url(/Content/stylesheets/../images/button-browse.jpg) 100% 0px no-repeat;
    width: 100%;
}

#FileField {
    width: 86%;
    height: 32px;
    margin-right: 10px;
    font-size: 16px;
    border: solid 1px #CCCCCC;
    float: left;
}

#BrowserHidden {
    position: relative;
    width: 100%;
    height: 32px;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.browse {
    background: none repeat scroll 0 0 #E9E9E9;
    border: 1px solid #C3C3C3;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #1D1D1D;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease-in-out 0s;
    width: auto;
}

div.fileinputs {
    position: relative;
}

div.fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
}

.fakefile input[type=text] {
    float: left;
    width: 80%;
    margin-right: 10px;
}

input.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    height: 32px;
    width: 100%;
}


/* ------------ FOR FORM ON POP UP */

.popup_form #FileField {
    width: 79% !important;
}


/* -----------------------------------------
   Dialog link color
----------------------------------------- */

#dialog a {
    color: #C60F13;
}

#dialog a:hover {
    color: #AE0D11;
}

.hover-td tr {
    cursor: pointer;
}


/* -----------------------------------------
   table for UC015
----------------------------------------- */

.form-inline span {
    float: left;
    margin-top: 7px
}

.form-inline input[type='text'] {
    float: left;
    margin: 0 5px 0 10px;
    width: 120px;
}


/* -----------------------------------------
   Page Name 2
----------------------------------------- */

@media only screen and (max-width: 767px) {
    h2 {
        font-size: 1.5em;
    }
    .label-inline span.label-inline-2col {
        float: right;
    }
}


/* -----------------------------------------
   INPUT with SMALL WIDTH
----------------------------------------- */

input[type=text].input_1 {
    width: 50px;
}


/* -----------------------------------------
   FIX SINGLE/DOUBLE SPACE
----------------------------------------- */

.logo_fix {
    width: 25%;
    float: left;
    min-height: 1px;
    padding: 0 0px 0 15px;
    position: relative;
}

.fix-space-1 {
    margin-bottom: 0px!important;
}

.fix-space-2 {
    margin-bottom: 10px!important;
}

.fix-space-3 {
    padding-bottom: 0;
}

.fix-space-4 {
    margin-top: 0 !important;
}

.inline-checkbox {
    min-width: 120px;
    max-width: 150px;
}


/* -----------------------------------------
   TABS
----------------------------------------- */

.simple_tabs {
    list-style: none;
    border-bottom: solid 1px #e6e6e6;
    display: block;
    height: 40px;
    padding: 0;
}

.simple_tabs.contained {
    margin-bottom: 0;
    margin-left: 0;
}

.simple_tabs dt {
    color: #b3b3b3;
    cursor: default;
    display: block;
    float: left;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-right: 9px;
    padding-left: 20px;
    font-weight: normal;
    width: auto;
    text-transform: uppercase;
}

.simple_tabs dt:first-child {
    padding: 0;
    padding-right: 9px
}

.simple_tabs dd {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    border-bottom: solid 1px #e6e6e6;
}

.simple_tabs dd a {
    color: #6f6f6f;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0px 23.8px
}

.simple_tabs dd a:focus {
    font-weight: bold;
    color: #c60f13
}

.simple_tabs dd.active {
    border-top: 3px solid #c60f13;
    margin-top: -3px;
}

.simple_tabs dd.active a {
    cursor: default;
    color: #3c3c3c;
    background: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-weight: bold;
    background-color: #f2f2f2
}

.simple_tabs dd:first-child {
    margin-left: 0;
}


/* -----------------------------------------
   TABS
----------------------------------------- */


.w-90 {
    width: 90px !important;
}

.w-110 {
    width: 110px !important;
}

.w-110-adjustment {
    width: 110px !important;
}

.w-115 {
    width: 115px !important;
}

.w-140 {
    width: 140px !important;
}

.w-150 {
    width: 150px !important;
}

.w-350 {
    width: 350px !important;
}

.w-250 {
    width: 250px !important;
}

.w-100px {
    width: 100px !important;
}

.w-140 {
    width: 140px !important;
}

.w-145 {
    width: 145px !important;
}

.w-200 {
    width: 200px !important;
}

.browseFile {
    width: 88% !important;
}

.center {
    text-align: center;
}

.darkblue {
    color: #005574;
}

.orange {
    color: #FF7200;
}

.bold {
    font-weight: bold;
}

.outline_span {
    width: auto !important;
    max-width: 250px !important;
}

.ver_middle {
    margin-top: 10px;
}

#BrowserVisible {
    background: none;
}

#FileField {
    width: 106%;
}

.ver_align_mid {
    vertical-align: middle;
}


/* -----------------------------------------
   BROWSE INPUT FILE
----------------------------------------- */

input.browserhidden {
    width: 82px;
    float: right;
    cursor: pointer;
    height: 32px;
    text-align: right;
    filter: alpha(opacity: 0);
    position: relative;
    z-index: 2;
    opacity: 0;
}

.hidePopup {
    display: none;
}

.exportStatus {
    color: #090BA0 !important;
}

.exportStatus a {
    color: #0D5495 !important;
}

.orange {
    color: #FF7200 !important;
}

.red {
    color: #FF0000 !important;
}


/*#BrowserHidden{cursor:pointer; width: 82px; float:right;}
input.file{float: right; width: 82px;}
.fakefile input[type="text"]{width: 86%;}
.green, .green:hover{color:green;}
.red{color:#FF0000 !important;}
.exportStatus{color: #0D5495;}
.purple, .purple:hover{color:#bd5aff;}
.grey, .grey:hover{color: #4D4D4D;}
.f13{font-size: 13px !important;}
.leftalign{float:left !important;}*/
.fake-readonly-input {
    width: 100%;
    height: 32px;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    padding: 9px 6px;
    margin-bottom: 12px;
    padding-left: 6px;
}

.hide_btn,
.expand_btn {
    background: url(/Content/stylesheets/../images/moreArr.png) no-repeat 0 0 transparent;
    width: 28px;
    height: 10px;
    display: inline-block;
}

.hide_btn {
    background: url(/Content/stylesheets/../images/lessArr.png) no-repeat 0 0 transparent;
}

.txtAlignR {
    text-align: right;
}

.mt-n5 {
    margin-top: -5px;
}

.mt-n2 {
    margin-top: -2px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ml-10 {
    margin-left: 10px;
}

@media only screen and (min-width: 768px){
    .left-md {
        float: left !important;
    }

    .fluid-offset-150-md {
        width: calc(100% - 150px);
    }

    .fluid-offset-140-md {
        width: calc(100% - 140px);
    }

    .fluid-offset-90-md {
        width: calc(100% - 90px);
    }
} 

.home-container {
    height: calc(100vh - 70px);
    margin-top: -10px;
    background-image: url(/Content/stylesheets/../images/background-pc.jpg);
    background-size: cover;
}

.home-container-left {
    justify-content: center;
    height: 100%;
    padding: 7.46vw 7vw 7.46vw 10vw;
}

.home-container-left h1 {
    font-size: 5.5rem;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
}

@media (max-width: 1400px) {
    .home-container-left h1 span {
        font-size: 4.8rem;
    }
}

@media (max-width: 1250px) {
    .home-container-left h1 span {
        font-size: 4rem;
    }
}

.home-container-left h2 {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
}

.home-container-left h1 span {
    color: #FFFFFF;
}

.home-container-left p {
    /*margin-top: 26px;*/
    font-size: 1.125rem;
    color: #fff;
}

.homepage footer {
    background: none;
    margin-top: -43px !important;
}

.homepage footer p {
    color: #FFFFFF;
    font-size: 13px;
}

.home-container-center-md {
    height: 100%;
    background: url(/Content/stylesheets/../images/background-mobile.jpg) no-repeat center;
    background-size: cover;
}

.content-wrapper.homepage-content {
    padding-bottom: 0;
}
@media (min-width: 319px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 576px) {
    html {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 16px;
    }
}

.logon-brands-panel {
    width: 100%;
}

.top-panel {
    margin-top: 2px;
    padding: 12px 24px;
    background-color: #f5f5f5;
    border: solid 1px #bdc5d2;
    margin-bottom: 12px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #262626;
}



    .top-panel h1 {
        font-size: 30px;
        font-weight: bold;
        line-height: 1.33;
        margin: 0 0 1.25rem 0;
    }

    .top-panel span {
        font-size: 14px;
        font-weight: 300;
        line-height: 1.57;
        text-align: left;
        margin-bottom: 5px;
    }

    .top-panel label {
        font-size: 14px;
        margin: 0;
    }

.flex-fixed-width-9rem375 {
    flex: 0 0 9.375rem;
}

.flex-fixed-width-8rem75 {
    flex: 0 0 8.75rem;
}

.flex-fixed-width-5rem625 {
    flex: 0 0 5.625rem;
}

.bottom-panel {
    margin: 0 auto 12px auto;
    background-color: #f5f5f5;
    border: solid 1px #bdc5d2;
}

.color-lipstick {
    color: #cc2337;
}

.toggle-link-blue {
    font-size: 14px;
    line-height: 1.57;
    color: #0f59ff;
}

    .toggle-link-blue:hover {
        color: #003dcc;
    }

a.button-link-grey {
    font-size: 14px;
    line-height: 1.57;
    font-weight: 300;
    color: #262626;
    margin-right: 12.5px;
}

a.button-link-grey:not(:first-child)::before {
    content: "|";
    margin-right: 12.5px;
}

.button-primary {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 0.86;
    text-align: center;
    color: #ffffff;
    background-color: #cc2337;
    border: 1px solid #cc2337;
    padding: 1.1875rem 2.5625rem 1.0625rem 2.5625rem;
    border-radius: 0.25rem;
    margin-right: 0.625rem;
    cursor: pointer;
    box-shadow: none;
}

.button-secondary {
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 0.86;
    text-align: center;
    color: #5c616b;
    background-color: #f5f5f5;
    border: 1px solid #b2b2b2;
    padding: 1.1875rem 2.25rem 1.0625rem 2.25rem;
    border-radius: 0.25rem;
    min-width: 120px;
    margin-right: 0.625rem;
    cursor: pointer;
}

.button-lookup, a.button-lookup:not([href]) {
    padding: 7px 12px;
    font-weight: 900;
    color: #5c616b;
    background-color: #bdc5d2;
    border-radius: 3px;
    margin-left: 20px;
}

/*Spacing area:*/

.mt-12px {
    margin-top: 12px;
}

.mt-5px {
    margin-top: 5px !important;
}

.mb-5px {
    margin-bottom: 5px !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}

.mb-15px {
    margin-bottom: 15px !important;
}

.pl-10px {
    padding-left: 10px;
}

.margin-bottom-5px {
    margin-bottom: 5px;
}

.main-menu {
    font-family: 'Roboto';
    font-weight: 400;
    margin-bottom: 10px;
}

.remittance-advice-list label,
.remittance-advice-list a,
.remittance-advice-list span {
    font-size: 14px;
}

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

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

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


div.divTable.submit-offline-monthly-weekly {
    display: table;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border: 2px solid #BDC5D2;
    border-spacing: 2px;
    margin-bottom: 10px;
}

.divTable.submit-offline-monthly-weekly .divTableCell, .divTable .divTableHead {
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid #FFFFFF;
    display: table-cell;
    vertical-align: inherit;
}

.divTable.submit-offline-monthly-weekly .divTableBody .divTableCell,
.divTable.submit-offline-monthly-weekly .divTableBody .divTableCell .cell-content {
    font-size: 14px;
}

.divTable.submit-offline-monthly-weekly .divTableRow:nth-child(even) {
    background-color: #eeeeee;
}

.divTable.submit-offline-monthly-weekly .divTableRow.highlight .divTableCell {
    color: red;
}

.divTable.submit-offline-monthly-weekly .divTableHeading {
    background-color: #D3D3D3;
    display: table-header-group;
    vertical-align: middle;
}

.divTable.submit-offline-monthly-weekly .divTableRow {
    display: table-row;
    vertical-align: inherit;
}

.divTable.submit-offline-monthly-weekly .divTableBody {
    display: table-row-group;
    vertical-align: middle;
}

.submit-offline-monthly-weekly .header-rate-name {
    min-width: 10%;
}

.submit-offline-monthly-weekly .header-po-number {
    width: 9%;
}

.submit-offline-monthly-weekly .header-po-effective-from {
    width: 8.5%;
}

.submit-offline-monthly-weekly .header-po-effective-to {
    width: 8.5%;
}

.submit-offline-monthly-weekly .header-pay-money {
    width: 7.5%;
}

.submit-offline-monthly-weekly .header-charge-money {
    width: 8%;
}

.submit-offline-monthly-weekly .header-margin-money {
    width: 8%;
}

.submit-offline-monthly-weekly .header-margin-percentage {
    width: 8%;
}

.submit-offline-monthly-weekly .header-effective-from {
    width: 8.5%;
}

.submit-offline-monthly-weekly .header-effective-to {
    width: 8.5%;
}

.submit-offline-monthly-weekly .header-time {
    width: 5%;
}

.submit-offline-monthly-weekly .header-unit {
    width: 5%;
}

.submit-offline-monthly-weekly .header-hours {
    width: 5%;
}

.table-auto {
    table-layout:auto;
}

.nowrap-custom-pc {
    white-space: nowrap;
}

.submit-offline-monthly-weekly .divTableBody .divTableRow .cell-time,
.submit-offline-monthly-weekly .divTableBody .divTableRow .cell-hours {
    padding-left: 5px;
}

button.ui-dialog-titlebar-close:empty {
    background: #eeeeee url(/Content/stylesheets/custom-theme/images/ui-icons_cc0000_256x240.png);
    background-position: -95px -128px;
    border: 1px solid #d8dcdf;
}

table.new-layout-table {
    border-collapse: collapse;
    border: 2px solid #BDC5D2;
    width: 100%;
}

table.new-layout-table > thead > tr {
    height: 50px;
}

table.new-layout-table > tbody > tr {
    height: 45px;
}

table.new-layout-table th,
table.new-layout-table td {
    border: 1px solid #ffffff;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 14px;
    font-family: Roboto;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
}

table.new-layout-table td label,
table.new-layout-table td a,
table.new-layout-table td span {
    font-size: 14px;
    margin: 0;
}


table.new-layout-table th {
    font-weight: bold;
}

table.new-layout-table tr:first-child th {
    border-top: 0;
}

table.new-layout-table tr td:last-child,
table.new-layout-table tr th:last-child {
    border-right: 0;
}

table.new-layout-table tr:last-child td {
    border-bottom: 0;
}

table.new-layout-table tr td:first-child,
table.new-layout-table tr th:first-child {
    border-left: 0;
}

.pagging-total-items {
    font-size: 14px;
    padding-top: 5px;
}

.login-page {
    height: 100%;
}

.login-content-wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .login-content-wrapper {
        height: 100vh;
    }}

.login-page-content {
    background-image: url(/Content/stylesheets/../images/background-pc.jpg);
    background-size: cover;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 1em;
}

.login-page-content .login-container-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 5% 20px 5%;
    width: 100%;
    flex-grow: 1;
}

.login-page-content .login-container-main h1,
.login-page-content .login-container-main h2,
.login-page-content .login-container-main h3,
.login-page-content .login-container-main label,
.login-page-content .login-container-main span,
.login-page-content .login-container-main p {
    color: #ffffff;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.login-page-content .login-container-main h1 {
    margin: 5px 0;
    text-align: center;
}

.login-page-content .login-container-main .login-banner h1 {
    font-size: 37px;
    display: inline;
}

.login-page-content .login-container-main .login-banner h1.font-larger {
    font-size: 50px;
    display: inline;
}

.login-page-content .login-container-main .login-banner p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login-page-content .login-container-main .forgot-pw-form,
.login-page-content .login-container-main .login-form {
    align-self: flex-start;
    width: 450px;
    max-width: 90%;
    margin-left: 15%;
    margin-top: 5%;
}

.login-page-content .login-container-main .forgot-pw-form-latest-news {
    margin-top: 6.5%;
}

.login-page-content .login-container-main .login-form.login-form-bottom,
.login-page-content .login-container-main .forgot-pw-form.forgot-pw-form-bottom {
    margin-top: 1%;
    margin-bottom: 0;
}

.login-page-content .login-form.login-form-bottom h2 {
    margin-bottom: 30px;
    text-align: center;
}

.login-page-content label,
.login-page-content span {
    font-size: 15px;
}

.login-page-content .field-validation-error,
.login-page-content .field-validation-error span {
    font-size: 12px;
}

.login-page-content p {
    font-size: 14px;
}

.login-page-content a[href] {
    font-size: 14px;
    color: #A40000 !important;
}

.login-page-content label {
    color: #FFFFFF;
}

.login-page-content .text-red {
    color: #A40000 !important;
}

.login-page-content input {
    height: 40px;
    border: solid 2px #7F7F7F;
    border-radius: 5px;
    background-color: #D9D9D9;
}

.login-page-content input[type=button],
.login-page-content input[type=submit] {
    color: #A40000;
    font-size: 17px;
    font-weight: bold;
    min-width: 100px;
}

.login-page-content input[type=button]:hover,
.login-page-content input[type=button]:focus,
.login-page-content input[type=submit]:hover,
.login-page-content input[type=submit]:focus {
    background-color: #bfbfbf;
}

.login-page-content .login-container-main .login-info {
    align-self: center;
    margin-top: auto;
    margin-bottom: 0;
    max-width: 100%;
}

.login-page-content .login-container-main .news-panel {
    align-self: flex-start;
    margin-top: 1%;
    margin-left: 15%;
    max-width: 60%;
}

.login-page-content .login-container-main .news-panel p {
    text-align: justify;
}

.login-page-content .logon-brands-panel {
    display: flex;
    flex-direction: column-reverse;
    background-color: #FFFFFF;
    border: 2px solid #7F7F7F;
    border-radius: 5px;
}

.login-page-content .logon-brands-panel .company-logo:nth-child(n+9) {
    display: none !important;
}

.login-page-content .logon-brands-panel .company-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 15px 25px;
    width: auto;
    height: 90px;
}

.login-page-content .logon-brands-panel .company-logo img {
    width: auto;
    height: 100%;
    max-width: none;
}

.login-page footer {
    background: none;
    margin-top: 0 !important;
}

.login-page footer p {
    color: #FFFFFF;
    font-size: 13px;
}

a.reset-decoration:hover {
    text-decoration: underline !important;
}

.underline-text {
    text-decoration: underline !important;
}

.login-page-content .login-container-main .forgot-pw-form {
    margin-left: 15%;
    margin-top: 10.5%;
}

.login-page .dialogHelp .button-close {
    margin-left: 0 !important;
}

@media (max-width: 991px) {
    .main-menu .container {
        max-width: none;
    }

    button.navbar-toggler {
        border: none;
        height: 100%;
        padding: 0;
    }

    .navbar {
        height: 50px;
        padding: 0 20px 0 21px;
        z-index: 5;
    }

    .navbar-nav {
        background: #262626;
        height: calc(100vh - 50px);
        height: calc(var(--window-inner-height, 100vh) - 50px);
        min-height: 325px;
        width: 170px;
        max-width: 170px;
        position: absolute;
        border-top: 1px solid #262626;
        top: 50px;
        left: 0;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link {
        font-size: 14px;
        color: #bdc5d2;
        justify-content: flex-start;
    }

    .navbar-dark .nav-item .nav-link {
        padding: .5rem 1rem;
    }

    .nav-item {
        display: flex;
        width: 100%;
        max-width: none;
        height: 50px;
    }

        .nav-item > a.nav-link:focus {
            outline: none;
        }

        .nav-item a {
            width: auto;
            height: auto;
        }

        .nav-item.active {
            background-image: none;
        }

    li.nav-item.nav-item-menu {
        position: absolute;
        bottom: 15px;
    }

    .dropdown:hover > .dropdown-menu {
        display: none;
    }

    .dropdown .dropdown-menu.show {
        display: block;
    }

    li.dropdown-item.dropdown-submenu.secondary-dropdown:hover > ul.dropdown-menu {
        display: none;
    }

    .content-wrapper {
        padding-bottom: 52px;
    }

    .content-wrapper.homepage-content {
        min-height: 325px;
    }

    .home-container {
        height: calc(100vh - 50px);
        height: calc(var(--window-inner-height, 100vh) - 50px);
        min-height: 325px;
        margin-top: 0;
        margin-bottom: -52px;
    }

    .width-datetimepicker {
        width: 100% !important;
    }

    .row .row.w-full {
        width: 100% !important;
    }

    .width-198 {
        width: auto !important;
    }

    .home-container-center-text {
        width: 100%;
    }

        .home-container-center-text h2 {
            color: #ffffff;
            font-size: 30px;
            margin-top: 42px;
            font-weight: normal
        }

        .home-container-center-text h1 {
            color: #ffffff;
        }

    .nav-item-username {
        width: auto;
        position: absolute;
        right: 0;
        top: 0;
    }

        .nav-item-username span.username {
            width: auto;
            max-width: 220px;
        }

    ul.dropdown-menu.nav-bar-dropdown-menu-link-user {
        width: 100vw;
    }

    .nav-bar-dropdown-menu-link-user li.dropdown-item,
    .nav-bar-dropdown-menu-link-user li.dropdown-item a.menu-none-click {
        width: 100%;
        max-width: none;
    }

    .main-menu {
        margin-bottom: 0;
    }

    .top-panel {
        margin-top: 0;
        padding: 12px 20px;
    }

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

    .table-scroll-new-layout {
        overflow-x:scroll;
        table-layout:auto;
    }

    .nav-bar-dropdown-menu-link-user li.dropdown-item a {
        padding-left: 20px;
    }

    .intermediate-menu {
        background-color: #f5f5f5;
        top: 0;
        width: 100vw;
        min-height: 100vh;
        position: absolute;
        z-index: 6;
    }

    .intermediate-menu-navbar {
        background-color: #cc2337;
        height: 55px;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .intermediate-menu-navbar a.navbar-back {
            width: 22.2px;
            height: 100%;
            margin-left: 21px;
            margin-right: 20px;
            content: "";
            background: no-repeat center center;
            background-size: 100% 100%;
        }

    .hide-for-small {
        width: 100%;
    }

    .intermediate-menu-navbar a.navbar-back-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.194' height='15.606' viewBox='0 0 22.194 15.606'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23fff%7D %3C/style%3E%3C/defs%3E%3Cpath id='right-arrow' d='M7.249 4.909a.787.787 0 0 1 1.118 1.107L2.7 11.687h18.711a.779.779 0 0 1 .783.784.788.788 0 0 1-.783.794H2.7l5.672 5.661a.8.8 0 0 1 0 1.119.784.784 0 0 1-1.119 0L.235 13.031a.77.77 0 0 1 0-1.107z' class='cls-1' transform='translate(0 -4.674)'/%3E%3C/svg%3E%0A");
    }

    .intermediate-menu-navbar span.intermediate-menu-header {
        font-size: 20px;
        line-height: 1.5;
        color: #ffffff;
    }

    .intermediate-menu ul {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .intermediate-menu > ul > li {
        width: 335px;
        max-width: 335px;
        height: 75px;
        border-radius: 10px;
        border: solid 1.5px #bdc5d2;
        background-color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 12px;
    }

        .intermediate-menu > ul > li > a {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .content-wrapper nav.navbar {
        display: none;
    }

    .content-wrapper.homepage-content nav.navbar {
        display: block;
    }

    .content-wrapper div.mobile-navbar {
        display: block;
    }

    .content-wrapper.homepage-content div.mobile-navbar {
        display: none;
    }

    

    footer {
        height: 29px;
        margin-top: -52px !important;
        background-color: transparent;
    }

        footer p {
            padding-left: 20px;
            padding-right: 20px;
            font-size: 10px;
        }

    .footer-separator {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 7px;
        width: 100%;
        border: 1px solid #b2b2b2;
    }

    .menu-icon {
        margin-left: 21px;
        margin-right: 12px;
        display: inline-flex;
        width: 18px;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 44 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23e9ecef' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M0,1 h44M0,15h44M0,29h34'/%3E%3C/svg%3E")
    }

    .menu-icon-administration {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='admin-with-cogwheels' width='16.165' height='17.161' viewBox='0 0 16.165 17.161'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23bdc5d2%7D %3C/style%3E%3C/defs%3E%3Cpath id='Path_154' d='M232.588 93.125c-.022-.409-.44-.34-.848-.34a3.614 3.614 0 0 1 .848.34z' class='cls-1' data-name='Path 154' transform='translate(-223.857 -89.426)'/%3E%3Cpath id='Path_155' d='M89.4 73.928a1.69 1.69 0 0 0-1.047 3.015 3.658 3.658 0 0 1 2.419-2.308 1.691 1.691 0 0 0-1.372-.707z' class='cls-1' data-name='Path 155' transform='translate(-85.036 -71.255)'/%3E%3Cpath id='Path_156' d='M14.859 5.374a3.515 3.515 0 0 0 .248.594l-.521.521a.359.359 0 0 0 0 .507l.918.918a.36.36 0 0 0 .507 0l.52-.521c.078.041.165.067.245.1v-.018a5.339 5.339 0 0 1 .136-1.2A2.264 2.264 0 1 1 20.1 3.258a3.948 3.948 0 0 1 1.28.042 3.417 3.417 0 0 0-.221-.531l.521-.521a.357.357 0 0 0 0-.507L20.762.82a.357.357 0 0 0-.506 0l-.522.521a3.354 3.354 0 0 0-.595-.247V.358A.357.357 0 0 0 18.782 0h-1.3a.359.359 0 0 0-.358.358v.736a3.39 3.39 0 0 0-.595.247L16.011.82a.358.358 0 0 0-.507 0l-.918.917a.36.36 0 0 0 0 .507l.521.521a3.427 3.427 0 0 0-.247.594h-.736a.358.358 0 0 0-.358.359v1.3a.358.358 0 0 0 .358.358z' class='cls-1' data-name='Path 156' transform='translate(-13.766)'/%3E%3Cpath id='Path_157' d='M284.329 248.25a1.844 1.844 0 1 0-1.858-3.182 6.666 6.666 0 0 1-.788 1.888 5.543 5.543 0 0 1 2.646 1.294z' class='cls-1' data-name='Path 157' transform='translate(-271.994 -235.931)'/%3E%3Cpath id='Path_158' d='M310.027 169.664a.387.387 0 0 0-.386-.387h-.794a3.667 3.667 0 0 0-.267-.642l.562-.562a.386.386 0 0 0 0-.547l-.989-.99a.386.386 0 0 0-.546 0l-.563.562a3.611 3.611 0 0 0-.642-.266v-.794a.386.386 0 0 0-.386-.386h-1.4a.381.381 0 0 0-.244.093 5.264 5.264 0 0 1 .182 1.394 6.7 6.7 0 0 1-.071.955 2.393 2.393 0 0 1 .832-.156 2.422 2.422 0 0 1 1.31 4.461 5.53 5.53 0 0 1 1.127 1.879.4.4 0 0 0 .128.025.386.386 0 0 0 .273-.113l.99-.99a.389.389 0 0 0 0-.547l-.563-.562a3.651 3.651 0 0 0 .267-.642h.794a.387.387 0 0 0 .387-.387z' class='cls-1' data-name='Path 158' transform='translate(-293.863 -159.662)'/%3E%3Cpath id='Path_159' d='M32.695 330.035a4.678 4.678 0 0 0-4.018-3.147 2.877 2.877 0 0 1-4.464 0 4.678 4.678 0 0 0-4.019 3.147l-.332.977a.921.921 0 0 0 .872 1.216h11.421a.92.92 0 0 0 .872-1.216z' class='cls-1' data-name='Path 159' transform='translate(-19.595 -315.068)'/%3E%3Cpath id='Path_160' d='M120.842 115.9c0 2.191 1.334 4.542 2.978 4.542s2.978-2.351 2.978-4.542c.002-4.539-5.956-4.548-5.956 0z' class='cls-1' data-name='Path 160' transform='translate(-116.97 -108.425)'/%3E%3C/svg%3E%0A");
    }

    .menu-icon-contract {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='phone-book' width='18.016' height='18.016' viewBox='0 0 18.016 18.016'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23bdc5d2%7D %3C/style%3E%3C/defs%3E%3Cg id='Group_37' data-name='Group 37'%3E%3Cg id='Group_36' data-name='Group 36'%3E%3Cpath id='Path_165' d='M121.215 104.724c1.15 0 1.424-.938 1.424-1.724a1.424 1.424 0 0 0-2.849 0c0 .786.378 1.724 1.425 1.724z' class='cls-1' data-name='Path 165' transform='translate(-112.596 -95.475)'/%3E%3Cpath id='Path_166' d='M109.38 157.3h-.4c-.781 0-1.952.715-1.952 1.6s-.265 1.6.516 1.6h3.269c.781 0 .516-.716.516-1.6s-1.168-1.6-1.949-1.6z' class='cls-1' data-name='Path 166' transform='translate(-100.564 -147.854)'/%3E%3Cpath id='Path_167' d='M9.008 0a9.008 9.008 0 1 0 9.008 9.008A9.008 9.008 0 0 0 9.008 0zm3.661 13.04v.623a.623.623 0 0 1-.623.623H5.815a1.246 1.246 0 0 1-1.246-1.246V5.2a1.246 1.246 0 0 1 1.246-1.245h6.23a.623.623 0 0 1 .623.623v8.462zm1.245-7.84v8.463a.623.623 0 0 1-.623.623h-.169a1.237 1.237 0 0 0 .169-.623V4.578a1.237 1.237 0 0 0-.169-.623h.169a.623.623 0 0 1 .623.623z' class='cls-1' data-name='Path 167' transform='translate(0 -.001)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .menu-icon-finance {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='bank-building' width='16.165' height='16.157' viewBox='0 0 16.165 16.157'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23bdc5d2%7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1_78_'%3E%3Cg id='Group_34' data-name='Group 34'%3E%3Cpath id='Path_161' d='M15.423 42.718H.735a.735.735 0 0 0 0 1.469h14.688a.735.735 0 0 0 0-1.469z' class='cls-1' data-name='Path 161' transform='translate(0 -28.03)'/%3E%3Cpath id='Path_162' d='M3.4 23.155a.735.735 0 0 0 0 1.47h12.856a.735.735 0 0 0 0-1.47h-.183v-6.61h.183a.367.367 0 1 0 0-.734H3.4a.367.367 0 0 0 0 .734h.184v6.61H3.4zm11.2-6.61v6.61h-2.2v-6.61zm-3.672 0v6.61h-2.2v-6.61zm-5.875 0h2.2v6.61h-2.2z' class='cls-1' data-name='Path 162' transform='translate(-1.751 -10.377)'/%3E%3Cpath id='Path_163' d='M.735 4.785h14.7a.735.735 0 0 0 .238-1.43L8.381.076a.736.736 0 0 0-.6 0L.433 3.381a.734.734 0 0 0 .3 1.4z' class='cls-1' data-name='Path 163' transform='translate(0 -.012)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .menu-icon-profile {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='user_copy' width='11.715' height='13.937' data-name='user copy' viewBox='0 0 15 18.945'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23bdc5d2%7D %3C/style%3E%3C/defs%3E%3Cellipse id='Ellipse_155' cx='3.232' cy='3.232' class='cls-1' data-name='Ellipse 155' rx='3.232' ry='3.232' transform='translate(2.626)'/%3E%3Cpath id='Path_168' d='M26.482 150a5.857 5.857 0 0 0-5.857 5.857H32.34A5.857 5.857 0 0 0 26.482 150z' class='cls-1' data-name='Path 168' transform='translate(-20.625 -141.921)'/%3E%3C/svg%3E%0A");
    }

    .menu-icon-reports {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='newspaper' width='14.215' height='14.215' viewBox='0 0 14.215 14.215'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23bdc5d2%7D %3C/style%3E%3C/defs%3E%3Cg id='Group_35' data-name='Group 35'%3E%3Cpath id='Path_164' d='M13.707 3.554h-2.538V.508A.508.508 0 0 0 10.661 0H.508A.508.508 0 0 0 0 .508v11.676a2.031 2.031 0 0 0 2.031 2.031h10.153a2.031 2.031 0 0 0 2.031-2.031V4.061a.508.508 0 0 0-.508-.507zM4.061 2.538h3.046a.508.508 0 1 1 0 1.015H4.061a.508.508 0 1 1 0-1.015zm4.569 9.646H2.538a.508.508 0 1 1 0-1.015H8.63a.508.508 0 0 1 0 1.015zm0-2.031H2.538a.508.508 0 1 1 0-1.015H8.63a.508.508 0 0 1 0 1.015zm0-2.031H2.538a.508.508 0 1 1 0-1.015H8.63a.508.508 0 0 1 0 1.015zm0-2.031H2.538a.508.508 0 1 1 0-1.015H8.63a.508.508 0 0 1 0 1.015zm4.57 6.093a1.015 1.015 0 1 1-2.031 0V4.569H13.2v7.615z' class='cls-1' data-name='Path 164'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .menu-icon-logout {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cg stroke='null' fill='%23bdc5d2' transform='rotate(180 15,15) ' id='logoutLogo'%3E%3Cg stroke='null' id='svg_1'%3E%3Cpath stroke='null' id='svg_3' d='m28.478608,14.273143l-6.976527,-6.88473c-0.449808,-0.445221 -1.177271,-0.439446 -1.622492,0.011495s-0.440634,1.177271 0.011495,1.622492l4.985662,4.920255l-13.359803,0c-0.634534,0 -1.147428,0.512894 -1.147428,1.147428c0,0.634534 0.512894,1.147482 1.147428,1.147482l13.359803,0l-4.985662,4.920255c-0.452074,0.445221 -0.455528,1.171551 -0.011495,1.622492c0.224877,0.227197 0.520935,0.341929 0.816993,0.341929c0.291471,0 0.582888,-0.110145 0.805499,-0.330489l6.976527,-6.88473c0.218023,-0.215703 0.341929,-0.509494 0.341929,-0.816993c0,-0.307391 -0.122773,-0.599996 -0.341929,-0.816885z'/%3E%3C/g%3E%3Cg stroke='null' id='svg_2'%3E%3Cpath stroke='null' id='svg_4' d='m14.905368,26.564686l-10.327122,0c-0.633401,0 -1.147428,-0.514081 -1.147428,-1.147428l0,-20.654191c0,-0.633401 0.514081,-1.147428 1.147428,-1.147428l10.327122,0c0.634534,0 1.147428,-0.512894 1.147428,-1.147428s-0.512894,-1.147536 -1.147428,-1.147536l-10.327122,0c-1.897881,0 -3.442338,1.544511 -3.442338,3.442392l0,20.654137c0,1.897881 1.544457,3.442338 3.442338,3.442338l10.327122,0c0.634534,0 1.147428,-0.512894 1.147428,-1.147428c0,-0.634534 -0.512894,-1.147428 -1.147428,-1.147428z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    .font-size-submit-timesheet-weekly {
        font-size: 16px !important;
    }

    .new-header-text-table,
    .new-footer,
    .new-body-text-table,
    .new-body-text-submit-timesheet-table,
    input.new-body-text-submit-timesheet-table,
    .new-body-text-submit-timesheet-offline-table,
    .new-body-day-submit-timesheet-table,
    input[type=text].new-text-box-date-table,
    .new-text-box-date-table {
        font-size: 12px;
        color: #262626;
    }

    table.new-layout-table th,
    table.new-layout-table td,
    table.new-layout-table td a {
        font-size: 12px !important;
    }

    .nowrap-custom {
        white-space:nowrap;
    }

    .width-ts-no-list-timesheet {
        min-width : 60px;
    }

    .width-ending-date-list-timesheet {
        min-width: 85px;
    }

    .width-invoice-no-list-timesheet {
        min-width: 80px;
    }

    .width-submitted-date-list-timesheet {
        min-width: 85px;
    }

    .width-submitter-list-timesheet {
        min-width: 95px;
    }

    .width-approve-date-list-timesheet {
        min-width: 120px;
    }

    .width-allocated-date-list-timesheet {
        min-width: 90px;
    }

    .width-apprver-list-timesheet {
        min-width: 110px;
    }

    .width-status-list-timesheet {
        min-width: 70px;
    }

    .width-allocated-by-list-timesheet {
        min-width: 85px;
    }

    .width-paid-date-list-timesheet {
        min-width: 85px;
    }

    .width-cleared-date-list-timesheet {
        min-width: 85px;
    }

    .width-time-total-list-timesheet {
        min-width: 71px;
    }

    .width-last-modified-list-timesheet {
        min-width: 90px;
    }

    .width-attached-invoice-list-timesheet {
        min-width: 90px;
    }

    .width-reject-comment-list-timesheet {
        min-width: 110px;
    }

    .text-align-middle-list-timesheet-mobile {
        vertical-align: middle !important;
    }

    .display-line-maneger-table {
        display : none;
    }

    .padding-left-mobile-0px {
        padding-left: 0px !important;
    }

    .new-header-text-table-max-width {
        max-width : 50px;
    }

    .new-body-day-submit-timesheet-table.blue {
        color: blue;
    }

    .new-body-day-submit-timesheet-table.red {
        color:red;
    }

    .new-table-mobile-padding-0 {
        padding: 0 !important;
    }

    input.on-call-margin {
        margin-top: 10px;
    }

    .w-110-adjustment {
        width: 150px !important;
    }

    .m-w-approver-de-linemanager {
        width:100% !important;
        margin: 0 !important ;
    }

    input.margin-left-text-box-date-table {
        margin-left: 15px;
    }

    input.margin-right-text-box-date-table {
        margin-right: 15px;
    }

    input[type=text].new-text-box-date-start-finish-table {
        width: 32px;
    }

    div.UKWTable {
        display: flex;
        border: none;
    }

    .divTableRow {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        background: none !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .divTable.UKWTable .divTableCell {
        background: #ffffff;
        padding: 0px;
        height: 86px;
    }

    .header-mobile {
        background-color: #d3d3d3;
        height: 32px;
    }

    .divTableStartLabel {
        width: 33.33% !important;
    }

    .divTableBreakLabel {
        width: 33.33% !important;
    }

    .divTableFinishLabel {
        width: 33.33% !important;
    }

    .divTableDayUnitsLabel {
        width: 25% !important;
    }

    .divTablePWSTHoursLabel {
        width: 25% !important;
    }

    .divTableProfessionalWorkingDayLabel {
        width: 25% !important;
    }

    .divTableShiftLabel {
        width: 25% !important;
    }

    .divTableOnCallLabel {
        width: 25% !important;
    }

    .divTableCallOutLabel {
        width: 25% !important;
    }

    .divTableCallOutHoursLabel {
        width: 25% !important;
    }

    .divTablePagerLabel {
        width: 25% !important;
    }

    .divTableAllowanceLabel {
        width: 25% !important;
    }

    .divTable25 {
        width: 25% !important;
    }

    .divTable50 {
        width: 50% !important;
    }

    .divTable75 {
        width: 75% !important;
    }

    .divTable-weekly-monthly-date {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .divTable-weekly-monthly-rate {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .divTable-weekly-monthly-time {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .divTable-weekly-monthly-hours {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .divTable-weekly-monthly-po {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .divTable-weekly-monthly-description {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .divTable-submit-timesheet-weekly-monthly {
        border: none;
    }

    .divTable-submit-timesheet-weekly-monthly-date {
        padding-left: 12px !important;
    }

    .divTable-submit-timesheet-weekly-monthly-rate {
        padding-right: 12px !important;
    }

    .divTable-submit-timesheet-weekly-monthly-time {
        padding-left: 12px !important;
    }

    .divTable-submit-timesheet-weekly-monthly-po {
        padding-right: 12px !important;
    }

    .divTable-submit-timesheet-weekly-monthly-description {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .divTable-submit-timesheet-weekly-monthly-row-1 {
        min-height: 44px;
    }

    .margin-top-shift {
        margin-top: 13px;
    }

    .divTable-submit-timesheet-weekly-monthly-row-3 {
        margin-top: 0 !important;
    }

    input.placehoder-submit-timesheet-weekly::placeholder {
        color: #b2b2b2;
        text-align: left;
        padding-left: 5px;
    }

    .margin-0 {
        margin: 0 !important;
    }

    textarea.placehoder-submit-timesheet-weekly::placeholder {
        color: #b2b2b2;
        text-align: left;
        
        padding-left: 5px;
        padding-top: 5px;
    }

    select.placehoder-submit-timesheet-weekly-po.empty,
    select.placehoder-submit-timesheet-weekly-select.empty {
        color: #b2b2b2;
    }

    .optBlank-margin {
        margin-left: 5px;
    }

    .padding-text-uk-weekly {
        padding-right : 5px !important;
    }

    .divTableRow .divTableCell {
        padding: 0;
        border-top: 1px solid #bdc5d2 !important;
        border-bottom: 1px solid #bdc5d2 !important;
        margin-bottom: 5px;
    }

        .divTableRow .divTableCell:nth-child(4n + 1) {
            border-right: 1px solid #bdc5d2;
        }

        .divTableRow .divTableCell:nth-child(4n + 2) {
            border-left: 1px solid #bdc5d2;
        }

        .divTableRow .divTableCell:nth-child(3) {
            border-left: 1px solid #bdc5d2;
        }

        .divTableRow .divTableCell:nth-last-child(2) {
            border-right: 1px solid #bdc5d2 !important;
        }

    .divTableDate {
        width: 51px;
        height: 14px;
        font-family: Roboto;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        padding: 0 !important;
    }

    input.padding-PWD {
        margin-left: 7px;
    }

    input[type=text].margin-top-input {
        margin-top: 10px;
    }

    input[type=text].margin-top-input-call-out {
        margin-top: 10px;
    }

    .margin-top-mobile-submit-timesheet {
        margin-top: 10px;
    }

    .margin-right-d {
        margin-right: 7px;
    }

    /*.new-header-table {
        background-color: #bdc5d2;
    }*/

    table tbody tr:nth-child(even) {
        background: #f5f5f5;
    }

    .button-primary {
        margin-bottom: 5px;
        padding: 1.1875rem 2.2rem 1.0625rem 2.2rem;
        font-size: 14px;
    }

    .button-secondary {
        margin-bottom: 5px;
        padding: 1.1875rem 2.15rem 1.0625rem 2.15rem;
        min-width: 110px;
        font-size: 14px;
    }

    .new-panel {
        padding: 23px 20px 26px 20px;
    }

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

    .new-body-table {
        height: 35px;
    }

    .border-collapse-table {
        border-collapse:collapse;
    }

    .border-collapse-table-mobile {
        border: 2px solid #bdc5d2 !important;
    }

    table.tbBorder {
        border: none;
    }
    table.tbBorder td, table.tbBorder th {
        border: 1px solid #FFFFFF;
    }

    table.tbBorder thead th {
        border-left: 1px solid #FFFFFF;
    }

        table.tbBorder thead th:first-child {
            border-left: none;
        }

    input.width-100 {
        width: 100% !important
    }    

    .font-size-12px{
        font-size: 12px;
    }

    .flex-fixed-width-8rem75 {
        flex: 0 0 12.75rem;
    }

    .flex-fixed-width-9rem375 {
        flex: 0 0 12.75rem;
    }

    .flex-fixed-width-5rem625 {
        flex: 0 0 12.75rem;
    }

    .pl-0px {
        padding-left: 0 !important;
    }

    .pr-0px {
        padding-right: 0 !important;
    }

    input.mt-0px {
        margin-top: 5px;
    }

    .margin-bottom-hours {
        margin-bottom: 23px !important;
    }

    .margin-bottom-button {
        margin-bottom: 10px !important;
    }

    .table-width-mobile {
        width : auto !important;
    }

    .navbar-nav ul.dropdown-menu.dropdown-menu-main {
        top: auto; /*Sub-menu top position will be set by javascript*/
        left: 170px;
        width: 194px;
        min-width: unset;
        height: calc(100vh - 50px);
        height: calc(var(--window-inner-height, 100vh) - 50px);
        min-height: 325px;
        position: absolute;
        background-color: #bdc5d280;
        -webkit-backdrop-filter: blur(13.7px);
        backdrop-filter: blur(13.7px);
        box-shadow: 2px 0 6px 0 rgba(0, 0, 0, 0.16);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .dropdown-menu-main li.dropdown-item {
        min-width: 194px;
        height: auto;
    }

    .dropdown-menu-main li.dropdown-item:active,
    .dropdown-menu-main li.dropdown-item:hover,
    .dropdown-menu-main li.dropdown-item:focus {
        background-color: unset;
    }

    .dropdown-menu-main li.dropdown-item a:hover {
        background-color: unset;
    }

    .dropdown-menu-main li.dropdown-item a {
        white-space: normal;
        line-height: 1.3;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    div.divTable.submit-offline-monthly-weekly {
        border: none;
    }

    div.divTable.submit-offline-monthly-weekly > .divTableHeading {
        display: none;
    }

    div.submit-offline-monthly-weekly,
    div.submit-offline-monthly-weekly .divTableBody .heading-rate-name {
        display: flex;
        width: 100%;
    }

    div.submit-offline-monthly-weekly .divTableBody .heading-rate-name > h2 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 9px;
    }

    div.submit-offline-monthly-weekly > .divTableBody > div.divTableRow,
    div.submit-offline-monthly-weekly > .divTableBody > div.divTableRow.highlight {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        background-color: transparent !important;
    }

    div.submit-offline-monthly-weekly > .divTableBody > div.divTableRow:not(:first-child) {
        margin-top: 20px;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell {
        padding: 0;
        border: 0.5px solid #ffffff;
        border-top: 1px solid #bdc5d2;
        border-bottom: 1px solid #bdc5d2;
        margin-bottom: 3px;
        text-align: left;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow.highlight .divTableCell {
        background-color: #ff9;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:empty {
        width: 0 !important;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:nth-child(4),
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:nth-child(7),
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:nth-child(11) {
        border-left: 1px solid #bdc5d2;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow div.divTableCell:nth-child(10) + div.divTableCell.d-none + div.divTableCell {
        border-left: 1px solid #bdc5d2;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:nth-child(6),
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:nth-child(10),
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:nth-child(15) {
        border-right: 1px solid #bdc5d2;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell:last-child {
        border-right: 1px solid #bdc5d2;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow > .divTableCell > .cell-header {
        background-color: #d3d3d3;
        text-align: left;
        padding-left: 10px;
        height: 35px;
        display: flex;
        align-items: center;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow > .divTableCell > .cell-content {
        display: flex;
        align-items: center;
        padding-left: 10px;
        padding-right: 10px;
        height: 50px;
        font-size: 14px;
    }


    div.submit-offline-monthly-weekly .divTableBody .divTableRow > .divTableCell > .cell-content > input[type=text] {
        height: 30px;
        border-radius: 3px;
        width: 100% !important;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-time > .cell-content > input {
        margin-right: 10px;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-po-number,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-po-effective-from,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-po-effective-to {
        width: 33.333%;
    }

    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-pay-money,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-charge-money,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-margin-money,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-margin-percentage,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-effective-from,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-effective-to,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-time,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-unit,
    div.submit-offline-monthly-weekly .divTableBody .divTableRow .divTableCell.cell-hours {
        width: 25%;
    }

    .login-page-content {
        background: url(/Content/stylesheets/../images/background-mobile.jpg) no-repeat center;
        background-size: cover;
    }

    .login-page-content .login-container-main {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 20px 5px 8px 5px;
        height: 100%;
    }

    .login-page-content .login-container-main .login-banner .heading-message {
        text-align: center;
    }

    .login-page-content .login-container-main .login-banner h1 {
        font-size: 20px;
        display: inline;
    }

    .login-page-content .login-container-main .login-banner h1.font-larger {
        font-size: 25px;
        display: inline;
    }

    .login-page-content .login-container-main .login-banner p {
        display: block;
        display: -webkit-box;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        white-space: normal;
        text-overflow: clip;
        max-height: calc(3em * 1.6);
        text-align: center;
    }

    .login-page-content .login-container-main .forgot-pw-form,
    .login-page-content .login-container-main .login-form {
        align-self: center;
        max-width: 90%;
        margin: 0;
    }

    .login-page-content .login-form h2 {
        margin-bottom: 5px;
        text-align: center;
    }

    .login-page-content input {
        border-width: 1px;
        margin-left: 0 !important;
    }

    .login-page-content .login-container-main .login-info {
        margin-top: auto;
        margin-bottom: 0;
    }

    .login-page-content .login-container-main .news-panel {
        align-self: center;
        width: 600px;
        margin-left: 0;
        margin-top: 0;
        max-width: 90%;
    }

    .login-page-content .logon-brands-panel .company-logo {
        margin: 5px;
        height: 40px;
    }

    .login-page footer {
        margin-bottom: 10px !important;
    }

    .login-page .login-page-content footer p,
    .login-page .login-page-content footer a,
    .homepage footer p {
        font-size: 10px;
    }

    .login-page .login-page-content footer p,
    .homepage footer p {
        padding-left: 5px;
        padding-right: 5px;
    }

    table.new-layout-table {
        table-layout: auto;
    }
    .row-mobile .six, .row-mobile .four, .row-mobile .eight, .row-mobile .ten {
        width: 100%;
    }
}

img[src$="Content/images/ico-flag-yellow.png"] {
    min-width: 15px;
}

@media (max-width: 767px) {
    .tree-permission #tree1 ul {
        margin-left: 20px !important;
    }

    .tree-permission #tree1 .tree-left {
        margin-left: 0;
    }

    .tree-permission #tree1 .tree-label {
        margin-bottom: 4px !important;
        margin-top: 15px;
    }

    .tree-permission ul#tree1 > li > div > .tree-label.tree-left-first,
    .tree-permission ul#tree1 > li > div > ul > li > .tree-label.tree-left,
    .tree-permission ul#tree1 > li > div > ul > li > ul > li > .tree-label.end {
        margin-top: 0;
        margin-left: 0;
    }

    .simple_tabs dd:last-child {
        border-right: 1px solid #e6e6e6;
    }

}

@media all and (max-width: 991px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .login-page-content .logon-brands-panel .company-logo {
        max-width: none;
    }
}

@media only screen and (min-width: 769px) {
    .newMyAttachedInvoice form {
        width: auto !important;
    }

    .newSendEmailToConsultant form {
        width: auto !important;
    }
}

.mfa-warning-dialog .noti-img {
    max-width: 15vw
}

.mfa-warning-dialog .noti-text {
    width: 400px;
    max-width: 70vw;
}

.mfa-warning-dialog .noti-text .noti-text-heading {
    font-weight: bolder;
    margin-bottom: 10px;
}

.qr-code-setting form label {
    font-size: 14px;
    line-height: 1.57;
    margin-bottom: 5px;
}

.qr-code-setting form .mfa-instruction li {
    font-size: 13px;
}

@media (max-width: 991px) {
    .login-page-content .login-container-main .news-panel p {
        text-align: justify;
    }

    .login-page-content .logon-brands-panel .company-logo {
        margin: 5px;
        height: 60px;
    }

}
.cmsMceMenuItemDisabled .mceText {
    color: #888 !important;
    text-decoration: line-through;
}

.cmsMceMenuItemDisabled a:hover {
    background-color: inherit !important;
}
@media (max-width: 991px) {
    .contract-link-width {
        width: 70%;
    }
}


@media (max-width: 576px) {
    .contract-link-width {
        width: 55%;
    }
}
/* Custom Css */

#top-left-banner {
    font-size: 17px;
    padding-left: 15px;
}

.right-align {
    text-align:right
}

.highlight-grey {
    background-color: grey !important;
}

.bank-holiday {
    color: red !important;
}

.unbilled {
    color: red;
}

.tooltipDetail {
        position: relative;
    }

        .tooltipDetail:hover:after {
            background: #333;
            background: rgba(0,0,0,.8);
            border-radius: 5px;
            bottom: 26px;
            color: #fff;
            content: attr(title);
            left: 20%;
            padding: 5px 15px;
            position: absolute;
            z-index: 98;
            width: 160px;
            margin-bottom: 10px;
        }

        .tooltipDetail:hover:before {
            border: solid;
            border-color: #333 transparent;
            border-width: 6px 6px 0 6px;
            bottom: 20px;
            content: "";
            left: 50%;
            position: absolute;
            z-index: 99;
            margin-bottom: 10px;
        }
/*** ESSENTIAL STYLES ***/

.main-menu-top {
    width: 100%;
    background: #4d4d4d;
    float: left;
    /* height:39px; */
    margin: 10px 0;
}

.sf-menu,
.sf-menu * {
    margin: 0!important;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 15em;
    /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 2.8em;
    /* match top ul list item height */
    z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 15em;
    /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}


/*** DEMO SKIN ***/


/* .sf-menu {
	float:			left;
	margin-bottom:	1em;
} */

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}

.sf-menu a {
    padding: .9em 1em;
    text-decoration: none;
}

.sf-menu li {
    background: #4d4d4d;
}

.sf-menu li a {
    color: #ffffff;
    border-right: 1px solid #717171;
}

.sf-menu li.current {
    background: #c60f13;
}

.sf-menu li li {
    background: #f2f2f2;
}

.sf-menu li li a {
    color: #4D4D4D;
    border-top: 1px solid #e6e6e6;
    border-left: 3px solid #cccccc;
    border-right: none;
    line-height: 1.1;
}

.sf-menu li li a:hover {
    background: #ebebeb;
    line-height: 1.1;
}

.sf-menu li li li {
    background: #f2f2f2;
    color: #4D4D4D;
    line-height: 1.1;
}


/*.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#c60f13;
	outline:		0;
}*/


/*** arrows **/

.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
    /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.5em;
    /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('/Content/stylesheets/../images/arrows-ffffff.png') no-repeat -10px -100px;
    /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: 1.0em;
    background-position: 0 -100px;
    /* use translucent arrow for modern browsers*/
}


/* apply hovers to modern browsers */

a:focus>.sf-sub-indicator,
a:hover>.sf-sub-indicator,
a:active>.sf-sub-indicator,
li:hover>a>.sf-sub-indicator,
li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px;
    /* arrow hovers for modern browsers*/
}


/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
    background-position: 0 0;
}


/* apply hovers to modern browsers */

.sf-menu ul a:focus>.sf-sub-indicator,
.sf-menu ul a:hover>.sf-sub-indicator,
.sf-menu ul a:active>.sf-sub-indicator,
.sf-menu ul li:hover>a>.sf-sub-indicator,
.sf-menu ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
    /* arrow hovers for modern browsers*/
}
#tree1 label{
	display:inline-block	
}
#tree1 ul{
	margin-left:35px	
}
#tree1 li{
	clear:both;

}
#tree1 li ul{
	clear:both;
}
#tree1 .tree-left-first{
	margin-left:55px	
}
#tree1 .tree-left-first select{
	width:338px	
}
#tree1 .tree-left{
	margin-left:35px	
}
#tree1 li ul.tree-left{
	margin-left:15px	
}

#tree1 span{
	display:none;
	list-style:none
}
.ui-widget-daredevel-checkboxTree li {
    list-style-type: none;
    position: relative;
}

.tree-label{
	margin-top:6px	
}