@font-face {
	font-family: "Roboto-Regular";
	src: url("/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto-Bold";
	src: url("/fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto-Medium";
	src: url("/fonts/Roboto-Medium.ttf") format("truetype");
}

::-webkit-scrollbar {
	width: 4px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background-color: #466492;
	border-radius: 2px;
}

* {
	scrollbar-width: thin;
}

a {
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

	a.button {
		font-variant: normal;
		font-weight: normal;
		font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
		font-size: 10pt;
		color: #FFF;
		border: 1px solid #28AC58;
		border-radius: 4px;
		background-color: #28AC58;
		padding: 5px 20px 5px 20px;
		margin: 4px;
		cursor: pointer;
	}

	a.download {
		font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
		color: #000;
		font-variant: normal;
		font-weight: normal;
	}

	a.link {
		font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
		font-size: 9pt;
		font-variant: normal;
		border: none;
		background-color: transparent;
		padding: 0;
		cursor: pointer;
		color: #000;
		font-weight: normal;
		text-transform: none;
	}

	a.plain {
		font-variant: normal;
		text-decoration: underline;
		color: #000;
	}

	a.plain2 {
		font-variant: normal;
		font-weight: normal;
	}

.ajax_container {
	display: flex;
	justify-content: center;
}

.ajax_container.sub {
	flex-direction: column;
}

.ajax_container.normal {
	display: block;
}


.alarm_bar {
	flex-shrink: 0;
	height: 33px;
	line-height: 33px;
	white-space: nowrap;
	cursor: pointer;
}

.alarm_flash {
	width: 26px;
	height: 26px;
	margin-left: 8px;
	margin-right: 4px;
	margin-top: 4px;
	cursor: pointer;
}

.alarm_popup {
	position: absolute;
	display: none;
	flex-flow: column;
	z-index: 2999;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 4px;
	border-left: 1px solid #466492;
	border-right: 1px solid #466492;
	border-bottom: 1px solid #466492;
	border-top: none;
	background-color: #F5F5F5;
	width: 300px;
}

.alarm_switch {
	width: 30px;
	height: 28px;
	text-align: right;
	vertical-align: top;
	background-image: url(/images/notifications-active_B2505.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 24px auto;
	cursor: pointer;
}

	.alarm_switch.off {
		background-image: none;
		cursor: default;
	}

.app_selector {
	border: 1px solid #466492;
	border-radius: 6px;
	width: 36px;
	height: 12px;
	cursor: pointer;
}

	.app_selector.inactive {
		opacity: 0.3;
	}

/*.app_selector_wrapper {
	display: inline-block;
	border: 2px solid transparent;
	border-radius: 12px;
	padding: 1px 2px 1px 2px;
}*/

.app_selector_wrapper {
	display: inline-block;
	border: 1px solid #466492;
	background-color: #F6F8FB;
	border-radius: 4px;
	width: 40px;
	height: 36px;
	box-sizing: border-box;
	background-image: url(/images/briefcase_466492.svg);
	background-position: center;
	background-size: 20px auto;
	background-repeat: no-repeat;
	margin-right: 6px;
	cursor: pointer;
}

	.app_selector_wrapper.selected {
		background-color: #466492;
		background-image: url(/images/briefcase_FFFFFF.svg);
	}

	.app_selector_wrapper.inactive {
		border: 1px solid #9E9E9E;
		background-color: #F6F6F6;
		background-image: url(/images/briefcase_9E9E9E.svg);
	}

		.app_selector_wrapper.inactive.selected {
			background-color: #9E9E9E;
			background-image: url(/images/briefcase_FFFFFF.svg);
		}

	.app_selector_wrapper.interview_batch {
		background-image: url(/images/interview_466492.svg);
	}

	.app_selector_wrapper.new_app {
		background-image: url(/images/add_466492.svg);
	}


.application_date {
	margin-left: 6px;
	font-size: 9pt;
	font-weight: normal;
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
}


.application_question {
	padding: 6px;
	margin-bottom: 6px;
	border: 1px solid #466492;
	background-color: #F0F4FA;
	border-radius: 4px;
	min-width: 300px;
}


	.application_question.sub {
		margin-left: 12px;
	}


.appointment_calendar {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	border: 1px solid #466492;
	background-color: #F5F5F5;
	height: 344px;
}


.appt_day {
	display: inline-block;
	border: 1px solid #466492;
	border-radius: 3px;
}

.appt_day_header {
	background-color: #466492;
	padding: 4px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #FFF;
	font-size: 10pt;
	text-align: center;
}

	.appt_day_header.weekend {
		background-color: #888;
	}

.appt_slot {
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 3px;
	color: #466492;
	font-size: 10pt;
	padding: 4px 0 4px 0;
	text-align: center;
	margin: 1px 1px 0 1px;
	cursor: pointer;
}

	.appt_slot.selected {
		border: 1px solid #466492;
		background-color: #466492;
		color: #FFF;
	}

	.appt_slot.passed {
		border: 1px solid #DDD;
		background-color: #DDD;
		color: #DDD;
		cursor: default;
	}


.appt_slot_day {
	background-color: #DDD;
	border: 1px solid #DDD;
}

.arrow_back {
	width: 100%;
	height: 28px;
	padding-top: 3px;
	box-sizing: border-box;
	background-color: #DBDD09;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
	cursor: pointer;
}

	.arrow_back.disabled {
		cursor: not-allowed;
		opacity: 0.25;
	}

.bar_step {
	box-sizing: border-box;
	padding: 4px;
	border-radius: 14px;
	display: inline-block;
	min-width: 28px;
	text-align: center;
	color: #000;
	font-size: 10pt;
	font-weight: bold;
}

	.bar_step.job {
		color: #FFF;
		background-color: #466492;
	}

.body {
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11pt;
	color: #000;
	padding: 0;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}

	.body.scroll {
		overflow: auto;
	}

	.body.visible {
		opacity: 1;
	}

button, input[type="submit"] {
	font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	color: #FFF;
	border: 1px solid #28AC58;
	border-radius: 4px;
	background-color: #28AC58;
	padding: 5px 20px 5px 20px;
	margin: 4px;
	cursor: pointer;
}

	button:active, input[type="submit"]:active {
		outline: 0;
	}

	button:disabled, input[type="submit"]:disabled {
		border: 1px solid #CCC;
		background-color: #CCC;
		color: #EEE;
		cursor: default;
	}

	button.alt {
		color: #466492;
		background-color: #F6F8FB;
		border: 1px solid #466492;
	}

	button.link {
		font-size: 9pt;
		border: none;
		background-color: transparent;
		padding: 0;
		margin: 0;
		cursor: pointer;
		color: #000;
		font-weight: normal;
		text-transform: none;
	}

		button.link.warn {
			color: #B25050;
		}

	button.orange {
		background-color: #FF790E;
		color: #FFF;
		font-weight: normal;
		font-size: 9pt;
		text-align: center;
		border-radius: 8px;
		border: none;
		padding: 1px 9px 1px 9px;
	}

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

	button.status {
		border-radius: 12px;
		border: none;
		padding: 5px;
		font-size: 8pt;
		font-weight: bold;
		background-color: #B25050;
		color: #FFF;
		white-space: nowrap;
		text-transform: initial;
	}

		button.status.off {
			background-color: #DDD;
		}

	button.thin {
		font-size: 10pt;
		font-variant: small-caps;
		border: none;
		background-color: transparent;
		padding: 0;
		cursor: pointer;
		color: #000;
		font-weight: bold;
	}

		button.thin.highlight {
			color: #B25050;
		}

		button.thin.current {
			text-decoration: underline;
		}

		button.thin:focus {
			outline: 0 !important;
		}





.button_connect {
	color: #466492;
	padding: 4px 1px 4px 1px;
	text-align: center;
	border: 1px solid #466492;
	background-color: #F6F8FB;
	border-radius: 4px;
	font-size: 9pt;
	cursor: pointer;
}

	
	

.cal_cell {
	text-align: center;
	padding: 4px 0 4px 0;
	font-size: 9pt;
	font-weight: bold;
	border: 1px solid #FFF;
	cursor: pointer;
}

	.cal_cell.active {
		border: 1px solid #B25050 !important;
	}

	.cal_cell.disabled {
		cursor: default;
	}

	.cal_cell.selected {
		background-color: #28AC58 !important;
		color: #FFF;
	}

	.cal_cell.clicked {
		color: #B25050;
	}

	.cal_cell.range {
		background: repeating-linear-gradient( 45deg, #AAA, #AAA 10px, #888 10px, #888 20px );
		color: #FFF;
	}
		.cal_cell.range.selected {
			background: repeating-linear-gradient( 45deg, #28AC58, #28AC58 10px, #1E783E 10px, #1E783E 20px );
		}

	.cal_cell.today {
		text-decoration: underline;
	}

	.cal_cell.empty {
		cursor: default;
	}

	.cal_cell.past {
		color: #DDD;
	}

	.cal_cell.selected.past {
		background-color: #888 !important;
		color: #FFF;
	}


.cal_days {
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 6px;
}


.chat_header {
	box-sizing: border-box;
	height: 24px;
	padding-top: 1px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	text-align: center;
	font-size: 9pt;
}

	.chat_header.new {
		background-image: url(/images/chatnew.svg);
		color: #B25050;
	}

	.chat_header.notnew {
		background-image: url(/images/chat.svg);
	}


.chat_msg {
	width: 80%;
	padding: 6px;
	border-radius: 4px;
	display: inline-block;
	font-size: 10pt;
}

	.chat_msg.app {
		background-color: #F0F4FA;
		text-align: left;
	}

		.chat_msg.app.new {
			background-color: #FFD3D3;
		}

	.chat_msg.user {
		background-color: #EFFBF7;
	}

.chat_wrapper_app {
	text-align: right;
	margin-bottom: 6px;
}

.chat_wrapper_user {
	text-align: left;
	margin-bottom: 6px;
}



.company_select {
	padding-left: 8px;
	padding-right: 8px;
	height: 33px;
	line-height: 33px;
	background-color: #28AC58;
	color: #FFF;
	cursor: pointer;
	font-weight: normal;
	white-space: nowrap;
	flex-shrink: 0;
}


.content {
	padding: 0;
	background-color: #EEE;
	overflow-x: visible;
}

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

.datarow {
	margin-top: 6px;
	text-align: left;
}

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

	.datarow.border {
		border-radius: 3px;
		padding: 6px;
		border: 1px solid #466492;
	}

	.datarow.tall {
		margin-top: 12px;
	}



.date_popup {
	position: absolute;
	display: none;
	padding: 6px;
	border: 1px solid #466492;
	border-radius: 4px;
	background-color: #F6F8FB;
}



.delete {
	color: #B25050;
	font-weight: bold;
	font-size: 10pt;
}


.desktop {
	/*position: absolute;
	left: 0;
	top: 100px;*/
	white-space: nowrap;
	background-color: #EEE;
	margin: 4px 0 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}


.doc_link {
	text-decoration: underline;
	cursor: pointer;
}



.dont_break {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


.dragdrop {
	box-sizing: border-box;
	border: 2px dotted #466492;
	background-color: transparent;
	border-radius: 6px;
	padding: 20px 0 20px 0;
	text-align: center;
	cursor: pointer;
}

	.dragdrop.over {
		background-color: #F0F4FA;
	}

.error_text {
	color: #B25050;
}


.expand {
	position: absolute;
	display: none;
	z-index: 20000;
	border: 2px solid #466492;
	border-radius: 8px;
	background-color: #F0F4FA;
	padding: 8px;
	left: 0;
	top: 0;
}

.expander {
	width: 20px;
}

.faded {
	opacity: 0.2;
}

.feed_user {
	font-size: 9pt;
	border-top: 1px solid #466492;
	margin-top: 6px;
	padding-top: 6px;
}

.module_contents.dashboard .filter_item {
	display: inline-block;
	font-size: 9pt;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	padding: 2px 16px 2px 2px;
	border: 1px solid #000;
	border-radius: 1px;
	margin-right: 4px;
	margin-top: 2px;
	white-space: nowrap;
	background-image: url(/images/closeB3.svg);
	background-position: center right 2px;
	background-repeat: no-repeat;
	background-size: 12px;
	cursor: pointer;
}

.filter_item {
	display: inline-block;
	font-size: 9pt;
	font-weight: normal;
	color: #FFF;
	background-color: #28AC58;
	padding: 0 20px 0 3px;
	border-radius: 4px;
	border: 4px solid #28AC58;
	margin-right: 4px;
	margin-top: 2px;
	white-space: nowrap;
	background-image: url(/images/close_FFFFFF.svg);
	background-position-x: right;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 16px;
	cursor: pointer;
}

.form {
	display: inline-block; 
	padding: 20px; 
	border: 1px solid #466492; 
	background-color: #F0F4FA; 
	border-radius: 4px;
}

	.form.error {
		border: 1px solid #B25050;
		background-color: #FFD3D3;
		color: #B25050;
		font-size: 11pt;
	}

	.form.tight {
		padding: 4px;
		display: block;
		text-align: center;
	}


.global_search {
	border: 1px solid #466492;
	border-radius: 4px;
	padding: 6px 6px;
	color: #466492;
}


.header_label {
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11pt;
	padding-top: 12px;
	color: #FFF;
	width: 1px;
	white-space: nowrap;
}

.hidden {
	visibility: hidden;
}

/*.hot_list {
	display: inline-block;
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	border-radius: 12px;
	border: none;
	padding: 5px;
	font-size: 8pt;
	font-weight: bold;
	background-color: #B25050;
	color: #FFF;
	white-space: nowrap;
	text-transform: initial;
}*/

.html {
	overflow: hidden;
}

	.html.scroll {
		overflow: auto;
	}

.icon {
	width: 24px;
	height: auto;
	cursor: pointer;
	vertical-align: top;
}

	.icon.applicant {
		width: 33px;
	}

	.icon.arrow {
		width: auto;
		height: 32px;
	}

	.icon.border {
		border: 1px solid #466492;
	}

	.icon.center {
		display: inline-block;
	}

	.icon.combine {
		width: 33px;
		display: none;
	}

	.icon.left {
		margin-right: 6px;
		display: inline-block;
	}

	.icon.middle {
		vertical-align: unset;
	}

	.icon.disabled {
		cursor: default;
		opacity: 0.35;
	}

	/*.icon.checklist {
		box-sizing: border-box;
		height: 24px;
		padding-left: 0px;
		padding-top: 3px;
		text-align: right;
		background-image: url(/images/checkbox.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 24px;
		font-size: 9pt;
	}

		.icon.checklist.complete {
			background-image: url(/images/checkbox_complete.svg);
		}

		.icon.checklist.incomplete {
			background-image: url(/images/checkbox_warn.svg);
		}*/


.initials {
	display: inline-block;
	font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10.5pt;
	text-align: center;
	border: 1px solid #466492;
	border-radius: 16px;
	background-color: #466492;
	color: #FFFFFF;
	width: 32px;
	height: 32px;
	padding-top: 6px;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="text"], input[type="password"], input[type="email"] {
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 6px 6px;
	color: #000;
}

.invalid_value {
	background-color: #FFD3D3;
}


.job_count {
	color: #000;
	font-size: 9pt;
	display: block;
	text-align: center;
	padding: 3px 5px 3px 5px;
	border-radius: 4px;
	min-width: 15px;
	background-size: 12px auto;
	background-position: center;
	background-repeat: no-repeat;
}

	.job_count.yes {
		cursor: pointer;
	}

	.job_count.no {
		background-color: #C0C0C0;
		opacity: 0.3;
		cursor: default;
	}

.job_count_box {
	display: inline-block;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 4px;
	margin-right: 0;
	font-weight: normal;
}

	.job_count_box.selected {
		border-color: #B25050;
	}

.job_count_box_select {
	display: inline-block;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 4px;
	font-weight: normal;
}

.job_process {
	display: block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	border: 2px solid transparent;
	border-radius: 4px;
	/*background-position: center;
	background-repeat: no-repeat;*/
	cursor: pointer;
}

	.job_process.current {
		/*background-image: url(/images/check2.png);*/
		border: 2px solid #B25050;
	}

.job_status {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

	.job_status.active {
		background-image: url('/images/checked.png');
		background-repeat: no-repeat;
		background-position: center;
	}


.job_status_mgr, .job_temperature {
	display: inline-block;
	border: none;
	background-color: #9E9E9E;
	border-radius: 8px;
	padding: 1px 6px 1px 6px;
	font-size: 9pt;
	font-weight: normal;
	color: #FFF;
}

	.job_status_mgr.canceled {
		background-color: #9E9E9E;
	}

	.job_status_mgr.active {
		background-color: #28AC58;
	}

	.job_status_mgr.filled {
		background-color: #9E9E9E;
	}

	.job_status_mgr.hiring {
		background-color: #466492;
	}

	.job_status_mgr.hold {
		background-color: #9E9E9E;
	}

	.job_status_mgr.pending {
		background-color: #B25050;
	}

	.job_status_mgr.hot {
		background-color: #B25050;
	}

	.job_temperature.high {
		background-color: #B25050;
	}

	.job_temperature.medium {
		background-color: #466492;
	}


.job_status_module {
	display: inline-block;
	border: none;
	background-color: #FF790E;
	border-radius: 8px;
	padding: 1px 6px 1px 6px;
	font-size: 10pt;
	font-weight: normal;
	color: #FFF;
}


.label {
	font-family: Roboto-Bold, Tahoma, Geneva, Verdana, sans-serif;
	text-align: left;
	margin-bottom: 1px;
	/*font-variant: small-caps;*/
	font-size: 10pt;
}

	.label.error {
		color: #C00000;
	}

	.label.no_margin {
		margin: 0;
	}

	.label.light {
		color: #FFF;
	}

	.label.large {
		margin-bottom: 0;
		font-variant: normal;
		font-size: 11pt;
	}

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

.label_redo {
	display: inline-block;
	color: #B25050;
	font-size: 8pt;
	font-weight: bold;
	margin-right: 12px;
	text-align: left;
	line-height: 8pt;
}

.label_sub {
	font-weight: bold;
	font-variant: normal;
	/*text-transform: uppercase;*/
	font-size: 8pt !important;
}


.logo {
	border-radius: 4px;
	width: 24px;
	height: 23px;
	background-image: url(/images/logo_icon.png);
	background-size: 24px 23px;
}


.main_header {
	position: relative;
	top: 0;
	left: 0;
	background-color: #2D2D2D;
	width: 100%;
	height: 48px;
	z-index: 5000;
}


.menu {
	display: none;
	position: absolute;
	opacity: 0;
	top: 44px;
	left: 10000px;
	background-color: #FFF;
	padding-top: 12px;
	padding-bottom: 12px;
	z-index: 12000;
	border-radius: 4px;
	/*box-shadow: 8px 8px 6px -2px #CCC;*/
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

	.menu::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
	}

	.menu::-webkit-scrollbar-thumb {
		background-color: #466492;
		border-radius: 2px;
	}

	.menu.company {
		top: 44px;
	}

	.menu.module {
		top: 4px;
	}

.menu_closer {
	text-align: right;
	margin-bottom: 8px;
	padding-right: 8px;
}

.menu_item {
	display: flex;
	font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
	padding: 8px 4px 8px 15px;
	font-size: 10.5pt;
	background-color: transparent;
	color: #000;
	cursor: pointer;
	white-space: nowrap;
	z-index: 12001;
}

	.menu_item.add {
		background-image: url(/images/add2.svg);
		background-position: right 6px center;
		background-repeat: no-repeat;
		background-size: 21px;
	}

		.menu_item.add:hover {
			background-image: url(/images/add2_FFFFFF.svg);
		}

	.menu_item.logout {
		color: #B25050;
	}

	.menu_item.warn {
		color: #C0C000;
	}

	.menu_item.active {
		color: #466492;
		font-family: Roboto-Bold, Tahoma, Geneva, Verdana, sans-serif;
	}



.menu_section {
	border-top: 2px solid #DDD;
	margin-top: 12px;
	padding-top: 12px;
}


	/*.menu_item:active {
		background-color: #FFF;
		color: #28AC58;
	}*/


.menu_scroll {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

	.menu_scroll::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
	}

	.menu_scroll::-webkit-scrollbar-thumb {
		background-color: #466492;
		border-radius: 2px;
	}



.mode_switch {
	font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
	display: inline-block;
	text-align: center;
	margin: 6px 2px 0 2px;
	padding: 9px 10px 8px 10px;
	border: 1px solid #414241;
	border-radius: 16px;
	background-color: #414241;
	color: #FFF;
	cursor: pointer;
	font-size: 9pt;
	letter-spacing: 1px;
	overflow-x: hidden;
}

	.mode_switch.selected {
		background-color: #FFF;
		border: 1px solid #FFF;
		color: #2D2D2D;
		cursor: default;
	}

.module_contents {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	background-color: #FFF;
	display: flex;
	flex-flow: column;
	width: 320px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

	.module_contents.dashboard {
		padding: 10px 0 0 0;
		/*width: 300px;*/
	}

.module_contents_sub {
	margin: 6px;
}



.module_frame {
	/*display: inline-flex;*/
	display: none;
	padding: 0;
	margin: 0 26px 0 6px;
	vertical-align: top;
	opacity: 1;
	width: 320px;
	white-space: normal;
	background-color: #FFF;
	border: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	visibility: hidden;
}

	.module_frame.dashboard {
		margin: 0 0px 0 6px;
	}

.module_header {
	display: inline-block;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #DDD;
	padding: 12px 12px 6px 12px;
	background-color: #DDD;
	color: #000;
	font-weight: bold;
}

	.module_header.alt1 {
		background-color: #DDD;
	}

	.module_header.alt2 {
		background-color: #DDD;
	}

	.module_header.dashboard {
		background-color: #DDD;
	
	}

	.module_header.search {
		background-color: #DDD;
	}

	.module_header.appt {
		background-color: #DDD;
	}

	.module_header.info {
		background-color: #DDD;
	}

.module_header_sub_title {
	padding-left: 6px;
}

	.module_header_sub_title.appt {
		color: #000;
	}

.module_header_row2 {
	font-size: 9pt;
	font-weight: normal;
	padding: 0;
}

.module_header_title {
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	vertical-align: middle;
	font-size: 14pt;
	padding: 0;
	/*letter-spacing: 1px;*/
}


.module_scroll {
	background-color: #FFF;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 8px;
	height: 300px;
	padding: 6px 0 6px 0;
	scrollbar-width: thin;
}

	.module_scroll.dashboard {
		height: 200px;
		background-color: #FFF;
		border-color: #EEE;
	}

	.module_scroll::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
	}

	.module_scroll::-webkit-scrollbar-thumb {
		background-color: #466492;
		border-radius: 2px;
	}



.module_scroll_full {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding: 0;
	scrollbar-width: thin;
	background-color: #FFF;
}

	.module_scroll_full.dashboard {
		background-color: #FFF;
	}

	.module_scroll_full::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
	}

	.module_scroll_full::-webkit-scrollbar-thumb {
		background-color: #466492;
		border-radius: 2px;
	}

		



.module_slot {
	display: inline-block;
	font-size: 11pt;
	min-height: 300px;
	margin-right: 2px;
	width: 30px;
}

.module_slot_label {
	transform: rotate(90deg);
	transform-origin: 10px 16px;
	white-space: nowrap;
}

.module_slot_wrapper_desktop {
	border: 1px solid #DDD;
	border-radius: 4px;
	background-color: #DDD;
	min-height: 250px;
}

.module_slot_wrapper_dashboard {
	border: 2px solid #757575;
	background-color: #FFF;
	min-height: 250px;
}

.module_slot_wrapper_header {
	border-radius: 4px;
	background-color: #466492;
	width: 100%;
	height: 20px;
	border: 2px solid #DDD;
	box-sizing: border-box;
}


.module_sub {
	padding: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	cursor: pointer;
	font-size: 11pt;
}

	.module_sub.short {
		margin-bottom: 4px;
	}

	.module_sub.blue {
		border: 1px solid #466492;
		background-color: #F0F4FA;
	}

	.module_sub.entity.active {
		/*display: inline-block;*/
		box-sizing: border-box;
		width: 100%;
	}

		.module_sub.entity.active.noclick.highlight {
			border: 1px solid #28AC58;
		}

		.module_sub.entity.active.wrap {
			border-top: 1px solid #E0E0E0;
		}

	.module_sub.border {
		border: 1px solid #466492 !important;
	}


	.module_sub.entity.active2 {
		border: 1px solid #F5F5F5;
		background-color: #F5F5F5;
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
	}

	.module_sub.entity.alt {
		border: 1px solid #F0F4FA;
		background-color: #F0F4FA;
		display: inline-block;
		box-sizing: border-box;
		margin-bottom: 2px;
		width: 100%;
		border-radius: 4px;
	}

	.module_sub.entity.inactive {
		opacity: 0.5;
	}

	.module_sub.entity.collapse {
		display: inline-block;
		width: initial;
		margin-right: 4px;
		margin-bottom: 4px;
	}

	.module_sub.entity.collapse.one_fifth {
		width: 38px;
	}

	.module_sub.entity.collapse.one_fourth {
		width: 52px;
	}

	.module_sub.entity.collapse.one_third {
		width: 72px;
	}

	.module_sub.entity.collapse.one_half {
		width: 114px;
	}

	.module_sub.entity.collapse.two_thirds {
		width: 156px;
	}

	.module_sub.entity.collapse.three_fourths {
		width: 176px;
	}

	.module_sub.entity.collapse.four_fifths {
		width: 190px;
	}

	.module_sub.entity.current {
		border: 2px solid #466492;
	}

	.module_sub.entity.noclick {
		cursor: default;
	}

	.module_sub.entity.noborder {
		border: 1px solid #FFF;
	}

		

	


	.module_sub.entity.view.applicant {
		border: 1px solid #FFF;
		color: #FFF;
		background-color: #28AC58;
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
	}

	.module_sub.entity.view.job_detail {
		border: 1px solid #FFF;
		background-color: #466492;
		color: #FFF;
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
	}

	.module_sub.entity.view.job_manager {
		border: 1px solid #FFF;
		background-color: #757575;
		color: #FFF;
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
	}

	.module_sub.workstep {
		/*border-radius: 6px;*/
		padding: 6px;
		background-color: #FFFFFF;
		margin-bottom: 8px;
		font-size: 11pt;
		/*border: 1px solid #466492;*/
		border: none;
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
	}

		.module_sub.workstep.inactive {
			opacity: 0.35;
		}

.module_sub_header {
	font-family: Roboto-Bold, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11pt;
}

	.module_sub_header.dashboard {
		margin-left: 7px;
	}

	.module_sub_header.box {
		color: #FFF;
		padding: 6px;
		background-color: #466492;
		border-radius: 3px;
	}

	.module_sub_header.box2 {
		color: #FFF;
		padding: 6px;
		background-color: #28AC58;
		border-radius: 3px;
	}

	.module_sub_header.small {
		color: #000;
		font-size: 10pt;
	}


.module_switch {
	display: inline-block;
	border: 1px solid #466492;
	color: #466492;
	background-color: #F6F8FB;
	box-sizing: border-box;
	text-align: center;
	padding: 6px 0 6px 0;
	cursor: pointer;
	font-size: 10pt;
}

	.module_switch.left {
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
	}

	.module_switch.right {
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
	}

	.module_switch.selected {
		background-color: #466492;
		color: #FFF;
	}


.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}




.note {
	padding: 6px;
	border-radius: 4px;
	font-size: 10pt;
	/*border: 1px solid #466492;*/
	background-color: #FFF;
	margin-bottom: 6px;
}

	.note.big {
		font-size: 11pt;
	}

	.note.alt {
		background-color: #FFF;
	}

	.note.faded {
		opacity: 0.2;
	}

	.note.click {
		cursor: pointer;
	}


option {
	cursor: pointer;
}

.play {
	min-height: 100px;
	margin-top: 6px;
	background-image: url(/images/play.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 64px;
	box-sizing: border-box;
	cursor: pointer;
}

pre {
	white-space: pre-wrap;
}


.rating_star {
	width: 30px;
	height: 20px;
	cursor: pointer;
	display: inline-block;
}

.rating_stars {
	display: inline-block;
	background-image: url(/images/star2.svg);
	background-size: auto 20px;
	background-repeat: repeat-x; 
	height: 20px;
	width: 0;
}

	.rating_stars.small {
		background-size: auto 12px;
		height: 12px;
	}

.refresh {
	display: none;
}


.resume_icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	cursor: pointer;
	background-color: #FFF;
	background-image: url(/images/resume3.svg);
	background-position: center;
	background-size: 36px auto;
}

.rotate {
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

	.rotate.up {
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}


.schedule_slot {
	position: absolute;
	display: block;
	height: 16px;
	background-color: #28AC58;
	top: 0;
	left: 0;
	font-size: 9pt;
}


.search_button {
	border-radius: 4px;
	background-color: #28AC58;
	border: 1px solid #28AC58;
	background-image: url(/images/search_FFFFFF.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: center;
	box-sizing: border-box;
	width: 40px;
	height: 30px;
	cursor: pointer;
}

.search_help {
	position: absolute;
	display: none;
	width: 280px;
	background-color: #28AC58;
	color: #FFF;
	padding: 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	white-space: normal;
	font-size: 10pt;
	z-index: 6000;
}

/*.search_icon {
	display: inline-block;
	box-sizing: border-box;
	width: 40px;
	height: 32px;
	background-color: #FFF;
	background-image: url(/images/search_424242.svg);
	background-repeat: no-repeat;
	background-size: 24px auto;
	background-position: center;
	border: 1px solid #FFF;
	border-radius: 4px;
	margin-right: 3px;
	cursor: pointer;
	z-index: 3001;
	font-size: 9pt;
	overflow-x: hidden;
	overflow-y: hidden;
}*/

.section_header {
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 11pt !important;
	margin-top: 6px;
	margin-bottom: 6px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #000;
}

	.section_header.alt {
		border-top: 1px solid #28AC58;
		border-bottom: 1px solid #28AC58;
		color: #28AC58;
	}


select {
	-webkit-appearance: none;
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 6px 6px 6px 6px;
	color: #000;
	background-color: #FFF;
	font-size: 10pt;
	cursor: pointer;
}

	select:disabled {
		cursor: default;
	}

	select.warn {
		border: 1px solid #B25050;
		color: #B25050;
	}


.selector {
	min-height: 20px;
	padding: 10px 6px 6px 35px;
	font-size: 10pt;
	border-bottom: 1px solid #E0E0E0;
	background-color: #FFF;
	/*margin-bottom: 6px;*/
	vertical-align: middle;
	cursor: pointer;
	background-image: url(/images/check3_empty_000000.svg);
	background-position: left 6px top 6px;
	background-repeat: no-repeat;
	background-size: 24px;
	text-align: left;
}

	.selector.disabled {
		cursor: default;
	}

	.selector.tight {
		padding: 7px 6px 5px 35px;
	}

	.selector.plain {
		border: none;
		background-color: transparent;
		margin-bottom: 0;
	}

	.selector.selected {
		/*background-color: #F0F4FA;*/
		background-image: url(/images/check3_000000.svg);
	}

	.selector.plain.selected {
		background-color: transparent;
	}

	.selector.nocolor.selected {
		background-color: #FFF;
		background-image: url(/images/check3_000000.svg);
	}


.shown {
	display: block;
}

	.shown.inline {
		display: inline-block;
	}

	.shown.not {
		display: none;
	}

.not_display {
	display: none;
}


.slider_frame {
	display: none;
	box-sizing: border-box;
	height: 32px;
	border-radius: 4px;
	margin-right: 3px;
	border: 1px solid #424242;
	background-color: #FFF;
	color: #000;
	cursor: pointer;
	z-index: 3001;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 0;
}

	/*.slider_frame.alt1 {
		border: 1px solid #424242;
	}

	.slider_frame.alt2 {
		border: 1px solid #424242;
	}

	.slider_frame.appt {
		border: 1px solid #424242;
	}

	.slider_frame.dashboard {
		border: 1px solid #424242;
	}

	.slider_frame.job {
		border: 1px solid #424242;
	}

	.slider_frame.job_manager {
		border: 1px solid #424242;
	}

	.slider_frame.search {
		border: 1px solid #424242;
	}*/


.slider_frame_closer {
	display: inline-block;
	height: 16px;
	width: 16px;
	background-image: url(/images/close_AAAAAA.svg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 14px auto;
}

	.slider_frame_closer.dashboard {
		background-image: url(/images/close_AAAAAA.svg);
	}

	.slider_frame_closer.search {
		background-image: url(/images/close_AAAAAA.svg);
	}

.slider_frame_closer_wrapper {
	text-align: right;
	height: 12px;
	position: relative;
	z-index: 2;
}

.slider_frame_label {
	position: relative;
	top: -3px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	font-size: 9pt;
	text-align: center;
	white-space: nowrap;
	margin: 0 6px 0 6px;
	z-index: 1;
}

.slider_track {
	margin-left: 6px;
	padding-top: 4px;
	height: 32px;
	font-size: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

/*.slider_window {
	position: absolute;
	top: 2px;
	left: 4px;
	border: 1px solid #B25050;
	border-radius: 3px;
	height: 18px;
	background-color: transparent;
	pointer-events: none;
	z-index: 3000;
}*/

span.link {
	cursor: pointer;
}


.status_bar {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #F0F4FA;
	color: #466492;
	border-bottom: 1px solid #466492;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	min-height: 33px;
	display: flex;
	z-index: 3000;
}

.status_bar_name {
	flex-shrink: 0;
	flex-grow: 0;
	height: 33px;
}

.status_bar_other {
	flex-shrink: 1;
	flex-grow: 1;
	height: 33px;
	overflow-y: hidden;
	overflow-x: hidden;
	white-space: nowrap;
	text-align: center;
}

	.status_bar_other::-webkit-scrollbar {
		height: 4px;
		background-color: #F5F5F5;
	}

	.status_bar_other::-webkit-scrollbar-thumb {
		background-color: #466492;
		border-radius: 2px;
	}

		

.status_bubble {
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	display: inline-block;
	border-radius: 8px;
	border: none;
	padding: 1px 9px 1px 9px;
	font-size: 9pt;
	font-weight: normal;
	color: #FFF;
	white-space: nowrap;
}

	.status_bubble.interview_canceled, .question_canceled, .appointment_canceled, .offer_rescinded, .offerdoc_rescinded, .appn_inactive, .batch_inactive, .batch_message_canceled, .background_canceled {
		background-color: #9E9E9E;
	}

	.status_bubble.interview_completed, .question_completed, .appointment_accepted, .offer_accepted, .offerapproval_completed, .offerdoc_accepted, .document_accepted, .documentpack_complete, .review_completed, .hired, .batch_complete, 
	.batch_message_sent, .reference_complete, .background_completed {
		background-color: #28AC58;
	}

	.status_bubble.offerdoc_signed, .document_signed, .document_uploaded, .appointment_passed {
		background-color: #466492;
	}

	.status_bubble.interview_expired, .appointment_declined, .appointment_expired, .offer_declined, .offer_expired, .offerapproval_denied, .offerdoc_declined, .offerdoc_expired, .document_rejected, .unhired, .batch_error, .batch_message_pending {
		background-color: #B25050;
	}

	.status_bubble.interview_pending, .question_pending, .appointment_requested, .offer_pending, .offerdoc_pending, .document_pending, .documentpack_pending, .review_pending, .reference_sent, .background_pending {
		background-color: #B25050;
	}

	.status_bubble.interview_in_progress, .offer_draft, .offerdoc_created, .offerdoc_edited, .document_created, .document_edited, .documentpack_created, .review_in_progress, .batch_message_processing, .reference_pending {
		background-color: #DBDD09;
	}

	.status_bubble.document_delivered, .batch_active {
		background-color: #9E9E9E;
	}

.step_header {
	/*border-top-left-radius: 6px;
	border-top-right-radius: 6px;*/
	/*padding: 6px;*/
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.step_indicator {
	display: inline-block;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-right: 4px;
}

.stop {
	width: 100%;
	height: 28px;
	padding-top: 3px;
	box-sizing: border-box;
	background-color: #B25050;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
	cursor: pointer;
}

	.stop.disabled {
		opacity: 0.25;
		cursor: not-allowed;
	}

.strike {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	width: 100%;
}

	table.borders {
		width: unset;
		border: 1px solid #000;
	}

		table.borders td {
			border: 1px solid #000;
			padding: 4px;
			text-align: left;
		}

.table_wrap {
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}


	.table_wrap::-webkit-scrollbar {
		width: 4px;
		background-color: #F5F5F5;
	}

	.table_wrap::-webkit-scrollbar-thumb {
		background-color: #466492;
		border-radius: 2px;
	}


td {
	padding: 0;
}


.text.warn {
	color: #B25050;
	font-size: 10pt;
}


textarea {
	font-family: Roboto-Regular, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 6px 6px;
	color: #000;
	resize: none;
}

	textarea::-webkit-scrollbar {
		width: 2px;
		background-color: #F5F5F5;
	}

	textarea::-webkit-scrollbar-thumb {
		background-color: #808080;
	}

.timeout_message {
	position: relative;
	left: -50%;
	border: 1px solid #B25050;
	border-radius: 8px;
	background-color: #FFD3D3;
	padding: 20px;
	text-align: center;
	z-index: 50000;
}


.toolbar {
	width: 100%;
	height: 28px;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #F6F8FB ;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
}

	

	.toolbar.selected {
		background-color: #466492;
	}

	.toolbar.activity {
		background-image: url(/images/activity-alt.svg);
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px
	}
		.toolbar.activity.selected { background-image: url(/images/activity-alt_select.svg); }

	.toolbar.chat { background-image: url(/images/chat-outlined.svg); }
		.toolbar.chat.selected { background-image: url(/images/chat-outlined_select.svg); }

		.toolbar.chat.marked {
			background-image: url(/images/chat-outlined.svg), url(/images/toolbarMarker.png);
			background-position: center, top right;
			background-size: 20px auto, 12px;
		}

			.toolbar.chat.marked.selected {
				background-image: url(/images/chat-outlined_select.svg), url(/images/toolbarMarker.png);
				background-position: center, top right;
				background-size: 20px auto, 12px;
			}


	.toolbar.checklist { background-image: url(/images/checklist.svg); }
		.toolbar.checklist.selected { background-image: url(/images/checklist_select.svg); }

	.toolbar.docs { background-image: url(/images/documents.svg); }
		.toolbar.docs.selected {
			background-image: url(/images/documents_select.svg);
		}

	.toolbar.hotlist {
		background-image: url(/images/thumb_466492.svg)
	}

		.toolbar.hotlist.marked {
			background-image: url(/images/thumb_B2505.svg)
		}

		.toolbar.hotlist.selected {
			background-image: url(/images/thumb_select.svg)
		}


	.toolbar.investigations { background-image: url(/images/investigations.svg); }
		.toolbar.investigations.selected { background-image: url(/images/investigations_select.svg); }

	.toolbar.notes { background-image: url(/images/notes.svg); }
		.toolbar.notes.selected { background-image: url(/images/notes_select.svg); }

	.toolbar.references { background-image: url(/images/references.svg); }
		.toolbar.references.selected { background-image: url(/images/references_select.svg); }

	.toolbar.resume {
		background-image: url(/images/resume3.svg);
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
		.toolbar.resume.selected { background-image: url(/images/resume3_select.svg); }



.toolbar_cell {
	border-left: 1px solid #D5DEEB;
	border-top: 1px solid #D5DEEB;
	border-bottom: 1px solid #D5DEEB;
	padding: 0;
}

	.toolbar_cell.left {
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}

	.toolbar_cell.right {
		border-right: 1px solid #D5DEEB;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}


.toolbar_section {
	margin-bottom: 12px;
	padding: 0 6px 12px 6px;
	border-bottom: 1px solid #E0E0E0;
}

	.toolbar_section.label {
		font-family: Roboto-Medium;
		font-size: 10px;
	}

.view_document {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #466492;
	background-color: #FFF;
	padding: 0;
	z-index: 20000;
}

.wait_spinner {
	position: relative;
	left: -50%;
	background-color: transparent;
	text-align: center;
	z-index: 50000;
}

.work_eligible {
	font-weight: bold;
}

	.work_eligible.no {
		color: #C00000;
	}

	.work_eligible.yes {
		color: #28AC58;
	}

.workstep_control_arrow {
	background-color: #466492;
	border: 1px solid #466492;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	box-sizing: border-box;
	height: 28px;
	width: 100%;
	background-image: url(/images/play-arrow.svg);
	background-size: 16px auto;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.workstep_control_button {
	font-family: Roboto-Medium, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	color: #FFF;
	background-color: #466492;
	border: 1px solid #466492;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-sizing: border-box;
	padding-top: 5px;
	text-align: center;
	height: 28px;
	width: 100%;
	cursor: pointer;
}

	.workstep_control_button.off {
		cursor: not-allowed;
		background-color: #CCC;
		border: 1px solid #CCC;
	}

	

.workstep_divider {
	background-color: #FFFFFF;
	border-top: 3px dotted #466492;
	margin-top: 24px;
	margin-bottom: 24px;
}

.workstep_header {
	font-family: Roboto-Bold, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	width: 100%;
	height: 28px;
	padding-top: 6px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
}

	.workstep_header.disabled {
		opacity: 0.25;
		cursor: not-allowed;
	}

.workstep_popup {
	display: none;
	position: absolute;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 6px;
	color: #FFF;
	font-size: 9pt;
	padding: 6px 10px 6px 10px;
}


.workstep_select {
	display: none;
	position: absolute;
	background-color: #FFF;
	padding-top: 12px;
	padding-bottom: 12px;
	z-index: 12000;
	border-radius: 4px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

/*checkbox & radio button styles*/
input[type=radio]:not(old):checked + label > span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 3px 4px 0;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: transparent;
	background-image: url(../images/checkmark2_000000.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	vertical-align: bottom;
	cursor: pointer;
}

input[type=radio]:not(old) {
	width: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
	display: none;
}

	input[type=radio]:not(old) + label {
		display: inline-block;
		margin-left: 0;
		line-height: 29px;
		font-size: 10pt;
		cursor: pointer;
	}

		input[type=radio]:not(old) + label > span {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: 0 3px 4px 0;
			border-radius: 4px;
			border: 1px solid #000;
			background-color: transparent;
			vertical-align: bottom;
			cursor: pointer;
		}

input[type=checkbox]:not(old):checked + label > span {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 3px 4px 0;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: transparent;
	background-image: url(../images/checkmark2_000000.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	vertical-align: bottom;
	cursor: pointer;
}


input[type=checkbox]:not(old) {
	width: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
	display: none;
}

	input[type=checkbox]:not(old) + label {
		display: inline-block;
		margin-left: 0;
		line-height: 29px;
		font-size: 10pt;
		cursor: pointer;
	}

		input[type=checkbox]:not(old) + label > span {
			display: inline-block;
			width: 22px;
			height: 22px;
			margin: 0 3px 4px 0;
			border-radius: 4px;
			border: 1px solid #000;
			background-color: transparent;
			vertical-align: bottom;
			cursor: pointer;
		}


/*file upload styles*/

.upload_wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}

	.upload_wrapper input[type=file] {
		font-size: 14pt;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		cursor: pointer;
	}


@media print {
	.no_print {
		display: none !important;
	}
}

@media screen {
	.no_screen {
		display: none !important;
	}
}