@media all {
	body {
		/* padding-top: 76px; */
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0 !important;
		font-size: 14px;
		background-color: #ffffff;

		font-family: 'Roboto', 'Open Sans', sans-serif;
		/*
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-family: "Univia W01 Regular", "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-family: "Roboto", "Open Sans", sans-serif;
*/
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	body.bof_no_border {
		border-style: none;
	}

	body.bof_suppress_menu {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}

	body.bof_body_login {
		background: #323232 url('login-background.jpg') no-repeat center center fixed;
		background-size: cover;
	}

	th,
	thead,
	tr.bof_header,
	td.bof_scroll_top,
	td.bof_dnd_page_field,
	td.bof_header_inactive,
	td.bof_header_active {
		font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	}

	input,
	textarea,
	select,
	tbody,
	td,
	dow,
	pre {
		font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		/*max-width: 90%;*/
	}

	a.disabled {
		pointer-events: none;
		cursor: default;
	}

	/* BOLD OVERRIDES */
	strong,
	elem {
		font-weight: 500;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Roboto', 'Open Sans', sans-serif;
	}

	select[multiple] {
		height: 35px !important;
		visibility: hidden !important;
	}

	b {
		font-weight: 500;
	}

	pre {
		white-space: pre-wrap;
		word-wrap: break-word;
		min-width: 150px;
	}

	textarea {
		width: 90%;
	}

	div.cke_reset > textarea.cke_source {
		max-width: 100%;
	}

	pre.bof_text_area {
		min-width: 500px !important;
	}

	input:disabled,
	select:disabled,
	textarea:disabled,
	.bof_form .bof_input_div .bof_form_control:disabled {
		background-color: transparent !important;
		border: 0 none;
		border-style: none;
	}

	input:not([type='checkbox']):disabled,
	input[type='text']:disabled,
	select:disabled,
	textarea:disabled {
		width: 100%;
		overflow: visible;
	}

	input[type='checkbox'],
	input[type='radio'] {
		margin: -2px 5px 0 0;
		vertical-align: middle;
	}

	input.bof_data_numeric:disabled {
		text-align: left;
	}

	#BizOptixForm input.error {
		border: 2px solid red;
	}

	label.error.bof_label_focus table td,
	label.error.bof_label_focus table th,
	#validationErrorList table td,
	#validationErrorList table th {
		border: 1px solid black;
	}

	td.chartLabel {
		padding-top: 8px;
		text-align: left;
		font-weight: 500;
		background: #ffffff;
		color: #5a1c00;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		font-size: 1em;
	}

	td.bof_spam_hints {
		vertical-align: middle;
		text-align: left;
		background: #eeeeee;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	td.bof_spam_score_good,
	td.bof_spam_score_ok,
	td.bof_spam_score_bad {
		font-size: 1.2em;
		font-weight: 500;
		text-align: left;
	}

	td.bof_spam_score_ok {
		color: #0000ee;
	}

	td.bof_spam_score_bad {
		color: #ee0000;
	}

	td.bof_view_options {
		vertical-align: top;
		/* background-color: red; */
	}

	.subdued_header {
		font-style: italic;
		color: #999 !important;
	}

	#bizoptix_blue {
		color: #02203a;
	}

	#bizoptix_orange {
		color: #d15600;
	}

	#phishline_red {
		color: #b30000;
	}

	#phishline_error_red {
		/* color: #DD4662; 
		color: #f54d32;*/
		color: #f54d32;
	}

	#phishline_green {
		color: #4a8b2c;
		/* color: #42D1B1; */
	}

	#phishline_blue {
		color: #072946;
	}

	#phishline_www_blue {
		color: #235165;
	}

	#phishline_silver {
		color: #39546b;
	}

	#barracuda_blue {
		color: #0088ce;
	}

	a.bof_header_active,
	a.bof_header_inactive {
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 4px;
		padding-right: 4px;
		margin-left: -4px;
		background: #ddd;
		color: #555555;
		font-weight: 500;
		text-decoration: none;
	}

	a.bof_header_active:hover,
	a.bof_header_inactive:hover,
	a.bof_search:hover {
		background-color: #0088ce;
		color: #fff;
	}

	span.bof_filter_modal {
		padding: 4px;
	}

	span.bof_filter_modal:hover {
		background-color: #0088ce;
		color: #fff;
	}

	td.bof_filter_modal:hover {
		background-color: #0088ce;
		color: #fff;
	}

	a.bof_odd:hover,
	a.bof_data_text:hover,
	a.bof_even:hover {
		color: #ffffff;
	}

	a {
		color: #555555;
		cursor: pointer;
	}

	a:hover {
		color: #0088ce;
	}

	a.bof_m2m_link,
	.bof_m2m_link {
		color: #ffffff;
	}

	a.bof_m2m_link:hover {
		color: #0088ce;
		background: #ffffff;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.bof_runtime {
		font-size: 0.7em;
		display: none;
	}

	table.data {
		width: 90%;
		max-width: 95%;
		font-size: 1em;
		margin-left: auto;
		margin-right: auto;
		background-color: transparent;
	}

	table.bof_library_icons {
		width: 80%;
		border-color: #323232;
		border-style: none;
		border-width: thin;
		margin-left: 4px;
		margin-right: 0;
	}

	table.bof_survey {
		vertical-align: top;
		text-align: left;
		border-color: #000000;
		border-style: solid;
		border-width: thin;
		width: 90%;
		padding: 10px;
		border-collapse: collapse;
		margin: 10px;
	}

	table.bof_survey td {
		padding: 0 0 10px 10px;
	}

	div.bof_header_page {
		text-align: left;
		margin-left: 0;
		margin-right: 0;
		width: 600px;
		overflow: visible;
	}

	table.bof_header_page {
		border-collapse: collapse;
		border-spacing: 0;
		border-color: transparent;
		border-style: solid;
		border-width: thin;
		margin-left: 0;
		margin-right: auto;
		text-align: left;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	table.bof_header_page:hover {
		border-color: silver;
	}

	div.bof_login_form_divider {
		width: 99%;
		height: 6px;
		overflow: hidden;
	}

	table.bof_login {
		position: absolute;
		top: 160px;
		left: 10px;

		text-align: center;
		border-color: #222222;
		border-style: solid solid solid solid;
		border-width: thin;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;

		width: 550px;
		padding-left: 30px;
		padding-right: 30px;
		border-collapse: collapse;
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888;

		background-color: #fff;
		zoom: 1;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=10);
	}

	td.bof_m2m_floating,
	td.bof_embedded {
		vertical-align: top;
	}

	tr.bof_page_header {
		text-align: left;
		font-weight: 500;
	}

	tr.bof_home_page {
		text-align: center;
	}

	tr.bof_page_footer {
		background: #333333;
		color: #eeeeee;
		text-align: center;
	}

	tr.bof_header {
		vertical-align: middle;
	}

	td.bof_page_header {
		background: #ffffff;
		text-align: left;
		font-weight: 500;
	}

	td.bof_header_name {
		font-weight: 500;
		text-align: left;
	}

	td.bof_page_title {
		background: #ffffff;
		text-align: center;
		font-weight: 500;
		font-size: 1.2em;
		padding: 0;
		margin: 0;
	}

	td.bof_page_status {
		background: #91b1ce;
		text-align: center;
		font-weight: 500;
		height: 1.2em;
	}

	td.bof_page_status_exception {
		background-color: #cc6565;
		text-align: center;
		font-weight: 500;
		font-size: 1em;
		color: #000000;
	}

	td.bof_page_scrollbar {
		background: #ffffff;
		text-align: left;
		font-style: italic;
		font-weight: normal;
		white-space: nowrap;
		/* width: 1%; */
		padding-left: 1em;
	}

	div.xbof_page_toolbar {
		background: #333333;
		text-align: left;
		padding: 0;
		padding-left: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin: 0;
		white-space: nowrap;
	}

	div.bof_svt_survey_toolbar {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
		border: 0;
		background: #ffffff;
	}

	input.bof_page_toolbar {
		padding: 0;
		margin: 0;
	}

	.nav-tabs {
		border-bottom: 1px solid #ddd;
	}

	.nav-tabs > li > a {
		margin-right: 4px;
		font-size: 12px;
		background-color: #ccc;
		font-weight: 500;
		color: #666;
		border: 1px solid #bbb;
		line-height: 1.5;
	}

	.nav-tabs > li:first-child > a {
		margin-left: 10px;
	}

	.nav-tabs > li > a:hover {
		color: #333;
		background-color: #efefef;
		border: 1px solid #ddd;
		border-bottom: 0 none;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus {
		color: #555;
		font-weight: 500;
		background-color: #efefef;
		border: 1px solid #ddd;
		border-bottom-color: transparent;
	}

	td.bof_page_navbar {
		text-align: left;
	}

	td.bof_page_filler {
		width: 99%;
	}

	td.bof_header_active,
	td.bof_header_inactive {
		font-weight: 500;
		font-size: 11px;
		padding: 5px 8px !important;
		background: #ddd;
		vertical-align: middle !important;
		cursor: pointer;
		color: #555;
		border-bottom: 1px solid #bbb;
		border-right: 1px solid #cfcfcf;
	}

	td.bof_dnd_page_field {
		background: #ffffff; /* for non-css3 browsers */
		color: #000000;
		font-weight: normal;
		text-align: right;
		padding: 2px;
		height: 100%;
		width: 100px;
		border-top: none !important;
	}

	td.bof_dnd_unused_field {
		font-weight: normal;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: 0;
		text-align: left;
		padding: 2px;
		color: #000000;
		background: #ffffff;
	}

	td.bof_dnd_page_search_field {
		background: #ffffff;
		color: #000000;
		text-align: left;
		padding: 2px;
	}

	td.bof_header_inactive_right {
		text-align: right;
	}

	td.bof_data_missing {
		background: #ffcccc;
		padding-left: 1em;
		padding-right: 1em;
	}

	input.bof_column_label,
	input.bof_column_label_clickable {
		text-decoration: underline;
		background-color: #ffffff;
		text-align: left;
		font-weight: 500;
		border: 0;
		padding: 0;
	}

	td.bof_column_label_clickable,
	td.bof_column_label {
		background-color: #ffffff;
		text-align: left;
		font-weight: 500;
	}

	td.bof_column_label_center {
		background-color: #ffffff;
		text-align: center;
		font-weight: 500;
	}

	td.bof_column_label_right {
		background-color: #ffffff;
		text-align: right;
		font-weight: 500;
	}

	td.bof_column_label_vertical {
		background-color: #ffffff;
		text-align: left;
		font-weight: 500;
		writing-mode: tb-rl;
		filter: flipv fliph;
	}

	td.bof_report_column_label_group {
		background: #0088ce;
		text-align: left;
		font-weight: 500;
		writing-mode: tb-rl;
		filter: flipv fliph;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	td.bof_report_column_label {
		background: #ffffff;
		text-align: left;
		font-weight: 500;
		writing-mode: tb-rl;
		filter: flipv fliph;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	td.bof_report_row_label_group {
		background: #0088ce;
		text-align: left;
		font-weight: 500;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	td.bof_report_row_label {
		background: #ffffff;
		text-align: left;
		font-weight: 500;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	input.bof_column_label:hover,
	input.bof_column_label_clickable:hover,
	input.bof_column_label_iehover,
	input.bof_column_label_clickable_iehover {
		background-color: #efefef;
		text-decoration: underline;
		text-align: left;
		font-weight: 500;
		border: 0;
		padding: 0;
	}

	td.bof_column_label_clickable_iehover,
	td.bof_column_label_clickable:hover {
		background: #0088ce;
		color: #ffffff;
	}

	td.bof_data_field_label {
		text-align: right;
		font-weight: 500;
	}

	.bof_data_numeric {
		text-align: left;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_red {
		text-align: left;
		color: #ff0000;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric2 {
		text-align: left;
		background: #ddddee;
		border-color: black;
		border-style: none solid none solid;
		border-width: thin;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_red2 {
		text-align: left;
		color: #ff0000;
		background: #ddddee;
		border-color: black;
		border-style: none none none solid;
		border-width: thin;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_divider {
		text-align: right;
		border-color: black;
		border-style: none none none solid;
		border-width: thin;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_divider_red {
		text-align: right;
		color: #ff0000;
		border-color: black;
		border-style: none none none solid;
		border-width: thin;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_ldivider {
		text-align: right;
		border-color: black;
		border-style: none none none double;
		border-width: 3px;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_ldivider_red {
		text-align: right;
		color: #ff0000;
		border-color: black;
		border-style: none none none double;
		border-width: 3px;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_big_font {
		text-align: right;
		font-size: 1.2em;
		font-weight: 500;
		border-color: silver;
		border-style: none solid none solid;
		border-width: thin;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_big_font_red {
		text-align: right;
		font-size: 1.2em;
		font-weight: 500;
		color: #ff0000;
		border-color: silver;
		border-style: none solid none solid;
		border-width: thin;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_big_font2 {
		text-align: right;
		font-size: 1.2em;
		font-weight: 500;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_big_font_red2 {
		text-align: right;
		font-size: 1.2em;
		font-weight: 500;
		color: #ff0000;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_big_font_red_iehover,
	.bof_data_numeric_big_font_red:hover {
		text-align: right;
		font-size: 1.2em;
		font-weight: 500;
		color: #ffffff;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	td.bof_data_numeric_readonly {
		text-align: left;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	td.bof_m2m_outline_read_only {
		text-align: left;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: 1pt;
	}

	td.bof_m2m_outline_read_only_even {
		text-align: left;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: 1pt;
	}
	td.bof_m2m_outline_numeric_read_only {
		text-align: right;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: 1pt;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}
	td.bof_m2m_outline_numeric_read_only_even {
		text-align: right;
		background: #eeeeee;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: 1pt;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_data_numeric_left,
	td.bof_data_numeric_left {
		text-align: left;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	.bof_textarea {
		text-align: left;
		/*
		padding-left: 1em;
		padding-right: 1em;
*/
	}

	td.bof_textarea_readonly {
		text-align: left;
		/*
		padding-left: 1em;
		padding-right: 1em;
*/
	}

	.bof_data_text,
	.bof_data_centered,
	.bof_data_error,
	.bof_email_campaign_lifecycle_upcoming,
	.bof_email_campaign_lifecycle_current,
	.bof_email_campaign_lifecycle_completed,
	.bof_action,
	span.badge,
	#bof_admin_alert_area,
	.bof_data_numeric {
		font-family: 'Roboto', 'Open Sans', sans-serif;
	}

	.bof_data_text {
		text-align: left;
		padding-right: 1em;
	}

	td.bof_data_text_readonly {
		text-align: left;
		padding-right: 1em;
	}

	.bof_data_centered,
	td.bof_data_centered {
		text-align: center;
		padding-left: 1em;
		padding-right: 1em;
	}

	.bof_data_error {
		background-color: #cc6565;
		color: #ffffff;
		text-align: left;
		padding-left: 1em;
		padding-right: 1em;
		font-weight: 500;
	}

	td.bof_nothing_found {
		text-align: left;
		font-weight: 500;
		padding-left: 1em;
		padding-right: 1em;

		background-color: #ffffff;
		color: #f54d32;
	}

	td.bof_data_error {
		background-color: #cc6565;
		color: #ffffff;
		text-align: left;
		padding-left: 1em;
		padding-right: 1em;
	}

	td.bof_form_header {
		border-style: none;
		text-align: center;
		font-weight: 500;
		font-size: 1.2em;
	}

	td.bof_form_footer {
		background: #9999ff;
		text-align: left;
	}

	td.bof_form_field_label {
		background: #222222;
		text-align: right;
	}

	td.bof_data_field_label_left {
		text-align: left;
		font-weight: 500;
	}

	td.bof_data_field_label_centered {
		text-align: center;
		font-weight: 500;
	}

	td.bof_form_field_label_required {
		background: #222222;
		text-align: right;
	}

	td.bof_form_field_value {
		background: #222222;
		text-align: left;
	}

	tr.bof_form_rows_even {
		background: #efefef;
	}

	td.bof_data_boolean_true {
		background: lightgreen;
		color: #000000;
		padding-left: 1em;
		padding-right: 1em;
	}

	td.bof_data_boolean_false {
		background: #ffff00;
		color: #000000;
		padding-left: 1em;
		padding-right: 1em;
	}

	tr.bof_even_child {
		background: #ffffff;
	}

	tr.bof_odd_child {
		background: #ffffff;
	}

	tr.form th,
	tr.form {
		background: #bbbbbb;
		text-align: left;
	}

	td.bof_odd_iehover,
	td.bof_even_iehover,
	tr.bof_odd_iehover,
	tr.bof_even_iehover,
	tr.bof_odd:hover,
	tr.bof_even:hover {
		background: #dddddd; /* for non-css3 browsers */
		text-align: left;
		border: 0;
		color: #323232;
	}

	td.bof_form_even,
	td.bof_form_odd,
	tr.bof_form_even,
	tr.bof_form_odd {
		text-align: left;
		background: #ffffff;
	}

	.bizoptix_copyright {
		font-size: 10px;
		color: #fff;
		text-align: left;
		line-height: 20px;
	}

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

	ul.bof_tree {
		float: left;
		text-align: left;
		list-style-type: circle;
	}

	span.bof_record_scroll {
		color: #ffffff;
	}

	ul.bof_record_scroll_inactive {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	li.bof_record_scroll_inactive {
		display: inline;
	}

	ul.bof_record_scroll {
		width: 100%;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	li.bof_record_scroll {
		display: inline;
	}

	div.bof_card_browse_scroll,
	td.bof_scroll_top,
	td.bof_scroll_bottom {
		background: #efefef;
		color: #555555;
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		text-align: left;
		/*min-height: 48px !important;*/
	}

	a.bof_scroll_top,
	a.bof_scroll_bottom {
		color: #323232;
	}

	a.bof_sub_menu {
		text-decoration: none;
	}

	a.bof_sub_menu_selected {
		text-decoration: none;
		color: #ffffff;
		background: #0972a5;
		font-weight: normal;
	}

	a.bof_sub_menu:hover {
		background: #003147;
		color: #ffffff;
		font-weight: normal;
	}

	.bof_hints {
		float: left;
		text-decoration: none;
		color: #323232;
		background: #ffffcc;
		padding: 0.2em 0.2em;
		text-align: center;
		width: 20em;
		border-color: #323232;
		border-style: solid solid solid solid;
		border-width: 1px 3px 3px 1px;
	}

	td.bof_header {
		background: #323232;
		color: #ffffff;
		text-align: center;
		font-weight: 500;
		font-size: 1em;
		border-color: #323232;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	td.bof_filler {
		background: #ffffff;
	}

	td.bof_search {
		background: #ffffff;
		color: #000000;
		text-align: left;
		vertical-align: middle;
	}

	td.bof_iframe {
		width: 99%;
	}

	fieldset.bof_attachment {
		width: 60%;
		text-align: center;
		margin: 2px;
	}

	iframe.bof_attachment,
	iframe.bof_iframe {
		width: 100%;
		overflow: visible; /* iframe visible does nothing */
		height: 620px;
	}

	div.bof_attachment,
	div.bof_iframe {
		width: 99%;
		overflow: visible;
		border-style: none none none none;
		background: #eeeeff;
	}

	#zone1 .yui-content,
	#zone1 .yui-content:focus {
		padding: 0;

		background: #ffffff;
		text-decoration: none;
	}

	li.yui-ac-highlight {
		background-color: #eeeeee !important;
		color: #323232 !important;
	}

	a.zoneTab {
		/*
		padding: 0.6em;
*/
		background: #dddddd;
		font-weight: 500;
		text-decoration: none;
	}

	ul.draglist {
		position: relative;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.draglist li {
		margin: 0;
		cursor: move;
	}

	#dragging,
	.dragging {
		background: #ffffff !important;
		color: #626c63 !important;
		border: none !important;
	}

	#user_actions {
		float: right;
	}

	.bof_left {
		text-align: left;
	}

	.bof_right {
		text-align: right;
	}

	.zoneTabJQueryUIInit {
		color: #ffffff;
	}

	div.bof_hidden,
	span.bof_hidden {
		visibility: hidden;
		display: none;
	}

	td.bof_html_grid_category,
	td.bof_html_grid_series {
		text-align: left;
		padding-left: 1em;
	}

	td.bof_html_grid_value {
		text-align: right;
		padding-right: 1em;
	}

	td.bof_html_grid_caption,
	td.bof_html_grid_subcaption {
		text-align: center;
		font-weight: 500;
	}

	tr.bof_html_grid_even {
		background: #eeeeee;
	}

	tr.bof_html_grid_odd {
		background: #ffffff;
	}

	table.bof_html_grid {
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: 1px;
		font-size: 1em;
		width: 80%;
		padding: 0.5px;
		margin-top: 24px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 12px;
		border-collapse: collapse;
	}

	div.bof_page_top {
		height: 1px;
		width: 100%;
	}

	div.bof_error_message_left {
		background: #ff0000;
		width: 100%;
		overflow: auto;
		text-align: left;
		font-weight: 500;
		color: #ffffff;
	}

	div.bof_error_message {
		background: #ff0000;
		width: 100%;
		overflow: auto;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-weight: 500;
		color: #ffffff;
	}

	div.bof_status_message {
		background-color: #0088ce;
		width: 100%;
		overflow: auto;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-weight: 500;
		color: #ffffff;
	}

	.bof_range_label {
		color: #323232;
		text-align: left;
		font-style: italic;
		font-size: 4pt;
		visibility: hidden;
		display: none;
	}

	.bof_range_label_page {
		color: #ffffff;
		text-align: left;
		font-style: italic;
		visibility: hidden;
		display: none;
	}

	div.bof_status_text {
		background: #ffffff;
	}

	div.bof_status_text_dirty {
		font-style: italic;
		padding-left: 4px;
	}

	span.bof_chart_span_group {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		vertical-align: middle;
		float: left;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	.bsmSelect {
		/* the newly created regular 'select' */
		display: inline;
	}

	.bsmOptionDisabled {
		/* disabled options in new select */
		color: #999;
	}

	.bsmHighlight {
		/* the highlight span */
		float: right;
		padding: 0;
		margin: 0 0 0 1em;
	}

	.bsmList {
		/* html list that contains selected items */
		margin: 0.25em 0 1em 0;
		position: relative;
		display: block;
		padding-left: 0;
		list-style: none;
	}

	.bsmListItem {
		/* li item from the html list above */
		position: relative;
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		background: #ddd;
		border: 1px solid #bbb;
		width: 100%;
		margin: 0 0 -1px 0;
		color: #000000;
		line-height: 1em;
	}

	.bsmListItem:hover {
		background-color: #e5e5e5;
	}

	.bsmListItemLabel {
		/* this is a span that surrounds the text in the item, except for the remove link */
		padding: 5px;
		display: block;
	}

	.bsmListSortable .bsmListItemLabel {
		cursor: move;
	}

	.bsmListItemRemove,
	a.bsmListItemRemove {
		/* the remove link in each list item */
		color: #000000;
		text-decoration: none;
		position: absolute;
		right: 0;
		top: 0;
		padding: 5px;
	}

	a.bsmListItemRemove:hover {
		/* the remove link in each list item */
		color: #ff0000;
		text-decoration: none;
		position: absolute;
		right: 0;
		top: 0;
		padding: 5px;
	}

	table.bof_multi_select {
		background: #ffffff;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
		width: 90%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	input.bof_multi_select {
		width: 90%;
	}

	span.bof_search_description {
		text-align: left;
		font-weight: 500;
		color: #555555;
	}

	div.bof_search_description_value {
		position: relative;
		display: inline-block;
		text-align: left;
		font-weight: normal;
		font-size: 12px;
		color: #ffffff;
		background-color: #0088ce;
		width: 100%;
		margin-top: 2px;
		margin-bottom: 2px;
		padding: 4px;
		padding-right: 48px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 4px solid #0088ce;
		overflow-wrap: break-word;
		word-wrap: break-word;
		hyphens: auto;
	}

	div.bof_filter_user_lock_column_locked {
		background-color: #007ab8;
		border: 4px solid #007ab8;
	}

	div.bof_search_description_modal_link {
		font-family: 'Roboto', 'Open Sans', sans-serif;
	}

	div.bof_search_description_modal_link:hover {
		text-decoration: underline;
		cursor: pointer;
	}

	div.bof_search_description a.bof_search_cancel {
		position: absolute;
		top: 4px;
		right: 4px;
		color: #efefef;
	}

	div.bof_search_description_inline_show div.bof_search_description_value a.bof_search_cancel {
		right: 8px;
	}

	div.bof_search_description a.bof_search_lock {
		position: absolute;
		top: 1px;
		right: 16px;
		color: #efefef;
		font-size: 0.8em;
	}

	div.bof_search_description_inline_show div.bof_search_description_value a.bof_search_lock {
		right: 22px;
	}

	div.bof_quickstart {
		width: 20em;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		margin-top: 4px;
		margin-bottom: 4px;
		white-space: nowrap;
		color: lightblue;
		text-decoration: underline;
	}

	a.bof_quickstart {
		text-decoration: none;
		width: 100%;
		color: #ffffff;
		white-space: nowrap;
	}

	a.bof_quickstart:hover {
		text-decoration: underline;
		color: lightblue;
	}

	.bof_browse_edit_in_progress {
		background: #ffff00 !important;
	}

	span#bofUnusedFieldList {
		width: 90%;
		height: 260px;
		overflow: auto;
		border-color: silver;
		border-style: solid;
		border-width: thin;
	}

	span#bofUnusedFieldListHeader {
		color: #ffffff;
		font-style: italic;
		text-decoration: none;
		font-size: 0.5em;
	}

	div.bof_page_header {
		width: 99%;
		height: 57px;
		white-space: nowrap;
		overflow: hidden;
		border-color: silver;
		border-style: none none none none;
		border-width: 1px;
	}

	div.bof_logout {
		position: absolute;
		top: 0;
		left: 740px;
		vertical-align: top;
		text-align: right;
		z-index: 1000;
		background: #ffffff;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	div.bof_page_title {
		position: absolute;
		top: 40px;
		left: 212px;
		width: 520px;
		height: 1.4em;
		text-align: left;
		vertical-align: bottom;
		font-weight: 500;
		font-size: 1.4em;
		padding: 0;
		color: #323232;
		overflow: hidden;
	}

	#bof_toolbar {
		position: relative;
		width: 99%;
		left: 0;
	}

	#bofStatusText {
		overflow: hidden;
		position: relative;
		width: 98%;
		left: 0;
	}

	div.bof_workspace {
		width: 100%;
	}

	div.bof_workspace_menu {
		display: none;
		position: absolute;
		left: 4px;
		width: 200px;
		max-width: 200px;
		padding: 0;
		vertical-align: top;
		text-align: left;
		margin: 0;
		border-style: none;
		overflow: hidden;
		z-index: 0;
	}

	div.bof_workspace_menu_slide {
		width: 20px;
		max-width: 20px;
		overflow: hidden;
	}

	div.bof_workspace_content {
		top: 300px;
		margin: 0 0 0 210px;
		padding: 0;
		text-align: left;
		border-style: none;
		background: #ffffff;
		z-index: 50;
	}

	div.bof_workspace_content_slide {
		margin: 0 0 0 30px;
	}

	div.bof_workspace_content_iframe {
		width: 99%;
		margin: 0;
		padding: 0;
		background: #ffffff;
		text-align: left;
		border-color: #ffffff;
		border-style: none none none none;
		border-width: 0;
	}

	td.bof_page_menu {
		padding: 0;
		background: #172619;
		vertical-align: top;
		text-align: left;
		width: 180px;
		max-width: 180px;
		white-space: nowrap;
	}

	td.bof_content {
		padding: 0;
		padding-left: 4px;
		background: #ffffff;
		vertical-align: top;
		text-align: left;
		width: 98%;
	}

	td.bof_action {
		text-align: left;
	}

	.boffr_columnLabel {
		text-align: right;
		font-weight: 500;
	}

	.boffr_rowLabel {
		text-align: left;
		font-weight: normal;
		padding: 0.3em 0.3em;
	}

	.boffr_numeric {
		text-align: right;
	}

	.boffr_left {
		text-align: left;
	}

	.boffr_right {
		text-align: right;
	}

	.boffr_borderTop {
		border-top-style: solid;
		border-top-color: silver;
		border-top-width: thin;
	}

	.boffr_borderBottom {
		border-bottom-style: solid;
		border-bottom-color: silver;
		border-bottom-width: thin;
	}

	.boffr_borderLeft {
		border-left-style: solid;
		border-left-color: silver;
		border-left-width: thin;
	}

	.boffr_borderRight {
		border-right-style: solid;
		border-right-color: silver;
		border-right-width: thin;
	}

	.boffr_border {
		border-top-style: solid;
		border-top-color: silver;
		border-top-width: thin;
		border-bottom-style: solid;
		border-bottom-color: silver;
		border-bottom-width: thin;
		border-left-style: solid;
		border-left-color: silver;
		border-left-width: thin;
		border-right-style: solid;
		border-right-color: silver;
		border-right-width: thin;
	}

	.boffr_backgroundHighlight {
		background: #ffff99;
	}

	.boffr_fontBold {
		font-weight: 500;
	}

	.boffr_fontItalic {
		font-style: italic;
	}

	.boffr_fontSmaller {
		font-size: 0.8em;
	}

	.boffr_fontAltColor {
		color: blue;
	}

	.boffr_negative {
		color: red;
	}

	.boffr_budget_good {
		background: #00dd00;
	}

	.boffr_budget_ok {
		background: #dddd00;
	}

	.boffr_budget_bad {
		background: #dd0000;
	}

	.boffr_report_heading {
		font-weight: 500;
	}

	.boffr_report_footer {
		font-style: italic;
	}

	a.boffr_notelink {
		text-decoration: none;
	}

	a.boffr_notelink:hover {
		text-decoration: underline;
	}

	a.bof_no_underline {
		text-decoration: none;
	}

	a.bof_no_underline:hover {
		text-decoration: underline;
	}

	/*
	div.bof_textarea {
		width: 100em;
	}
*/

	span.bof_chart_span_group {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		vertical-align: middle;
		float: left;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
	}

	td.bof_nowrap,
	.bof_nowrap {
		white-space: nowrap;
	}

	table.bof_chart_definition {
		vertical-align: middle;
		border-color: silver;
		border-style: none none none none;
		border-width: thin;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	td.bof_chart_definition_top {
		vertical-align: middle;
		background: #ffffff;
		padding: 8px;
		text-align: left;
		page-break-inside: avoid;
	}

	td.bof_chart_definition_middle {
		vertical-align: middle;
		background: #ffffff;
		padding: 8px;
		text-align: left;
		page-break-inside: avoid;
	}

	td.bof_chart_definition_left {
		vertical-align: middle;
		background: #ffffff;
		padding: 8px;
		text-align: left;
		page-break-inside: avoid;
	}

	td.bof_chart_definition_chart {
		vertical-align: middle;
		background: #ffffff;
		padding: 8px;
		page-break-inside: avoid;
	}

	td.bof_chart_definition_right {
		vertical-align: middle;
		background: #ffffff;
		padding: 8px;
		text-align: left;
		page-break-inside: avoid;
	}

	td.bof_chart_definition_bottom {
		vertical-align: middle;
		background: #ffffff;
		padding: 8px;
		text-align: left;
		page-break-inside: avoid;
	}

	div.bof_print_button {
		text-align: center;
		vertical-align: bottom;
		margin-left: auto;
		margin-right: auto;
		width: 31px;
		height: 49px;
		background: #ffffff;
		font-size: 6pt;
		text-decoration: none;
		float: left;
	}

	img.bof_print_button {
		vertical-align: text-top;
		width: 24;
		height: 32;
	}

	#bof_print_button {
		color: #ffffff;
	}

	#bof_print_button:hover {
		color: #777777;
	}

	a.bof_record_scroll {
		color: #ffffff;
		text-decoration: none;
	}

	a.bof_record_scroll:hover {
		color: #ffffff;
		background-color: #cc6565;
	}

	div.bof_svt_survey_reference {
		text-align: left;
		margin: 10px;
	}

	div.bof_svt_label {
		text-align: left;
		font-weight: 500;
		padding: 10px;
	}

	div.bof_svt_border {
		border-color: silver;
		border-style: none;
		border-width: thin;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-align: left;
		width: 99%;
		padding: 10px;
		background: #ffffff;
	}

	div.bof_svt_survey_question {
		border-color: silver;
		border-style: solid;
		border-width: thin;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		text-align: left;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		background: #ffffee;
		width: 80%;
	}

	table.bof_svt_survey_toc {
		width: 100%;
	}

	td.bof_svt_survey_toc {
		vertical-align: top;
	}

	div.bof_svt_survey_toc {
		text-align: left;
		margin-right: auto;
		padding: 0;
		overflow: visible;
		white-space: nowrap;
		background: #ffffff;
		display: none;
	}

	div.bof_svt_survey_toc_block {
		vertical-align: top;
		font-weight: 500;
		padding: 0;
		margin: 0;
		background: #ffffff;
		width: 100%;
	}

	ul.bof_svt_survey_toc {
		list-style-type: none;
	}

	th.bof_svt_question_header {
		background: #ffffff;
		font-weight: 500;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
	}

	th.bof_svt_question_section {
		background: #ffffff;
		font-weight: 500;
		text-align: right;
		padding-left: 10px;
		padding-right: 10px;
	}

	div.bof_svt_survey_progress {
		border-color: #323232;
		border-style: solid;
		border-width: thin;
		text-align: left;
		width: 99%;
	}

	div.bof_svt_survey_complete {
		background: #323232;
		text-align: center;
		white-space: nowrap;
		font-weight: 500;
		color: #cccccc;
	}

	div.bof_svt_survey_legend {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 4px;
	}

	table.bof_svt_survey_answer,
	td.bof_svt_survey_answer {
		border-style: none;
		vertical-align: top;
		background-color: transparent;
	}

	tr.bof_svt_survey_answer_row {
		border-color: silver;
		border-style: none;
		border-width: thin;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 20px;
		margin: 20px;
	}

	tr.bof_svt_survey_answer_row_hover {
		background: #cff9ff;
	}

	span.bof_svt_survey_toc_active_answer {
		font-weight: 500;
		background: #000000;
		color: #ffffff;
	}

	span.bof_svt_instructions {
		font-weight: normal;
	}

	span.bof_svt_survey_done_notice {
		font-weight: 500;
		color: #ffffff;
		font-style: italic;
		font-size: 1.2em;
	}

	div.bof_svt_survey_thank_you {
		font-weight: 500;
		font-size: 3em;
		color: #323232;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	div.bof_svt_survey_score {
		font-weight: 500;
		font-size: 3em;
		color: #323232;
		padding-top: 100px;
	}

	div.bof_svt_survey_error {
		margin-top: 100px;
		margin-bottom: 100px;
		background: #ffff00;
		text-align: center;
		font-weight: 500;
		font-size: 3em;
	}

	span.bof_rta_thumbs_no_preview {
		font-style: italic;
	}

	span.bof_catalog_item_thumbs_no_preview {
		font-style: italic;
	}

	table.bof_rta_workspace {
		width: 100%;
		padding: 0;
		border-collapse: collapse;
		margin: 0 auto;
	}

	th.bof_rta_workspace_header {
		font-size: 1.2em;
		padding-left: 10px;
		min-width: 130pt;
		width: 130pt;
		white-space: nowrap;
	}

	th.bof_rta_workspace_content_header {
		width: 80%;
	}

	div.bof_rta_workspace {
		width: 100%;
		overflow: auto;
	}

	th.bof_rta_workspace_folder {
		white-space: nowrap;
		width: 200pt;
		min-width: 200pt;
	}

	#bof_rta_workspace_folders {
		width: 100%;
		height: 100%;
		max-width: 250pt;
		padding: 0;
		vertical-align: top;
		text-align: left;
		margin: 0;
		margin-left: 10px;
		overflow: auto;
		float: left;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-color: silver;
		border-style: solid;
		border-width: thin;
	}

	#bof_rta_workspace_content {
		width: 98%;
		height: 98%;
		padding: 0;
		vertical-align: top;
		text-align: left;
		margin: 0;
		margin-left: 8pt;
		overflow: auto;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-color: silver;
		border-style: none;
		border-width: thin;
	}

	div.bof_rta_folder_link:hover {
		font-weight: 500;
	}

	div.bof_rta_folder_link_open {
		font-weight: 500;
	}

	ul.bof_rta_pagination {
		position: fixed;
		top: 63px;
		right: 16px;
		z-index: 3;
	}

	div.bof_rta_thumbs {
		position: relative;
		vertical-align: middle;
		text-align: center;
		padding: 2px;
		overflow: hidden;
		float: left;
		word-wrap: break-word;
		width: 160px;
		height: 180px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 4px;
		border-color: silver;
		border-style: solid;
		border-width: thin;
	}

	div.bof_rta_thumbs:hover {
		background: #eeeeee;
		border-color: #323232;
	}

	div.bof_rta_thumbs_header_background {
		width: 100%;
		z-index: 10000;
	}

	div.bof_rta_thumbs_header {
		height: 1.2em;
		margin: 0 auto;
		text-align: right;
	}

	div.bof_rta_thumbs_caption_background {
		background: #f8f5e1;
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 0;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}

	div.bof_rta_thumbs_caption {
		height: 3em;
		margin: 0 auto;
		text-align: center;
		opacity: 1;
	}

	div.bof_rta_thumbs_caption_active {
		height: auto !important;
	}

	img.bof_rta_thumbs {
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		border: 1px solid transparent;
	}

	span.bof_rta_preview_span {
		margin: 0 20px;
	}

	img.bof_rta_thumbs:hover {
		border: 1px solid #323232;
	}

	span.bof_rta_thumbs {
		color: #fde736;
	}

	div.bof_rta_folder,
	div.bof_rta_folder_manager {
		text-align: center;
		padding: 2px;
		width: 110px;
		height: 100px;
		overflow: hidden;
	}

	div.bof_rta_folder {
		float: left;
		display: block;
	}

	img.bof_rta_folder {
		border: 0;
		width: 1em;
		height: 1em;
	}

	img.bof_rta_folder_manager {
		border: 0;
	}

	div.bof_catalog_item_thumbs {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		padding: 2px;
		overflow: hidden;
		word-wrap: break-word;
		width: 260px;
		height: 280px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 4px 4px 32px 4px;
		border-color: #ffffff;
		border-style: solid;
		border-width: thin;
	}

	div.bof_catalog_item_thumbs_inactive {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		padding: 2px;
		overflow: hidden;
		word-wrap: break-word;
		width: 260px;
		height: 280px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 4px 4px 32px 4px;
		border-color: #ff0000;
		border-style: solid;
		border-width: thick;
	}

	div.bof_catalog_item_thumbs_selected {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		padding: 2px;
		overflow: hidden;
		word-wrap: break-word;
		width: 260px;
		height: 280px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 4px 4px 32px 4px;
		border-color: #00c000;
		border-style: solid;
		border-width: thick;
	}

	div.bof_catalog_item_preview {
		display: none;
		width: 100%;
		max-height: 400px;
		overflow: auto;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	img.bof_catalog_item_preview {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		height: auto;
		max-width: 75%;
		max-height: 75%;
	}

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

	div.bof_catalog_item_header {
		background: #ffffff;
		padding: 5px 10px;
		width: 100%;
		margin: auto;
		height: 100px;
	}

	img.bof_catalog_item_header {
		width: 200px;
		float: left;
		vertical-align: middle;
	}

	div.bof_catalog_item_row {
		margin-top: 4pt;
		padding: 5px 10px;
		width: 100%;
	}

	span.bof_catalog_item_zone_title {
		font-weight: 500;
		font-size: 20px;
		line-height: 32px;
	}

	div.bof_catalog_header_title {
		position: relative;
		vertical-align: middle;
		padding: 2px;
		overflow: hidden;
		float: left;
		word-wrap: break-word;
	}

	span.bof_catalog_header_title {
		font-weight: 500;
		font-size: 28px;
	}

	img.bof_catalog_header_title {
		width: 200px;
		vertical-align: bottom;
	}

	span.bof_catalog_item_zone_description {
		font-size: 14px;
	}

	div.bof_catalog_item_thumbs:hover {
		background: #eeeeee;
		border-color: #323232;
		border-style: solid;
	}

	div.bof_catalog_item_thumbs_header_background {
		width: 100%;
		z-index: 10000;
	}

	div.bof_catalog_item_thumbs_header {
		height: 1.2em;
		margin: 0 auto;
		text-align: right;
	}

	div.bof_catalog_item_thumbs_caption_background {
		background: #ffffff;
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 0;
	}

	div.bof_catalog_item_thumbs_caption {
		height: auto;
		vertical-align: top;
		margin: 0 auto;
		text-align: center;
		opacity: 1;
	}

	div.bof_catalog_item_thumbs_caption_title {
		font-weight: 500;
		text-align: center;
		padding: 6px;
	}

	.bof_catalog_item_preview_field_label {
		font-weight: 500;
		text-align: left;
		padding: 6px;
	}

	div.bof_catalog_item_thumbs_caption_active {
		/*height: auto !important;*/
		height: 130px;
	}

	#bof_catalog_item_action {
		text-align: center;
	}

	img.bof_catalog_item_thumbs {
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		border: 1px solid transparent;
		background: #ffffff;
	}

	img.bof_catalog_item_thumbs:hover {
		border: 1px solid #323232;
	}

	span.bof_catalog_item_thumbs {
		color: #fde736;
	}

	a.bof_catalog_item_importing_link {
		text-decoration: underline;
		color: #0000ff;
		font-weight: 500;
		font-size: 14px;
	}

	div.bof_sub_menu {
		white-space: nowrap;
		border-style: none;
	}

	div.bof_fmp_page_header,
	div.bof_fmp_page_header_browse,
	div.bof_fmp_page_header_insert,
	div.bof_fmp_page_header_edit,
	div.bof_fmp_page_header_view,
	div.bof_fmp_page_header_delete {
		text-align: left;
		padding: 0;
		margin: 0;
	}

	.bof_fmp_page_header p,
	.bof_fmp_page_header_browse p,
	.bof_fmp_page_header_insert p,
	.bof_fmp_page_header_edit p,
	.bof_fmp_page_header_view p,
	.bof_fmp_page_header_delete p {
		text-align: left;
		padding: 0;
		margin: 0;
	}

	div.challenge_highlight {
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px;
	}

	#bof_svt_survey_toc_button {
		display: none;
		margin-top: 4px;
	}

	div.animate {
		text-align: left;
	}

	div.bof_svt_survey_answer_prompt {
		text-align: center;
		width: 50%;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.wizard-steps {
		margin: 0 0 0 0;
		padding: 0;
		position: relative;
		clear: both;
		/* font-family: Verdana, "Trebuchet MS", "Comic Sans MS", helvetica;
		*/
		font-weight: 500;
		white-space: nowrap;
	}

	.wizard-steps span {
		display: block;
		float: left;
		text-align: center;
		width: 20px;
		margin: 16px 4px 0 36px;
		line-height: 20px;
		color: #333;
		font-weight: 600;
		font-size: 12px;
		background: #fff;
		text-shadow: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	.wizard-steps a {
		position: relative;
		display: inline;
		width: 160px;
		height: 55px;
		float: left;
		font-size: 11px;
		line-height: 55px;
		color: #fff;
		background-color: #666;
		text-decoration: none;
		text-align: left;
	}

	.wizard-steps .active-step a {
		color: #ffffff;
		background: #323232;
	}

	.wizard-steps .active-step:hover a,
	.wizard-steps .active-step-hover a {
		color: #ffffff;
		background: #323232;
	}

	.wizard-steps .completed-step a {
		color: #ffffff;
		background-color: #666;
	}

	.wizard-steps .completed-step:hover a,
	.wizard-steps .completed-step-hover a {
		color: #ffffff;
		background: #0088ce;
	}

	.wizard-steps .completed-blocked-step a,
	.wizard-steps .blocked-step a {
		color: #fff;
		background-color: #666;
	}

	.wizard-steps .completed-blocked-step:hover a,
	.wizard-steps .completed-blocked-step-hover a,
	.wizard-steps .blocked-step:hover a,
	.wizard-steps .blocked-step-hover a {
		color: #fff;
		background-color: #999;
	}

	.wizard-steps .available-step a {
		color: #fff;
		background-color: #666;
	}

	.wizard-steps .available-step:hover a,
	.wizard-steps .available-step-hover a {
		color: #fff;
		background: #0088ce;
	}

	p.wizard-steps-description {
		display: block;
		clear: both;
		margin: 10px 20px 10px 0;
		text-align: left;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 12px;
		font-weight: 500;
		color: #323232;
	}

	.Xwizard-steps-container {
		display: block;
		margin: 0 0 0 0;
		/*
		vertical-align: bottom;
*/
	}

	#webTemplatePreviewContent {
		display: block;
		width: 100%;
		height: 100px;
	}

	a.bof_m2m_new {
		text-decoration: underline;
		color: #0088ce;
		font-weight: 500;
	}

	a.bof_iframe_link,
	a.bof_data_text_readonly {
		background: #ffffff;
		color: #0088ce;
		font-weight: 500;
	}

	a.bof_iframe_link:hover,
	a.bof_data_text_readonly:hover {
		color: #ffffff;
		background: #323232;
		text-decoration: none;
	}

	table.bof_email_campaign_type {
		width: 400px;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
		margin-left: 12px;
		margin-right: 0;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	td.bof_email_campaign_type {
		width: 200px;
		text-align: center;
		padding: 12px;
	}

	.bof_bold {
		font-weight: 500;
	}

	td.bof_pivot {
		border-color: #323232;
		border-style: none solid none solid;
		border-width: thin;
	}

	td.bof_pivot_total {
		border-color: #323232;
		border-style: solid solid solid solid;
		border-width: thin;
		background: #cccccc;
	}

	td.bof_pivot_top {
		border-color: #323232;
		border-style: solid solid none solid;
		border-width: thin;
	}

	td.bof_pivot_total {
		background: #cccccc;
	}

	td.bof_pivot_subtotal {
		background: #dddddd;
	}

	td.bof_pivot_subtotal2 {
		background: #eeeeee;
	}

	td.bof_pivot_total_crosstab {
		background: #bbbbbb;
	}

	td.bof_pivot_subtotal_crosstab {
		background: #cccccc;
	}

	td.bof_pivot_subtotal2_crosstab {
		background: #dddddd;
	}

	td.bof_pivot_crosstab_total {
		background: #eeeeee;
	}

	div.bof_pivot_preview {
		width: 100%;
		overflow: auto;
	}

	div.bof_pivot_table_section {
		margin-left: auto;
		margin-right: auto;
	}

	div.bof_pivot_table_section h2 {
		font-size: 24px;
		font-weight: 500;
		color: 333;
	}

	div.bof_pivot_slider_area {
		text-align: left;
		width: max-content;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 5px;
		padding: 5px 20px;
		background: #ccc;
		color: #555;
		margin-right: auto;
		font-size: 12px;
		font-weight: 500;
	}

	div.bof_pivot_slider_label {
		text-align: center;
		margin-left: 0;
		margin-right: auto;
	}

	div.bof_pivot_slider {
		width: 300px;
		background: #ffffff;
	}

	div.bof_pivot_edit_bar,
	div.bof_layout_edit_bar {
		font-size: 18px;
	}

	div.bof_pivot_edit_bar {
		float: right;
		clear: both;
	}

	div.bof_pivot_table_edit_bar {
		margin-top: 20px;
	}

	div.bof_pivot_edit_bar > a,
	div.bof_layout_edit_bar > a,
	div.bof_browse_scroll_toolbar > a {
		margin-right: 4px;
		font-size: 16px;
		color: #777;
	}

	div.bof_svt_survey_manager_header {
		background: #ffffc0;
		padding-top: 0;
		margin-top: 0;
		text-align: left;
		margin: 10px;
		display: none;
		visibility: hidden;
	}

	div.bof_search_description {
		font-weight: 500;
		/*background: #ffffff;*/
		color: #323232;
		width: 100%;
		border-color: #ffffff;
		border-style: none none none none;
		border-width: 0;
		padding: 0;
		margin-top: 4px;
		margin-bottom: 10px;
	}

	div.bof_search_description span.glyphicon-remove {
		color: #555;
	}

	div.bof_search_description_value span.glyphicon-remove {
		color: #ffffff;
	}

	span.glyphicon-remove:hover {
		color: #f54d32;
	}

	/*	div.bof_filter_user_lock_column_locked span.glyphicon-remove,
*/
	div.bof_filter_user_lock_column_locked a.bof_search_cancel {
		visibility: hidden;
	}

	div.bof_search_description span.glyphicon-remove:hover,
	div.bof_search_description span.glyphicons-lock:hover,
	div.bof_search_description span.glyphicons-unlock:hover {
		color: #323232;
	}

	div.bof_search_description ul {
		/* list-style-type: circle; */
		list-style-type: none;
		padding: 0;
	}

	div.bof_search_description li {
		/* background-color: #42D1B1; */
		padding: 0;
		margin: 0;
	}

	div.bof_search_description_value ul {
		list-style-type: circle;
		padding-left: 16px;
		margin-top: 2px;
		margin-bottom: 0;
	}

	div.bof_search_description_value li {
		padding: 0;
		margin: 0;
	}

	a.bof_search_description_clear_all_filters {
		float: right;
		padding-left: 8px;
		padding-right: 3px;
	}

	a.bof_search_description_clear_all_filters > .glyphicon {
		font-size: 12px;
		color: #bbb;
	}

	.no-close .ui-dialog-titlebar-close {
		display: none;
	}

	.bof_tree_filter {
		background: #cccccc;
		text-align: center;
		width: 240px;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		margin: 10px;
		margin-left: 0;
		margin-right: 20px;
		padding-left: 4px;
		padding-right: 4px;
	}

	div.bof_tree {
		background: #ffffff;
		border-color: silver;
		border-style: solid solid solid solid;
		border-width: thin;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		border-radius: 6px;
		margin: 10px;
	}

	.bof_tree_button {
		width: 200px;
		margin-bottom: 10px;
	}

	.bof_tree_error {
		background: #ff0000;
		color: #ffffff;
	}

	a.bof_new_user {
		color: #0088ce;
		margin-left: 50px;
	}

	a.bof_privacy_statement_login {
		color: #0088ce;
		margin-left: 150px;
		margin-top: -10px;
	}

	a.login_lookup_link {
		color: #0088ce;
		font-size: small;
		padding-right: 5px;
	}

	div.bof_gallery_container {
		background: #ffffff;
		position: relative;
		width: 280px;
		height: 120px;
		text-align: center;
		padding: 2px;
		overflow: hidden;
		float: left;
		word-wrap: break-word;
	}

	img.bof_rta_thumbs {
		width: 100px;
	}

	div.bof_rta_button_group {
		display: block;
		padding-bottom: 4px;
		margin-top: 2px;
	}

	div.bof_rta_button_group_active {
		display: block;
	}

	img.bof_catalog_item_thumbs {
		width: 200px;
	}

	div.bof_catalog_item_button_group {
		display: none;
		padding-bottom: 4px;
	}

	div.bof_catalog_item_button_group_active {
		display: block;
	}

	div.bof_gallery_iframe_overlay {
		position: relative;
		z-index: 95;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: #00ffff;
		opacity: 0.5;
		filter: alpha(opacity=0.5);
	}

	iframe.notbof_gallery_iframe {
		position: relative;
		-ms-transform: scale(0.3, 0.29);
		-o-transform: scale(0.3, 0.29);
		-webkit-transform: scale(0.3, 0.29);
		-moz-transform: scale(0.3, 0.29);
		transform: scale(0.3, 0.29);
		-ms-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		z-index: 90;
	}

	table.bof_gallery {
		background: #ffffff;
		border-color: #323232;
		border-style: solid solid solid solid;
		border-width: thin;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	td.bof_gallery_select {
		width: 20%;
	}

	td.bof_gallery_preview {
		width: 80%;
	}

	div.bof_gallery_select {
		width: 200px;
		overflow: auto;
	}

	div.bof_gallery_preview {
		width: 800px;
		height: 400px;
		overflow: auto;
	}

	iframe.bof_gallery_iframe {
		width: 100%;
		height: 100%;
		overflow: visible;
	}

	a.bof_gallery {
		width: 200px;
		color: #323232;
		text-decoration: none;
		font-weight: normal;
		white-space: nowrap;
	}

	a.bof_gallery:hover {
		background: #0088ce;
		color: #ffffff;
		text-decoration: underline;
	}

	.well {
		padding: 10px 20px;
		border: 0 none !important;
	}

	.bof_info_div,
	.bof_error_div,
	.bof_warning_div,
	.bof_success_div {
		padding: 10px 10px 10px 50px;
		font-size: 14px;
		font-weight: 400;
		text-align: left;
		line-height: 143%;
		letter-spacing: 0.15px;
		position: static;
		left: 0%;
		right: 0%;
		top: 0%;
		bottom: 0%;
		margin: 0 20px 15px 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		background-image: none;
		border: none;
	}

	.bof_info_div > .glyphicon,
	.bof_error_div > .glyphicon,
	.bof_warning_div > .glyphicon,
	.bof_success_div > .glyphicon {
		margin-left: -35px;
		font-size: 18px;
	}

	.bof_info_div .title,
	.bof_error_div .title,
	.bof_warning_div .title,
	.bof_success_div .title {
		font-weight: 500;
		font-size: 16px;
		line-height: 150%;
		/* identical to box height, or 24px */
		letter-spacing: 0.15px;
		margin-bottom: 5px;
		display: block;
	}

	.bof_error_div_highlight .title {
		font-weight: 500;
		font-size: 20px;
		line-height: 150%;
		/* identical to box height, or 24px */
		letter-spacing: 0.15px;
		margin-bottom: 5px;
		display: block;
	}

	.bof_info_div .close,
	.bof_warning_div .close,
	.bof_error_div .close,
	.bof_success_div .close {
		right: -30px;
		text-shadow: none;
		opacity: 0.75;
	}

	.bof_info_div .btn,
	.bof_info_div a.btn,
	.bof_warning_div .btn,
	.bof_warning_div a.btn,
	.bof_success_div .btn,
	.bof_success_div a.btn,
	.bof_error_div .btn,
	.bof_error_div a.btn {
		margin-top: 10px;
		font-size: 100%;
	}

	.bof_info_div {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
			linear-gradient(0deg, #2196f3, #2196f3);
		color: rgb(1, 67, 97);
	}

	.bof_info_div > .glyphicon {
		color: rgba(33, 150, 243, 1);
	}

	.bof_error_div {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
			linear-gradient(0deg, #f44336, #f44336);
		color: rgb(95, 33, 32);
	}

	.bof_error_div > .glyphicon {
		color: rgba(244, 67, 54, 1);
	}

	.bof_error_div_highlight {
		background: rgba(244, 67, 54, 1);
		color: rgba(255, 255, 255, 1);
	}

	.bof_error_div_highlight > .glyphicon {
		color: rgba(255, 255, 255, 1);
	}

	.bof_warning_div {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #ff9800;
		color: rgb(102, 60, 0);
	}

	.bof_warning_div > .glyphicon {
		color: rgba(255, 152, 0, 1);
	}

	.bof_success_div {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
			linear-gradient(0deg, #4caf50, #4caf50);
		color: rgb(30, 70, 32);
	}

	.bof_success_div > .glyphicon {
		color: rgba(76, 175, 80, 1);
	}

	.alert-dismissable .close:focus,
	.alert-dismissible .close:hover {
		opacity: 1;
	}

	.bof_info_div ul,
	.bof_warning_div ul,
	.bof_error_div ul,
	.bof_message_div ul {
		display: inline-block;
		text-align: left;
		font-weight: normal;
	}

	.bof_error_div a,
	.bof_warning_div a,
	.bof_info_div a,
	.bof_success_div a {
		color: #007ab8;
		font-weight: 500;
		text-shadow: none;
		font-size: 90%;
	}

	.bof_tab_div {
		background: #fefefe;
	}

	span.bof_you_are_here {
		font-size: 0.7em;
	}

	div.bof_app_name {
		color: #323232;
		padding: 0;
		font-size: 22px;
		margin: 0;
		margin-bottom: 10px;
		font-weight: 500;
	}

	.caret {
		opacity: 0.4;
	}

	div.bof_filter_list_title {
		color: #fff;
		padding: 0;
		font-size: 20px;
		margin: 8px 0 20px 0;
		font-weight: 500;
	}

	div.bof_filter_list_title .glyphicon-filter {
		font-size: 18px;
		margin-right: 8px;
	}

	div.bof_you_are_here {
		color: #323232;
		margin-bottom: 10px;
		font-size: 0.7em;
		font-weight: normal;
	}

	div.bof_bottom_pane {
		background-color: #434a44;
		color: #d8d8d8;
		min-height: 20px;
		padding: 10px 50px;
		/*
		overflow: auto;
*/
	}

	div.bof_report_container {
		overflow: auto;
		max-height: 500px;
	}

	div.bof_hr,
	div.bof_hr_dark {
		background-image: url('bg-stripe.png');
		width: 100%;
		height: 0.8em;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	div.bof_hr_dark {
		background: #172619;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	div.bof_hr {
		display: none;
	}

	a.bof_toplink {
		color: #ffffff !important;
		font-size: 16px;
	}

	a.bof_toplink:visited,
	a.bof_toplink:focus {
		color: #ffffff;
	}

	div.bof_toplink_hidden {
		border-radius: 4px;
		position: fixed;
		bottom: 85px;
		right: 0;
		display: none;
		z-index: 1039;
		margin: 0 40px 0 0;
		text-align: right;
		padding-left: 3px;
		padding-right: 5px;
		background-color: #007ab8;
		border-style: none;
		color: #007ab8;
		width: 20px;
		height: 20px;
		overflow: hidden;
	}

	#bof_app_name {
		background: #ffffff;
		width: 100%;
		z-index: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#bof_help_button {
		border-radius: 0 0 4px 4px;
		position: absolute;
		top: 117px;
		margin: 0 24px 0 0;
		text-align: right;
		padding-left: 5px;
		padding-top: 2px;
		padding-right: 5px;
		background-color: #007ab8;
		border-style: none;
		color: #fff;
		height: 22px;
		overflow: hidden;
		font-size: 0.8em;
	}

	#bof_help_button.bof_fixed_top {
		position: fixed;
		top: 0;
		z-index: 1039;
	}

	#bof_recent_link .glyphicon {
		color: #14a8f3;
	}

	/*#bof_help_button,
	#bof_recent_link {
		border-radius: 0 0 4px 4px;
		position: absolute;
		top: 117px;
		margin: 0 24px 0 0;
		text-align: right;
		padding-left: 5px;
		padding-top: 2px;
		padding-right: 5px;
		background-color: #007ab8;
		border-style: none;
		color: #fff;
		height: 22px;
		overflow: hidden;
		font-size: 0.8em;
	}

	#bof_help_button.bof_fixed_top,
	#bof_recent_link.bof_fixed_top {
		position: fixed;
		top: 0;
		z-index: 1039;
	}*/

	#bof_main_instance_warning {
		background-color: #d02323;
		color: #fff;
		border-style: none;
		border-radius: 4px;
		padding: 10px;
		position: fixed;
		bottom: 15px;
		right: 15px;
		font-size: 14px;
		z-index: 15000;
	}

	.panel-title {
		font-size: 12px;
		margin-top: 2px;
	}

	#bof_help_button {
		right: 10px;
		width: 27px;
	}

	/*#bof_recent_link {
		right: 40px;
		width: auto;
		padding-left: 12px;
		padding-right: 12px;
	}

	#bof_help_button:hover,
	#bof_recent_link:hover {
		background-color: #0096e0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}*/

	#bof_sidebar {
		display: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin-top: 200px;
		/*
		position: fixed; 
		top: 106px;  
		margin: 0;
		left: -240px;
*/
		width: 240px;
		height: 100%;
		/*
		z-index: 10;
*/
		border-right: 0;
		overflow: auto;
		background: #eff1f3;
		/* background: #a9bcd0; */
		float: left;
	}

	#bof_edit_form_sidebar {
		display: none;
	}

	div.bof_edit_form_sidebar_fixed {
		position: fixed !important;
		top: 115px !important;
		left: 0 !important;
		width: 180px;
	}

	#bof_edit_form_form.bof_sidebar_hidden {
		margin: 24px;
	}

	.bof_sidebar_show #bof_sidebar {
		left: 0;
	}

	div.bof_affix {
		font-size: 14px;
		padding: 0;
		margin-left: 0;
		margin-right: auto;
		text-align: left;
		/*opacity: 0.9;
		filter: alpha(opacity=90); */
	}

	div.bof_affix_no_label {
		white-space: nowrap;
		position: fixed;
		bottom: 43px;
		right: 16px;
		padding: 8px 8px 8px 0;
		background: #ffffff;
		z-index: 1;
		border-color: #323232;
		border-style: solid;
		border-width: thick;
		margin-left: 0;
		margin-right: auto;
		text-align: left;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		opacity: 0.95;
		filter: alpha(opacity=95);
		-moz-box-shadow: 10px 10px 5px #999;
		-webkit-box-shadow: 10px 10px 5px #999;
		box-shadow: 10px 10px 5px #999;
	}

	ul.bof_affix {
		list-style-type: none;
		border-color: #0088ce;
		border-style: none none none none;
		border-width: 0;
		padding: 0;
	}

	ul.bof_affix li {
		padding: 0;
		margin: 0;
		font-weight: 500;
		font-size: 12px;
	}

	ul.bof_affix li:first-child {
		border-top: 1px solid #ddd;
	}

	div.bof_affix_tab_header {
		text-transform: capitalize;
		font-weight: 500;
		font-size: 1.2em;
		color: #333;
		width: 100%;
		text-align: left;
		padding: 17px 20px 17px;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		background-color: #f9f9f9;
	}

	/* Adds a top margin to all but the first header */
	div.bof_affix_tab_header ~ .bof_affix_tab_header {
		margin: 20px 0;
	}

	div.bof_affix_tab_header_no_label {
		display: none;
		visibility: hidden;
	}

	a.bof_affix {
		text-decoration: none;
	}

	a.bof_affix:hover {
		color: #323232;
	}

	.bof_affix_line_visible {
		color: #fff;
		background-color: #626a64;
	}

	a.bof_affix_line_visible {
		display: block;
		padding: 20px;
		color: #fff;
		background-color: #626a64;
		border-bottom: 1px solid #555;
	}

	.bof_affix_line_invisible {
		color: #ddd;
		background-color: #797f7a;
	}

	a.bof_affix_line_invisible {
		display: block;
		padding: 20px;
		color: #ddd;
		background-color: #797f7a;
		border-bottom: 1px solid #666;
	}

	a.bof_affix_line_visible:hover,
	a.bof_affix_line_invisible:hover {
		color: #fff;
		background-color: #626a64;
		border-bottom: 1px solid #555;
	}

	.bof_affix_line_minimized {
		color: #ffffff;
	}

	.bof_affix_line_invisible_error {
		color: #b38888;
	}

	.bof_affix_line_visible_error {
		color: #f54d32;
	}

	#bof_affix_maximize_button {
		display: none;
	}

	.bof_form_subtitle {
		color: #323232;
		margin-bottom: 15px;
		font-weight: 500;
		font-size: 16px;
	}

	.bof_form_subtitle2 {
		color: #323232;
		font-size: 90%;
		margin-bottom: 10px;
		font-weight: 500;
	}

	div.bof_m2m_preview {
		width: 100%;
		overflow: auto;
	}

	div.bof_output_table_html_br {
		padding-left: 10px;
		padding-right: 10px;
		overflow-x: hidden;
	}

	#bof_logo_badge {
		visibility: hidden;
		opacity: 0;
		width: 0;
		transition: visibility 0s, opacity 0.5s linear;
	}

	#bof_logo_badge.bof_logo_badge_scroll {
		visibility: visible;
		opacity: 1;
		width: auto;
	}

	.bof_logo_badge > img {
		margin: 3px 10px 0 0;
		height: 26px;
		width: 26px;
	}

	img.bof_logo {
		display: inline-block;
		height: 50px;
	}

	span.bof_logo_filler {
		width: 240px;
	}

	span.bof_logo_filler:hover {
		text-decoration: none;
	}

	div.bof_iframe_link {
		min-width: 400pt;
		width: 400pt;
		margin-bottom: 4pt;
	}

	a.bof_iframe_btn {
		width: 180pt;
		min-width: 180pt;
	}

	div.row {
		margin: 0;
	}

	div.bof_m2m_select {
		white-space: nowrap;
	}

	.incident_urgency_1,
	.incident_urgency_2 {
		font-weight: 500;
	}

	.incident_urgency_1 {
		color: #ffffff !important;
		background: #ff0000 !important;
		font-weight: 500;
	}
	.incident_urgency_2 {
		color: #000000 !important;
		background: #ffff00 !important;
		font-weight: 500;
	}
	.incident_urgency_3 {
		color: #000000 !important;
		background: #ffa500 !important;
	}
	.incident_urgency_4 {
		color: #000000 !important;
		background: #00ff00 !important;
	}
	.incident_urgency_5 {
		color: #000000 !important;
		background: #00ff00 !important;
	}
	.incident_urgency_6 {
		color: #000000 !important;
		background: #ffffff !important;
	}

	.incident_test_true {
		color: #000000 !important;
		background: #00ff00 !important;
	}

	.NOT_NEEDED_incident_test_false {
		color: #ffffff !important;
		background: #ff0000 !important;
	}

	.bof_report_list_item {
		padding-left: 1em;
	}
	/*
	.bof_email_campaign_lifecycle_upcoming {
		color: #ffffff !important;
		background: #C0C000 !important;
	}

	.bof_email_campaign_lifecycle_current {
		color: #ffffff !important;
		background: #00C000 !important;
	}

	.bof_email_campaign_lifecycle_completed {
		color: #ffffff !important;
		background: #172619 !important;
	}
*/
	.bof_home_link {
		font-weight: 500;
		font-size: 13px;
	}

	div.bof_clickable_overlay {
		position: relative;
	}

	div.bof_clickable_overlay a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		text-decoration: none; /* Makes sure the link   doesn't get underlined */
		z-index: 10; /* raises anchor tag above everything else in div */
		background-color: white; /*workaround to make clickable in IE */
		opacity: 0; /*workaround to make clickable in IE */
		filter: alpha(opacity=1); /*workaround to make clickable in IE */
	}

	div.bof_clickable_overlay:hover {
		border: 1px solid #172619;
		background: #f9f7f7;
	}

	#bof_you_are_here {
		/* background: #eff1f3; */
		/* background: #a9bcd0; */
		width: 100%;
		height: 26px;
		padding: 0;
		margin: 0;
		/*	padding-left: 50px; */
		padding-left: 4px;
		z-index: 2;
	}

	#bof_content_module {
		overflow: visible;
		margin: 0;
	}

	#bof_filter_list_filler {
		display: none;
	}

	#bof_filter_list_filler.bof_fixed_top {
		display: block;
		width: 300px;
		height: 0;
	}

	#bof_filter_list {
		background: #797f7a;
		color: #fff;
		width: 300px;
		padding: 16px 16px 80px;
		position: relative;
		overflow: auto;
		height: 100%;
		/* Hide horiz scrollbar for IE, Edge and Firefox */
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	#bof_filter_list::-webkit-scrollbar {
		height: 0px;
	}

	#bof_filter_list.bof_fixed_top {
		position: fixed;
		top: 32px;
		left: 0;
		z-index: 1039;
	}

	.bof_filter_list {
		background: #797f7a;
	}

	#bof_content_area,
	#bof_you_are_here {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#bof_sidebar_menu_hamburger {
		color: #0088ce;
		position: fixed;
		top: 32px;
		left: 16px;
		z-index: 3;
		border-color: #0088ce;
		border-radius: 5px;
	}

	#bof_sidebar_menu_hamburger:hover {
		color: #0088ce;
		background-color: #0088ce;
	}

	#bof_sidebar_menu_logo {
		position: fixed;
		top: 10px;
		left: 84px;
		z-index: 3;
	}

	#bof_navbar_left_sidebar_padding {
		padding-left: 240px;
	}

	.bof_sidebar_show #bof_navbar_left_sidebar_padding {
		visibility: hidden;
		display: none;
	}

	#bof_application_title {
		margin: 0;
		padding-top: 10px;
		padding-left: 50px;
	}

	#bof_navbar {
		display: inline;
	}

	#bof_summary {
		display: inline;
		float: right;
		clear: both;
		margin-top: -10px;
	}

	#bof_application_header_inside {
		padding: 15px 50px;
	}

	#bof_application_header,
	#bof_application_header_filler {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		color: #323232;
		background: #ffffff;
	}

	#bof_application_header_filler {
		background: #ffffff;

		-moz-transition: height 0.3s ease-out;
		-o-transition: height 0.3s ease-out;
		-webkit-transition: height 0.3s ease-out;
		transition: height 0.3s ease-out;
	}

	.bof_sidebar_show #bof_content_area,
	.bof_sidebar_show #bof_application_header,
	.bof_sidebar_show #bof_you_are_here {
		margin-left: 238px;
	}

	.bof_sidebar_show #bof_you_are_here {
		padding-left: 0;
	}

	#bof_top_menu {
		margin-bottom: 0;
		padding-bottom: 0;
		border: 0 none;
		/*height: 122px;*/
		min-width: 775px;
	}

	#bof_nav_top_row {
		padding: 20px;
	}

	#bof_nav_bottom_row {
		background-color: #434a44;
		color: #ccc;
		padding: 0 20px;
		margin: 0 -15px 0 -15px;
	}

	.bof_nav_top_right {
		margin-top: 16px;
	}

	/*
	div.bof_content_module {
		margin-top: 90px;
	}
	*/

	img.bof_icon_profile {
		margin-top: -6pt;
		margin-bottom: -6pt;
		height: 18pt;
		width: 20pt;
	}

	img.bof_notification {
		margin-top: -6pt;
		margin-bottom: -6pt;
		height: 20pt;
		width: 20pt;
	}

	a.bof_logo {
		/*padding-left: 40pt !important;
		padding-right: 40pt !important;
		text-decoration: none;
		position: relative;*/
		/*width: 300px;*/
	}

	a.bof_logo:hover {
		text-decoration: none;
	}

	#loginPageLogo {
		height: 50px;
	}

	#loginPageLogoDiv {
		margin: 80px auto 50px;
		text-align: center;
	}

	#loginPageMessage {
		margin: 10px auto 0 auto;
		text-align: center;
		color: #fff;
	}

	.dropdown-menu {
		background-color: #e1e1e1;
	}

	.navbar-nav > li > .dropdown-menu {
		padding: 0;
		border-radius: 0 0 5px 5px;
		border: 0 none;
		background-color: #555e57;
		border-bottom: 0 none;
		max-height: 500px;
		overflow-y: auto;
	}

	.navbar-collapse {
		padding: 0;
	}

	.navbar-collapse.in {
		overflow-y: visible;
	}

	.navbar-nav > li > .dropdown-menu > li > a {
		padding: 5px 20px;
		border-top: 1px solid #505050;
		font-size: 12px;
		color: #fff;
		background-image: none;
	}

	.navbar-nav > li > .dropdown-menu > li > a:hover {
		background-color: #656e67;
		background-image: none;
	}

	.dropdown-menu > li > a {
		padding: 0;
		border-top: 1px solid #ddd;
		font-size: 12px;
		color: #555;
	}

	#bof_filter_list .dropdown-menu > li > a label {
		color: #555;
	}

	.panel-info > .panel-heading {
		background-color: #434a44;
		background-image: none !important;
		border-color: #434a44;
		color: #fff;
	}

	.panel-primary,
	.panel-info {
		border-color: #ccc;
	}

	.panel-primary > .panel-heading {
		background-color: #434a44;
		background-image: none !important;
		border-color: #434a44;
	}

	.panel-success {
		border-color: #ccc;
	}

	.panel-success > .panel-heading {
		background-color: #434a44;
		background-image: none !important;
		border-color: #434a44;
		color: #fff;
	}

	/* PDEV-1585 - navbar less file overrides */
	.navbar-inverse,
	.navbar-top {
		border-color: #172619;
		background-color: #172619;
		background-image: none !important;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.navbar-brand {
		padding: 0;
		height: auto;
		margin: 0;
	}

	.navbar-inverse .navbar-brand:focus,
	.navbar-inverse .navbar-brand:hover {
		background-color: inherit;
	}

	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0;
	}

	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus,
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus,
	.navbar-inverse .navbar-nav > .disabled > a,
	.navbar-inverse .navbar-nav > .disabled > a:hover,
	.navbar-inverse .navbar-nav > .disabled > a:focus {
		background-color: #555e57;
		color: #fff;
		background-image: none !important;
		border: 0 none;
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.navbar-inverse .navbar-nav > li > a,
	.navbar-nav > li > a {
		color: #eee;
		font-size: 12px;
		padding: 6px 15px;
		vertical-align: middle;
		text-shadow: none;
		font-weight: 400;
	}

	.navbar-inverse .bof_nav_top_right > li > a {
		padding: 0 0 0 15px;
		text-align: center;
	}

	.navbar-inverse .bof_nav_bottom_right > li > a {
		padding: 6px 10px 4px;
		text-align: center;
	}

	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .dropdown-menu > li > a:hover,
	.navbar-nav > li > a:hover {
		background-color: #303831;
		color: #fff;
		border-radius: inherit;
	}

	.navbar-inverse .bof_nav_top_right > li > a:focus,
	.navbar-inverse .bof_nav_top_right > li > a:hover,
	.navbar-inverse .bof_nav_top_right > .open > a,
	.navbar-inverse .bof_nav_top_right > .open > a:hover,
	.navbar-inverse .bof_nav_top_right > .open > a:focus,
	.navbar-inverse .bof_nav_top_right .dropdown-menu > li > a:hover {
		background-color: transparent;
	}

	.navbar-right {
		margin-right: 0;
	}

	.navbar-right.bof_nav_top_right {
		margin-right: 35px;
	}

	.bof_nav_bottom_right .glyphicon {
		color: #ddd;
		font-size: 16px;
	}

	.bof_nav_top_right .glyphicon {
		color: #fff;
		font-size: 22px;
	}

	.nav .open > a,
	.nav .open > a:focus,
	.nav .open > a:hover {
		background-color: #172619;
		background-image: none !important;
		border-color: #172619;
	}

	a.bof_bottom_navbar_tagline_link,
	a.bot_bottom_navbar_tagline_link:visited {
		color: #d8d8d8;
	}

	a.bof_bottom_navbar_tagline_link:hover {
		color: #fff;
	}

	.bof_bottom_navbar_tagline {
		font-size: 18px;
		margin-right: 48px;
	}

	.bof_bottom_navbar_link,
	.bof_bottom_navbar_link:visited {
		font-size: 12px;
		color: #fff;
		margin-left: 10px;
	}

	.bof_bottom_navbar_link:hover {
		color: #fff;
	}

	#bof_bottom_nav {
		margin-bottom: 0;
	}

	.bof_bottom_navbar_link_group {
		white-space: nowrap;
		line-height: 20px;
	}

	a.bof_summary_inactive,
	a.bof_summary_active {
		margin-left: 20px;
		color: #999;
		overflow: hidden;
		font-weight: 500;
		background-image: none !important;
		text-shadow: none !important;
		box-shadow: none;
		text-align: center;
		font-size: 11px;
		display: inline-block;
	}

	a.bof_summary_inactive:focus,
	a.bof_summary_inactive:hover,
	a.bof_summary_inactive:active:hover,
	a.bof_summary_inactive.active:hover,
	a.bof_summary_inactive:active:focus,
	a.bof_summary_inactive.active:focus,
	a.bof_summary_active:focus,
	a.bof_summary_active:hover,
	a.bof_summary_active:active:hover,
	a.bof_summary_active.active:hover,
	a.bof_summary_active:active:focus,
	a.bof_summary_active.active:focus {
		color: #0088ce;
	}

	a.bof_summary_inactive:active,
	a.bof_summary_inactive.active,
	a.bof_summary_active:active,
	a.bof_summary_active.active {
		color: #666;
	}

	a.bof_summary_active i,
	a.bof_summary_inactive i {
		font-size: 25px;
	}

	a.bof_summary_active .badge,
	a.bof_summary_inactive .badge {
		color: #555;
		background-color: #ddd;
		border: 2px solid #fff;
		position: absolute;
		margin: -47px 0 0 6px;
		font-size: 10px;
		padding: 2px 5px;
	}

	a.bof_summary_active .badge {
		color: #fff;
		background-color: #0088ce;
		border: 2px solid #fff;
	}

	#bof_admin_alert_link .badge {
		background-color: #f54d32;
		color: #fff;
		position: absolute;
		margin: -10px 0 0 -10px;
	}

	a.bof_summary_active {
		color: #0088ce;
	}

	/* Buttons ############################################################################# */

	.btn,
	button.btn,
	html input[type='button'].btn,
	button.btn-default,
	.btn-default {
		padding: 8px 22px;
		margin-right: 4px;
		color: rgba(100, 100, 100, 1);
		overflow: hidden;
		font-size: 13px;
		font-weight: 500;
		width: max-content;
		background-image: none !important;
		background: rgba(255, 255, 255, 1);
		text-shadow: none !important;
		box-shadow: none;
		border: 1px solid rgba(100, 100, 100, 0.5);
		border-radius: 4px;
		outline: none !important;
		line-height: 1.5;
	}

	button.btn:hover,
	button.btn:focus,
	.btn:focus,
	.btn-default:focus,
	.btn-default.focus,
	.btn-default:hover,
	.btn-default:active,
	.btn-default.active,
	.open > .dropdown-toggle.btn-default,
	.open > .dropdown-toggle.btn-default:hover,
	.open > .dropdown-toggle.btn-default:focus {
		background: rgba(100, 100, 100, 0.08);
		border-color: rgba(100, 100, 100, 0.5);
		color: rgba(100, 100, 100, 1);
	}

	button.btn.btn-primary,
	.btn.btn-primary,
	.btn-primary,
	button.btn.btn-next,
	html input[type='button'].btn.btn-next {
		color: rgba(255, 255, 255, 1);
		background: rgba(6, 124, 193, 1);
		border-color: rgba(6, 124, 193, 1);
	}

	button.btn.btn-primary:hover,
	.btn-primary:hover,
	.btn.btn-primary:hover,
	.btn-primary:focus,
	a.btn.btn-primary:focus,
	a.btn.btn-primary:hover,
	.btn.btn-primary:active:hover,
	.btn.btn-primary.active:hover,
	.open > .dropdown-toggle.btn.btn-primary:hover,
	.btn.btn-primary:active:focus,
	.btn.btn-primary.active:focus,
	.open > .dropdown-toggle.btn.btn-primary:focus,
	.btn.btn-primary:active.focus,
	.btn.btn-primary.active.focus,
	.open > .dropdown-toggle.btn.btn-primary.focus,
	button.btn.btn-next:hover,
	html input[type='button'].btn.btn-next:hover,
	button.btn.btn-next:focus,
	html input[type='button'].btn.btn-next:focus {
		color: rgba(255, 255, 255, 1);
		background: rgba(10, 93, 145, 1);
		border-color: rgba(10, 93, 145, 1);
	}

	button.btn.btn-new,
	.btn.btn-new,
	.btn.btn-new,
	button.btn.btn-primary:active .btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn.btn-primary,
	button.btn.btn-previous,
	html input[type='button'].btn.btn-previous,
	button.btn.btn-secondary,
	.btn.btn-secondary,
	.btn-secondary {
		color: rgba(255, 255, 255, 1);
		background: rgba(100, 100, 100, 1);
		border-color: rgba(100, 100, 100, 1);
	}

	button.btn.btn-new:focus,
	.btn-new:focus,
	.btn-new.focus,
	button.btn.btn-new:hover,
	.btn-new:hover,
	.btn-new.hover,
	.btn-new:active,
	.btn-new.active,
	button.btn.btn-previous:hover,
	html input[type='button'].btn.btn-previous:hover,
	button.btn.btn-previous:focus,
	html input[type='button'].btn.btn-previous:focus,
	button.btn.btn-secondary:focus,
	.btn-secondary:focus,
	.btn-secondary.focus,
	button.btn.btn-secondary:hover,
	.btn-secondary:hover,
	.btn-secondary.hover {
		color: rgba(255, 255, 255, 1);
		background: rgba(75, 75, 75, 1);
		border-color: rgba(75, 75, 75, 1);
	}

	button.btn.btn-danger,
	.btn-danger.active,
	button.btn-danger,
	a.btn-danger {
		color: rgba(255, 255, 255, 1);
		background: rgba(222, 49, 49, 1);
		border-color: rgba(222, 49, 49, 1);
	}

	button.btn.btn-danger:focus,
	button.btn.btn-primary.btn-danger:focus,
	.btn-danger:focus,
	a.btn-danger:focus,
	button.btn.btn-danger:hover,
	.btn-danger:hover,
	.btn-danger.active:hover,
	a.btn-danger:hover,
	.btn-danger.active,
	.btn-danger:active,
	.btn-danger.active.focus,
	.btn-danger.active:focus,
	.btn-danger.active:hover,
	.btn-danger:active.focus,
	.btn-danger:active:focus,
	.btn-danger:active:hover,
	.open > .dropdown-toggle.btn-danger.focus,
	.open > .dropdown-toggle.btn-danger:focus,
	.open > .dropdown-toggle.btn-danger:hover {
		color: rgba(255, 255, 255, 1);
		background: rgba(222, 49, 49, 1);
		border-color: rgba(222, 49, 49, 1);
	}

	button.btn.btn-cancel,
	.btn.btn-cancel,
	.btn-cancel,
	html input[type='button'].btn.btn-cancel,
	html input[type='button'].btn.btn-cancel:focus,
	html input[type='button'].btn.btn-cancel:hover,
	button.btn.btn-cancel:hover,
	.btn.btn-cancel:hover,
	.btn-cancel:hover {
		background: transparent;
		border-color: transparent;
		color: rgba(100, 100, 100, 1);
	}

	.btn-slim,
	.btn.btn-slim,
	button.btn.btn-slim {
		padding: 8px 10px;
	}

	.btn-m2m {
		margin: 0 0 0 20px;
	}

	button.btn.btn-xs,
	.btn.btn-xs,
	.btn-xs {
		padding: 4px 10px;
	}

	button.multiselect {
		padding: 4px;
		min-width: 250px;
		max-width: 400px;
	}

	button.multiselect:hover,
	button.multiselect:focus,
	.dropdown-toggle.button.multiselect:focus,
	.dropdown-toggle.btn-default.multiselect:focus {
		background: rgb(243 243 243);
		border-color: rgba(100, 100, 100, 0.5);
		color: rgba(100, 100, 100, 1);
	}

	button.multiselect-clear-filter {
		/* visibility: hidden; */
		background-color: #eee;
		padding: 8px 5px 4px;
		text-align: center;
		border: 1px solid #ccc;
	}

	button.multiselect-clear-filter:hover {
		background-color: #eee;
		border-color: #ccc;
	}

	button.multiselect-clear-filter:hover i {
		color: #555;
	}

	button.multiselect-clear-filter i {
		font-size: 15px;
		font-weight: 400;
		color: #999;
	}

	.btn-filter {
		padding: 2px 10px;
		font-size: 12px;
		margin-top: -5px;
	}

	.btn-success,
	.btn-warning {
		background-image: none !important;
		text-shadow: none !important;
		color: #555;
		font-weight: 500;
		padding: 6px 10px;
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	.btn-success .glyphicon,
	.btn-warning .glyphicon {
		color: #007ab8;
	}

	.btn-success .badge,
	.btn-warning .badge {
		color: #fff;
		margin-top: 2px;
		background-color: #007ab8;
	}

	.btn-success:hover,
	.btn-warning:hover,
	.btn-warning:focus,
	.btn-success:focus {
		color: #fff;
		background-color: #666;
	}

	.btn-success.active,
	.btn-success:active,
	.open > .dropdown-toggle.btn-success {
		border-color: #999;
		color: #323232;
	}

	/* Note: All disabled buttons should use the same class */
	.btn-default.disabled,
	.btn-default.disabled.active,
	.btn-default.disabled.focus,
	.btn-default.disabled:active,
	.btn-default.disabled:focus,
	.btn-default.disabled:hover,
	.btn-default[disabled],
	.btn-default[disabled].active,
	.btn-default[disabled].focus,
	.btn-default[disabled]:active,
	.btn-default[disabled]:focus,
	.btn-default[disabled]:hover,
	fieldset[disabled] .btn-default,
	fieldset[disabled] .btn-default.active,
	fieldset[disabled] .btn-default.focus,
	fieldset[disabled] .btn-default:active,
	fieldset[disabled] .btn-default:focus,
	fieldset[disabled] .btn-default:hover,
	.btn.disabled,
	.btn.disabled:hover,
	.btn.disabled:focus,
	.btn.disabled.focus,
	html input[type='button'].btn.disabled,
	html input[type='button'][disabled] {
		color: rgba(175, 175, 174, 1) !important;
		background: rgba(0, 0, 0, 0.12) !important;
		background-color: rgba(0, 0, 0, 0.12) !important;
		border-color: rgba(0, 0, 0, 0.12) !important;
	}

	/* PDEV-2130 OAUTH2 SSO */
	button.btn.btn-sso {
		margin-bottom: 10px;
		width: 100%;
		background-color: #0088ce;
		color: #fff;
	}

	#bof_navbar .btn {
		padding: 6px 16px;
		font-size: 12px;
	}

	#bp_bof_login_button,
	#bp_bof_login_sso_convert_button {
		float: right;
	}

	#bp_bof_login_sso_convert_button {
		float: right;
		color: rgba(255, 255, 255, 1);
		background: rgba(78, 144, 24, 1);
		border-color: rgba(78, 144, 24, 1);
	}

	#bp_bof_login_button.bof_login_button_ready,
	#bp_bof_login_sso_convert_button.bof_login_button_ready {
		color: rgba(255, 255, 255, 1);
		background: rgba(6, 124, 193, 1);
		border-color: rgba(6, 124, 193, 1);
	}

	button.btn.btn-sso:hover,
	#bp_bof_login_button.bof_login_button_ready:hover,
	#bp_bof_login_sso_convert_button.bof_login_button_ready:hover {
		color: rgba(255, 255, 255, 1);
		background: rgba(10, 93, 145, 1);
		border-color: rgba(10, 93, 145, 1);
	}

	.btn.btn-primary .badge,
	.btn-default .badge {
		color: #666;
		background-color: #ccc;
	}

	.btn-info .badge,
	.badge {
		padding: 3px 7px;
		margin-top: -2px;
		background-color: #ccc;
		color: #666;
		font-weight: 600;
	}

	.btn-info .badge {
		margin: 0 0 0 5px;
	}

	/* Buttons (End) ############################################################################ */

	/* Toolbar Icons ############################################################################ */

	.btn-toolbar-icon,
	.btn.btn-toolbar-icon,
	button.btn.btn-toolbar-icon {
		padding: 5px 10px 2px;
		font-size: 20px;
		color: rgba(100, 100, 100, 1);
	}

	/* Toolbar Icons (End) ###################################################################### */

	.bof_form .bof_input_div,
	.bof_progress_form .bof_input_div {
		width: 100%;
		padding: 4px 20px 15px;
		margin-left: auto;
		margin-right: auto;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	td.bof_browse_edit_field > div.bof_input_div {
		padding: 0 !important;
		margin: 0 !important;
	}

	.bof_form .bof_input_div.textarea {
		height: auto;
	}

	.bof_textarea_dynamic {
		width: 100%;
		resize: none;
	}

	.bof_form .bof_input_div.textarea .bof_form_control {
		height: auto;
		resize: none;
		width: 100%;
	}

	.bof_form .bof_input_div label,
	.bof_progress_form .bof_input_div_label {
		color: #555;
		font-weight: 500;
		font-size: 11px;
		display: block;
	}

	label.bof_checkbox_rhs,
	label.bof_radio {
		display: inline !important;
		font-family: 'Roboto', 'Open Sans', sans-serif;
	}

	span.bof_checkbox_disabled i {
		color: #ccc;
	}

	span.bof_checkbox_disabled i.glyphicon-check {
		color: #555;
	}

	.bof_form .bof_input_div .bof_form_control {
		padding: 4px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 4px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		height: auto;
		position: relative;
		z-index: 2;
		color: #333;
		border: 1px solid #bbb;
	}

	.bof_form .bof_input_div .bof_form_control:focus,
	.bof_form .bof_input_div .bof_form_control:focus-visible {
		border: 1px solid #999;
		outline: none;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	input.bof_user_icon {
		background: url('../lib/Images/user-icon.svg') no-repeat scroll 7px 7px;
		padding-left: 24px !important;
	}

	input.bof_lock_icon {
		background: url('../lib/Images/lock-icon.svg') no-repeat scroll 7px 7px;
		padding-left: 24px !important;
	}

	.bof_input_div_hint_text_container {
		position: relative;
	}

	.bof_hint_text_icon {
		margin-left: 3px;
		font-size: 90%;
		color: #bbb;
	}

	.bof_input_div_hint_text_container > div.bof_input_div_hint_text {
		/*visibility: hidden;*/
		display: none;
		position: fixed;
		transform: translate(-9px, -100%);
		padding: 5px 10px;
		border-radius: 4px;
		margin: -8px 0 0 0;
		background-color: #666;
		color: #ffffff;
		font-size: 11px;
		text-align: left;
		width: max-content;
		max-width: 400px;
		z-index: 999;
	}

	.bof_input_div_hint_text_container:hover > .bof_hint_text_icon {
		color: #007ab8;
	}

	.bof_input_div_hint_text_container:hover > .bof_input_div_hint_text {
		display: inline-block;
	}

	.bof_input_div_hint_text::after {
		content: ' ';
		position: absolute;
		top: 100%; /* At the bottom of the tooltip */
		left: 20px;
		margin-left: -5px;
		margin-top: -1px;
		border-width: 5px;
		border-style: solid;
		border-color: #666 transparent transparent transparent;
	}

	#bof_login_page {
		width: 414px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		/*background-color: #eee; */
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}

	#bof_mfa_login_help {
		font-size: 14px;
		font-weight: 300;
	}

	#bof_login_page_registration {
		width: 1000px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		border-radius: 10px;
		padding: 25px;
		background: #fff;
	}

	#bof_login_form_footer,
	#bof_login_footer {
		padding: 10px 20px;
		border-radius: 0 0 10px 10px;
		background: #fff;
		overflow-x: hidden;
		/* clear: both; */
	}

	#bof_login_in_progress {
		/* height: 400px; */
		padding-top: 40px;
	}

	#bof_login_form {
		padding: 30px 30px 0 30px;
		border-radius: 10px 10px 0 0;
		background: #fff;
	}

	#bp_bof_login_instance_select {
		width: 100%;
	}

	#bof_login_lookup_form_background,
	#bof_login_instance_select_form_background {
		padding-top: 50px;
		border-radius: 10px 10px 0 0;
		background: #fff;
		min-height: 225px;
	}

	#bof_login_trial_form_background {
		padding-top: 15px;
		border-radius: 10px 10px 0 0;
		background: #fff;
		min-height: 225px;
	}

	#bp_bof_login_trial_next_button {
		padding: 10px 0;
		width: 150px;
		background-color: #0088ce;
		color: #ffffff;
		border-color: #0088ce;
		margin-right: 20px;
		border-radius: 5px;
		font-size: 14px;
		float: right;
	}

	#bp_bof_login_trial_startover_button {
		padding: 10px 0;
		width: 150px;
		background-color: #0088ce;
		color: #ffffff;
		border-color: #0088ce;
		margin-left: 20px;
		border-radius: 5px;
		font-size: 14px;
		float: left;
	}

	#bof_login_manually_separator {
		display: none;
		border-top: 1px solid #ddd;
		margin: 20px 0;
		padding-top: 10px;
		text-align: center;
		color: #555;
		font-weight: 500;
		text-transform: capitalize;
		font-size: 12px;
	}

	.login_lookup_title {
		color: #0088ce;
		margin-bottom: 15px;
	}

	#bof_login_in_progress {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: #fff;
		border-radius: 10px;
	}

	#bof_login_page_error {
		padding-top: 20px;
		padding-bottom: 20px;
		background: #cc6565;
		color: #ffffff;
		margin-left: 0;
		margin-right: 0;
		border-radius: 10px;
	}

	#bof_menu_arrow_up,
	#bof_menu_arrow_up_home {
		display: none;
	}

	table.bof_filter_list_enabled {
		border: none;
		border-collapse: collapse;
		border-spacing: 0;
		vertical-align: top;
		width: 100%;
	}

	td.bof_filter_list {
		width: 320px;
		vertical-align: top;
		border-right: 1px solid #aaa;
	}

	td.bof_filter_list_content_module {
		width: 100%;
		vertical-align: top;
	}

	table.bof_browse {
		/*overflow: scroll;*/
		margin: 0;
		border-collapse: separate; /* Don't collapse */
		border-radius: 5px;
	}

	table.bof_browse > thead > tr:nth-child(1) > td {
		position: sticky;
		top: 104px;
		z-index: 10;
	}

	.bof_browse_table_container {
		/*overflow-x: scroll;
		overflow-y: visible;*/
	}

	div.bof_building_charts {
		margin-left: auto;
		margin-right: auto;
		height: 100%;
		text-align: center;
	}

	div.tab-content {
		margin-left: auto;
		margin-right: auto;
	}

	.tab-content > .active {
		padding: 20px;
	}

	div.bootstrap-datetimepicker-widget {
		background: #dedede !important;
	}

	#bof_edit_form_area {
		position: relative;
		margin: 0;
		padding: 0;
		background: #eee;
		border-top: 24px solid #eee;
		border-bottom: 48px solid #eee;
	}

	#bp_bof_ticket_user,
	#bp_bof_ticket_pw,
	#bp_bof_login_lookup_email_address {
		width: 100% !important;
		max-width: 100% !important;
	}

	div.row:empty,
	#bof_navbar:empty,
	#bof_summary:empty {
		display: none;
	}

	#bof_edit_form_form > div.container-fluid:first-child > div.row {
		display: none;
	}

	#bof_addressBooksFromGroupDiv {
		padding: 20px 0;
	}

	#bof_addressBooksFromSelect {
		padding: 0 0 20px 0;
	}

	#bofAdvancedEmailFiltersDiv {
		padding: 0 0 0 20px;
	}

	#bofM2MSelectButton_bof_email_campaign_address_book__bof_email_campaign {
		margin: 6px 0 4px 20px;
	}

	#emailAddressCountLoading {
		padding-left: 10px;
		margin-top: 3px;
		vertical-align: middle;
		display: inline-block;
	}

	.bof_maxContentScrollV {
		max-height: 300px;
		overflow-y: auto;
	}

	button.bof_child_delete,
	button.bof_child_delete:hover {
		border-style: none none none none;
		background-color: transparent;
	}

	div.popover {
		display: none;
	}

	a.bof_edit_filter_list {
		background-color: #0088ce;
		color: #ffffff;
		border-color: #0088ce;
		height: 40px;
		vertical-align: middle;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 100px;
		font-weight: 500;
		text-transform: capitalize;
	}

	a.bof_edit_filter_list:hover {
		background-color: #323232;
		color: #ffffff;
		border-color: #323232;
		width: 100%;
	}

	#bof_filter_list .bof_form_control,
	#bof_filter_list button {
		width: 100% !important;
		max-width: 100% !important;
		text-transform: none;
	}

	#bof_filter_list .bof_input_div {
		padding: 5px 0 5px 0;
		position: relative;
	}

	/* Leaving these in the event we change the filter menu color later*/
	#bof_filter_list .bof_input_div label {
		color: #ccc;
	}

	#bof_filter_list .bof_search_description,
	#bof_filter_list .bof_search_filter_header {
		color: #fff;
	}

	#bof_filter_list div.bof_search_range_filter {
		background-color: #626a64;
		border: 1px solid #626a64;
	}

	#bof_filter_list div.bof_search_range_filter:hover,
	#bof_filter_list div.bof_search_range_filter:focus {
		background-color: #626a64;
		border: 1px solid #626a64;
	}

	#bof_filter_list .subdued_header {
		color: #aaa !important;
	}

	#bof_edit_filter_panel_area {
		height: 500px;
		overflow-x: hidden;
		overflow-y: auto;
	}

	#bof_edit_filter_panel_area input[type='checkbox'],
	#bof_edit_filter_panel_area input[type='checkbox']:checked,
	input[type='checkbox']:disabled:checked {
		color: #0088ce !important;
	}

	div.bof_search_range_filter {
		margin: 5px 0;
		padding: 8px;
		border: 1px solid #ccc;
		background-color: #f5f5f5;
		border-radius: 4px;
	}

	div.bof_search_range_filter:hover,
	div.bof_search_range_filter:focus {
		background-color: #efefef;
	}

	div.bof_search_filter_instructions {
		margin-top: 15px;
		font-style: normal;
		color: #323232 !important;
		overflow: hidden;
	}

	div.bof_search_filter_header {
		margin-top: 4px;
		width: 200px;
		float: left;
	}

	div.bof_search_filter_toolbar {
		overflow: hidden;
	}

	div.bof_search_filter_toolbar > a {
		font-size: 15px;
		margin: 0;
		padding: 4px 0 0 0;
		color: #bbb;
		background-color: #797f7a;
		display: inline-block;
		border-radius: 50%;
		text-align: center;
		height: 26px;
		width: 26px;
	}

	div.bof_search_filter_toolbar > a:hover {
		color: #fff;
	}

	div.bof_search_filter_toolbar > a.bof_search_filter_refresh {
		color: #fff;
		background-color: #007ab8;
	}

	div.bof_search_filter_toolbar > a.bof_search_filter_refresh:hover {
		background-color: #555;
	}

	div.bof_search_filter_toolbar > a.bof_search_filter_refresh_dirty {
		background-color: #7cc357;
	}

	#bof_show_filter_list_button {
		width: 28px;
		height: 28px;
		position: absolute;
		top: 170px;
		left: 0;
		z-index: 1039;
	}

	img.bof_show_filter_list {
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
	}

	#bof_show_filter_list_button.bof_fixed_top {
		position: fixed !important;
		top: 45px;
		left: 0;
		z-index: 1039;
	}

	#bof_search_description_inline {
		margin-left: 48px;
		margin-right: 48px;
		width: 90%;
		/*
		padding-left: 48px;
		padding-right: 48px;
*/
		display: none;
	}

	#bof_search_description_inline.bof_search_description_inline_show {
		display: block;
	}

	#bof_search_description_inline > div.bof_search_filter_instructions {
		display: none;
	}

	#bof_search_description_inline > div.bof_search_description_label {
		width: 150px;
	}

	#bof_search_description_inline > div.bof_search_description_list {
		vertical-align: top;
		display: table;
	}

	#bof_search_description_inline > div.bof_search_description_list > div.bof_search_description_value {
		width: 300px;
		margin-right: 24px;
		display: inline-block;
		vertical-align: top;
	}

	a.bof_hide_filter_list,
	a.bof_hide_filter_list:visited {
		color: #bbb;
		padding: 5px 0 5px 0;
		font-size: 16px;
	}

	a.bof_hide_filter_list:hover {
		color: #555;
	}

	a.bof_show_filter_list,
	a.bof_show_filter_list:visited {
		background-color: #0088ce;
		color: #fff;
		padding: 6px;
	}

	a.bof_show_filter_list:hover {
		color: #323232;
	}

	#bof_application_header.bof_nudge {
		padding-left: 4px !important;
	}

	button.bof_rta_delete_button {
		background-color: #f54d32;
		color: #ffffff;
	}

	button.bof_rta_delete_button:hover {
		background-color: #b30000;
		color: #ffffff;
	}

	div.bof_text_area_as_div {
		width: 90%;
		overflow: auto;
	}

	div.bof_admin_alert_checkin_list,
	div.bof_admin_alert_checkin_list > a {
		color: #ffffff;
	}

	#bof_admin_alert_messages {
		color: #bbb;
		margin-top: 20px;
	}

	div.bof_admin_alert_message {
		color: #bbb;
	}

	div.bof_admin_alert_message_header {
		clear: both;
		margin-bottom: 15px;
	}

	div.bof_admin_alert_message_title {
		font-size: 14px;
		font-weight: 500;
	}

	div.bof_admin_alert_message_date {
		font-size: 0.8em;
		float: right;
	}

	div.bof_admin_alert_message_body {
		font-size: 11px;
		clear: both;
		margin-bottom: 24px;
	}

	div.bof_admin_alert_message_footer {
		clear: both;
	}

	div.bof_admin_alert_button {
		float: left;
	}

	div.bof_admin_alert_message_dismiss {
		float: right;
	}

	button.bof_admin_alert_button {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: transparent !important;
		border-color: #ffffff !important;
		color: #ffffff !important;
		min-width: 150px;
	}

	button.bof_admin_alert_button:hover {
		background-color: #ffffff !important;
		color: #323232 !important;
	}

	a.bof_admin_alert_message_dismiss,
	a.bof_admin_alert_message_dismiss:visited {
		color: #0088ce;
	}

	a.bof_admin_alert_message_dismiss:hover {
		color: #fff;
	}

	.bof_browse_container {
		background: #eee;
		padding: 20px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}

	.tab-content .bof_browse_container {
		padding: 0;
		border-top: 0 none;
		border-bottom: 0 none;
	}

	div.bof_browse_scroll_container {
		display: table;
		width: 100%;
		background: #eee;
		margin: 0 20px 0 0;
	}

	a.bof_browse_scroll_disabled {
		cursor: not-allowed;
		color: #ccc !important;
	}

	button.bof_inline_icon {
		border: none;
		background: transparent;
		margin: 5px 10px 0 0;
		padding: 0;
		font-size: 14px;
		color: #666;
	}

	button.bof_inline_icon:hover {
		color: #999;
	}

	.bof_preview_icon {
		margin-right: 10px;
		font-size: 14px;
		color: #666;
	}

	.bof_m2m_list_item {
		padding: 0 0 5px 0;
	}

	div.bof_browse_scroll_page_left,
	div.bof_browse_scroll_display,
	span.bof_browse_scroll_loading,
	div.bof_browse_scroll_toolbar,
	div.bof_browse_scroll_page_right {
		display: table-cell;
		vertical-align: middle;
		white-space: pre;
		padding: 5px 0;
	}

	div.bof_browse_scroll_page_left,
	div.bof_browse_scroll_page_right {
		width: 85px;
	}

	div.bof_browse_scroll_toolbar {
		text-align: right;
		width: 100%;
		white-space: nowrap;
	}

	div.bof_browse_scroll_display {
		text-align: left;
		font-size: 12px;
		font-weight: 500;
		color: #333;
	}

	a.bof_browse_scroll,
	a.bof_browse_scroll_basic {
		color: #0088ce;
		font-size: 11px;
		font-weight: 500;
		vertical-align: middle;
	}

	a.bof_browse_scroll > span > i,
	a.bof_browse_scroll > i,
	a.bof_browse_scroll_basic > span > i,
	a.bof_browse_scroll_basic > i {
		font-size: 16px;
		vertical-align: top;
	}

	div.bof_browse_scroll_page_left {
		text-align: left;
		padding: 5px 50px 5px 0;
	}

	div.bof_browse_scroll_page_left > a {
		margin-right: 5px;
	}

	div.bof_browse_scroll_page_right {
		text-align: right;
		padding: 5px 20px 5px 50px;
	}

	div.bof_browse_scroll_page_right > a {
		margin-left: 5px;
	}

	a.bof_browse_scroll:hover,
	a.bof_browse_scroll_basic:hover {
		color: #555;
	}

	span.bof_browse_scroll_loading {
		font-size: 11px;
	}

	img.bof_browse_scroll_loading {
		width: 20px;
		height: 20px;
	}

	span.bof_browse_scroll_stats {
		display: inline-block;
		min-width: 200px;
		padding-top: 4px;
		padding-bottom: 2px;
	}

	table.bof_view_column_select {
		width: 100%;
		border: none;
		border-collapse: collapse;
		vertical-align: top;
	}

	table.bof_view_column_select > tbody,
	table.bof_view_column_select > tbody > tr > td,
	table.bof_view_column_select > tbody > tr > td > select {
		max-width: 100%;
		padding: 5px;
	}

	td.bof_layout_unused_buttons {
		text-align: right;
		padding-right: 24px;
		width: 50%;
	}

	td.bof_layout_column_buttons {
		text-align: left;
		padding-left: 24px;
		width: 50%;
	}

	#unusedList,
	#columnList {
		width: 100%;
		height: auto !important;
		visibility: visible !important;
		overflow: auto;
	}

	#unusedListButton1,
	#columnListButton2 {
		min-width: 40%;
		margin-bottom: 8px;
		margin-top: 8px;
	}

	#unusedMoveUp,
	#unusedMoveDown {
		visibility: hidden;
		display: none;
	}

	#bofViewColSelectPanel_FORM > div.bof_input_div {
		padding: 0;
	}

	#bof_filter_modal_panel_body {
		overflow: auto;
	}

	#bof_filter_modal_panel_body.bof_tall {
		min-height: 500px;
		max-height: 90%;
	}

	.modal-header {
		text-align: center;
	}

	div.modal-body-toolbar {
		padding: 20px;
		text-align: left;
	}

	div.bof_center {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 100%;
	}

	ul.multiselect-container,
	ul.multiselect-container > li.active,
	ul.multiselect-container > li.active > a {
		background-color: #ffffff !important;
	}

	ul.multiselect-container {
		width: 100%;
		padding-bottom: 50px;
		border: 1px solid #bbb;
		border-top: 0 none;
		border-radius: 0 0 4px 4px;
		max-height: 440px;
		overflow-y: auto;
	}

	.multiselect-container > li:nth-child(even) {
		background-color: #eee;
	}

	.multiselect-container > li:hover {
		background-color: #ccc;
	}

	.multiselect-container > li > a {
		white-space: normal;
		word-break: break-word;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.multiselect-container > li > a > label.radio,
	.multiselect-container > li > a > label.checkbox {
		font-weight: 400;
	}

	.multiselect-container .input-group {
		margin: 0;
		padding: 5px 10px 10px;
	}

	.multiselect-container > li > a > label {
		padding: 5px 10px 5px 35px;
	}

	span.multiselect-native-select > div.btn-group {
		width: inherit !important;
	}

	#bof_filter_list > div.bof_input_div > span.multiselect-native-select > div.btn-group {
		width: 100% !important;
	}

	span.multiselect-selected-text {
		font-size: 12px;
		max-width: 80%;
		text-transform: none;
	}

	/*h4.modal-title {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-family: inherit;
	}*/

	div.modal-footer {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 25px;
		font-family: inherit;
	}

	div.bof_filter_modal_edit_sort_area {
		position: absolute;
		bottom: 0;
		margin-bottom: 24px;
		width: 100%;

		font-family: inherit;
	}

	.ui-autocomplete {
		z-index: 1000000;
	}

	.ui-autocomplete-loading {
		background: white url('../lib/Images/loading-ring.gif') right center no-repeat;
		background-size: 20px;
	}

	/*	div.alert-warning {
		background: none;
	}
*/

	.bof_alert {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
			'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
		position: relative;
		text-align: center;
		padding: 0.75rem 1.25rem;
		margin-bottom: 1rem;
		border: 1px solid transparent;
		border-radius: 0.25rem;
	}

	.bof_alert-success {
		color: #155724;
		background-color: #d4edda;
		border-color: #c3e6cb;
	}

	.bof_alert-info {
		color: #0c5460;
		background-color: #d1ecf1;
		border-color: #bee5eb;
	}

	.bof_alert-warning {
		color: #856404;
		background-color: #fff3cd;
		border-color: #ffeeba;
	}

	.bof_alert-danger {
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
	}

	img.bof_card_image_thumb_popover_image {
		padding: 10px;
		background-color: #888888;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		width: 90%;
	}

	div.bof_card_image_thumb_popover {
		width: 768px;
		border: none !important;
		background-color: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	div.bof_card_image_thumb > img {
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 240px;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		border: 0;
		position: absolute;
	}

	div.bof_card_image_thumb {
		position: relative;
		clear: both;
		vertical-align: middle;
		margin-top: 14px;
		padding: 2px;
		overflow: hidden;
		word-wrap: break-word;
		width: 260px;
		height: 200px;
		border: 1px solid #dddddd;
		border-radius: 4px;
		transition: all 0.3s ease-out;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	div.bof_card_image_thumb:hover {
		border: 1px solid #000000;
	}

	div.bof_card {
		overflow: auto;
		display: inline-block;
		min-height: 410px;
		position: relative;
		clear: both;
		background-color: #ffffff;
		margin: 12px;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	div.bof_card_modal {
		min-width: 300px;
		height: 500px;
		width: 75%;
		text-align: left;
	}

	div.bof_card_inline {
		width: 380px;
		max-height: 750px;
	}

	div.bof_card:hover {
		border: 1px solid #0088ce;
	}

	div.bof_card:after {
		content: ' ';
		display: block;
		height: 0;
		clear: both;
	}

	div.bof_card_type {
		margin-right: 40px;
		color: #323232;
		padding-bottom: 8px;
		font-size: 12px;
		font-weight: 600;
	}

	span.bof_card_type_inactive {
		color: #f54d32;
		text-transform: capitalize;
	}

	div.bof_card_main {
		height: 200px;
		padding-left: 12px;
		vertical-align: middle;
		font-size: 0.8em;
		width: 100%;
		text-align: center;
	}

	div.bof_card_main_align {
		display: inline-block;
		overflow: auto;
		word-break: normal;
	}

	div.bof_card_title {
		font-weight: 600;
		color: #323232;
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 8px;
		font-size: 12px;
		min-height: 25px;
		text-align: left;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	div.bof_card_voice_type {
		max-width: 90%;
		margin: 10px 10px 10px 0;
	}

	div.bof_card_title img {
		width: 30px;
		height: 30px;
	}

	div.bof_card_description {
		position: relative;
		max-width: 99%;
		margin-top: 4px;
		margin-bottom: 4px;
		padding-bottom: 4px;
		font-weight: normal;
		font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		overflow: auto;
		white-space: normal;
		word-break: normal;
		height: 100px;
	}

	div.bof_card_description_modal {
		height: auto;
	}

	div.bof_card_actions {
		position: absolute;
		top: 12px;
		right: 12px;
		font-weight: normal;
		color: #0088ce;
	}

	div.bof_card_actions > a {
		margin-left: 4px;
		padding: 4px;
		color: #0088ce !important;
	}

	div.bof_card_actions > a:hover {
		color: #323232 !important;
	}

	div.bof_card_sparks {
		clear: both;
		text-align: center;
	}

	div.bof_spark {
		display: inline-block;
		min-width: 85px;
		min-height: 80px;
		text-overflow: ellipsis;
		padding-right: 3px;
		text-align: center;
	}

	div.bof_spark_values {
		/*font-size: 1.44em; */
		font-size: 14px;
		padding-top: 6px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		word-wrap: break-word;
		color: #0088ce;
		font-weight: 600;
		font-family: inherit !important;
	}

	div.bof_spark_caption {
		font-size: 0.8em;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		text-overflow: ellipsis;
		color: #8b8b8b;
		padding-top: 0.5em;
	}

	.multiselect-container input[type='checkbox'],
	.multiselect-container input[type='radio'] {
		margin: 0 0 0 -20px;
	}

	.table-striped > tbody > tr:nth-of-type(odd) {
		background-color: #f8f8f8;
	}

	div.bof_read_only > div.bof_m2m_card > div.bof_card > div.bof_card_actions > a.bof_card_action_delete {
		display: none;
	}

	div.bof_card_footer {
		padding-top: 18px;
		font-size: 12px;
	}

	div.bof_card_footer_caption {
		font-size: 12px;
		float: left;
		color: #323232;
		bottom: 0;
		margin-bottom: 15px;
	}

	span.bof_card_inactive {
		color: #b30000;
	}

	div.bof_card_footer_action {
		float: right;
		color: #0088ce;
	}

	div.bof_card_description_card_contentcenter_contentgroup {
		height: 300px;
	}

	div.bof_card_description_card_contentgroup {
		height: 150px;
	}

	img.bof_email_campaign_type {
		width: 75px;
		height: auto;
		border: none;
		margin-left: 10px;
		margin-right: 10px;
		float: right;
	}

	div.bof_browse_scroll_toolbar > a.bof_card_mode_active,
	div.bof_browse_scroll_toolbar > a.bof_card_mode_inactive {
		font-size: 20px;
		padding-left: 10px;
		color: #333;
	}

	div.bof_browse_scroll_toolbar > a.bof_card_mode_inactive,
	div.bof_browse_scroll_toolbar > a.bof_card_mode_inactive:hover {
		color: #0088ce;
	}

	div.bof_browse_scroll_toolbar > a.bof_card_mode_active {
		color: #ccc;
	}

	div.bof_browse_scroll_toolbar > a.bof_card_mode_active:hover {
		color: #0088ce;
	}

	/*
	 * hide the Detail tab if it is the one and only tab in zone1
	 * this allows us to use ajax without showing the Detail tab itself
	 * the Detail tab content still shows
	 */

	#zone1 li:first-child:nth-last-child(1) {
		display: none;
	}

	div.bof_child_row_card {
		overflow: auto;
		display: block;
		width: 90%;
		position: relative;
		clear: both;
		background-color: #ffffff;
		margin: 12px;
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 5px;
		text-transform: capitalize;
		font-weight: 500;
	}

	div.bof_child_row_card:hover {
		border: 1px solid #0088ce;
	}

	div.bof_child_row_card_new:hover {
		border: 2px solid #0088ce;
	}

	div.bof_child_row_card > div {
		display: inline-block;
	}

	div.bof_child_row_card > div > div.bof_input_div {
		padding: 2px;
	}

	div.bof_child_row_card > div > div.bof_input_div > select {
		margin-top: 3px !important;
		margin-bottom: 3px !important;
	}

	div.bof_child_row_card > div > a.bof_child_delete {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	div.bof_m2m_card {
		display: inline-block;
	}

	a.bof_m2m_card_new {
		display: block;
		padding: 16px;
		text-align: center;
		border: 2px dashed #0088ce;
		width: 90%;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.34);
		color: #0088ce;
		margin-left: 12px;
		margin-right: 12px;
		font-size: 0.9em;
		text-transform: capitalize;
		font-weight: 500;
	}

	a.bof_m2m_card_new:hover {
		border: 2px solid #0088ce;
	}

	div.bof_child_row_card_new {
		text-align: center;
		border: 2px dashed #0088ce;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.34);
		text-transform: capitalize;
		font-weight: 500;
		border-radius: 0;
	}

	div.bof_child_row_card > div.bof_card_type {
		margin-bottom: 12px;
		display: block;
	}

	div.bof_child_row_card input,
	div.bof_child_row_card textarea,
	div.bof_child_row_card select,
	div.bof_child_row_card tbody,
	div.bof_child_row_card td,
	div.bof_child_row_card dow,
	div.bof_child_row_card pre {
		max-width: 100%;
	}

	div.bof_child_row_card_new > div,
	div.bof_child_row_card_new > div.bof_card_type {
		display: none;
	}

	/*div.bof_child_row_card div.bof_input_div_hint_text {
		width: 100px;
		display: table-cell;
	}*/

	.bof_child_insert_new_button {
		display: none;
	}

	span.bof_child_new_message {
		color: #0088ce;
		font-size: 0.9em;
	}

	#bof_stage_dirty_message {
		width: 90%;
		/* height: 300px; */
		overflow: auto;
		margin-top: 20px;
		margin-bottom: 200px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		border: 4px solid #ffbd51;
		text-align: center;
	}

	#bof_stage_dirty_message.bof_updating {
		border: 4px solid #0088ce;
	}

	#bof_stage_dirty_message.bof_error {
		border: 4px solid #f54d32;
	}

	div.bof_password_policy {
		margin-left: 40px;
		margin-right: 40px;
	}

	div.bof_success_checkbox,
	div.bof_success_details {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	div.bof_success_checkbox span.glyphicon-ok {
		color: #0088ce;
		font-size: 4em;
	}

	div.bof_success_text {
		font-weight: 500;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	p.bof_banner {
		margin-top: 0;
		margin-bottom: 0;
	}

	img.bof_visit_content_center_stamp {
		width: 18px;
		height: 18px;
		border: none;
		padding: 0;
		margin: 0;
		margin-top: -3px;
	}

	#bof_card_image_popover_text {
		font-weight: 500;
		display: block;
		color: #ffffff;
		background-color: #0088ce;
		opacity: 0.9;
		padding: 8px;
		border-radius: 4px;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
		text-align: center;
	}

	#bof_card_image_popover_download_button {
		display: inline-block;
	}

	#bof_card_image_popover_download_button.a,
	#bof_card_image_popover_download_button_link {
		padding: 6px;
		margin-right: 24px;
		font-weight: 500;
		font-size: 12px;
		display: block;
		color: #ffffff;
		background-color: #0088ce;
		border: 1px solid #323232;
		border-radius: 2px;
		text-align: center;
	}

	#bof_card_image_popover_download_button_link:hover {
		border: 1px solid #000000;
		color: #02230a;
	}
} /* media all */

@media screen and (min-width: 320px) {
	#bof_menu_arrow_up_home {
		display: none;
		/*
		display: block;
		position: absolute;
		top: 91px;
		left: 95px;
		width: 0;
		height: 0;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		border-bottom: 6px solid #ffffff;
		z-index: 109000000;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		*/
	}
}

@media (max-width: 320px) {
	div.bof_card_image_thumb {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 320px) {
	#bof_help_button,
	a.bof_logo,
	#bof_recent_link {
		display: none;
	}
}

@media screen and (max-width: 720px) {
	#bof_summary {
		float: none;
		white-space: normal;
		margin-top: 8px;
		margin-bottom: 4px;
		margin-right: 24px;
	}
}

@media screen and (min-width: 720px) {
	.bof_bottom_navbar_tagline {
		line-height: 20px;
		margin-right: 48px;
	}

	.bof_bottom_navbar_link_group {
		line-height: 20px;
		float: right;
	}

	#bof_bottom_nav.bof_filter_list_show > div > span.bof_bottom_navbar_tagline {
		line-height: 20px;
		margin-right: 48px;
	}

	#bof_bottom_nav.bof_filter_list_show > div > span.bof_bottom_navbar_link_group {
		float: none;
		line-height: 20px;
	}

	#bof_edit_form_sidebar {
		display: block;
		position: absolute;
		top: 2px;
		left: -48px;
		width: 180px;
		overflow: auto;
		padding-top: 0;
	}

	#bof_edit_form_form {
		margin-left: 132px;
		background-color: #ffffff;
		border-radius: 5px;
		overflow: hidden;
	}

	#bof_edit_form_area {
		border-right: 48px solid #eee;
		border-left: 48px solid #eee;
	}

	#bof_checkin_button {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		text-align: center;
		background-color: #0088ce;
		border-color: #0088ce;
		color: #fff;
	}

	#bof_checkin_button:hover {
		background-color: #555 !important;
		border-color: #555;
		color: #fff !important;
	}
}

@media screen and (min-width: 1100px) {
	#bof_menu_arrow_up {
		display: none;
		/*
		display: block;
		position: absolute;
		bottom: -1px;
		left: 25%;
		width: 0;
		height: 0;
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		border-bottom: 6px solid #ffffff;
		z-index: 10;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;*/
	}
}

/* DEV-1191 - Navbar - Bootstrap overrides */
@media (max-width: 1099px) {
	.navbar-nav .open .dropdown-menu {
		position: absolute;
		float: left;
		background-color: #555e57;
		border: 0;
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	}
}

@media (max-width: 1100px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
		float: none;
		padding: 5px;
		margin: 2px 0;
	}
	.navbar-collapse {
		border-top: 0 none;
		box-shadow: none;
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	#main-navbar.navbar-nav,
	.navbar-nav.bof_nav_bottom_right {
		float: none !important;
		width: max-content;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in {
		display: block !important;
		padding: 10px 0;
	}
}

@media screen and (min-width: 992px) {
	#bof_bottom_nav.bof_filter_list_show > div > span.bof_bottom_navbar_tagline {
		line-height: 50px;
		margin-right: 48px;
	}

	#bof_bottom_nav.bof_filter_list_show > div > span.bof_bottom_navbar_link_group {
		line-height: 20px;
		float: right;
	}
}

@media screen {
	.bof_print_only {
		display: none;
	}

	#bof_bottom_nav.bof_filter_list_show {
		/*margin-left: 300px;*/
	}

	#bof_application_header.bof_application_header_fixed_top {
		box-sizing: border-box;
		position: fixed;
		background: #ffffff;
		border-bottom: 1px solid #ccc;

		top: 32px;
		left: 0;
		z-index: 1038;
	}

	#bof_application_header.bof_filter_list_enabled {
		box-sizing: border-box;
	}

	#bof_nav_bottom_row.bof_menu_fixed_top {
		box-sizing: border-box;
		margin: 0;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1040;
	}

	div.tab-content {
		background: #efefef !important;
		overflow: visible !important;
		width: 100% !important;
		border-bottom: 1px solid #ddd;
	}

	ul#zone1 {
		padding: 20px 0 0 10px;
		width: 100%;
	}

	#bof_admin_alert_link {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 22px;
		color: #fff;
		padding: 34px 40px 0 0;
	}

	#bof_admin_alert_area {
		display: none;
		position: absolute;
		top: 122px;
		right: 0;
		max-width: 100%;
		width: 300px;
		height: 100%;
		z-index: 1038;
		background-color: #797f7a;
		padding: 20px;
		color: #ffffff;
	}

	div.bof_admin_area_dismiss {
		position: absolute;
		top: 5px;
		right: 0;
		color: #999;
		margin-left: auto;
		text-align: right;
	}

	a.bof_admin_area_dismiss {
		color: #999;
		padding: 0 10px;
		font-size: 12px;
	}

	a.bof_admin_area_dismiss:hover {
		color: #0088ce;
	}

	table.bof_browse > tbody > tr > td {
		padding: 8px;
		border-collapse: separate;
	}

	#bof_search_description_inline > div.bof_search_description_list > div.bof_search_description_value {
		max-height: 100px;
		overflow: auto;
	}

	div.bof_card_browse {
		padding-bottom: 24px;
	}

	/* media screen */
}

@media print {
	#bof_application_header_filler,
	#bof_help_button,
	#bof_recent_link,
	a.bof_summary_active,
	a.bof_browse_scroll,
	#bof_admin_alert,
	#bof_admin_area,
	div.bof_pivot_edit_bar,
	#bof_iframe_ajax_button,
	#bof_admin_area_dismiss {
		display: none !important;
	}

	a[href]:after {
		content: none !important;
	}

	#bof_application_header.bof_application_header_fixed_top {
		position: relative;
		top: 0 !important;
		left: 0 !important;
		z-index: 0 !important;
	}

	td.bof_filter_list {
		display: none;
	}

	#bof_search_description_inline {
		display: block;
	}

	div.tab-content {
		background: #ffffff !important;
	}

	/* media print */
}

/* Overrides the default padding on col fields from bootstrap (15px) */
.col-condensed {
	padding-right: 4px;
	padding-left: 4px;
}

/*content center landing page*/

#cc_landing {
	text-align: center;
	padding: 1em;
	margin: 1em;
}

#cc_landing .sectionheader {
	font-size: 2em;
}
.cc_links {
	text-align: center;
	margin-bottom: 2em;
	display: inline-block;
}

.cc_links:hover {
	opacity: 0.5;
}

.cc_links a {
	color: black;
	font-size: 1.5em;
	padding: 1em;
	text-decoration: none;
}

.cc_links img {
	border: solid grey 1px;
	width: 230px;
	height: 230px;
}

/*end: content center landing page*/

.bof_zone_description {
	font-size: 75%;
	font-weight: normal;
	text-transform: none;
	color: #666;
}

/* generic classes for bolding text, etc. */
.strong {
	font-weight: 500;
	font-size: 1.2em;
}

.bottom-spacer {
	padding-bottom: 0.5em;
}

/* Campaign Manager - New - Radio button set for campaign type */
div.bofCampaignTypeChoices {
	padding: 5px 1px 5px 70px;
	margin-left: 1px;
	max-width: 1200px;
}
div.bofCampaignTypeChoiceFirst {
	border-left: solid #ccc 1px;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
}
div.bofCampaignTypeChoiceLast {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	border-right: solid #ccc 1px;
}
div.bofCampaignTypeChoiceMiddle {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
}
/* End: Campaign Manager -> New: radio button set for campaign type */

/* DEV-1074 Quick Launch button */
.bof_large_highlighted_icon {
	/*background-color: #007ab8;
	padding: 10px;
	border-radius: 50%;*/
	font-size: 18px;
	padding-bottom: 3px;
	margin-left: 4px;
	color: #fff;
	vertical-align: middle;
}

.bof-highlighted-nav span.glyphicon {
	font-size: 16px;
}

.bof-highlighted-nav a {
	/*background-color: #007ab8;
	padding: 5px 10px;
	
	*/
	background-color: #007ab8;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
	padding-bottom: 3px;
	text-transform: uppercase;
	padding: 10px;
}

/*form styles*/
.bof_progress_form {
	text-align: center;
	position: relative;
	margin-top: 20px;
	color: #777;
	font-size: 12px;
	font-weight: normal;
}

.bof_progress_form label {
	font-weight: normal;
	margin-bottom: 0;
}

.bof_progress_form_label {
	color: #555;
	font-weight: 500;
	font-size: 12px;
	margin-right: 5px;
}

.bof_progress_form fieldset {
	background: white;
	border: 0 none;
	border-radius: 0;
	padding: 20px 10px 0 10px;
	box-sizing: border-box;

	/*stacking fieldsets above each other*/
	position: relative;
}

#bof_progress_results,
#bofQuickLaunchSendSampleResultsPanel,
#bofQuickLaunchSendSamplePanel {
	background: white;
	border: 0 none;
	border-radius: 0;
	padding: 20px 10px 0;
	box-sizing: border-box;
}

.bof_content_fields {
	text-align: center;
}

.bof_content_fields .control-label {
	font-size: 90%;
	font-weight: 500;
	color: #333;
}

.bof_progress_body {
	text-align: left;
	min-height: 300px;
	max-height: 300px;
	overflow-y: auto;
	margin: 20px 0;
}

.bof_progress_body_lg {
	min-height: 500px;
	max-height: 500px;
}

.bof_progress_body_small {
	display: inline-block;
	text-align: left;
	min-height: 200px;
	max-height: 300px;
	overflow-y: auto;
	margin: 20px;
	font-size: 14px;
}

.bof_progress_body_center {
	text-align: center;
}

.bof_progress_content_group_container {
	max-height: 230px;
	overflow-y: auto;
}

.bof_progress_content_group_preview {
	text-align: center;
	font-size: 13px;
	margin-bottom: 0;
}

.bof_progress_content_group_preview a {
	font-size: 90%;
	font-weight: 500;
	color: #333;
}

.bof_progress_form div.bof_card_image_thumb {
	margin-top: 0;
	width: 316px;
	height: 210px;
}

.bof_progress_buttons_message {
	text-align: left;
	float: left;
	padding-left: 80px;
}

.bof_progress_buttons {
	min-height: 60px;
	text-align: right;
}

/*Hide all except first fieldset*/
.bof_progress_form fieldset:not(:first-of-type) {
	display: none;
}

/*Hide all except first content group*/
.bof_progress_form .bof_progress_content_group:not(:first-of-type) {
	display: none;
}

.bof_progress_form .bof_progress_content_group a .glyphicon {
	margin: 5px 7px 0 7px;
	font-size: 13px;
	color: #555;
}

/*table*/

.bof_progress_form .table-responsive {
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	max-height: 300px;
	overflow-y: auto;
}

.bof_progress_form .table-campaign-type {
	width: 80%;
	margin: 0 auto;
}

.bof_progress_form table.table {
	max-width: none !important;
	margin-bottom: 0;
}

.bof_progress_form th {
	text-transform: uppercase;
	background-color: #d8d8d8;
	color: #323232;
	font-size: 10px;
	font-weight: 500;
	padding: 8px 10px;
}

.bof_progress_form .table-center {
	text-align: center;
}

.bof_progress_form td,
.bof_progress_form .table > tbody > tr > td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle !important;
}

.bof_progress_form .table-campaign-type td {
	padding: 15px !important;
	text-align: left;
	vertical-align: middle;
}

.bof_progress_form .table-campaign-type tr:first-child td {
	border-top: none !important;
}

.bof_progress_table tr {
	background-color: #fff;
}

.bof_progress_table tr.selected {
	background-color: #e4ecf3;
}

td.bof_progress_form_radio {
	border-left: 1px solid #d8d8d8;
	width: 20px;
}

.bof_progress_type_image {
	width: 150px;
	height: auto;
	border: none;
	float: right;
}

#bofQuickLaunchCalculatedSchedule {
	width: 100%;
	text-align: center;
	margin: 10px auto 0 auto;
}

#bofQuickLaunchCalculatedSchedule table {
	width: 90%;
	margin: 20px auto 10px auto;
	padding: 0 20px;
}

#bofQuickLaunchCalculatedSchedule tr {
	border: none;
}

#bofQuickLaunchCalculatedSchedule th {
	text-transform: none;
	background-color: #fff;
	color: #999;
	font-size: 14px;
	padding: 8px 0;
	font-weight: 400;
	text-align: center;
}

#bofQuickLaunchCalculatedSchedule td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border-collapse: separate !important;
}

#bofQuickLaunchCalculatedSchedule .campaign_date_arrow {
	width: 60px;
	font-size: 25px;
	color: #79af74;
}

#bofQuickLaunchCalculatedSchedule .campaign_date_box {
	border: 3px solid #79af74;
	width: 125px;
	color: #5c9057;
	font-size: 14px;
	padding: 10px;
}

#bofQuickLaunchCalculatedSchedule .campaign_day {
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}

#bofQuickLaunchCalculatedSchedule .campaign_date {
	font-size: 24px;
}

#bofQuickLaunchCalculatedSchedule .campaign_date_box_highlighted {
	border: 3px solid #677e92;
	width: 125px;
	color: #677e92;
	font-size: 14px;
	padding: 5px 10px;
}

#bofQuickLaunchCalculatedSchedule .bofQuickLaunchCalculatedScheduleHighlighted {
	color: #999;
}

/*inputs*/
.bof_progress_form input,
.bof_progress_form select,
.bof_progress_form textarea,
.bof_progress_form .form-control-borderless {
	padding: 6px 12px;
	width: 100%;
	box-sizing: border-box;
	color: #555;
	font-size: 14px;
	max-width: none;
}

.bof_progress_form .radio {
	margin: 0;
}

.bof_progress_form .radio input[type='radio'] {
	margin-top: 6px;
}

.bof_progress_form .form-control {
	color: #777;
	font-weight: normal;
}

.bof_progress_form .form-control-borderless {
	display: block;
	height: 34px;
	color: #777;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.bof_progress_form .form-label {
	color: #323232;
	font-size: 11px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 5px;
}

.bof_progress_form .right_content {
	padding-right: 0;
}

.bof_progress_form .left_content {
	padding-left: 0;
}

label.form-subtitle {
	color: #222;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
	font-family: inherit;
}

.bof_progress_form input:disabled {
	background-color: #323232 !important;
	cursor: not-allowed;
}

.bof_progress_accent {
	font-size: 85%;
	font-weight: 500;
	text-transform: capitalize;
}

.bof_progress_accent_area {
	padding: 7px 50px;
	border: 1px solid #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
}

.bof_progress_error {
	background-color: #f9d0d0;
	color: white;
	font-weight: bold !important;
}

.bof_progress_error::placeholder {
	color: #555 !important;
}

.bof_progress_error:before {
	content: '\e101';
	font-family: 'Glyphicons Halflings';
	color: #eca7a7;
	font-size: 18px;
	position: absolute;
	left: -10px;
}

.bof_progress_error_message {
	color: #f54d32;
	font-weight: bold !important;
	margin: 5px 0 !important;
}

.bof_progress_buttons_error_message {
	color: #f54d32;
}

.bof_progress_results_error_message {
	color: #f54d32;
	text-align: center;
}

/*headings*/
.bof_progress_title {
	font-size: 22px;
	color: #323232;
	margin: 0 0 10px 0;
	font-weight: 500;
	font-family: inherit;
}

.bof_progress_subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #323232;
	margin: 10px 0 0 0;
	font-family: inherit;
}

.bof_progress_subtitle_large {
	font-weight: 500;
	font-size: 20px;
	color: #007ab8;
}

.bof_progress_title_small {
	color: #bbb;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
	font-family: inherit;
}

.bof_progress_results_error > .bof_progress_title,
.bof_progress_results_error > .bof_progress_subtitle {
	color: #f54d32;
}

.bof_progress_results_error > .bof_progress_title:before {
	color: #f54d32;
	content: '\e101';
	font-family: 'Glyphicons Halflings';
	font-size: 15px;
	margin-right: 5px;
}

.bof_progress_results_success > .bof_progress_title {
	color: #7ec16d;
}

.bof_progress_results_success > .bof_progress_title:before {
	color: #7ec16d;
	content: '\e084';
	font-family: 'Glyphicons Halflings';
	font-size: 15px;
	margin-right: 5px;
}

.bof_progress_note {
	color: #aaa;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 20px;
	text-align: center;
}

.bof_progress_small_note {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
	margin-top: 5px;
	text-align: left;
}

.bof_progress_type_name {
	color: #323232;
	font-size: 13px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 5px;
}

/*bof_progress_bar*/
#bof_progress_bar {
	overflow: hidden;
	padding: 0;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#bof_progress_bar li {
	list-style-type: none;
	color: #999;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px;
	width: 20%;
	float: left;
	position: relative;
}

#bof_progress_bar li.active {
	color: #0088ce;
}

#bof_progress_bar li.active.bof_progress_step_error {
	color: #eca7a7;
}

#bof_progress_bar li.active.bof_progress_step_error:before {
	background: #eca7a7;
	color: white;
}

#bof_progress_bar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	line-height: 30px;
	display: block;
	font-size: 15px;
	color: #fff;
	background: #ccc;
	border-radius: 25px;
	margin: 0 auto 10px auto;
}

/*bof_progress_bar connectors*/
#bof_progress_bar li:after {
	content: '';
	width: 80%;
	height: 2px;
	background: #ccc;
	color: white;
	position: absolute;
	left: -40%;
	top: 15px;
}

#bof_progress_bar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#bof_progress_bar li.active:before,
#bof_progress_bar li.active:after {
	background: #0088ce;
	color: white;
}

/* End DEV-1074 Quick Launch button */

/* UI Overrides */

.ui-resizable-e {
	width: 15px !important;
}

.smart-text-break {
	min-width: 0;
	word-break: break-word; /* break-word not supported in Edge, IE */
	word-wrap: break-word;
	overflow-wrap: break-word; /* same as word-wrap, but future friendly */
}

:focus-visible {
	outline: none !important;
}

/* End UI Overrides */

/* Scrollbar Styles */

/* Works on Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #efefef #ccc;
}

/* Works on Chrome, Edge, and Safari */

*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
	background: #aaa;
}

*::-webkit-scrollbar-thumb {
	background-color: #efefef;
	border-radius: 20px;
	border: 3px solid #aaa;
}

#bof_filter_list::-webkit-scrollbar-track {
	background: #797f7a;
}

#bof_filter_list::-webkit-scrollbar-thumb {
	background-color: #626a64;
	border-radius: 20px;
	border: 3px solid #797f7a;
}

/* End scrollbar styles */

/* Progress Bars and Spinners */

.progress-indicator {
	border: 4px solid #0088ce;
	border-top: 4px solid #f6f6f6;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin: 5px;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
	display: inline-block;
}

.progress-xs {
	border: 2px solid #0088ce;
	border-top: 2px solid #f6f6f6;
	width: 14px;
	height: 14px;
	margin: 0;
}

.progress-sm {
	border: 2px solid #0088ce;
	border-top: 2px solid #f6f6f6;
	width: 20px;
	height: 20px;
	margin: 0;
}

.progress-md {
	width: 40px;
	height: 40px;
	margin: 5px;
}

.progress-lg {
	width: 60px;
	height: 60px;
	margin: 10px;
}

.progress-xl {
	width: 100px;
	height: 100px;
	margin: 15px;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* End Progress Bars and Spinners */