@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	height: 100%;
	overflow: hidden;
}

#blazor-error-ui {
	background: inherit;
	bottom: 0;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100001;
}

app {
	display: block;
	height: 100%;
}

.header-logo {
	flex-shrink: 0;
	background-image: url(../images/Logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	width: 180px;
	height: 36px;
}

.logon-viewsite div[data-item-name="PasswordHint"] + .xaf-static-text {
	width: 100%;
	line-height: 1rem;
	font-size: 0.75rem;
	opacity: .5;
}

h1 {
	text-align: center;
	font-size: 30px;
	color: darkorange;
	margin: 3%;
}

h2 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}

.copyright-text {
	color: #bdbdbd;
	text-align: center;
	font-size: 12px;
	font-weight: lighter;
	margin-bottom: 0px;
}

.groupbox-caption-underline {
	text-align: left;
	font-size: 30px;
	font-weight: normal;
	text-underline-position: under;
}

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

.login-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	font-size: 16px;
	padding: 50px;
	box-shadow: 1px 1px 5px 1px rgba(100, 100, 100, 0.5);
	border-radius: 5px;
}

.login-input {
	margin-bottom: 10px;
	width: 100%;
	padding: 3px;
	border-width: thin;
	border-color: lightgray;
}

.icon-image-16 {
	width: 16px !important;
	height: 16px !important;
}

.icon-image-24 {
	width: 24px !important;
	height: 24px !important;
}

.icon-image-32 {
	width: 32px !important;
	height: 32px !important;
}

.image-text-container {
	display: flex;
	align-items: center;
}

.banner-image {
	max-height: 50px;
	max-width: auto;
	padding: 0px 0px 0px 20px;
}

.pagedef-image {
	max-width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: contain;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.pagedef-titleimage {
	padding: 3px;
}

.pagedef-title {
	font-size: 3rem;
	padding: 3px;
}

.pagedef-message {
	margin-top: 5px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	max-width: 880px;
}

.wizard-page {
	margin: auto;
	text-align: center;
}

.button-bar {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 7px 0px 7px;
}

.button {
	margin: 3px;
}

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

.icon-warning {
	background-image: url(../images/warning.svg);
}

/* Sidebar */
/*.sidebar {
	min-width: 200px;
	max-width: 200px;
}*/

/* Set image properties */
.dxbl-toolbar-btn .dxbl-image,
.dxbl-btn.dxbl-dropdown-item .dxbl-image {
	max-width: 16px;
	width: 16px;
	max-height: 16px;
	height: 16px;
}

 /* Menu Links - Remove underline */
.dxbl-accordion-group .clickable-xaf-nav-item > a .xaf-nav-link, .clickable-xaf-nav-item > div > a .xaf-nav-link has-children {
	text-decoration: none;
}

/* Filter */
.dxbl-accordion-group > .dxbl-accordion-group-header {
	cursor: pointer;
	background-color: inherit;
}

/* Tree View */
.treeview-template .nav-pills .nav-pills {
	height: auto;
}

.treeview-template h5 {
	margin-bottom: .1rem;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.2;
}

.treeview-template .treeview-template-icon {
	padding: 5px;
	width: 30px;
	height: 30px;
}

.treeview-template .treeview-expand-btn {
	background-color: currentColor;
	width: 1.0em;
	height: 1.0em;
}

	.treeview-template .treeview-expand-btn .expanded {
		-webkit-mask-image: url("images/chevron-down.svg");
		mask-image: url("images/chevron-down.svg");
	}

	.treeview-template .treeview-expand-btn .collapsed {
		-webkit-mask-image: url("images/chevron-right.svg");
		mask-image: url("images/chevron-right.svg");
	}

/* Scheduler */
.calendar {
	overflow-y: auto;
	height: 80vh;
}

dxbl-sc-timeline .dxbl-sc-empty-cell {
	width: 200px !important;
}

.dxbl-sc-resources-scroll-area {
	width: 200px !important;
}

.dxbl-sc-timeline .dxbl-v-resource-header .dxbl-resource-header-content > span {
	transform: inherit !important;
	writing-mode: inherit !important;
}

/* Scheduler Views */
.calendar-timelineview .dxbl-sc-resources-scroll-area, .calendar-timelineview .dxbl-sc-empty-cell {
	width: 200px;
}

.calendar-timelineview.dxbl-sc-timeline .dxbl-sc-horizontal-view > tbody > tr:not(:first-child) > td,
.calendar-timelineview.dxbl-sc-timeline .dxbl-sc-resource-headers > tbody > tr > td {
	height: 40px;
}

.calendar-timelineview .dxbl-v-resource-header .dxbl-resource-header-content > span {
	transform: initial;
	-ms-transform: initial;
	-webkit-transform: initial;
	writing-mode: initial;
	-ms-writing-mode: initial;
	-webkit-writing-mode: initial;
	white-space: nowrap;
}

/* Prevent timeline resource text from being centered */
.dxbl-scheduler .dxbl-v-resource-header .dxbl-resource-header-content {
	-webkit-justify-content: unset !important;
	justify-content: unset !important;
}

/* Vertical appointments/resources */
.scheduler-v-appointment {
	overflow: hidden;
	height: 100%;
	box-shadow: .125rem .25rem rgba(34,34,34,0.15);
}

.scheduler-v-resource-parent {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 600;
}

.scheduler-v-resource-child {
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* Horizontal appointments/resources */
.scheduler-h-appointment {
	width: 100%;
	box-shadow: .125rem .25rem rgba(34,34,34,0.15);
}

.scheduler-h-resource-parent {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 600;
}

.scheduler-h-resource-child {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Force background color of tooltips */
.dxbl-sc-hint.dxbl-sc-tooltip .dxbl-sc-tooltip-container {
	background-color: whitesmoke !important;
}

/* Allows context menu to work on empty time cells */
.scheduler-timecell {
	height: 100% !important;
}


/* Remove padding on timeline date headers so we can create custom content that fills the entire cell */
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-date-hr {
	padding: 0px !important;
}

/* Remove padding on timeline time cells so we can create custom content that fills the entire cell */
.dxbl-scheduler .dxbl-sc-table > tbody > tr > td, .dxbl-scheduler .dxbl-sc-table > tbody > tr > th, .dxbl-scheduler .dxbl-sc-table > tfoot > tr > td, .dxbl-scheduler .dxbl-sc-table > tfoot > tr > th, .dxbl-scheduler .dxbl-sc-table > thead > tr > td, .dxbl-scheduler .dxbl-sc-table > thead > tr > th {
	padding: 0px !important;
}

hr.divider {
	margin: 1px;
	border-width: 1px;
	border-bottom: hidden;
	color: black;
}

.confirmation-dialog-content {
	text-align: right;
}

/* Icon Urls */
.editIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/edit.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.deleteIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/delete.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.closeIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/close.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.exportIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/export.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.emailIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/email.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.docuSignIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/docusign.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.adobeSignIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/adobesign.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.documentIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/document.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.loadTemplateIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/lettertemplate.svg");
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

.spellCheckIcon::before {
	content: "icn";
	color: transparent;
	display: inline-block;
	background-image: url("../images/spellcheck.svg");
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

.messageBox-text {
	white-space: pre-line;
}