html,
body {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

* {
	margin: 0px;
	padding: 0px;
}

html,
body,
input,
select,
textarea {
	font-family:
		"FontAwesomeUnicode",
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		"Open Sans",
		"Helvetica Neue",
		sans-serif;
}
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"] {
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus {
	appearance: none;
	outline: none;
}
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled {
	opacity: 1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
	-moz-appearance: textfield; /* Firefox */
}

/* simple dropdown */
.simple-dropdown {
	position: absolute;
	display: none;
	right: 0px;
	top: 100%;
	border: 1px solid hsla(0, 0%, 41.6%, 0.18);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

.simple-dropdown-white {
	background-color: white;
}

.simple-dropdown-visible {
	display: block;
	z-index: 1000;
}

.simple-dropdown-header {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0px 15px 0px 15px;
	align-items: center;
	text-decoration: none;
	color: #6a6a6a;
	white-space: nowrap;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid hsla(0, 0%, 41.6%, 0.18);
}

.simple-dropdown-button {
	display: flex;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 0px 15px 0px 15px;
	align-items: center;
	text-decoration: none;
	color: #6a6a6a;
	white-space: nowrap;
}

.simple-dropdown-button:not(:last-child) {
	border-bottom: 1px solid hsla(0, 0%, 41.6%, 0.18);
}

.simple-dropdown-button:hover {
	background-color: #ffe8a2;
}

.simple-dropdown-icons .simple-dropdown-button {
	padding-right: 32px;
}

.simple-dropdown-icons .simple-dropdown-button img {
	margin-right: 10px;
	width: 24px;
	height: 24px;
}

.simple-dropdown-check-button.checked {
	color: #007aff;
	font-weight: bold;
}

.simple-dropdown-icons .simple-dropdown-check-button,
.simple-dropdown-icons .simple-dropdown-iconless-button {
	padding-left: 49px; /* padding-left + width + margin-right = 15 + 24 + 10 */
}

.simple-dropdown-icons .simple-dropdown-check-button.checked {
	padding-left: 15px;
}

.simple-dropdown-icons .simple-dropdown-check-button.checked:before {
	content: url(data:image/png;base64,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);
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

/* /simple dropdown */

.navigation-bar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 48px;
	border-bottom: 1px solid #ccc;
	background: linear-gradient(#f1f1f1, #eee);
	color: #707070;
	font-size: 14px;
}

.navigation-bar div {
	box-sizing: border-box;
}

.navigation-bar-section {
	display: flex;
	flex-direction: row;
	min-width: 0px;
	height: 100%;
	position: relative;
}

.navigation-bar-section-user .navigation-bar-section-item {
	padding-right: 0px;
}

.navigation-bar-section-user * {
	text-align: right;
}

.navigation-bar-item {
	position: relative;
	min-width: 48px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.navigation-bar-item-active:hover {
	background-color: #ffe8a2;
}

.navigation-bar-item-active {
	cursor: pointer;
}

.navigation-bar-item-text {
	padding: 0px 8px 0px 8px;
}

.navigation-bar-item-text div {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.navigation-bar-item-image img {
	display: block; /* do not place image on line = flex centering not functional */
	max-width: 90%;
	max-height: 90%;
}

.navigation-bar-item-dropdown {
	min-width: 62px;
	align-items: center;
}

.navigation-bar-item-dropdown::after {
	display: block;
	width: 14px;
	height: 14px;
}

:not(.simple-dropdown-open) .navigation-bar-item-dropdown::after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADqADAAQAAAABAAAADgAAAACeOBvAAAAAmklEQVQoFWNgGP6AEebFgoICAVZW1vuMjIwCMDFk+v///x9+//6tOGHChA8gcSZkSaAmuEHI4iA2uhxcI9SkBnQNSPwGmG0gMQwbysrKLgDF9ZE0gJgXu7q6DJDF4DbCBIF+SYCxYTQ2MWaYJIw+duzYCysrK0GgnyxAYkBNE7u7uxfA5GE0C4yBTANDr4GNjc0BJAZig+ghDACIcy9JEjzwXAAAAABJRU5ErkJggg==);
}

.simple-dropdown-open .navigation-bar-item-dropdown::after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAADqADAAQAAAABAAAADgAAAACeOBvAAAAAmUlEQVQoFWNgGP6AEZsXCwoKBFhZWfeD5H7//u04YcKED+jqmNAFQHygpgZGRkYDEAaxsanBsLG0tBSk4Tyy4v///xt2d3dfQBbDsBGoaQGyAih7ProYM7JAWVlZAZAfjywGYgMNk7C2tv549OjREzA5uFOhAXIfqEgAJolMA537ARhQirCAQnEqUBPcIGRNIDY+OXS1g4wPAKs9JeDmb8m2AAAAAElFTkSuQmCC);
}

.navigation-bar-subtitle {
	font-size: 10px;
	color: #a8a8a8;
}

.navigation-bar-vertical-separator {
	border-left: 1px solid hsla(0, 0%, 41.6%, 0.18);
	height: 100%;
}

.spanPointerDisabled {
	pointer-events: none;
}

.spanPointerEnabled {
	pointer-events: all;
	cursor: pointer;
}

/*
 *      BaseForm
 */

.baseform .content {
	width: 100%;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	border-right: solid 1px silver;
}

.baseform .footer {
	position: absolute;
	bottom: 0px;
	border-right: solid 1px black;
}

.baseform .resizable-touch-handle {
	top: calc(50% - 20px);
	height: 40px;
	width: 7px;
	right: 0px;
	background-color: #a3a3a3;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

/*
	 *      FlexiForm
	 */

.flexiForm {
	background-color: #eeeeee;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
}

/*
	 *     Header + TitleControl
	 */

.header {
	background-color: #0066cc;
	color: white;
	font-size: 20px;
	height: 48px;
	/* border-bottom: solid 1px silver; */
}

.viewcontainer .header {
	background-color: transparent;
	color: blue;
	font-size: 18px;
	/* height: 60px; Use the inherited .header value. If this needs to change, change the number in gridView.measureHeaderHeight too. */
	vertical-align: middle;
	overflow: hidden;
	border-bottom-width: 0px;
}

.monthEventItem {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	box-sizing: border-box;
	align-self: center;
	justify-self: left;
	margin: 1px 0px 0px 0px;
	line-height: 2;
	color: black;
	background-color: white;
	font-size: 12px;
	min-width: 0px;
	align-self: stretch;
	/* min-height: "0px"; */
	flex: 0 0 auto;
	/* border-left: solid 4px rgba(0,0,255,0.2); */
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
.monthEventItem:hover {
	opacity: 0.7;
}
.monthEventDayContainer {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	padding: 1px 1px 1px 1px;
	min-width: 0px;
	min-height: 0px;
	z-index: 1;
}
.monthEventDayOverflow {
	font-size: 12px;
	line-height: 2;
	align-self: flex-end;
	visibility: hidden;
}

.weekCalHours {
	/* font-size: 12px; */
	margin: 0px 0.5em;
	margin-top: -0.5em;
	line-height: 1;
	justify-self: right;
	align-self: right;
}
.weekEventItem {
	background-color: white;
	opacity: 1;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background-clip: padding-box;
	/* font-size: 12px; */
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 1;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
.weekEventItem:hover {
	opacity: 0.7;
}

.titleControl {
	width: 100%;
	height: 100%;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	display: flex;
	align-items: center;
}

.titleControl .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
	font-size: 24px;
	padding-left: 16px;
	padding-right: 16px;
}

.titleControl .cmdButton + .title,
.titleControl .icon + .title {
	padding-left: 4px;
}

.titleControl .title span {
	cursor: pointer;
}

.title .subtitle {
	font-size: 16px;
}

.title .subtitle:hover {
	background-color: rgba(0, 0, 0, 0.25);
}

.titleControl .cmdButton {
	cursor: pointer;
	overflow: hidden;
	width: 40px;
	height: 40px;
	font-size: 9px;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: transparent 50% 50% no-repeat;
	background-size: 28px;
	margin-left: 4px;
	margin-right: 4px;
}

.titleControl .cmdButton:hover {
	background-color: rgba(0, 0, 0, 0.25);
}

.titleControl .icon {
	overflow: hidden;
	background: transparent 50% 50% no-repeat;
	width: 40px;
	height: 40px;
	background-size: 28px;
}

.titleControl .filterExpandIcon {
	display: inline-block;
	width: 20px;
	height: 12px;
	background-size: cover;
	background: transparent 50% 50% no-repeat;
	margin-left: 2px;
	margin-bottom: 2px;
}

.titleControl.titleControlGrid .filterExpandIcon {
	margin-bottom: -1px;
}

.subtitle .filterExpandIcon {
	margin-bottom: -1px;
}

.flexiFormContent {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.nonFlexiFormContent {
	position: relative;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	display: grid;
	display: -ms-grid;
	/* gap: 10px; */
}

/*.flexiForm > .titleControl {
	height: 50px;
	background: white;
	box-shadow: 0px 3px 5px silver;
	position: fixed;
	z-index: 1000;
	}

	.flexiForm > .titleControl .title {
	width: 100%;
	text-align: left;
	}*/

.gridCell .title .subtitle {
	font-size: inherit;
}

.gridCell .titleControl {
	padding: 7px;
}

.gridCell .header {
	height: 34px;
}

.viewcontainer .flipView {
	background-color: white;
}

.viewcontainer .flipView .view {
	box-shadow: 0px 0px;
}

/*
	 *     View
	 */

.view {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	visibility: visible;
	height: 100%;
	position: absolute;
	top: 0px;
	width: 100%;
}

.viewcontainer {
	overflow: hidden;
}

.viewcontainer.hidden {
	visibility: hidden;
	height: 0px;
	border: 0px;
	margin-bottom: 0px;
}

.viewcontainer .view {
	position: relative;
	box-shadow: 0px 1px 2px silver;
}

.viewcontainer .view.detailView {
	box-shadow: 0px 0px 0px silver;
}

.viewcontainer .viewcontent {
	width: 100%;
	overflow: hidden;
}

.flexiViewContent {
}

.baseform .content .flexiViewContent .detailView {
	padding: 0px;
}

.mainColumn {
	position: absolute;
}

.mainColumn .multiView {
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/*.mainColumn .multiView.iPad {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	}*/

.view.hidden {
	display: none !important;
}

/**
Houston interop
*/
/* .guide-player__image-container {
	display:none !important;
} */
.guide-step__sticky-header.--mobile {
	top: 0px !important;
}
.guide-player__main > p {
	word-break: normal !important;
}
.guide-step > main > p {
	word-break: normal !important;
}
.guide-player__information > h1 {
	word-break: normal !important;
}
/* DetailView radio item */
/*
	 *      DocumentView, IFrame
	 */
.documentView {
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
}

.documentView iframe {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}

.documentView .dropBox {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

.documentView .hasAdvancedUpload {
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	border: 2px dashed silver;
	margin: 10px;
	transition: background-color 0.15s linear;
	background: #f8f8f8;
}

.documentView .is-dragover {
	background: white;
}

.documentView .overlayContainer {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.documentView .overlayViewHolder {
	position: absolute;
	width: 100%;
	max-width: 400px;
}
/*
	 *      EmailView
	 */

.baseform .content .emailView .detailView {
	position: relative;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}

.view.detailView {
	overflow-y: auto;
}

.emailView .detailView .detailItem .label {
	width: 15%;
}

.emailView .detailView .detailItem .editor {
	width: 85%;
}

.emailView .emailBodyContainer {
	margin: 0px 10px;
}

.emailView .emailBodyIFrame {
	margin: 0px;
	padding: 5px;
	width: 100%;
	background: white;
	min-height: 350px;
	box-shadow: 0px 1px 2px silver;
	font-size: 13.33px;
	box-sizing: border-box;
}

.emailView .emailToolbar {
	margin: 10px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 5px;
	height: 30px;
	box-sizing: border-box;
	background: white;
	font-size: 13.33px;
	box-shadow: 0px 1px 2px silver;
}

.emailView .emailToolbar:first-child {
	margin-top: 10px;
}

.emailView .emailToolbar:last-child {
	margin-bottom: 0px;
}

.emailView .emailToolbar .toolbarLink {
	margin-right: 10px;
	cursor: pointer;
}

.emailView .emailToolbar img.emailActionImage {
	height: 18px;
	position: relative;
	top: 3px;
}

.emailView .emailAttachments {
	margin: 0px 10px;
	padding: 5px;
	min-height: 30px;
	box-sizing: border-box;
	background: white;
	font-size: 13.33px;
	border-bottom: solid 1px #dddddd;
	box-shadow: 0px 1px 2px silver;
}

.emailView .emailAttachments .emailAttachment {
	display: inline-block;
	padding: 2px;
}

.emailView .emailAttachments .attachmentLink {
	margin-right: 10px;
	cursor: pointer;
}

.emailView .emailAttachments img.emailAttachmentImage {
	height: 18px;
	position: relative;
	top: 3px;
}

.emailView .emailAttachments img.deleteAttachment {
	height: 18px;
	position: relative;
	left: -4px;
	top: 4px;
	cursor: pointer;
}

.emailView .emailAttachments img.addAttachment {
	height: 18px;
	position: relative;
	top: 4px;
	cursor: pointer;
}

.emailView .emailAttachments .submitAttachment {
	cursor: pointer;
	padding: 2px;
}

/*
	 *      TabControl
	 */

.tabControl {
	background-color: #f3f3f3;
	color: #737373;
	text-align: center;
	display: flex;
}

.tabItem {
	height: 100%;
	width: 100px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.tabItem .icon {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 28px;
	width: 100%;
	height: calc(100% - 21px);
}

.tabItem .label {
	box-sizing: border-box;
	width: 100%;
	height: 16px;
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 3px;
}

.videoCapture {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.videoCapture video {
	background-color: black;
}

.filterList {
	min-width: 140px;
	border-radius: 3px;
}

.filterList .optionItem,
.groupItem {
	padding: 10px;
	cursor: pointer;
	box-shadow: 0px 0.5px 0px rgb(221, 221, 221);
}

.filterList .optionSearchBox {
	min-width: 1px;
	border: solid 1px #eee;
	font-size: 16px;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 2px 2px 2px 5px;
	flex: 1 1 auto;
}

.filterList .optionItem.selected,
.groupItem.selected {
	color: white;
	background: #0066cc;
}

.filterList .optionItem:last-child,
.groupItem:last-child {
	border-bottom-width: 0px;
}

.filterList .optionItem:first-child,
.groupItem:first-child {
}

/*
	 *      GridView
	 */
.gridView {
	overflow: hidden;
	background: #999999;
}

.gridView .gridCell {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;
}

.baseform .gridCell .content {
	border: 0px;
}

.viewcolumn {
	display: inline-block;
	vertical-align: top;
}

.pleaseWait .pleaseWaitTable {
	width: 100%;
	height: 80%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.pleaseWait .pleaseWaitTable td {
	text-align: center;
	vertical-align: middle;
}

.pleaseWaitText {
	width: 100%;
	text-align: center;
	text-align: center;
	font-size: 12px;
	text-decoration: underline;
}

/*
	 *	Calendar
	 */

.calendarView {
	display: grid;
	grid-template-rows: auto 1fr;
}

.calendarView #calendar {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.calendarView #calendarSwitcher {
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.calendarView #calendarSwitcher .switcherInnerPanel {
	display: inline-flex;
}

.calendarView #calendarSwitcher .switcherInnerPanel button,
.calendarView #calendarSwitcher .switcherInnerPanel input {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 0;
	border-right: 1px solid #c8c8c8;
	background-color: white;
	color: #808080;
	padding: 5px 20px;
	font-size: 1em;
	vertical-align: bottom;
}

.calendarView #calendarSwitcher .switcherInnerPanel input:first-child {
	border-left: 1px solid #c8c8c8;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.calendarView #calendarSwitcher .switcherInnerPanel input:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.calendarModeButtonFirst {
	border-left: 1px solid #c8c8c8 !important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.calendarModeButtonLast {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.calendarView #calendarSwitcher .switcherInnerPanel .selectedButton {
	background-color: #0066cc;
	color: white;
}

.calendarView #calendarSwitcher .switcherInnerPanel .smallWidth {
	padding: 5px;
	font-size: 80%;
}

.calendarView .previous {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1RjYwRDU3NzZFNjExRTQ5NUUzRDgzNjMyQzBDN0JDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg1RjYwRDU4NzZFNjExRTQ5NUUzRDgzNjMyQzBDN0JDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODVGNjBENTU3NkU2MTFFNDk1RTNEODM2MzJDMEM3QkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODVGNjBENTY3NkU2MTFFNDk1RTNEODM2MzJDMEM3QkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5IrUVyAAABN0lEQVR42uzYOwrCQBAG4EQ8gIVpFb2AghdQ0MJTiJWFRc4iYmFj7R0U4gUE9QAKlpo7rBPYQAiC+5iZTOHADynC8pHsbiYbKqUCyVULhJd4YP3XDeHi7DN+E7KGxGo7eJEAPXEHSB/SgEwlveIi7glZSpqDZdwIcpcCRMVhz8EMd4T0sHCYT5AEhwUkw2EASXG+QHKcD5AF57qKy7gh5CGlWYg4cbbASG/CbDgbYCU4U2BlOFPgSuOymnPiTIEx5Kavd5CONOAbMtbINiThRJouksqQNttMjrxq5IkDabtRZ8iJRrY4kC7fYlaka7PAhvRpt1iQvg1rceGQIDFa/vQLsivtbKaMTLCQmP/FJEjsH3d0JMXRR468YCCpDo9SvQXlyI00YBG5h8xcBwn/Z9R/YMX1EWAAYfdl4R57AqAAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.calendarView .previous:disabled {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg1RjYwRDVCNzZFNjExRTQ5NUUzRDgzNjMyQzBDN0JDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg1RjYwRDVDNzZFNjExRTQ5NUUzRDgzNjMyQzBDN0JDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODVGNjBENTk3NkU2MTFFNDk1RTNEODM2MzJDMEM3QkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODVGNjBENUE3NkU2MTFFNDk1RTNEODM2MzJDMEM3QkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4eqNR2AAABM0lEQVR42uzYMQrCQBAFUBM8gIVpFb2AdmkVtPAUYm2Rs4jYWnsHhdimUw+gYKm5Q5yFCQRJM7szky2y8CFNNo8lO5lsUBRFx+cRtEANYJZlLs/oQ/aQJI7jD/XmrvACGNwZMoX0ICvqBKES7g3Z2kwSKuHmkKcvQDacxDtocBfIhAPHvYLsOE6gCI4LKIbjAIriXIHiOJdd/I+bQV4SBdVmBSMtnA0wwiKsgqMC1XEUYCM4CnCHODM2WjgKMIE88PoIGfkG/EIWiBxCUi0kZZM0gqSWmRJ5R+RVGmlTqA1yiciBNNL2W6yGdGkWVJCu7ZY4kqNhrW4cdiRXy5/XIMc+AeuQKQeS+7+YHSnx486KlDr6KJE3V6Tk4VGOJahEHnwDVpEnyNpmgvYIuAU2PX4CDAArQXfHwiL7AQAAAABJRU5ErkJggg==);
}

.calendarView .next {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzRjA5NTg2NzZFNjExRTRBQzc5QjExQkMyRkVFNEE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzRjA5NTg3NzZFNjExRTRBQzc5QjExQkMyRkVFNEE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTNGMDk1ODQ3NkU2MTFFNEFDNzlCMTFCQzJGRUU0QTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTNGMDk1ODU3NkU2MTFFNEFDNzlCMTFCQzJGRUU0QTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Xhaq6AAABG0lEQVR42uzYsQ3CMBAFUILoqRNqYAAmgCmQ6EGihTEYAETNGjABAxBaYA1zJ5kmXez/jyti6StNpDzFsf2VIoTQ8zz6PefDPXDQ5uZicx/K5SjZST6pDw2nGe0NKm4puUkqj1Osb66WTKyQbYE6rfMGcuRtkTSRVyYydRWbIXO2GRNk7j5IRyI2aioSdZLQkMijjoJEn8VwJKMsQJGsNgNDMusWBMnugz/kI/XstiisilxpDZSMJWdvwFJy0b4reUrWnoBlnNZpxC0kL1rlz8Tpt/j2skgqBI4FrOKWko1jAKE4NBCOQwIpOBSQhkMAqbhcIB2XAzTBpQLNcClAU1wK8BBxtQUupSxsY23aW+B0FN0/6g745/EVYABsS2bdI5n3VAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.calendarView .next:disabled {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEzRjA5NTgyNzZFNjExRTRBQzc5QjExQkMyRkVFNEE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEzRjA5NTgzNzZFNjExRTRBQzc5QjExQkMyRkVFNEE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTNGMDk1ODA3NkU2MTFFNEFDNzlCMTFCQzJGRUU0QTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTNGMDk1ODE3NkU2MTFFNEFDNzlCMTFCQzJGRUU0QTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47ec1iAAABGUlEQVR42uzYsQ3CMBAF0ATRUyfUwAipYQokegpaGIMBkKhZA+qMQGiBNcydZJp0+P43V+Skr1RRnuzYvqQMIRSea1Q4L/fA8a83tG07kctJspe8Ux/cNA1tBBW3ltwktccp1pHrJPMcyBSgTuuyh5x6WyR95JWFtKziLEjrNkNHIvZBKhK1UdOQyJOEgkQfdXAk4yyGIlnNAgzJ7GYgSHa7ZUbm6Ae/yHvK2Z2rYVXkRqLfFzPJ2RuwklwkpeQh2XoCVnFaFxG3kjxpLb8Rp+/iy8siqa04JrCOW4oJxwLCcAwgFIcGwnFIIAWHAtJwCCAVZwXScRZgFlwqMBsuFXiMuI6NS20WdrFtOrBxWuXwj3oA/rk+AgwAPLRm3YRslcwAAAAASUVORK5CYII=);
}

.calendarView #calendarSwitcher .switcherInnerPanel button.searchButton,
.calendarView #calendarSwitcher .switcherInnerPanel button.iconButton {
	background-color: inherit;
	padding: 6px 15px;
	border: none;
	cursor: pointer;
}

/* START Week Calendar CSS */

.calendarView .weekView .monthGrid {
	padding-left: 50px;
	border-bottom: 1px solid #c8c8c8;
}

.calendarView .weekView .monthGrid table {
	table-layout: fixed;
}

.calendarView .weekView .monthGrid td {
	overflow: hidden;
}

.calendarView .weekView .contentTableContainerInner {
	overflow-y: auto;
}

.calendarView .weekView .bgCell {
	border-left: 1px solid #c8c8c8;
	vertical-align: bottom;
}

.calendarView .weekView .bgCell:first-child {
	border-left: none;
}

.calendarView .weekView .hCell {
	border-left: 1px solid #c8c8c8;
}

.calendarView .weekView .hCell:first-child {
	border-left: none;
}

.calendarView .weekView .dayViewListContainer {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-left: 1px solid #c8c8c8;
	position: relative;
}

.calendarView .weekView .dayViewListContainer:first-child {
	border-left: none;
}

.calendarView .weekView .tableContainer {
	padding-right: 10px;
}

/* END  Week Calendar CSS*/

/*START Month Calendar CSS*/

.calendarView .monthView .monthGrid .headerRow td {
	line-height: 17px;
	padding: 6px 0 3px 10px;
	text-align: left;
}

.calendarView .monthView thead td {
	border-left: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.calendarView .monthView thead td:first-child {
	border-left: 1px solid #ebebeb;
}

.calendarView .monthView .bgCell {
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	vertical-align: bottom;
}

.calendarView .monthView .bgCell:first-child {
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #ebebeb;
	vertical-align: bottom;
}

.calendarView .monthView .hCell {
	border-left: 1px solid #c8c8c8;
}

.calendarView .monthView .hCell:first-child {
	border-left: 1px solid #ebebeb;
}

/* END Month Calendar CSS*/

/* START day Calendar CSS */

.calendarView .dayView .monthGrid {
	padding-left: 50px;
	border-bottom: 1px solid #c8c8c8;
}

.allDayText {
	margin-left: -50px;
}
/* END day Calendar CSS */

.calendarView .monthGrid {
	height: 100%;
	font-size: 80%;
	border-spacing: 0;
}

.calendarView .monthGrid thead td {
	padding: 6px 10px;
	height: 17px;
}

.calendarView .monthGrid .headerRow td {
	line-height: 17px;
	padding: 6px 0 3px 0;
	text-align: center;
}

.calendarView .monthGrid td.lightBg {
	background-color: #e1e1e1;
	font-weight: bold;
}

.calendarView .monthGrid td.today {
	background-color: #c8c8c8;
	color: #fff;
	font-weight: bold;
}

.calendarView .headerRow .moreAppointments {
	float: right;
	/*line-height: 17px;*/
	padding-right: 5px;
	/*position: relative;*/
	/*top: 1px;*/
}

.calendarView .eventRow {
	background-color: Transparent;
	position: absolute;
	width: 100%;
}

.calendarView .bgCell {
	vertical-align: bottom;
}

.calendarView .segmentContainer {
	position: absolute;
	height: 29px;
	cursor: pointer;
	z-index: 2;
}

.calendarView .appointmentTime {
	left: 100px;
}

.calendarView .weekView .monthGrid,
.calendarView .dayView .monthGrid {
	height: auto;
}

.calendarView .contentTableContainerInner {
	position: relative;
	width: 100%;
}

.calendarView .monthGrid .contentTable {
	position: relative;
}

.calendarView .weekView .timeTagItem div,
.calendarView .dayView .timeTagItem div {
	padding-left: 9px;
	position: relative;
	top: 0;
}

.calendarView .weekView .timeTagItem,
.calendarView .weekView .timeTagItemAlt,
.calendarView .dayView .timeTagItem,
.calendarView .dayView .timeTagItemAlt {
	width: 50px;
}

.calendarView .weekView .timeTagItem,
.calendarView .weekView .timeTagItemAlt,
.calendarView .dayView .timeTagItem,
.calendarView .dayView .timeTagItemAlt {
	vertical-align: top;
	height: 30px;
	word-wrap: break-word;
}

.calendarView .weekView .timeTagItem .timeText,
.calendarView .dayView .timeTagItem .timeText {
	font-size: 80%;
	color: gray;
}

.calendarView .weekView .timeTagItemAlt,
.calendarView .dayView .timeTagItemAlt {
	border-top: none;
}

.calendarView .weekView .timeTagContainer,
.calendarView .dayView .timeTagContainer {
	left: 0;
	margin: -1px 0 0;
	position: absolute;
	z-index: 1;
}

.calendarView .weekView .dayViewContainer,
.calendarView .dayView .dayViewContainer {
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

.calendarView .weekView .tableContainer,
.calendarView .dayView .tableContainer {
	margin-left: 50px;
}

.calendarView .dayView .dayViewContainer table {
	width: 100%;
}

.calendarView .weekView .dayViewContainer tbody tr td,
.calendarView .dayView .dayViewContainer tbody tr td {
	vertical-align: top;
}

.calendarView .dayView .dayViewList {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	position: relative;
}

.calendarView .weekView .dayViewRow,
.calendarView .dayView .dayViewRow {
	border-top: 1px solid #c8c8c8;
	height: 29px;
	text-align: right;
}

.calendarView .weekView .dayViewRow:first-child,
.calendarView .dayView .dayViewRow:first-child {
	border: none;
}

.calendarView .weekView .dayViewRowHalfHour,
.calendarView .dayView .dayViewRowHalfHour {
	border-top: 1px dotted #c8c8c8;
}

.calendarView .weekView .outOfBusinessHours,
.calendarView .dayView .outOfBusinessHours {
	background-color: gray;
}

.calendarView .weekView .dayViewEventItem,
.calendarView .dayView .dayViewEventItem {
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	padding-left: 10px;
	border-left: 3px solid #0066cc;
	box-sizing: border-box;
	text-overflow: ellipsis;
}

.calendarView .sectionManager .sectionBar {
	background-color: #000;
	left: 0;
	opacity: 0.13;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.calendarView .appointmentText {
	color: #000000;
}

.calendarView .insideAppointment {
	position: relative;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}

.calendarView .insideAppointment .timeIndicator {
	padding-right: 8px;
	padding-left: 5px;
}

.calendarView .insideAppointment:first-child {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	width: 100%;
}

.calendarView .linkToDay {
	cursor: pointer;
}

.calendarView .offAllowedRange {
	background-color: gray !important;
	color: red !important;
}

.calendarView .line {
	border-top: 3px dotted red;
	height: 4px;
	z-index: 3;
	position: absolute;
}

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

.calendarView .noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Splitter View */
.splitterView {
	overflow: hidden;
}

.splitterViewPanel {
	height: 100%;
	float: left;
	position: relative;
}

/* Route Planner */
.routePlanView .mapPanel {
	width: 60%;
	height: 100%;
	position: absolute;
	left: 0px;
}

.routePlanView .infoPanel {
	width: 40%;
	height: 100%;
	position: absolute;
	left: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: auto;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	z-index: 100;
	border-radius: 2px;
}

.routePlanView .infoPanel .filter {
	width: 100%;
	position: relative;
	flex: 0 0 auto;
}

.routePlanView .infoPanel .itinerary {
	position: relative;
	flex: 1 1 auto;
}

.routePlanView .infoPanel .filter .detailView {
	/*override*/
	position: relative;
}

.itineraryView {
	margin: 0px;
	padding: 0px;
	background-color: #f0f0f4;
	box-sizing: border-box;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	overflow-x: hidden;
}

.itineraryView header {
	width: 100%;
	margin: 0.7em 0;
}

.itineraryView footer {
	width: 100%;
	text-align: center;
	margin-top: 1em;
}

.itineraryView h1 {
	font-size: 1.2em;
	font-weight: 600;
}

.itineraryView header > h1 {
	margin: 0.5em 1em;
}

.itineraryView select,
.itineraryView input {
	border: none;
	background: none;
	font-size: 1em;
	min-height: 1em;
}

.itineraryView input::-webkit-clear-button {
	display: none;
}

.itineraryView li {
	list-style: none;
}

.itineraryView .edititem {
	margin: 0;
	background-color: white;
	border: 1px solid #e2e2e2;
	padding: 0.2em 0.8em;
}

.itineraryView .editcol {
	width: 100%;
}

.itineraryView .button {
	cursor: pointer;
}

.itineraryView .nowrap {
	white-space: nowrap;
}

.itineraryView a.roundedchar {
	text-decoration: none;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}

/* MapView */
.mapView {
	display: flex;
	flex-direction: column;
}

.mapView input {
	flex: 0 0 auto;
}

.mapView .map {
	flex: 1 1 auto;
}

/* MyRoute Section*/
.itineraryView section.myroute table {
	margin: 0 1em 0 0.7em;
	border-collapse: collapse;
}

.itineraryView .routeitem {
	height: 3em;
	cursor: pointer;
}

.itineraryView .draghandle {
	float: right;
	display: inline-table;
	margin: 0;
}

.itineraryView .draghandle > img {
	width: 1.5em;
	padding: 0.4em 0 0 0.4em;
}

.itineraryView .dropindicator {
	display: none;
}

.itineraryView .dropindicator.dragover {
	display: table-row;
}

.itineraryView .itineraryitem {
	display: table-row;
	height: 3em;
	font-size: 0.8em;
}

.itineraryView .arrival {
	font-size: 0.8em;
	text-align: right;
}

.itineraryView a.fixbutton {
	float: right;
	margin-left: 0.2em;
	font-weight: bold;
	color: white;
	background-color: red;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
}

.itineraryView a.itemnumber {
	margin: 0 0.5em;
	display: inline-block;
	background-color: #0066cc;
	color: white;
	width: 2em;
	height: 2em;
	line-height: 2em;
}

.itineraryView .startendicon {
	margin: 0 0.5em;
	width: 2em;
	height: 2em;
	line-height: 2em;
	background-position: center;
	background-size: 1em;
	background-repeat: no-repeat;
	border-radius: 50%;
	vertical-align: middle;
}

.itineraryView .timecell {
	font-style: italic;
	font-size: 0.95em;
}

.itineraryView .routeiteminfo {
	width: 100%;
	border: 1px solid #e2e2e2;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.itineraryView .startDateHolder {
	width: 100%;
	display: table;
}

.dateCell {
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px 10px;
	background-color: #ebebeb;
}

.itineraryView .startDateHolder > * {
	display: table-cell;
	vertical-align: middle;
}

.itineraryView .startDateHolder img {
	max-height: 1.5em;
	vertical-align: middle;
}

.itineraryView .startDateHolder input {
	padding: 0.5em;
	color: #0066cc;
	text-align: center;
}

/* Editor Header */
.itineraryView header.titlebar {
	display: table-row;
	width: 100%;
	vertical-align: top;
}

.itineraryView header.titlebar > .button {
	display: table-cell;
	font-weight: 600;
	color: #0066cc;
}

.itineraryView header.titlebar > .button > img {
	max-height: 1.5em;
}

.itineraryView header.titlebar > span {
	display: table-cell;
	width: 100%;
	font-weight: 700;
	padding: 0 1em;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.itineraryView .buttonpopup {
	position: absolute;
}

.itineraryView .buttonpopuplist {
	position: relative;
	margin: 0;
	left: -100%;
	text-align: center;
	text-overflow: ellipsis;
	max-width: 90vw;
}

.itineraryView .buttonpopuplistitem {
	background-color: white;
	padding: 0.8em 1em;
	border: 1px solid #e2e2e2;
}

.itineraryView .buttonpopuplistitem:not(:first-child) {
	border-top: none;
}

/* Editor */
.itineraryView .editor {
	padding: 1em;
}

.itineraryView .editor main {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-top: 1em;
}

.itineraryView .editor hr {
	display: table-row;
	height: 1px;
}

.itineraryView .editor footer {
	color: #0066cc;
	font-weight: 600;
	margin-bottom: 1em;
}

.itineraryView .editor .edititem {
	display: table-row;
}

.itineraryView .editor .edititem:not(:first-child) {
	border-top: none;
}

.itineraryView .editor .edititem > * {
	display: table-cell;
	white-space: nowrap;
}

.itineraryView .editor .edititem > label {
	font-weight: 600;
	padding: 0.7em 0 0.7em 1em;
}

.itineraryView .editor .edititem > .editcol {
	width: 100%;
	padding: 0.7em 1em 0.7em 0.8em;
}

.itineraryView .editor .edititem input {
	width: 100%;
}
/** LocationTracking */
.locationTrackingView {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.locationTrackingView .lt-infopanel {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 500px;
	flex: 1 0 500px;
	padding: 10px 20px;
	position: relative;
	background-color: #ebebeb;
}

.locationTrackingView * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #7f7f7f;
	font-weight: 300;
}

.locationTrackingView button {
	background: none;
	border: none;
	width: auto;
}

.locationTrackingView p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.locationTrackingView a {
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #1724da;
}

.locationTrackingView i {
	font-size: 3em !important;
	vertical-align: middle;
}

.locationTrackingView strong {
	color: #022933;
}

.locationTrackingView svg {
	width: auto;
}

.locationTrackingView input {
	font-family: inherit !important;
}

.locationTrackingView .lt-user-search {
	border: 1px solid #ccc;
	padding: 5px 10px;
	background-color: #ebebeb;
}

.locationTrackingMapTitle {
	text-align: center;
}
.locationTrackingMapTitle b {
	font-size: 1.1em;
}

.locationTrackingView .lt-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-flex: 8;
	-ms-flex-positive: 8;
	flex-grow: 8;
	width: 100%;
}

.locationTrackingView .lt-header .icon {
	position: relative;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	-ms-flex-item-align: center;
	align-self: center;
	margin: 10px 20px 10px 0;
}

.locationTrackingView .icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*border-radius: 20%;
		width: 50px;
		height: 50px;*/
}

.locationTrackingView .lt-header .main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	margin-right: auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.locationTrackingView .lt-header .main .lt-title {
	-ms-flex-item-align: center;
	align-self: center;
}

.locationTrackingView .lt-header .main .lt-title p {
	font-size: 1.4em;
	color: #000000;
	font-weight: 700;
}

.locationTrackingView .lt-header .button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.locationTrackingView .lt-header .button i {
	margin: auto;
}

.locationTrackingView .card {
	margin: 20px 0;
}

.locationTrackingView .card .card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 10px 0px;
}

.locationTrackingView .card .card-list {
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	border: 1px solid #ccc;
}

.locationTrackingView .card .card-list .card-list-datePicker {
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.locationTrackingView .card .card-list .card-list-datePicker input {
	-ms-flex-item-align: center;
	align-self: center;
	border-radius: 5px;
}

.locationTrackingView .slidecontainer {
	text-align: center;
	padding: 1em;
}

.locationTrackingView .slider {
	width: calc(100% - 2em);
	/*overflow: hidden;

	&::-webkit-slider-thumb {
	box-shadow: -100vw 0 0 100vw dodgerblue;
	}*/
}

.locationTrackingView .animate:focus,
.locationTrackingView .card-list-row-button:focus {
	outline: none;
}

.locationTrackingView .slider-legend {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.locationTrackingView .card .card-list .card-list-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding: 10px;
}

.locationTrackingView .card .card-list .card-list-row:hover {
	background-color: #cae6ff;
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-icon {
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	-ms-flex-item-align: center;
	align-self: center;
	margin-right: 10px;
}

.locationTrackingView .card-list-row-icon img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.locationTrackingView .markerLegend-icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAWFMRmEAu0Pl8QAAArpJREFUWAntmb9uE0EQxu8IIvyJEI0t0oEQEqKySyQ/AJVLJFpKHoECoTxEREWLlNJIPIEfwAUlEKAJshsESUhIwvH9NjenveNOMWi9WOhG+rRze7Mz387OWdpxmkiyJEsZl1XSJM3O15HTi3OaN8TaRKaYP4ESx1iSElERhNSKcEN4KNwVrggxZE9B3ggvxeOTyB77QV22OPqcJMRvC0+EbwKk2WkMgcuJcFXYEN4Lx+KmukxPazMnCslbwlMBknb0UqMJR25kn0nfJrMQhUwihXFV4Lh3BTLp3mlkpzGgMC4mCaMM4LKac0usRo3oHb2EqC+xjt5iWlL4PkjeoXBiWWO8IFwWlkXgAifH0YiyC47bhOd/JX5sOLlnO3pI+QYFyel0+mAymeyMx+Od0Wj0WXq1NApbU3q93tpwOLw+GAzWpa93u92tv/HjczJyFzXZETaFaW7gajPLskd6LmQ2m+1WiVeJdTqdtWKBlDRNX8zjJ18DJ2J3hcfCTDj4Y6JaVJI6EiUDPcxrk6+rJWo1WvW9dM8t0dBH0ma0zWjoDIT219Zom9HQGQjtr63RNqOhMxDaX1ujoTPq35nm8l29irCo3+9v+Xek6lWkznGdnzo7mzuTaNVh3eWOOeGtnIKkeodibh4/2DXJmXempoULnP9/7kxcUb8Ly/BLAId9oWgnGSkm6KJRY+iFgfTYYvHfKTA9UsfFiNLu+yG8FmI1bhWqUWhgvBKOBLgV/SYKGNA5+yjcEzCyjdj7RY4Wi0buc+GDQJ8WHr81cumgXRNo6N4Xbgq0e2LIgYJsC5wq4xdh3xq5ZEhFUGqNX9IUuyL9kOS31tlpXJRQh9QjZGnCfRUcSY0K7v0rIrIYHzGpkQ+Lr47+ZNH6k74osZh8J5TfIZn0gzVlinoxNNn4fkLokOXDMYTwGd/HL7XULJ0JuqnhAAAAAElFTkSuQmCC);
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 5px 10px;
	-ms-flex-item-align: center;
	align-self: center;
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-main .card-list-row-main-title {
	margin: 0;
	margin-bottom: 5px;
}
.locationTrackingView .card .card-list .card-list-row .card-list-row-main .card-list-row-main-icon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 5px;
	vertical-align: middle;
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-main .card-list-row-main-title p {
	display: inline-block;
	font-size: 1.2em;
	color: #000000;
	vertical-align: middle;
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-main .card-list-row-main-title svg {
	height: 1.5em;
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-main .card-list-row-main-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 1.4;
}

.locationTrackingView .card .card-list .card-list-row .card-list-row-button {
	-ms-flex-item-align: center;
	align-self: center;
}

.locationTrackingView .card .card-list .card-list-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.locationTrackingView .card .card-list .card-list-column {
	text-align: center;
	padding: 15px 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.locationTrackingView .card .card-list .card-list-column:hover {
	background-color: #cae6ff;
}

.locationTrackingView .card .card-list .card-list-column p {
	text-align: center;
}

.locationTrackingView .card .card-list .card-list-column p {
	padding-left: 10px;
	line-height: 1.5em;
}

.locationTrackingView .card .card-list .card-list-column strong {
	display: block;
}

.locationTrackingView .card .card-list .card-list-divider {
	height: 0;
	border-top: 1px solid #e6e6e6;
}

.locationTrackingView .card .card-list .card-list-divider-vertical {
	border-left: 1px solid #e6e6e6;
}

.locationTrackingView .card .card-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.locationTrackingView .material-icons {
	display: inline-block;
	height: 1em !important;
	width: 1em !important;
	background-repeat: no-repeat;
	background-position: center center;
}

.locationTrackingView .button_play {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHISURBVDiNlZRNaxNRFIafO7Z2E5yAKLquxYhdCP4AKfhRuhZ/gtuoLYgEFw0iQl0IxUpAIhQXbtw02mRSpAvXLiWT1lqkSMWmzaSNYpJxXhdmyihNmTzL9577cM7hcg3l5CUj5QBLMjl2vVlu0KYPjHFsFzgbyVaFNcm1eiGuxAJGAIoXX3M+kQIYMQQLxrEdlhLn4rXi2DKOLUnqBB3lNl7o5PKwunnHcuwci4kTsSUhO+260pW7GiwfD2XblJNplhmILQlxmyua+HA9FMk4doXSsfG+JCEL34s68/5CRJYssGgP7zuMYwsguOodOnYraPHkyzMerj9mz28C/DIyM8GQl40tCdlsfSOzmmV+8xWBAgyat2LdjHB66BT50TlmUzMASGbi4G3H7ATAGL2NLem5k93GdCxJYavEneo91n6udxPzRkeU1mXvM9Dj8XRxf6wwWc1QrC3tR5JuM94oResOlNQ7HtNrj5jbeI4vH2BHxmQZ9J4yhv9//T8SXz75ry+5/+kBW+0agG8gHxwNMozt1Xp1PAAEgOVsv2OqmuFj0w3PyrJ+39KVZuWwkeHvi60AqUjW/38iWTeBCuBKZkqNxmg/AoA/eKsxBi3g0ccAAAAASUVORK5CYII=);
}

.locationTrackingView .button_stop {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACNSURBVDiN7dOhFsFQGMDx33bmSPQt8B54lMmSaA3BW4j2KvYginVRuYKhKFd09k+3fL/z3fAl1mFo5IASubhaidrANuuQTSTwKhdU7kLWbaJZMZvEKc2FxREsU913YhGYT9/PIo0f/14P9dD/Qi3PA4zt/Jm5ZhK1oOqu+LcSp8zNzhhBiSKSuKI2sH8A1n4chW3zMeIAAAAASUVORK5CYII=);
}

.locationTrackingView .icon_navigate {
	width: 50px;
	color: #fff;
}

.locationTrackingView .icon_navigate .cls-1 {
	fill: none;
}

.locationTrackingView .icon_navigate .cls-2 {
	fill-rule: evenodd;
	opacity: 0.54;
}

.locationTrackingView .icon-tracking {
	width: 50px;
	margin-right: 10px;
}

.locationTrackingView .icon-tracking .cls-1 {
	fill: #e3a476;
}

.locationTrackingView .icon-tracking .cls-2 {
	fill: #fff;
}

.locationTrackingView .icon-person {
	width: 45px;
}

.locationTrackingView .icon-close {
	width: 50px;
}
.locationTrackingView .icon-close svg {
	width: 50px;
}

.locationTrackingView .icon-close .cls-1 {
	fill: none;
}

.locationTrackingView .icon-close .cls-2 {
	fill: #208bd9;
	fill-rule: evenodd;
}

.locationTrackingView .icon-userselection {
	width: 1.5em;
	margin: 10px;
}
.locationTrackingView .icon-more {
	width: 15px;
	margin: 10px;
}

.locationTrackingView .icon-more .cls-1 {
	fill-rule: evenodd;
	opacity: 0.3;
}

.locationTrackingView input[type="range"] {
	-webkit-appearance: none;
	background: transparent;
	margin: 12px 0;
	width: 100%;
	border: 0;
}

.locationTrackingView input[type="range"]::-moz-focus-outer {
	border: 0;
}

.locationTrackingView input[type="range"]:focus {
	outline: 0;
}

.locationTrackingView input[type="range"]::-webkit-slider-runnable-track {
	cursor: default;
	height: 8px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 100%;
	background: #ebebeb;
	border: 0;
	border-radius: 5px;
}

.locationTrackingView input[type="range"]::-webkit-slider-thumb {
	-webkit-box-shadow:
		4px 4px 4px rgba(0, 0, 0, 0.2),
		0 0 4px rgba(13, 13, 13, 0.2);
	box-shadow:
		4px 4px 4px rgba(0, 0, 0, 0.2),
		0 0 4px rgba(13, 13, 13, 0.2);
	background: #607d8b;
	border: 2px solid #0066cc;
	border-radius: 12px;
	cursor: default;
	height: 24px;
	width: 24px;
	-webkit-appearance: none;
	margin-top: -10px;
}

.locationTrackingView input[type="range"]::-moz-range-track {
	box-shadow:
		1px 1px 1px rgba(0, 0, 0, 0.2),
		0 0 1px rgba(13, 13, 13, 0.2);
	cursor: default;
	height: 8px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 100%;
	background: #eceff1;
	border: 2px solid #cfd8dc;
	border-radius: 5px;
	height: 4px;
}

.locationTrackingView input[type="range"]::-moz-range-thumb {
	box-shadow:
		4px 4px 4px rgba(0, 0, 0, 0.2),
		0 0 4px rgba(13, 13, 13, 0.2);
	background: #607d8b;
	border: 2px solid #eceff1;
	border-radius: 12px;
	cursor: default;
	height: 20px;
	width: 20px;
}

.locationTrackingView input[type="range"]::-ms-track {
	cursor: default;
	height: 8px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 100%;
	background: transparent;
	border-color: transparent;
	border-width: 12px 0;
	color: transparent;
}

.locationTrackingView input[type="range"]::-ms-fill-lower {
	box-shadow:
		1px 1px 1px rgba(0, 0, 0, 0.2),
		0 0 1px rgba(13, 13, 13, 0.2);
	background: #dde3e6;
	border: 2px solid #cfd8dc;
	border-radius: 10px;
}

.locationTrackingView input[type="range"]::-ms-fill-upper {
	box-shadow:
		1px 1px 1px rgba(0, 0, 0, 0.2),
		0 0 1px rgba(13, 13, 13, 0.2);
	background: #eceff1;
	border: 2px solid #cfd8dc;
	border-radius: 10px;
}

.locationTrackingView input[type="range"]::-ms-thumb {
	box-shadow:
		4px 4px 4px rgba(0, 0, 0, 0.2),
		0 0 4px rgba(13, 13, 13, 0.2);
	background: #607d8b;
	border: 2px solid #eceff1;
	border-radius: 12px;
	cursor: default;
	height: 20px;
	width: 20px;
	margin-top: 2px;
}

.locationTrackingView input[type="range"]:disabled::-webkit-slider-thumb {
	cursor: not-allowed;
}

.locationTrackingView input[type="range"]:disabled::-moz-range-thumb {
	cursor: not-allowed;
}

.locationTrackingView input[type="range"]:disabled::-ms-thumb {
	cursor: not-allowed;
}

.locationTrackingView input[type="range"]:disabled::-webkit-slider-runnable-track {
	cursor: not-allowed;
}

.locationTrackingView input[type="range"]:disabled::-ms-fill-lower {
	cursor: not-allowed;
}

.locationTrackingView input[type="range"]:disabled::-ms-fill-upper {
	cursor: not-allowed;
}

.locationTrackingSwitch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
}

.locationTrackingSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.locationTrackingSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.locationTrackingSlider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked + .locationTrackingSlider {
	background-color: #2196f3;
}
input:focus + .locationTrackingSlider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked + .locationTrackingSlider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.locationTrackingSlider.round {
	border-radius: 34px;
}

.locationTrackingSlider.round:before {
	border-radius: 50%;
}

/** RescoDatePicker */

.rescoDatePicker {
	position: absolute;
	border: 1px solid black;
	text-align: center;
	cursor: default;
	user-select: none;
	box-shadow:
		0 1px 3px rgba(0, 0, 0, 0.12),
		0 1px 2px rgba(0, 0, 0, 0.24);
	z-index: 3;
	margin-top: 0.3em;
	background-color: white;
}

.rescoDatePicker .header {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	text-align: center;
	align-content: space-around;
}

.rescoDatePicker .header > div:first-child,
.rescoDatePicker .header > div:last-child {
	flex-grow: 1;
	width: 20%;
}

.rescoDatePicker .header > div:first-child > .arrow:hover,
.rescoDatePicker .header > div:last-child > .arrow:hover,
.rescoDatePicker .header div:nth-child(2):not([data-actualviewtype="2"]):hover,
.rescoDatePicker .contentSection .dates .row .dateValue[data-isactual="true"]:hover {
	border: 1px solid #0066cc;
}

.rescoDatePicker .header div:nth-child(2) {
	flex-grow: 3;
	width: 60%;
}

.rescoDatePicker .header .arrow {
	background-position: center center;
	background-repeat: no-repeat;
}

.rescoDatePicker .contentSection .days {
	border-bottom: 1px gray solid;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	font-size: 0.8em;
	color: gray;
}

.rescoDatePicker .contentSection .days .dayName {
	flex-grow: 1;
	width: 14%;
}

.rescoDatePicker .contentSection .dates .row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
	width: 100%;
}

.rescoDatePicker .contentSection .dates .row .dateValue {
	flex-grow: 1;
	width: 14%;
}

.rescoDatePicker .contentSection .dates .row .dateValue[data-isactual="false"] {
	color: lightgray;
}

.rescoDatePicker .contentSection .dates .row .dateValue[data-istoday="true"] {
	color: #0066cc;
}

.rescoDatePicker .contentSection .dates .row .dateValue[data-isactualdate="true"]:not([data-istoday="true"]) {
	border: #0066cc;
	background-color: #0066cc;
	color: white;
}

/** END RescoDatePicker */

/** RescoInputDatePicker, RescoInputTimePicker */

.rescoInputDatePicker,
.rescoInputTimePicker {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	justify-content: space-around;
	border: 1px solid gray;
}

.rescoInputDatePicker[data-isEditable="false"],
.rescoInputTimePicker[data-isEditable="false"] {
	color: gray;
	border: 1px solid lightgray;
}

.rescoInputDatePicker .inputPart,
.rescoInputTimePicker .inputPart {
	flex: 4;
	margin: 0 0.3em;
}

.rescoInputDatePicker .inputPart input,
.rescoInputTimePicker .inputPart input {
	border: none;
	width: 100%;
}

.rescoInputDatePicker[data-isEditable="false"] .inputPart input,
.rescoInputTimePicker[data-isEditable="false"] .inputPart input {
	color: gray;
	border-color: lightgray;
}

.rescoInputDatePicker .rescoDatePickerPart,
.rescoInputTimePicker .rescoTimePickerPart {
	flex: 1;
	margin: 0 0.3em;
	background-repeat: no-repeat;
	background-position: right center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.rescoInputDatePicker .rescoDatePickerPart .icon,
.rescoInputTimePicker .rescoTimePickerPart .icon {
	background-repeat: no-repeat;
	background-position: center center;
}

.rescoInputDatePicker .rescoDatePickerPart .icon.defaultIcon,
.rescoInputTimePicker .rescoTimePickerPart .icon.defaultIcon {
	transition: transform 0.5s;
	transform: rotate(0deg);
}

.rescoInputDatePicker .rescoDatePickerPart .icon.rotateIcon,
.rescoInputTimePicker .rescoTimePickerPart .icon.rotateIcon {
	transition: transform 0.5s;
	transform: rotate(180deg);
}

/** END RescoInputDatePicker, RescoInputTimePicker */

/** RescoTimePicker */

.rescoTimePicker {
	position: absolute;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	border: 1px solid gray;
	z-index: 2;
	cursor: default;
	background-color: white;
	box-shadow:
		0 1px 3px rgba(0, 0, 0, 0.12),
		0 1px 2px rgba(0, 0, 0, 0.24);
	margin-top: 0.3em;
}

.rescoTimePicker .hoursPart,
.rescoTimePicker .minutesPart,
.rescoTimePicker .periodPart {
	width: 50%;
	text-align: center;
}

.rescoTimePicker .hoursPart > div,
.rescoTimePicker .minutesPart > div,
.rescoTimePicker .periodPart > div {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rescoTimePicker .hoursPart .button,
.rescoTimePicker .minutesPart .button,
.rescoTimePicker .periodPart .button {
	height: 20%;
}

.rescoTimePicker .hoursPart .button .arrow,
.rescoTimePicker .minutesPart .button .arrow,
.rescoTimePicker .periodPart .button .arrow {
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}

.rescoTimePicker .hoursPart .hour,
.rescoTimePicker .minutesPart .minute,
.rescoTimePicker .periodPart .period {
	height: 20%;
	color: #0066cc;
	background-color: white;
	font-size: 0.9em;
}

.rescoTimePicker .hoursPart .hour.actual {
	border-right: 1px solid #0066cc;
}

.rescoTimePicker .periodPart .period.actual {
	border-left: 1px solid #0066cc;
}

.rescoTimePicker .hoursPart .hour.actual,
.rescoTimePicker .minutesPart .minute.actual,
.rescoTimePicker .periodPart .period.actual {
	border-top: 1px solid #0066cc;
	border-bottom: 1px solid #0066cc;
	font-size: 1.3em;
}

.rescoInvisibleControlLayer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100vw;
	height: 100vh;
	background-color: rgba(192, 192, 192, 0.2);
}

/** END RescoTimePicker */

/* LOADER */
.sk-circle,
.sk-circle-small {
	position: relative;
	margin: 10px auto;
}

.sk-circle .sk-child,
.sk-circle-small .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-circle .sk-child:before,
.sk-circle-small .sk-child:before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle {
	width: 60px;
	height: 60px;
}

.sk-circle-small {
	width: 40px;
	height: 40px;
}

.sk-circle .sk-circle2,
.sk-circle-small .sk-circle2 {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-circle .sk-circle2:before,
.sk-circle-small .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-circle .sk-circle3,
.sk-circle-small .sk-circle3 {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-circle .sk-circle3:before,
.sk-circle-small .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-circle .sk-circle4,
.sk-circle-small .sk-circle4 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-circle .sk-circle4:before,
.sk-circle-small .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-circle .sk-circle5,
.sk-circle-small .sk-circle5 {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-circle .sk-circle5:before,
.sk-circle-small .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-circle .sk-circle6,
.sk-circle-small .sk-circle6 {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-circle .sk-circle6:before,
.sk-circle-small .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-circle .sk-circle7,
.sk-circle-small .sk-circle7 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-circle .sk-circle7:before,
.sk-circle-small .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-circle .sk-circle8,
.sk-circle-small .sk-circle8 {
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-circle .sk-circle8:before,
.sk-circle-small .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-circle .sk-circle9,
.sk-circle-small .sk-circle9 {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-circle .sk-circle9:before,
.sk-circle-small .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-circle .sk-circle10,
.sk-circle-small .sk-circle10 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-circle .sk-circle10:before,
.sk-circle-small .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-circle .sk-circle11,
.sk-circle-small .sk-circle11 {
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-circle .sk-circle11:before,
.sk-circle-small .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-circle .sk-circle12,
.sk-circle-small .sk-circle12 {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-circle .sk-circle12:before,
.sk-circle-small .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes sk-circleBounceDelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.serviceWorkerModal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.serviceWorkerModal-content {
	max-width: 450px;
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
	font-size: 14px;
}

.js-push-btn,
.js-disable-btn {
	margin-top: 20px;
	padding: 10px;
	width: 200px;
}

/* The Close Button */
.closeServiceWorkerModal {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-left: 30px;
}

.closeServiceWorkerModal:hover,
.closeServiceWorkerModal:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Space between buttons in flatpickr */
.shortcut-buttons-flatpickr-buttons > .shortcut-buttons-flatpickr-button {
	margin: 2px;
}

.detailItem .borderTop {
	width: 100%;
}

.detailItem .borderTop .editor {
	box-shadow: none;
}

.detailItem .borderTopLabel {
	padding: 0px 6px;
	line-height: normal;
}

.detailItem .left.borderTopLabel {
	margin-left: 16px;
}

.detailItem .right.borderTopLabel {
	margin-right: 16px;
}

