/**
	Form Handler Classes
 */
.has_error {
	color: red !important;
	max-height: none; /** To fix error in bootstrap3.theme_standard.css in DS3 */
}

.prometheus_help_text {
	color: gray;
}

.checkbox-md {
	width: 16px;
	height: 16px;
}

.checkbox-lg {
	width: 24px;
	height: 24px;
}

/* Fixing errors in template */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #a94442;
}
.has-error .form-control {
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
	border-color: #843534 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
	color: #a94442 !important;
	background-color: #f2dede;
	border-color: #a94442 !important;
}
.has-error .form-control-feedback {
	color: #a94442 !important;
}

.has-error div .btn-quick_picker {
	background-color: #a94442;
	border-color: #e05956;
}

.prometheus_field_required {
	color: red;
}

.prometheus_field_inline_required {
	position: relative;
}

.prometheus_field_inline_required:after {
	content: " *";
	position: absolute;
	left: -5px;
	top: -15px;
	color: red;
	font-size: 26px;
	pointer-events: none;
}

.prometheus_form_validation_sidebar {
	display: none;
	position: fixed;
	width: 200px;
	max-height: 75%;
	border: 1px solid #bbbbbb;
	right: 20px;
	top: 100px;
	background-color: #f6f6f6;
	border-radius: 5px;
	padding: 5px;
	overflow-y: scroll;
}

.prometheus_form_validation_sidebar_headline_text {
	color: black;
}

.prometheus_form_validation_sidebar_headline_outer_container {
	border: 1px solid rgba(0,0,0,.250);
}

.prometheus_form_validation_sidebar_errors_container {
	width: 100%;
	margin-top: 10px;
}

.prometheus_form_validation_sidebar_item {
	cursor: pointer;
	padding: 3px 5px;
}

.prometheus_form_validation_sidebar_collapsed {
	color: #721c24;
	background-color: #f5c6cb;
	cursor: pointer;
}

/**
	Classes for Captcha
 */
.prometheus_captcha_option {
	font-size: 24px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}

/**
	Form Handler File Upload loading icon
 */
.prometheus_file_field_spinner {
	background:
		url('/js/prometheus/img/spinner.gif')
		no-repeat
		right center;
	background-size: 24px;
	background-position: 99%;
}

.prometheus_file_field_warning {
	margin-top: 10px;
}

.prometheus_file_upload_flash_container {
	margin-top: 10px;
	word-break: break-all;
}

.prometheus_file_field_error_close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.prometheus_file_field_list_file_name {
	word-break: break-all;
}

/**
	TimePicker Classes
 */
.timepicker_modal {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.timepicker_field {
	background-color: #dceeec;
}

.time_title {
	text-align: center;
	margin-bottom: 10px;
}

.time_field  {
	text-align: center;
	border-radius: 0;
}

.time_row {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.time_row div {
	display: table-cell;
	padding: 0 5px;
}

.change_time_button_group {
	margin-top: 6px;
	padding: 0 5px;
}

.change_time_button[data-direction="up"] {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.change_time_button[data-direction="down"] {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

@media (max-width: 768px) {
	.timepicker_block {
		width: auto !important;
		margin: 140px 10px;
	}

	.modal-body {
		overflow-y: scroll !important;
	}

	.modal-footer {
		overflow-y: scroll !important;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.timepicker_block {
		width: 400px !important;
	}
}

.picker__select--month, .picker__select--year {
	height: unset !important;
}

/**
	QuickPicker Classes
 */

/* Make sure that the multi selection labels are spread a bit apart */
.quick_picker_multi_selection {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 6px;
	padding: 5px;
	font-size: 12px;
}

/**
	Bootstrap Button for QuickPicker
	Colours are matched with the ones in DS3
 */
.btn-quick_picker {
	background-color: #20d4ae;
	border-color: #20d4ae;
	color: white;
}
.btn-quick_picker:hover,
.btn-quick_picker:focus,
.btn-quick_picker:active,
.btn-quick_picker.active {
	background-color: #1dbe9c;
	border-color: #19a88a;
	color: white;
}
.btn-quick_picker.disabled:hover,
.btn-quick_picker.disabled:focus,
.btn-quick_picker.disabled:active,
.btn-quick_picker.disabled.active,
.btn-quick_picker[disabled]:hover,
.btn-quick_picker[disabled]:focus,
.btn-quick_picker[disabled]:active,
.btn-quick_picker[disabled].active,
fieldset[disabled] .btn-quick_picker:hover,
fieldset[disabled] .btn-quick_picker:focus,
fieldset[disabled] .btn-quick_picker:active,
fieldset[disabled] .btn-quick_picker.active {
	background-color: #20d4ae;
	border-color: #20d4ae;
	color: white;
}

.btn-cyan {
	background-color: #1fcae4;
	border-color: #3cb7ca;
	color: white;
}
.btn-cyan:hover,
.btn-cyan:focus,
.btn-cyan:active,
.btn-cyan.active {
	background-color: #1fcae4;
	border-color: #3cb7ca;
	color: white;
}
.btn-cyan.disabled:hover,
.btn-cyan.disabled:focus,
.btn-cyan.disabled:active,
.btn-cyan.disabled.active,
.btn-cyan[disabled]:hover,
.btn-cyan[disabled]:focus,
.btn-cyan[disabled]:active,
.btn-cyan[disabled].active,
fieldset[disabled] .btn-cyan:hover,
fieldset[disabled] .btn-cyan:focus,
fieldset[disabled] .btn-cyan:active,
fieldset[disabled] .btn-cyan.active {
	background-color: #1fcae4;
	border-color: #3cb7ca;
	color: white;
}

.quick_picker_item_holder {
	padding: 5px;
}

.quick_picker_item {
	padding: 5px;
}

.quick_picker_item:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	text-decoration: none;
	border-radius: 3px;
	color: #ffffff;
}

.remove_quick_picker_selection {
	color: #337ab7;
	cursor: pointer;
}

.prometheus_quick_picker_custom_button {
	margin-right: 10px;
}

/** Make sure that QuickPicker button labels don't break the button size */
.open_quick_picker {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

/** QuickPicker Inline Classes **/
.prometheus_quick_picker_inline_table_cell {
	padding: 5px !important;
}

.prometheus_quick_picker_inline_table_container td {
	padding: 5px !important;
}

.prometheus_quick_picker_inline_collapse_toggle {
	cursor: pointer;
}

.prometheus_quick_picker_card_container {
	display: flex;
}

.prometheus_quick_picker_card {
	flex-grow: 2; /* This allows the field to take up the entire space, even with the clear button */
}

.prometheus_quick_picker_inline_footer {
	padding: 5px;
	padding-left: 10px;
}

.prometheus_quick_picker_inline_header {
	margin-bottom: 0px !important;
	transition: 300ms linear;
	width: 100%;
	height: 56px;
}

.prometheus_quick_picker_inline_body {
	transition: 300ms linear;
	width: 100%;
}

.prometheus_quick_picker_card_headline_container {
	display: flex;
}

.prometheus_quick_picker_card_headline_rounded {
	border-radius: 0 calc(0.25rem - 1px) calc(0.25rem - 1px) 0 !important;
}

.prometheus_quick_picker_inline_header_rounded_corners {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) calc(0.25rem - 1px) calc(0.25rem - 1px) !important;
}

.prometheus_quick_picker_inline_header_headline {
	margin-left: 0px!important;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #313131;
}

.prometheus_quick_picker_inline_header_headline_animated {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.prometheus_quick_picker_rowgroup_checkbox {
	width: 20px;
	height: 20px;
	transform: scale(1.1);
}

.prometheus_quick_picker_inline_indent_level_a {
	border-left: 30px solid #dfdcf0 !important;
}

.prometheus_quick_picker_inline_indent_level_b {
	border-left: 50px solid #e9e6fa !important;
}

.prometheus_quick_picker_inline_table_container table thead {
	display:none;
}

.prometheus_quick_picker_inline_clear_button {
	height: 56px;
	border-radius: 0px 0.25em 0px 0px;
	padding-top: 0.20em;
}

.prometheus_quick_picker_inline_toggle_all_container {
	padding: 5px;
	cursor: pointer;
	font-size: 16px;
}

/** Field Groups Classes **/
.prometheus_field_group {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.prometheus_field_group :not(:last-child) {
	margin-right: 5px;
}

.prometheus_field_group_field {
	width: 100%;
}

/**
	Table Handler Classes
 */
.group-collapse-btn {
	cursor: pointer;
}

.rowgroup_collapsible {
	cursor: pointer;
}

.action_dropdown_button.btn-primary:focus,
.action_dropdown_button.btn-primary.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
}
.action_dropdown_button.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.action_dropdown_button.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.action_dropdown_button.btn-primary:active:hover,
.action_dropdown_button.btn-primary.active:hover,
.action_dropdown_button.open > .dropdown-toggle.btn-primary:hover,
.action_dropdown_button.btn-primary:active:focus,
.action_dropdown_button.btn-primary.active:focus,
.action_dropdown_button.open > .dropdown-toggle.btn-primary:focus,
.action_dropdown_button.btn-primary:active.focus,
.action_dropdown_button.btn-primary.active.focus,
.action_dropdown_button.open > .dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40;
}

.dropdown-item {
	margin: 2px 0 2px 0;
}

.dropdown-item.btn-secondary {
	width: 90%;
	margin-left: 5%;
	color: #ffffff;
	background-color: #9e9e9e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#878787));
	background-image: -webkit-linear-gradient(top, #9e9e9e, #878787);
	background-image: -moz-linear-gradient(top, #9e9e9e, #878787);
	background-image: -o-linear-gradient(top, #9e9e9e, #878787);
	background-image: -ms-linear-gradient(top, #9e9e9e, #878787);
	background-image: linear-gradient(top, #9e9e9e, #878787);
}

.dropdown-item.btn-primary {
	width: 90%;
	margin-left: 5%;
	color: #ffffff;
	background-color: #007bff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#09a2ff), to(#007ce6));
	background-image: -webkit-linear-gradient(top, #09a2ff, #007ce6);
	background-image: -moz-linear-gradient(top, #09a2ff, #007ce6);
	background-image: -o-linear-gradient(top, #09a2ff, #007ce6);
	background-image: -ms-linear-gradient(top, #09a2ff, #007ce6);
	background-image: linear-gradient(top, #09a2ff, #007ce6);
}

.dropdown-item.btn-primary:hover {
	opacity: 0.7;
}

.dropdown-item.btn-partial {
	width: 90%;
	margin-left: 5%;
	color: #ffffff;
	background-color: #7E00CC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9030cb), to(#7E00CC));
	background-image: -webkit-linear-gradient(top, #9030cb, #7E00CC);
	background-image: -moz-linear-gradient(top, #9030cb, #7E00CC);
	background-image: -o-linear-gradient(top, #9030cb, #7E00CC);
	background-image: -ms-linear-gradient(top, #9030cb, #7E00CC);
	background-image: linear-gradient(top, #9030cb, #7E00CC);
}

.dropdown-item.btn-partial:hover {
	opacity: 0.7;
}

.dropdown-item.btn-success {
	width: 90%;
	margin-left: 5%;
	color: #ffffff;
	background-color: #5db734;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#78cd51), to(#5db734));
	background-image: -webkit-linear-gradient(top, #78cd51, #5db734);
	background-image: -moz-linear-gradient(top, #78cd51, #5db734);
	background-image: -o-linear-gradient(top, #78cd51, #5db734);
	background-image: -ms-linear-gradient(top, #78cd51, #5db734);
	background-image: linear-gradient(top, #78cd51, #5db734);
}

.dropdown-item.btn-success:hover {
	opacity: 0.7;
}

.dropdown-item.btn-danger {
	width: 90%;
	margin-left: 5%;
	color: #ffffff;
	background-color: #ff2121;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5454), to(#ff2121));
	background-image: -webkit-linear-gradient(top, #ff5454, #ff2121);
	background-image: -moz-linear-gradient(top, #ff5454, #ff2121);
	background-image: -o-linear-gradient(top, #ff5454, #ff2121);
	background-image: -ms-linear-gradient(top, #ff5454, #ff2121);
	background-image: linear-gradient(top, #ff5454, #ff2121);
}

.dropdown-item.btn-danger:hover {
	opacity: 0.7;
}

tr.rowgroup_a > td {
	background-color: #cbc8dc;
}
tr.rowgroup_b > td {
	background-color: #dfdcf0;
}

tr.rowgroup_c > td {
	background-color: #e9e6fa;
}
tr.rowgroup_d > td {
	background-color: #eeebff;
}

.rowgroup_hide_toggle_column {
	display: none;
}

.rowgroup_toggle_all_button {
	cursor: pointer;
}

.sortable {
	cursor: move;
}

.prometheus_table_handler_table_info_container {
	display: flex;
	flex-direction: column;
}

.prometheus_table_handler_table_info_container .dataTables_info {
	padding-top: unset !important;
}

/**
Add spacing between buttons in
 */
.prometheus_table_handler_button_container .btn {
	margin-right: 5px;
}

/**
	Width fixes
 */
.evo-pop {
	width: initial !important; /* Fixes width */
	margin-top: 20px; /* Fixes issue where current color isn't shown */
}

.picker__holder {
	min-width: 300px; /* Fixes issue on mobile, where the classic picker is way too small */
}

.picker__select--year {
	width: initial !important; /* Fixes width */
	height: initial; !important; /* Fixes height */
}

.picker__select--month {
	width: initial !important; /* Fixes width */
	height: initial !important; /* Fixes height */
}

.prometheus_form_handler_date_picker_field {
	cursor: pointer !important;
}

.evo-cp-wrap {
	width: 18px !important; /* Fixes width of chosen color box */
	margin-top: 4px; /* Fixes issue with location of the chosen color box vertically */
}

/* Add styling on links in colorpicker */
.evo-more {
	margin-top: 11px;
	margin-bottom: 5px;
}

.evo-more > a {
	border: 1px solid black;
	padding: 4px;
	border-radius: 4px;
}

.ui-widget-content .evo-transparent {
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background-image: none;
}

.ui-widget-content .evo-transparent:after {
	color: red;
	content: "X";
	margin-top: -5px;
	padding-top: 10px;
	position: absolute;
	top: -9px;
	left: 2px;
}

.evo-colorind.evo-transparent {
	background-image: none;
	position: relative;
}

.evo-colorind.evo-transparent:after {
	content: "X";
	display: unset;
	height: unset;
	clear: unset;
	visibility: unset;
	font-size: unset;
	color: red;
	position: absolute;
	left: 3px;
	top: -4px;
}

.prometheus_form_colorpicker {
	height: 22px;
	margin-bottom: 15px;
}

.prometheus_form_colorpicker .prometheus_form_colorpicker_subcontainer {
	display: flex;
	margin-right: 5px;
	padding-top: 2px;
}

.prometheus_form_colorpicker .prometheus_form_colorpicker_subcontainer label {
	margin-right: 5px;
}

.prometheus_map_modal_colorpickers {
	display: flex;
	align-content: space-between;
}

.prometheus_map_modal_colorpickers div {
	margin-right: 0px;
}

#map_modal_fill_colorpicker {
	padding-left: 0px;
}

.prometheus_map_cluster_outer {
	width: var(--radius);
	height: var(--radius);
	background-color: var(--background-color);
	border: 1px solid var(--border-color);
	text-align: center;
	border-radius: var(--radius);
	position: relative;
}

.prometheus_map_cluster_inner {
	width: 75%;
	height: 75%;
	position: absolute;
	top: calc(25% / 2);
	left: calc(25% / 2);
	border-radius: var(--inner-radius);
	font-size: var(--font-size);
	background-color: var(--center-color);
	line-height: calc(var(--inner-radius) - 10%);
	color: var(--text-color);
	font-weight: bold;
}

.resizeme {
	resize: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Position fix for delete button on geo maps */
.map_delete {
	position: absolute;
	font-size: 12px;
	box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
	margin-top: -10px;
	margin-left: 10px;
}

/* Map modal settings */
.prometheus_map_modal_button_row {
	margin-bottom: 10px;
}

/* Fixes a minor error in datatables bootstrap, in that length and filter are now on the same "line" */
div.dataTables_length {
	float: left;
}

div.dataTables_filter {
	float: right;
}

div.dataTables_paginate {
	text-align: center !important;
	float: none; /* Fixes error in DS3's style.css */
}

/** Centers BS4 pagination in Datatables **/
.dataTables_paginate .pagination {
	display: flex;
	justify-content: center !important;
}

div.dataTables_wrapper div.dataTables_processing {
	position: fixed;
	z-index: 105;
}

/* Right align buttons, but not header */
.table_action_buttons:not(th) {
	text-align: right !important;
}

/* Enforce size of action buttons field */
.table_action_buttons {
	width: 1% !important;
	white-space: nowrap;
	text-align: left !important;
}

/**
	Custom Labels for readability
 */
.label-danger {
	color: #d9534f;
	background-color: transparent;
	border: 1px solid #d9534f;
	background-image: initial;
}

button .label-danger,
a .label-danger {
	background-color: #d9534f;
	color: white;
	background-image: initial;
}

.label-success {
	color: #5cb85c;
	background-color: transparent;
	border: 1px solid #5cb85c;
	background-image: initial;
}

button .label-success,
a .label-success {
	background-color: #5cb85c;
	color: white;
	background-image: initial;
}

.label-warning {
	color: #f0ad4e;
	background-color: transparent;
	border: 1px solid #f0ad4e;
	background-image: initial;
}

button .label-warning,
a .label-warning {
	background-color: #f0ad4e;
	color: white;
	background-image: initial;
}

.label-info {
	color: #5bc0de;
	background-color: transparent;
	border: 1px solid #5bc0de;
	background-image: initial;
}

button .label-info,
a .label-info {
	background-color: #5bc0de;
	color: white;
	background-image: initial;
}

.label-primary {
	color: #337ab7;
	background-color: transparent;
	border: 1px solid #337ab7;
	background-image: initial;
}

button .label-primary,
a .label-primary {
	background-color: #337ab7;
	color: white;
	background-image: initial;
}

.label-default {
	color: #777;
	background-color: transparent;
	border: 1px solid #777;
	background-image: initial;
}

button .label-default,
a .label-default {
	background-color: #777;
	color: white;
	background-image: initial;
}

/**
	Custom badges for readability
 */
.badge-danger {
	color: #d9534f;
	background-color: transparent;
	border: 1px solid #d9534f;
	background-image: initial;
}

button .badge-danger,
a .badge-danger {
	background-color: #d9534f;
	color: white;
	background-image: initial;
}

.badge-success {
	color: #5cb85c;
	background-color: transparent;
	border: 1px solid #5cb85c;
	background-image: initial;
}

button .badge-success,
a .badge-success {
	background-color: #5cb85c;
	color: white;
	background-image: initial;
}

.badge-warning {
	color: #f0ad4e;
	background-color: transparent;
	border: 1px solid #f0ad4e;
	background-image: initial;
}

button .badge-warning,
a .badge-warning {
	background-color: #f0ad4e;
	color: white;
	background-image: initial;
}

.badge-info {
	color: #5bc0de;
	background-color: transparent;
	border: 1px solid #5bc0de;
	background-image: initial;
}

button .badge-info,
a .badge-info {
	background-color: #5bc0de;
	color: white;
	background-image: initial;
}

.badge-primary {
	color: #337ab7;
	background-color: transparent;
	border: 1px solid #337ab7;
	background-image: initial;
}

button .badge-primary,
a .badge-primary {
	background-color: #337ab7;
	color: white;
	background-image: initial;
}

.badge-default {
	color: #777;
	background-color: transparent;
	border: 1px solid #777;
	background-image: initial;
}

button .badge-default,
a .badge-default {
	background-color: #777;
	color: white;
	background-image: initial;
}

.calendar-container {
	margin-bottom: 25px;
}

.calendar-month-header, .calendar-week-header-container, .calendar-day-header-container {
	width : 100%;
	display: flex;
	flex-wrap: wrap;
}

.calendar-header-box {
	margin-right: 0px !important;
	overflow: hidden;
	padding-top: 5px;
	text-align: center;
	color: #777777;
	box-shadow:
		1px 0 0 0 #ccc,
		0 1px 0 0 #ccc,
		1px 1px 0 0 #ccc,   /* Just to fix the corner */
		1px 0 0 0 #ccc inset,
		0 1px 0 0 #ccc inset;
	z-index: auto;
}

.calendar-month-header-box {
	max-width: 14.2857%;
	flex-basis: 14.2857%;
	font-size: small;
}

.calendar-week-header-box-details, .calendar-day-header-box-details {
	max-width: 5.5%;
	flex-basis: 5.5%;
	box-shadow:
		0 0 0 0 #ccc,
		0 0 0 0 #ccc,
		0 1px 0 0 #ccc,
		0 0 0 0 #ccc inset,
		0 0 0 0 #ccc inset;
}

.calendar-week-header-box {
	max-width: 13.5%;
	flex-basis: 13.5%;
	padding-top: 5px;
	text-align: center;
	color: #777777;
	box-shadow:
			1px 0 0 0 #ccc,
			0 1px 0 0 #ccc,
			1px 1px 0 0 #ccc,   /* Just to fix the corner */
			1px 0 0 0 #ccc inset,
			0 1px 0 0 #ccc inset;
	z-index: auto;
}

.calendar-day-header-box {
	max-width: 94.5%;
	flex-basis: 94.5%;
}

.calendar-month-container, .prometheus-datepicker-calendar, .calendar-week-container, .calendar-day-container {
	margin-right: 0px !important;
	width : 100%;
	display: flex;
}

.calendar-month-container, .prometheus-datepicker-calendar {
	flex-wrap: wrap;
}

.calendar-time-title {
	text-align: right;
	position: absolute;
	line-height: 20px;
	font-size: small;
	color: #777777;
}

.calendar-week-day-box-details {
	position: relative;
	min-height: 1250px;
	max-width: 5.5%;
	flex-basis: 5.5%;
	overflow: hidden;
}

.calendar-week-day-box {
	position: relative;
	background-position: top left;
	background-repeat: repeat;
	background-image: url('/js/prometheus/img/calendar_bg.png');
	min-height: 1200px;
	max-width: 13.5%;
	flex-basis: 13.5%;
	box-shadow:
		1px 0 0 0 #ccc,
		0 1px 0 0 #ccc,
		1px 1px 0 0 #ccc,   /* Just to fix the corner */
		1px 0 0 0 #ccc inset,
		0 1px 0 0 #ccc inset;
}

.calendar-day-box {
	position: relative;
	background-position: top left;
	background-repeat: repeat;
	background-image: url('/js/prometheus/img/calendar_bg.png');
	min-height: 1200px;
	max-width: 94.5%;
	flex-basis: 94.5%;
	box-shadow:
			1px 0 0 0 #ccc,
			0 1px 0 0 #ccc,
			1px 1px 0 0 #ccc,   /* Just to fix the corner */
			1px 0 0 0 #ccc inset,
			0 1px 0 0 #ccc inset;
}

.calendar-day-event {
	position: absolute;
	color: white;
	background-color: #0b749b;
	border-radius: 7px;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
}
.calendar-day-event:hover:not(.active) {
	opacity: 0.95;
}

.calendar-day-event.active {
	z-index: 501 !important;
	width: 108% !important;
	box-shadow: 1px 1px 5px #000000;
}

.calendar-month-day-box, .prometheus-datepicker-day {
	position: relative;
	max-width: 14.2857%;
	flex-basis: 14.2857%;
	box-shadow:
		1px 0 0 0 #ccc,
		0 1px 0 0 #ccc,
		1px 1px 0 0 #ccc,   /* Just to fix the corner */
		1px 0 0 0 #ccc inset,
		0 1px 0 0 #ccc inset;
}

.prometheus-timepicker-inline-container {
	border: 1px solid darkgrey;
	display: block;
	position: absolute;
	top: 0;
	width: 250px;
}

.prometheus-datepicker-inline-container {
	border: 1px solid darkgrey;
	display: block;
	position: absolute;
	top: 0;
	width: 550px;
}

.prometheus-datepicker-inline-container-right, .prometheus-timepicker-inline-container-right {
	left: 0;
}

.prometheus-datepicker-inline-container-left, .prometheus-timepicker-inline-container-left {
	right: 0;
}

.prometheus-datepicker-day {
	margin-right: 0px !important;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}

.prometheus-datepicker-today {
	border: 2px dashed rgba(0, 123, 255, 0.47);
	border-radius: 10px;
	padding: 0.25rem 0.35rem;
}

.prometheus-datepicker-today:after {
	content: '\002A';
}

.prometheus-datepicker-day-selected {
	color: white !important;
	background-color: #007bff !important;
}

.prometheus-datepicker-day-active:hover, .prometheus-datepicker-day-bounds:hover {
	cursor: pointer;
	background-color: #ddf2ff;
}

.prometheus-datepicker-day-disabled {
	cursor: not-allowed;
	color: #cecece;
}

.prometheus-datepicker-day-bounds {
	cursor: pointer;
	color: #a4a4a4;
	background-color: #eee;
}

.prometheus-datepicker-date-input-spinner, .prometheus-timepicker-date-input-spinner {
	background-image: url("../img/spinner.gif") !important;
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.calendar-date-number {
	cursor: pointer;
}
.calendar-date-number.prometheus-badge-light:hover {
	background-color: #dddddd;
}
.calendar-date-number.prometheus-badge-primary:hover {
	background-color: #429eff;
}

.calendar-top {
	font-size: 1em;
}

.calendar-select-previous, .calendar-select-next {
	cursor: pointer;
}

.calendar-day-header {
	text-align: center;
}

.calendar-month-day-week-number {
	position: absolute;
	top: 54px;
	left: -16px;
	font-size: 12px;
	color: #777777;
}

.calendar-month-day-event-container {
	height: 106px; /* 6 * 16px + 5 * 2px */ /* 6 slots per day with 2px space between */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.calendar-week-day-event-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: visible !important;
	white-space: nowrap !important;
}

.overflow-hidden {
	overflow: hidden;
}

.event {
	/*flex: 1; */
	font-size: 12px;
	height: 16px;
	max-height: 16px;
	line-height: 16px;
	cursor: pointer;
	position: relative;
	/*
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	 */
	text-align: left;
}

.event-empty {
	height: 16px;
	min-height: 16px;
	max-height: 16px;
}

.event-day {
	margin-left: 1px;
	padding-left: 12px;
	padding-right: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.event-day-start {
	padding-left: 8px;
	padding-right: 4px;
	margin-left: 5px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	overflow: visible;
	white-space: nowrap;
	z-index: 503 !important;
}
.event-day-continuation {
	padding-left: 13px;
	padding-right: 4px;
	margin-left: 0;
	overflow: visible;
	white-space: nowrap;
	z-index: 502 !important;
}

.event-day-end {
	padding-left: 13px;
	padding-right: 4px;
	margin-left: 0;
	margin-right: 5px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	overflow: visible;
	white-space: nowrap;
	z-index: 501 !important;
}

.event-day-start, .event-day-continuation, .event-day-end {
	color: white;
	background-color: #0b749b;
}

.event-day-start.active, .event-day-continuation.active, .event-day-end.active {
	opacity: 0.90;
}

.event-show-all {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	height: 16px;
	min-height: 16px;
	max-height: 16px;
	margin-left: 1px;
}

.event-day:hover, .event-show-all:hover {
	background-color: #e6e6e6;
}

.calendar-preview-title, .calendar-preview-tools {
	height: 34px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.calendar-preview-title {
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.calendar-preview-tools {
	float: right;
	text-align: right;
}

.calendar-year-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.calendar-preview-box {
	clear: right;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.calendar-preview-item, .calendar-year-item {
	flex: 1;
	width: 14.2857%;
	max-width: 14.2857%;
	flex-basis: 14.2857%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	color: #777777;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}

.calendar-preview-item[disabled], .calendar-year-item[disabled] {
	pointer-events: none;
	opacity: 0.6;
}

.calendar-preview-item:hover, .calendar-year-item:hover {
	background-color: #e6e6e6;
}

.calendar-preview-item.active, .calendar-year-item.active {
	color: white !important;
	background-color: #007bff !important;
}

.calendar-filter-item {
	margin-bottom: .5rem;
}

.calendar-filters {
	margin-bottom: 1rem;
}

.calendar-search-form {
	width: 100%;
}

.calendar-agenda-event-time {
	width: 1% !important;
	white-space: nowrap;
	text-align: center !important;
}

.calendar-agenda-event-name, .calendar-agenda-event-time {
	line-height: 30px;
}
.mt-1 {
	margin-top: .25rem !important;
}
.mt-2 {
	margin-top: .5rem !important;
}
.mt-3 {
	margin-top: 1rem !important;
}
.mb-1 {
	margin-bottom: .25rem !important;
}
.mb-2 {
	margin-bottom: .5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}

.p-2 {
	padding: .5rem !important;
}
.w-1 {
	width: 1%;
}

.w-48 {
	width: 48%;
}
.w-50 {
	width: 48%;
}
.w-90 {
	width: 90%;
}
.w-100 {
	width: 100%;
}
.d-flex {
	display: flex;
}
.justify-content-between {
	justify-content: space-between;
}
.flex-direction-row-reverse {
	flex-direction: row-reverse;
}

.flex-item {
	flex: 1;
}

.d-block {
	display: block!important;
}

.position-relative {
	position: relative!important;
}

.position-absolute {
	position: absolute!important;
}

.bg-white {
	background-color: #fff!important;
}

.prometheus-badge-primary {
	color: #fff;
	background-color: #007bff;
}

.prometheus-badge-light {
	color: #212529;
	background-color: #f8f9fa;
}
.prometheus-badge-pill {
	padding-right: .6em !important;
	padding-left: .6em !important;
	border-radius: 10rem !important;
}
.prometheus-badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.dataTables_wrapper div.dataTables_filter input{
	display: inline-block !important;
	width: auto !important;
}

.prometheus-timepicker-box {
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2000;
	float: left;
	width: 160px;
	min-width: 10rem;
	padding: .5rem;
	margin: .125rem 0 0;
	font-size: 1rem;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}

.disabled-container * {
	pointer-events: none;
	opacity: 0.8;
}

.prometheus-bullet {
	display: inline-block;
	width: 12px;
	height: 12px;
	min-width: 12px;
	min-height: 12px;
	border-radius: 6px;
}

/* Styling for jQuery UI Autocomplete Field */
.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.ui-autocomplete > li > div {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
	cursor: pointer;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.modal-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 11px !important;
}

.modal-footer > *:only-child {
	margin-left: auto !important;
}

.modal-footer > * {
	margin-top: 5px !important;
	margin-left: 0 !important;
}

/** These two fix the Modal button issue where the buttons would be centered **/
.modal-footer:before {
	content: unset;
}

.modal-footer:after {
	content: unset;
}

/** Fixes issue with modals creating space on the right */
body:not(.modal-open){
	padding-right: 0px !important;
}

/** Geo Utilities **/
.prometheus_marker_outer {
	position: relative;
}

.marker-pin {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);

	width: 40px;
	height: 40px;
	border-radius: 50% 50% 50% 0;
	background: #c30b82;
	position: absolute;
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
}

.marker-pin::after {
	content: '';
	width: 34px;
	height: 34px;
	margin: 3px 0 0 3px;
	background: #fff;
	position: absolute;
	border-radius: 50%;
}

.custom-div-icon i {
	position: absolute;
	width: 32px;
	font-size: 22px;
	left: 0;
	right: 0;
	margin: 10px auto;
	text-align: center;
}

.marker_icon {
	position: absolute;
	top: -10px;
	left: 10px;
	height: 30px;
}

/** Icon Picker Classes */

.prometheus_icon_picker_outer {
	display: flex;
}

.prometheus_icon_picker_icon {
	height: 25px;
	margin-top: -4px; /* Centers the icon in the container */
}

.prometheus_icon_picker_container {
	border: 1px solid black;
	height: 29px;
	padding: 2px;
	cursor: pointer;
}

.prometheus_icon_picker_select_icon {
	border: 1px solid black;
	width: 45px;
	height: 45px;
	margin-bottom: 4px;
	cursor: pointer;
	padding: 2px;
}

.prometheus_icon_picker_icon_container {
	overflow: scroll;
	height: 300px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.prometheus_icon_picker_no_icon {
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid black;
}

.prometheus_icon_picker_no_icon>img {
	width: unset;
	height: 40px;
	margin-top: 2px;
	border: unset;
}

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

.prometheus_icon_picker_font_awesome_icon {
	font-size: 32px;
	margin-top: 5px;
}

.map_layer_icon_success {
	color: forestgreen;
}

.map_layer_icon_error {
	color: red;
}

.map_layer_status_container {
	margin-right: 10px;
}

#map_layers_activity_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

/** Makes leaflets controls be horizontal, rather than vertical **/

/** This fixes the Zoom control */
.leaflet-control a {
	float: left;
	border-right: 1px solid #ccc;
	border-bottom-width: 0px;
}

.leaflet-control a:hover {
	border-bottom-width: 0px;
}

.leaflet-control a:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0px;
}

.leaflet-control a:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-right-width: 0px;
}

/** This fixes all other controls than Zoom */
.leaflet-top {
	display: flex;
	align-items: flex-start;
}

/** Fixes the Geoman toolbar */
.leaflet-pm-toolbar {
	display: flex !important;
}

.leaflet-pm-action {
	border-right: unset !important;
}

.button-container .leaflet-pm-actions-container {
	top: 30px !important;
	left: unset !important;
}

/** Fixes the Measure toolbar when hovered on */
.leaflet-control-measure .leaflet-control-measure-interaction {
	padding: 10px 12px 20px 12px !important;
}

.startprompt > .tasks {
	border: unset;
}

.js-measuretasks {
	padding: 8px 0 0 12px !important;
	margin-bottom: -8px !important;
}

.leaflet-control-measure .tasks, .leaflet-measure-resultpopup .tasks {
	padding: 2px 0 0 !important;
}

.btn-default {
	color: #545454;
	background-color: #f5f5f5;
	border-color: #e9e9e9;
}
.btn-default:focus,
.btn-default.focus,
.btn-default:hover {
	color: #545454;
	background-color: #e1e1e1;
	border-color: #cacaca;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #545454;
	background-color: #c7c7c7;
	border-color: #b1b1b1;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
	color: #545454;
	background-color: #c7c7c7;
	border-color: #b1b1b1;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #f5f5f5;
	border-color: #e9e9e9;
}

/** DAWA Class(es) **/
.dawa_address_autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/** Table ActionDropdown Classes **/
.table_action_dropdown_button {
	display: inline-block;
}

/** Bootstrap 4 no longer has bold labels, this re-implements that */
.form-group>label {
	font-weight: 700;
}

.prometheus_label {
	font-weight: 700;
}

/** ColorBlind ColorPicker Classes **/
.prometheus_color_blind_color_picker_container {
	display: none;
	width: 500px;
	padding: 10px;
	background-color: white;
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	z-index: 1200;
	position: absolute;
	top: 5px;
}

.prometheus_color_blind_color_picker_container_colors {
	width: 475px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 10px;
	justify-content: space-between;
}

.prometheus_color_blind_color_picker_color_preview {
	width: 50px;
	height: 50px;
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	display: flex;
	justify-content: space-around;
	cursor: pointer;
}

.prometheus_color_blind_color_picker_color_preview_no_color:after {
	color: red;
	content: "X";
	margin-top: -12px;
	font-size: 48px;
}

.prometheus_color_blind_color_picker_color_div {
	width: 50px;
	height: 50px;
	border: solid 1px #c0c0c0;
	cursor: pointer;
}

.prometheus_color_blind_color_picker_color_1 {
	background-color: #ffeb3b;
}
.prometheus_color_blind_color_picker_color_1_pattern {
	/* Diamond 4 */
	background: linear-gradient(135deg, #766d19 25%, transparent 25%),linear-gradient(225deg, #766d19 25%, transparent 25%),linear-gradient(315deg, #766d19 25%, transparent 25%),linear-gradient(45deg, #766d19 25%, transparent 25%);
	background-color: #ffeb3b;
	background-size: 1em 1em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_2 {
	background-color: #ffc107;
}
.prometheus_color_blind_color_picker_color_2_pattern {
	/* Zigzag 3 */
	background: linear-gradient(45deg, #ffc107 25%, transparent 25%), linear-gradient(315deg, #ffc107 25%, transparent 25%),linear-gradient(45deg, transparent 24%,#846300 25%, #846300 45%, transparent 45%), linear-gradient(315deg, transparent 24%,#846300 25%, #846300 45%, transparent 45%);
	background-color: #ffc107;
	background-size: 1em 1em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_3 {
	background-color: #ff9800;
}
.prometheus_color_blind_color_picker_color_3_pattern {
	/* Wave 1 */
	background: radial-gradient(circle at top left,transparent 25%,#975a00 25.5%, #975a00 36%, transparent 37%, transparent 100%),radial-gradient(circle at bottom right,transparent 34%,#975a00 34.5%, #975a00 45.5%, transparent 46%, transparent 100%);
	background-color: #ff9800;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_4 {
	background-color: #ff5722;
}
.prometheus_color_blind_color_picker_color_4_pattern {
	/* Dot 7 */
	background: radial-gradient(circle at top right,transparent 10%,#972b0b 10%, #972b0b 20%, transparent 21%), radial-gradient(circle at left bottom,transparent 10%,#972b0b 10%,#972b0b 20%, transparent 21%),radial-gradient(circle at top left,transparent 10%,#972b0b 10%,#972b0b 20%, transparent 21%), radial-gradient(circle at right bottom,transparent 10%,#972b0b 10%,#972b0b 20%, transparent 21%), radial-gradient(circle at center,#972b0b 30%, transparent 31%);
	background-color: #ff5722;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_5 {
	background-color: #f44336;
}
.prometheus_color_blind_color_picker_color_5_pattern {
	/* Circle 12 */
	background: radial-gradient(circle at bottom ,#87261f, #87261f 10%,transparent 10%, transparent 20%, #87261f 20%, #87261f 30%, transparent 30%, transparent 40%, #87261f 40%, #87261f 50%, transparent 50%, transparent 60%, #87261f 60%, #87261f 70%, transparent 70%, transparent 80%, #87261f 80%, #87261f 90%, transparent 90%);
	background-color: #f44336;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_6 {
	background-color: #e81e63;
}
.prometheus_color_blind_color_picker_color_6_pattern {
	/* Circle 8 */
	background: radial-gradient(#000000 10%, transparent 10%, transparent 39%, #000000 40%,#000000 45%, transparent 46%),radial-gradient(circle at top left,#000000 4%, transparent 5%, transparent 19%, #000000 20%,#000000 22%, transparent 23%),radial-gradient(circle at top right,#000000 4%, transparent 5%, transparent 19%, #000000 20%,#000000 22%, transparent 23%),radial-gradient(circle at bottom left,#000000 4%, transparent 5%, transparent 19%, #000000 20%,#000000 22%, transparent 23%),radial-gradient(circle at bottom right,#000000 4%, transparent 5%, transparent 19%, #000000 20%,#000000 22%, transparent 23%);
	background-color: #e81e63;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_7 {
	background-color: #42134b;
}
.prometheus_color_blind_color_picker_color_7_pattern {
	/* Circle 18 */
	background: radial-gradient(circle at top left,transparent 19%,#e06ef7 20%, #e06ef7 25%, transparent 21%, transparent 100%),radial-gradient(circle at bottom right,transparent 19%,#e06ef7 20%, #e06ef7 25%, transparent 26%),radial-gradient(circle at bottom left,#e06ef7 25%, transparent 26%),radial-gradient(circle at top right,#e06ef7 25%, transparent 26%);
	background-color: #42134b;
	background-size: 2em 2em;
	opacity: 1;
}

.prometheus_color_blind_color_picker_color_8 {
	background-color: #673ab7;
}
.prometheus_color_blind_color_picker_color_8_pattern {
	/* Circle 14 */
	background: radial-gradient(#dbc6ff 15%, transparent 16%), linear-gradient(45deg, transparent 49%, #dbc6ff 49% 51%, transparent 51%), linear-gradient(-45deg, transparent 49%, #dbc6ff 49% 51%, transparent 51%);
	background-color: #673ab7;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_9 {
	background-color: #3f51b5;
}
.prometheus_color_blind_color_picker_color_9_pattern {
	/* Circle 15 */
	background: radial-gradient(circle at top left,#bec8fd 25%, transparent 26%),radial-gradient(circle at bottom right,transparent 19%,#bec8fd 20%, #bec8fd 25%, transparent 21%, transparent 100%),radial-gradient(circle at bottom left,transparent 19%,#bec8fd 20%, #bec8fd 25%, transparent 26%),radial-gradient(circle at top right, #bec8fd 25%, transparent 26%);
	background-color: #3f51b5;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_10 {
	background-color: #2196f3;
}
.prometheus_color_blind_color_picker_color_10_pattern {
	/* Triangle 4 */
	background: linear-gradient(45deg, #0b314f 50%, transparent 50%);
	background-color: #2196f3;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_11 {
	background-color: #03a9f4;
}
.prometheus_color_blind_color_picker_color_11_pattern {
	/* Zigzag 4 */
	background: linear-gradient(135deg, #03a9f4 25%, transparent 25%), linear-gradient(45deg, #03a9f4 25%, transparent 25%),linear-gradient(135deg, transparent 24%,#003c57 25%, #003c57 45%, transparent 45%), linear-gradient(45deg, transparent 24%,#003c57 25%, #003c57 45%, transparent 45%);
	background-color: #03a9f4;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_12 {
	background-color: #00bcd4;
}
.prometheus_color_blind_color_picker_color_12_pattern {
	/* Dot 2 */
	background: radial-gradient(circle, #00434c 25%, transparent 26%);
	background-color: #00bcd4;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_13 {
	background-color: #009688;
}
.prometheus_color_blind_color_picker_color_13_pattern {
	/* Diamond 5 */
	background: linear-gradient(45deg, #002c2780 25%, transparent 21%) , linear-gradient(315deg, #002c2780 25%, transparent 21%), linear-gradient(45deg, #002c27 10%, transparent 11%), linear-gradient(315deg, #002c27 10%, transparent 11%),linear-gradient(135deg, #002c2780 25%, transparent 21%) , linear-gradient(225deg, #002c2780 25%, transparent 21%), linear-gradient(135deg, #002c27 10%, transparent 11%), linear-gradient(225deg, #002c27 10%, transparent 11%), radial-gradient(#002c27 20%, transparent 21%);
	background-color: #009688;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_14 {
	background-color: #4caf50;
}
.prometheus_color_blind_color_picker_color_14_pattern {
	/* Diagonal 8 */
	background: linear-gradient(45deg, #4caf50 20%, transparent 20%, transparent 80%, #4caf50 80%),linear-gradient(135deg, #4caf50 40%, #1a411c 40%, #1a411c 60%, #1a411c 60%, #4caf50 60%) , linear-gradient(45deg, #4caf50 20%, #1a411c 20%, #1a411c 80%, #4caf50 80%);
	background-color: #4caf50;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_15 {
	background-color: #8bc34a;
}
.prometheus_color_blind_color_picker_color_15_pattern {
	/* Triangle 10 */
	background: linear-gradient(135deg, #8bc34a 15%, transparent 16%, transparent 84%, #8bc34a 85%) , linear-gradient(225deg, #8bc34a 15%, transparent 16%, transparent 84%, #8bc34a 85%) ,linear-gradient(135deg, #354b1b 25%, transparent 25%) ,linear-gradient(225deg, #354b1b 25%, transparent 25%) ,linear-gradient(0deg, #354b1b 45%, transparent 25%);
	background-color: #8bc34a;
	background-size: 2em 2em;
	opacity: 1
}

.prometheus_color_blind_color_picker_color_16 {
	background-color: #cddc39;
}
.prometheus_color_blind_color_picker_color_16_pattern {
	/* Cross 1 */
	background: linear-gradient(90deg, transparent 50%, #555c16 50%),linear-gradient(to bottom, transparent 50%, #555c1680 50%);
	background-color: #cddc39;
	background-size: 2em 2em;
	opacity: 1
}

/** Tabs customization for Bootstrap tabs **/
.nav-tabs > .nav-item > .nav-link {
	border-top: 2px solid darkgrey !important;
	border-left: 1px solid darkgrey !important;
	border-right: 1px solid darkgrey !important;
	border-bottom: 1px solid darkgrey !important;
}

.nav-tabs > .nav-item:first-child > .nav-link {
	border-left: 2px solid darkgrey !important;
}
.nav-tabs > .nav-item:last-child > .nav-link {
	border-right: 2px solid darkgrey !important;
}

.nav-tabs > .nav-item > .nav-link.active {
	border-top: 2px solid darkblue !important;
	border-left: 1px solid darkblue !important;
	border-right: 1px solid darkblue !important;
}

.nav-tabs > .nav-item:first-child > .nav-link.active {
	border-left: 2px solid darkblue !important;
}
.nav-tabs > .nav-item:last-child > .nav-link.active {
	border-right: 2px solid darkblue !important;
}

.nav-tabs > .nav-item .nav-link {
	background-color: #efefef;
	color: black;
}

.nav-tabs > .nav-item .nav-link.active {
	background-color: #0080FF;
	color: white !important;
}

.nav-tabs > .nav-item .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent;
}

.pl-6 {
	padding-left: 2.75rem!important;
}

.list-picker-collapsible-header {
	cursor: pointer;
}

.list-picker-item-element {
	font-size: 18px;
	line-height: 38px;
	cursor: pointer;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.list-picker-item-element:last-of-type {
	border-bottom: none;
}

.list-picker-item-selectable:hover {
	background-color: #cccccc;
}
.list-picker-item-selectable:active, .list-picker-item-selected {
	color: #ffffff;
	background-color: #007bff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#09a2ff), to(#007ce6));
	background-image: -webkit-linear-gradient(top, #09a2ff, #007ce6);
	background-image: -moz-linear-gradient(top, #09a2ff, #007ce6);
	background-image: -o-linear-gradient(top, #09a2ff, #007ce6);
	background-image: -ms-linear-gradient(top, #09a2ff, #007ce6);
	background-image: linear-gradient(top, #09a2ff, #007ce6);
}

.modal-full {
	max-width: 95%;
}

.dropdown-picker-label-icon:hover {
	cursor: pointer;
	opacity: 0.9;
}