/**
 *	Common AdministrationInterface code
 */

/**********************************************************************************************************************
 ******************************************** START Common CSS ********************************************************
 *********************************************************************************************************************/
*,
::before,
::after {
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #424043;
}

[hidden] {
	display: none;
}

/* Font awesome overrides display, so we override it again */
.fa[hidden], .fab[hidden], .far[hidden], .fas[hidden] {
	display: none;
}

fieldset {
	border: 1px solid #9c9d9f;
}

a {
	font-weight: bold;
	color: #424043;
	text-decoration: none;
	cursor: pointer;
}

p {
	margin: 5px 0;
}

input[disabled] {
	cursor: default;
}

h3 {
	font-weight: bold;
	margin: 10px 0;
	color: #424043;
}

h4 {
	margin: 10px 0;
}

h5 {
	color: #424043;
	margin: 2px 0;
}

h3, h4, h5 {
	cursor: default;
}

a:hover, a:active, .jqHover {
	color: #1457a1;
}

ul, li {
	padding: 0;
	margin: 0;
}

ul {
	padding-left: 16px;
}

.wysiwyg-editor {
	background: #fff;
}

.wicket-mask-none {
	display: none;
}

div.wicket-mask-dark {
	opacity: .5;
	background-color: #000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: fixed;
}

.bfcs_visible {
	display: block;
}

.bfcs_hidden {
	display: none;
}

.bfcs_box {
	border-radius: 2px;
	padding: 10px;
	margin: 15px 0;
	position: relative;
	background-color: #ebebeb;
}

hr {
	border-top: 1px;
	border-bottom: 0;
	border-style: dashed;
	border-color: #1457a1;
	margin: 10px 0 10px 2%;
	width: 96%;
}

.bfcs_verticalSpace {
	border: none;
}

.bfcs_nextButtonWrapper, .bfcs_backButtonWrapper {
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	gap: 15px;
}

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

/*Wicket class for validation feedback*/
.bfcs_feedbackPanel {
	background-color: #fff;
	margin-bottom: 10px;
}

.bfcs_feedbackPanelERROR, .bfcs_feedbackPanelERROR.alert {
	background: #c80000;
	color: #fbd9d9;
	border-color: #c80000;
}

.bfcs_feedbackPanelWARNING, .bfcs_feedbackPanelWARNING.alert {
	background: #f29100;
	color: #fef4e5;
	border-color: #f29100;
}

.bfcs_feedbackPanelINFO, .bfcs_feedbackPanelINFO.alert {
	background: #94c11f;
	color: #f7fbec;
	border-color: #94c11f;
}

.bfcs_feedbackPanelWARNING a:hover, .bfcs_feedbackPanelWARNING a:active,
.bfcs_feedbackPanelWARNING .jqHover {
	color: #4379b4;
}

.bfcs_box.alert.bfcs_feedbackPanel span {
	white-space: normal;
}

.feedbackPanel {
	padding-left: 0;
}

.feedbackPanel > li {
	padding: 5px;
	min-height: 22px;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
}

.feedbackPanel li:before {
	font-family: "Font Awesome 5 Pro", sans-serif;
	font-weight: 400;
	font-size: 32px;
}

.feedbackPanelERROR:before {
	content: "\f057"; /* times-circle */
}

.feedbackPanelWARNING:before {
	content: "\f06a"; /* exclamation-circle */
}

.feedbackPanelINFO:before {
	content: "\f058"; /* check-circle */
}

.bfcs_inputText {
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	background-color: #fff;
	padding: 6px;
	line-height: 21px;
}

.bfcs_inputText.clear + .bfcs_buttonIcon {
	/* Move button into the right side of the input */
	display: inline-block;
	position: relative;
	left: -32px;
	top: 1px;
	border: none;
}

.bfcs_inputText.clear + .bfcs_buttonIcon > .fas {
	font-size: 15px;
}


/*div that contains label and input*/
.bfcs_formElement {
	min-height: 22px;
	position: relative;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.bfcs_formElement.bfcs_formElement--top {
	align-items: flex-start;
}

.bfcs_formElement input.bfcs_inputText.clear {
	padding-right: 22px;
}

.bfcs_column_section .bfcs_foldElement span {
	white-space: normal;
}

.bfcs_column_section {
	white-space: nowrap;
}

.bfcs_column_section.cols_2 .bfcs_column {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.bfcs_column_section.cols_2 .bfcs_mediumLabel .bfcs_formLabel {
	width: auto;
	min-width: 100px;
	max-width: 170px;
}

.bfcs_formLabel, .bfcs_Label {
	display: inline-block;
}

.bfcs_clear {
	display: inline-block;
	clear: both;
}

.bfcs_dynamicButton {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding: 10px 32px;
	font-size: 14px;
	border: none;
	background-color: #1457a1;
	transition: background-color 0.25s ease;
	border-radius: 2px;
}

.bfcs_dynamicButton span {
	color: #fff;
}

.bfcs_dynamicButton:hover {
	background-color: #4379b4;
}

.bfcs_foldElement {
	position: relative;
	border-radius: 2px;
	background-color: #ebebeb;
	padding: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #424043;
}

.bfcs_foldElement .modal .bfcs_foldElement {
	background-color: #ebebeb;
}

.bfcs_foldElement + .bfcs_foldElement.bfcs_maximized,
.bfcs_foldElement + .bfcs_foldElement.bfcs_minimized {
	margin-top: 25px;
}

.bfcs_foldElement .bfcs_foldElement {
	background-color: #fff;
}

.bfcs_foldElementContent {
	position: relative;
	margin-top: 10px;
	white-space: normal;
}

.bfcs_maximized .bfcs_foldElementContent {
	display: block;
}

.bfcs_minimized .bfcs_foldElementContent {
	display: none;
}

.bfcs_buttonIcon--inline.bfcs_foldElement_icon {
	height: 32px;
	width: 32px;
	font-size: 20px;
	position: absolute;
	top: -14px;
	right: -14px;
	transition: box-shadow .25s ease;
}

.bfcs_maximized .bfcs_buttonIcon--inline.bfcs_foldElement_icon:before {
	content: "\f422"; /* compress-alt */
}

.bfcs_minimized .bfcs_buttonIcon--inline.bfcs_foldElement_icon:before {
	content: "\f424"; /* expand-alt */
}

.bfcs_foldElement > h3, .bfcs_foldElement > form > h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 12px;
}

.bfcs_foldElement.bfcs_minimized hr {
	display: none;
}

textarea {
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	background-color: #fff;
	padding: 5px;
	line-height: 20px;
	overflow: auto;
	resize: none;
	width: 100%;
	height: 400px;
	margin-right: 10px;
}

textarea.disabled {
	border: none;
}

.small {
	height: 100px;
	max-height: 100px;
}

.disabled {
	cursor: default;
	color: #424043;
	filter: grayscale(100%);
}

.bfcs_disabled {
	color: #9c9d9f;
}

.bfcs_radioGroup {
	margin: 5px 0;
}

.bfcs_checkbox, .bfcs_radioButton {
	margin: 6px 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.bfcs_checkbox *, .bfcs_radioButton * {
	cursor: pointer;
}

.bfcs_checkbox > input, .bfcs_radioButton > input {
	margin: 0;
}

.bfcs_checkbox .checkboxLabel, .bfcs_radioButton .radioButtonLabel {
	display: inline-block;
}

.bfcs_formElement.disabled label, .bfcs_formElement.disabled .bfcs_formInput,
.bfcs_dropDown.disabled input, .bfcs_dropDown.disabled span,
.bfcs_checkbox > input:disabled + label, .bfcs_radioButton > input:disabled + label,
.bfcs_listComponent .bfcs_listSelect:disabled {
	cursor: default;
	color: #9c9d9f;
	border-color: #9d9d9c;
}

select.bfcs_dropDown {
	height: 35px;
}

select.bfcs_dropDown > option {
	font-weight: bold;
}

select.bfcs_dropDown > option:nth-child(odd) {
	background-color: #d7d7d7;
}

select.bfcs_dropDown > option:nth-child(even) {
	background-color: #f5f5f5;
}

.bfcs_securityBar {
	height: 30px;
	border: 1px solid transparent;
	border-radius: 2px;
	background-color: #fff;
	padding: 2px 4px;
	line-height: 20px;
	text-align: center;
}

/*Independent size classes*/
.bfcs_fullSize {
	width: 100%;
}

.bfcs_inline.bfcs_formElement {
	margin-bottom: 0;
}

.bfcs_inline, .bfcs_Label {
	display: inline-block;
}

.bfcs_smallerInput .bfcs_formInput, .bfcs_smallerInput .bfcs_inputText {
	width: 50px;
}

.bfcs_smallInput .bfcs_formInput, .bfcs_smallInput .bfcs_inputText {
	width: 120px;
}

.bfcs_mediumInput .bfcs_formInput, .bfcs_mediumInput .bfcs_inputText {
	width: 220px;
}

.bfcs_largeInput .bfcs_formInput, .bfcs_largeInput .bfcs_inputText {
	width: 400px;
}

.bfcs_hugeInput .bfcs_formInput, .bfcs_hugeInput .bfcs_inputText {
	width: 600px;
}

/*General form element sizes*/
.bfcs_largeInput textarea.bfcs_formInput {
	width: 800px;
}

.bfcs_numberInput .bfcs_formInput, .bfcs_numberInput .bfcs_inputText {
	width: 80px;
	text-align: right;
}

.bfcs_smallLabel .bfcs_formLabel, .bfcs_smallLabel .bfcs_Label {
	width: 120px;
}

.bfcs_mediumLabel .bfcs_formLabel, .bfcs_mediumLabel .bfcs_Label, .bfcs_mediumLabel th {
	width: 170px;
}

.bfcs_largeLabel .bfcs_formLabel, .bfcs_largeLabel .bfcs_Label, .bfcs_largeLabel th {
	width: 220px;
}

.bfcs_label-250 .bfcs_formLabel, .bfcs_label-250 .bfcs_Label {
	width: 250px;
}

.bfcs_largerLabel .bfcs_formLabel, .bfcs_largerLabel .bfcs_Label {
	width: 400px;
}

.bfcs_rightLabel .bfcs_formLabel, .bfcs_rightLabel .bfcs_Label {
	text-align: right;
}

.bfcs_formUnit {
	margin-left: 3px;
}

/**********************************************************************************************************************
 ********************************************* END Common CSS *********************************************************
 *********************************************************************************************************************/

/**********************************************************************************************************************
 ******************************************* START Standard CSS *******************************************************
 *********************************************************************************************************************/

/* Includes everything but helpPanel */
.bfcs_mainPanel {
	position: relative;
	min-width: 1314px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.bfcs_foldElement .tab-row {
	margin-right: -10px;
}

.bfcs_navButton > a,
.bfcs_adminHeader a {
	color: white;
}

.bfcs_mainNavigation .bfcs_navButton.selected a {
	text-decoration: underline;
}

.bfcs_mainNavigation .bfcs_navButton:not(.selected) a:hover {
	color: #a1bcd9;
}

/* Contains Logo and topNavigation */
.bfcs_adminLogoPanel {
	height: 80px;
	background-color: #1457a1;
	background-image: url("/images/cryptshare-logo-2023-white.svg");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 256px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.bfcs_adminHeaderPanel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	background-color: #424043;
	border-bottom: 0.5px solid #565357;
	padding: 0 5px;
}

.bfcs_adminHeaderPanel > div {
	transform: translateY(5px);
}

.bfcs_licenseAgreement .restore,
.bfcs_licenseAgreement .terms .bfcs_box {
	position: relative;
	left: 50%;
	max-height: 1024px;
	max-width: 800px;
	margin-left: -400px;
	margin-top: 50px;
	overflow: auto;
	overflow-x: hidden;
}

.bfcs_licenseAgreement .infoContainer {
	position: relative;
	left: 10px;
	max-width: 820px;
	margin: auto;
}

/* Meta menu for logout etc. */
.bfcs_topNavigation {
	display: flex;
	align-items: center;
}

.bfcs_topNavigationUserInfo {
	color: white
}

.bfcs_topNavigationActions {
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.bfcs_adminDropdown {
	position: relative;
	transition: all 0.5s ease;
}

.bfcs_adminDropdownButton {
	display: flex;
	color: white;
	font-size: 15px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.bfcs_adminDropdownButton:hover {
	color: white;
}

.bfcs_adminDropdownButton.bfcs_notificationIndicator:hover,
.bfcs_adminDropdownButton.bfcs_notificationIndicator {
	color: #ffd85f;
}

.bfcs_notificationDropdown > .actions,
.bfcs_adminDropdown > .actions {
	display: none;
}

.bfcs_notificationDropdown > .actions > ul,
.bfcs_adminDropdown > .actions > ul {
	padding: 0;
}

.bfcs_adminDropdown > .actions a,
.bfcs_notificationDropdown > .actions .bfcs_notificationHint {
	background-color: white;
	white-space: nowrap;
	color: #1457a1;
	font-weight: bold;
}

.bfcs_adminDropdown > .actions a {
	padding: 6px 10px;
	display: flex;
	align-items: center;
}

.bfcs_notificationDropdown > .actions .bfcs_restartNotificationItem {
	padding: 6px 10px 0 10px;
	background-color: white;
	white-space: nowrap;
}

.bfcs_adminDropdown > .actions a:hover,
.bfcs_adminDropdown > .actions a:focus {
	color: white;
	background-color: #1457a1;
	transition: 0.25s all ease;
}

.bfcs_notificationDropdown.open > .actions,
.bfcs_adminDropdown.open > .actions {
	display: flex;
	flex-direction: column;
	transition: all 0.25s ease;
	position: absolute;
	right: 0;
	z-index: 1000;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-radius: 0 0 4px 4px;
	transform: translateY(6px);
	background: white;
}

.bfcs_notificationDropdown > .actions {
	padding: 8px;
	transform: translate(-10px, 6px) !important;
}

.bfcs_topNavigationDropdownLink {
	gap: 10px;
}

/* Enforce consistent width of leading icons */
.bfcs_topNavigationDropdownLink span:first-child {
	display: flex;
	width: 16px;
	justify-content: center;
}

.bfcs_adminDropdown > .actions .bfcs_topNavigationDropdownLink.restartRequired {
	background-color: #fff2cc;
	color: #b9980b;
}

.bfcs_adminDropdown > .actions .bfcs_topNavigationDropdownLink.restartRequired:hover,
.bfcs_adminDropdown > .actions .bfcs_topNavigationDropdownLink.restartRequired:focus {
	color: white;
	background-color: #b9980b;
}

.bfcs_topNavigationDropdownLink.restartRequired > .restartRequiredIcon {
	display: initial;
}

.bfcs_topNavigationDropdownLink > .restartRequiredIcon {
	display: none;
}

.bfcs_topNavigationDropdownLink > .placeholder {
	flex-grow: 1;
}

.bfcs_serverManagementActions,
.bfcs_topNavigationGeneralActions,
.bfcs_topNavigationUserActions {
	list-style: none;
}

.bfcs_restartNotificationItem:last-child,
.bfcs_topNavigationGeneralActions li:last-child > a {
	border-radius: 0 0 4px 4px;
	border: unset;
}

.bfcs_restartNotificationItem {
	list-style-position: inside;
	font-size: 13px;
}

.bfcs_serverManagementActions,
.bfcs_topNavigationUserActions {
	border-bottom: 1px solid #1457a1;
}

/* First level application menu */
.bfcs_mainNavigation {
	white-space: nowrap;
}

.bfcs_mainNavigation .bfcs_navButton {
	position: relative;
	display: inline-block;
	background-color: transparent;
	padding-right: 4px;
	padding-left: 4px;
}

.bfcs_mainNavigation .bfcs_navButton:not(:last-child) {
	border-right: 1px solid white;
}

.bfcs_mainNavigation .bfcs_navButton:last-child {
	padding-right: 0;
}

#subNavigation .selected a {
	color: #1457a1;
}

/* Contains subNavigation and content */
.bfcs_outerContentPanel {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

/* Serves as a frame around bfcs_InnerContent (which shrinks eventually, see below) */
.bfcs_innerContentPanel {
	background: #fff;
	min-height: 450px;
	padding: 10px 30px 10px 10px;
	border-top-left-radius: 2px;
	flex-grow: 1;
}

.bfcs_innerContentPanel .bfcs_syslogs .bfcs_foldElement {
	height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}

.bfcs_innerContentPanel .bfcs_syslogs .bfcs_box.bfcs_dualLabelButton {
	margin: 2px;
	width: 500px;
}

#subNavigation {
	width: 200px;
	overflow: hidden;
	color: white;
	background-color: #424043;
	flex-shrink: 0;
}

#subNavigation .bfcs_navButton {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#subNavigation a {
	display: inline-block;
	padding: 5px;
	white-space: nowrap;
	width: 80%;
	color: #fff;
}

#subNavigation .bfcs_navButton:not(.selected) a:hover {
	color: #a1bcd9;
}

#subNavigation .selected {
	background-color: white;
	border-radius: 2px 0 0 2px;
}

.bfcs_innerContentPanel h1, .bfcs_innerContentPanel h2,
.bfcs_innerContentPanel h3, .bfcs_innerContentPanel h4,
.bfcs_innerContentPanel h5 {
	margin-top: 0;
	vertical-align: middle;
	display: inline-block;
}

.bfcs_innerContentPanel h1 + .bfcs_buttonIcon,
.bfcs_innerContentPanel h2 + .bfcs_buttonIcon,
.bfcs_innerContentPanel h3 + .bfcs_buttonIcon,
.bfcs_innerContentPanel h4 + .bfcs_buttonIcon,
.bfcs_innerContentPanel h5 + .bfcs_buttonIcon {
	margin-left: 10px;
}

.bfcs_innerContentPanel h1 {
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: bold;
	color: #1457a1;
}

.bfcs_innerContentPanel h2 {
	font-size: 13px;
	font-weight: bold;
	color: #1457a1;
}

.bfcs_optionContainer:hover {
	background-color: #e7e7e7;
	border-radius: 2px;
}

.bfcs_optionContainer .bfcs_formElement {
	margin: 5px 0;
}

.bfcs_restoreDefaults {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.bfcs_restoreDefaults h1, .bfcs_restoreDefaults h2, .bfcs_restoreDefaults h3 {
	margin-bottom: 0;
}

.tab-row, .tab-row + .tab-panel {
	padding-left: 10px;
	padding-right: 10px;
	/* negative side margins to let the line hit the border */
	margin-right: -30px;
	margin-left: -10px;
}

.tab-row, .bfcs_fileTypeFilterTabPanel .tab-row + .tab-panel {
	border-bottom: 1px solid #1457a1;
}

.tab-row {
	margin-top: 25px;
	margin-bottom: 15px;
}

.tab-row + .tab-panel {
	padding: 10px 30px 0 10px;
}

.tab-row ul {
	position: relative;
	margin: 0;
	padding: 0;
}

.tab-row li {
	display: inline-block;
	position: relative;
	margin: 0 5px 0 0;
	border: 1px solid #1457a1;
	border-bottom: none;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #1457a1;
	transition: background-color 0.25s ease;
	top: 7px;
}

.tab-row li:not(.selected):hover {
	background-color: #4379b4;
}

.tab-row li a {
	color: #fff;
	display: inline-block;
	max-width: 50ch;
	padding: 5px 20px 5px 20px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}

.tab-row li.selected {
	top: 1px;
	background-color: #fff;
	height: 34px;
}

.tab-row li.selected a {
	color: #1457a1;
	transform: translateY(5px);
}

/* Button, currently unstyled */
.bfcs_button {
	padding: 4px;
}

/* To group form element that needs to be separated */
.bfcs_formPanel {
	margin-top: 10px;
}

.bfcs_buttonIcon {
	cursor: pointer;
	height: 24px;
	width: 24px;
	padding: 0;

	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 2px;
	border: none;
	background-color: #fff;
	color: #424043;
	transition: box-shadow, color .25s ease;
}

.bfcs_buttonIcon:disabled {
	cursor: default;
	border-color: #999;
	color: #999;
}

.bfcs_buttonIcon > .fas, .bfcs_buttonIcon > .far, .bfcs_buttonIcon > .fab {
	font-size: 15px;
}

.bfcs_buttonIcon:not(:disabled):hover {
	box-shadow: none;
	color: #1457a1;
}

/* Special icon cases */

/* Icons have to be shifted to appear centered */
.bfcs_buttonIcon > .fas.fa-caret-up {
	position: relative;
	top: -1px;
}

.bfcs_buttonIcon > .fas.fa-caret-down {
	position: relative;
	top: 1px;
}

.bfcs_buttonIcon > .fas.fa-undo {
	font-size: 11px;
}

.bfcs_buttonIcon > .fas.fa-sync {
	font-size: 11px;
}

/* Icons have to be enlarged to have similar size to others */
.bfcs_buttonIcon > .fas.fa-caret-up, .bfcs_buttonIcon > .fas.fa-caret-down {
	font-size: 20px;
}

.bfcs_buttonIcon--lg > .fas, .bfcs_buttonIcon--lg > .far, .bfcs_buttonIcon--lg > .fab {
	font-size: 16px;
}

.bfcs_buttonIcon--border {
	border-radius: 50%;
	border: 2px solid #1457a1;
}

.bfcs_buttonIcon--border > .fas, .bfcs_buttonIcon.bfcs_buttonIcon--border > .far, .bfcs_buttonIcon.bfcs_buttonIcon--border > .fab {
	font-size: 13px;
}

.bfcs_buttonIcon--border:not(:disabled):hover {
	box-shadow: 0 0 3px 1px #bbb;
	color: #424043;
}


.bfcs_statusIcon {
	font-size: 24px;
}

.bfcs_statusIcon:before {
	vertical-align: middle;
}

.bfcs_statusIcon.fa-check-circle {
	color: #79b31d;
}

.bfcs_statusIcon.fa-exclamation-circle {
	color: #ee6c1a;
}

.bfcs_statusIcon.fa-times-circle {
	color: #b63636;
}


.bfcs_buttonIcon--inline {
	cursor: pointer;
	height: 24px;
	width: 24px;

	display: flex;
	justify-content: center;
	align-items: center;

	padding: 2px;
	border: 2px solid #1457a1;
	border-radius: 50%;
	background-color: #fff;
	font-size: 13px;
}

.bfcs_buttonIcon--inline:before {
	font-family: "Font Awesome 5 Pro", sans-serif;
	font-weight: 900;
	color: #424043;
}


.bfcs_buttonDownload {
	margin: 0;
	padding: 0;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: initial;
	vertical-align: top;
}

.bfcs_buttonDownload.disabled {
	cursor: default;
}

/* Data tables */
.bfcs_dataTable {
	border-collapse: collapse;
	width: 100%;
}

.bfcs_dataTable .navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.bfcs_dataTable .navigation td {
	padding: 4px 0;
}

.bfcs_dataTable .navigation .navigator, .bfcs_dataTable .navigation .navigatorLabel {
	display: inline-block;
	vertical-align: top;
}

.bfcs_dataTable .navigation .navigator > div {
	display: flex;
	align-items: center;
	gap: 4px;
}

.bfcs_dataTable .navigation .navigatorLabel {
	font-weight: bold;
	padding: 3px 0;
	margin-right: 10px;
}

.bfcs_dataTable .navigation .goto a {
	padding: 1px 6px;
}

.bfcs_dataTable .navigation .goto a[disabled] {
	color: #c7c7c7;
	cursor: default;
}

.bfcs_dataTable tr.navigation a.prev,
.bfcs_dataTable tr.navigation a.first,
.bfcs_dataTable tr.navigation a.next,
.bfcs_dataTable tr.navigation a.last {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 0; /* Hide default text to use icon */
}

.bfcs_dataTable tr.navigation a.last, .bfcs_dataTable .navigation .goto a,
.bfcs_dataTable tr.navigation a.prev,
.bfcs_dataTable tr.navigation a.first,
.bfcs_dataTable tr.navigation a.next {
	color: #424043;
	transition: color .25s ease;
}

.bfcs_dataTable .navigation .goto a:not([disabled]):hover,
.bfcs_dataTable tr.navigation a.prev:hover,
.bfcs_dataTable tr.navigation a.first:hover,
.bfcs_dataTable tr.navigation a.next:hover,
.bfcs_dataTable tr.navigation a.last:hover {
	color: #1457a1;
}

.bfcs_dataTable .navigation a.prev:before,
.bfcs_dataTable .navigation a.first:before,
.bfcs_dataTable .navigation a.next:before,
.bfcs_dataTable .navigation a.last:before {
	font-size: 14px;
	font-family: "Font Awesome 5 Pro", sans-serif;
	font-weight: 900;
}

.bfcs_dataTable .navigation a.prev:before {
	content: "\f053"; /* chevron-left */
}

.bfcs_dataTable .navigation a.first:before {
	content: "\f323"; /* chevron-double-left */
}

.bfcs_dataTable .navigation a.next:before {
	content: "\f054"; /* chevron-right */
}

.bfcs_dataTable .navigation a.last:before {
	content: "\f324"; /* chevron-double-right */
}

.bfcs_dataTable .filters-tr, .bfcs_dataTable .norecords-tr {
	background-color: #c7c7c7;
}

.bfcs_dataTable .filters-tr td {
	padding: 4px;
}

.bfcs_dataTable .filters-tr td.bfcs_formElement {
	/* Reset flex-box based layout for table cell */
	display: table-cell;
	white-space: nowrap;
}

.bfcs_dataTable .filters-tr .bfcs_inputText {
	border: none;
	width: 100%;
	padding: 3px;
	height: 36px;
	margin: 0;
}

.bfcs_dataTable .hidden {
	display: none;
}

.bfcs_dataTable th, .bfcs_tableHeader {
	text-align: left;
	background-color: #1457a1;
	padding: 5px;
	font-weight: bold;
}

.bfcs_dataTable th, .bfcs_tableHeader, .bfcs_dataTable th a, .bfcs_tableHeader a {
	color: #ebebeb;
}

.bfcs_dataTable th a:hover {
	color: white;
}

.bfcs_dataTable li.even, .bfcs_dataTable li.odd {
	background-color: transparent;
}

.even {
	background-color: #f5f5f5;
}

.odd {
	background-color: #ebebeb;
}

.bfcs_foldElement .even {
	background-color: #fff;
}

.bfcs_foldElement .odd {
	background-color: #f5f5f5;
}

.bfcs_dataTable td {
	padding: 5px;
}

.bfcs_actionColumn {
	width: 20px;
}

.bfcs_pseudoDataTable .bfcs_tableHeader span {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.bfcs_tableRow--alternate:nth-child(even) {
	background-color: #fff;
}

.bfcs_tableRow--alternate:nth-child(odd) {
	background-color: #f5f5f5;
}

.bfcs_pseudoDataTable .bfcs_tableRow {
	padding: 9px 5px;
}

.bfcs_pseudoDataTable .bfcs_tableRow span, .bfcs_pseudoDataTable .bfcs_tableRow a {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.bfcs_pseudoDataTable .bfcs_tableRow a {
	text-decoration: underline;
	padding-left: 10px;
}

.bfcs_switchableField {
	white-space: nowrap;
}

.bfcs_switchableFieldInput {
	display: inline-block;
	margin-right: 5px;
}

.bfcs_switchableField input[type=button] {
	vertical-align: top;
}

.bfcs_simpleList div {
	padding: 10px 5px;
}

table.bfcs_simpleList {
	border-spacing: 0;
	width: 100%;
}

table.bfcs_simpleList th {
	padding: 10px 5px;
	text-align: left;
	font-weight: normal;
}

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

table.bfcs_simpleList tr:nth-child(even) {
	background-color: #fff;
}

table.bfcs_simpleList tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.bfcs_ldap .bfcs_feedbackButton {
	margin: 5px 0;
}

.bfcs_monitoring-status > div:last-child hr {
	display: none;
}

.bfcs_monitoring-status__item {
	margin-bottom: 15px;
	padding: 5px 10px;
}

h3.bfcs_monitoring-status__item__name {
	padding-bottom: .8rem;
}

.bfcs_monitoring-labels {
	position: relative;
	margin-left: 20px;
}

.bfcs_monitoring-labels .bfcs_indicator {
	margin-bottom: 0;
}

.bfcs_backupOverview {
	max-height: 200px;
	overflow: hidden;
	overflow-y: auto;
}

.bfcs_data-table-view__new-item {
	margin-bottom: 10px;
}

/**********************************************************************************************************************
 ********************************************* END Standard CSS *******************************************************
 *********************************************************************************************************************/

/***********************************************************************************************************************
  ************************************ START ServerRestartIndicator CSS ************************************************
  *********************************************************************************************************************/

.bfcs_innerContentPanel .bfcs_restartIndicator h3,
.bfcs_restartIndicator h3 {
	margin: 0;
	display: block;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	z-index: 2;
	position: relative;
}

.bfcs_restartIndicator .image {
	height: 128px;
	background: transparent url("/images/server-restart.svg") no-repeat center / contain;
}

.bfcs_restartIndicator .bfcs_indicatorFeedbackContainer {
	display: none;
	width: 500px;
	min-height: 354px;
	position: fixed;
	margin: 0 0 0 -250px;
	padding: 30px;
	left: 50%;
	top: 30%;
	z-index: 20001;

	border: 1px solid #1457a1;
	border-radius: 2px;
	background: #fff;
}

.bfcs_postUpdateIndicator .bfcs_processing, .bfcs_restartIndicator .bfcs_processing {
	width: 350px;
	height: 40px;
	padding: 10px;
	border: 2px solid #1457a1;
	border-radius: 2px;
	margin-left: -184px;
	margin-bottom: 30px;
	position: relative;
	left: 50%;
	overflow: hidden;
}

.bfcs_postUpdateIndicator .bfcs_processing:before, .bfcs_restartIndicator .bfcs_processing:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 420px; /* 350px + 70px, where 70px is the size of one 'segment' of the gradient */
	animation: candybar 2.5s infinite linear;
	background: repeating-linear-gradient(
			-45deg, #4379b4 0 25%,
			#729ac7 25% 50%
	);
	background-size: 70px 70px;
}

@keyframes candybar {
	from {
		background-position-x: 0;
	}
	to {
		background-position-x: 70px; /* Move gradient by one 'segment' */
	}
}

.bfcs_postUpdateIndicator {
	max-height: none;
}

.bfcs_postUpdateIndicator .bfcs_processing {
	margin-top: 30px;
}

.bfcs_postUpdateIndicator .bfcs_liveLogger {
	margin-bottom: 10px;
}

.bfcs_postUpdateIndicator .bfcs_liveLogger, .bfcs_postUpdateIndicator .bfcs_systemLog {
	height: 200px !important;
}

.bfcs_restartIndicator .bfcs_feedback {
	position: relative;
	left: 50%;
	z-index: 20001;
	width: 400px;
	overflow: hidden;
	margin: 30px 0 10px -210px;
}

.bfcs_restartIndicator .bfcs_feedback .feedbackPanel {
	display: none;
}

.bfcs_restartIndicator .bfcs_feedback .feedbackPanel li:before {
	display: none;
}

.bfcs_restartIndicator .wicket-mask-dark {
	display: none;
	z-index: 20000;
}

/***********************************************************************************************************************
  ************************************* END ServerRestartIndicator CSS *************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ******************************************** START BigButton CSS *****************************************************
  *********************************************************************************************************************/

.bfcs_foldElement .bfcs_bigButtonSet .bfcs_box {
	border: 1px solid #b3b3b3;
}

.bfcs_bigButtonSet .bfcs_mainButton {
	display: flex;
	height: 100%;
	align-items: center;
	flex-direction: row;
	gap: 15px;
}

.bfcs_optionContainer .bfcs_bigButtonSet .bfcs_mainButton span {
	width: 100%;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_staticButton {
	cursor: pointer;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	background-color: #fff;
	padding: 0;
	height: 65px;
	width: 60px;
	transition: box-shadow 0.25s ease;
}

.bfcs_bigButtonSet.disabled .bfcs_mainButton .bfcs_staticButton {
	border-color: #c7c7c7;
	box-shadow: none;
	opacity: 0.5;
}

.bfcs_bigButtonSet.disabled .bfcs_box {
	border-color: #c7c7c7;
}

.bfcs_staticButton .bfcs_box {
	z-index: 100;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_staticButton.processing {
	background-image: none;
	font-size: 28px;
	color: #686669;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_staticButton.bfcs_buttonIcon--inline.processing:before {
	content: none !important;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_staticButton:hover {
	box-shadow: 0 0 3px 1px #b3b3b4;
}

.bfcs_bigButtonSet.disabled .bfcs_mainButton .bfcs_staticButton:hover {
	cursor: default;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_label {
	width: 368px;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_label h3 {
	overflow: hidden;
	display: block;
	margin: 0;
	padding-bottom: 3px;
	font-size: 12px;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_label .bfcs_message {
	overflow: hidden;
	white-space: pre-wrap;
	font-size: 12px;
	display: inline-block;
}

.bfcs_bigButtonSet .bfcs_feedbackPanel {
	display: none;
	margin-top: -16px;
	border-radius: 0 0 2px 2px;
	z-index: 0;
	padding: 5px 0;
}

.bfcs_bigButtonSet ul.feedbackPanel li {
	padding: 5px;
	margin-left: 10px;
}

.bfcs_bigButtonSet .bfcs_backupButton {
	background: url("/images/perform-backup.svg") no-repeat center center / 42px 48px;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_staticButton.bfcs_buttonIcon--inline {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32px;
	padding: 2px;
	color: #424043;
}

.bfcs_bigButtonSet .bfcs_mainButton .bfcs_staticButton.bfcs_buttonIcon--inline.bfcs_buttonDownload:before {
	content: "\f019"; /* download */
}

/***********************************************************************************************************************
  ********************************************* END BigButton CSS ******************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ****************************************** START Icon CheckBox Buttons CSS **********************************************
  *********************************************************************************************************************/
.btn-toggle {
	color: #686669;
	background-color: #fff;
	border: 1px solid #ccc;
	font-weight: bold;
	transition: background-color ease 0.2s;
	cursor: pointer;
}

.btn-toggle:not(:disabled):hover, .btn-toggle:focus {
	color: #686669;
	background-color: #e6e6e6;
}

.btn-toggle.enabled {
	color: #fff;
}

.btn-toggle.enabled:not(:disabled):hover, .btn-toggle.enabled:focus {
	color: #fff;
}

.btn-icon {
	/* Base style from UI */
	font-size: 14px;
	line-height: 1.42857143;

	display: flex;
	padding: 0.35rem 0.25rem;
	flex-direction: row;
	align-items: center;
}

.btn-icon.btn-toggle.enabled {
	background-color: #1457a1;
	border-color: #1457a1;
}

.btn-icon.btn-toggle.enabled:not(:disabled):hover, .btn-toggle.enabled:focus {
	background-color: #0f427b;
	border-color: #0f427b;
}

.btn-icon.btn-toggle:disabled {
	cursor: not-allowed;
	opacity: 0.75;
}

.btn-toggle.enabled.btn-icon .btn-icon__icon {
	filter: invert(100%);
}

.btn-icon__icon {
	margin-right: 0.25rem;
	margin-left: 0.25rem;
	max-width: 24px;
	filter: contrast(12.5%);
}

.btn-icon__text {
	padding: 0 0.35rem;
	display: flex;
	flex-direction: column;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.btn-icon__title {
	font-size: 0.925em;
	font-weight: 700;

	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-icon__description {
	font-size: 0.85em;
	font-weight: normal;

	overflow: hidden;
	text-overflow: ellipsis;
}

.btn-icon__after span {
	font-size: 1.8em;
}

.btn-icon__after {
	padding-left: 1em;
	padding-right: 0.5em;
	margin-left: auto;
}

.btn-checkbox-with-default__wrapper {
	display: flex;
}

.btn-checkbox-with-default__wrapper .btn-icon {
	width: 17em; /* :( */
}

.btn-checkbox-with-default__wrapper .btn-checkbox-default__wrapper .btn-icon {
	width: auto;
	height: 100%;
	border-left: none;
}

.btn-checkbox-with-default__wrapper .btn-checkbox-default__wrapper .btn-icon.btn-toggle.enabled {
	background-color: #2094d2;
	border-color: #2094d2;
}

.btn-checkbox-with-default__wrapper .btn-checkbox-default__wrapper .btn-icon.btn-toggle.enabled:not(:disabled):hover,
.btn-checkbox-with-default__wrapper .btn-checkbox-default__wrapper .btn-icon.btn-toggle.enabled:focus {
	background-color: #1a79ac;
	border-color: #1a79ac;
}

.btn-checkbox-with-default__wrapper .btn-checkbox-default__wrapper .btn-icon__after {
	padding-left: 0.125rem;
}

.security-mode {
	padding-bottom: 1em;
}

.id-provider {
	max-height: 3em;
}

/***********************************************************************************************************************
  ****************************************** END Icon CheckBox Buttons CSS ************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  **************************************** START DualLabelButton CSS ***************************************************
  *********************************************************************************************************************/
.bfcs_box.bfcs_dualLabelButton {
	background: #1457a1;
	display: inline-block;
	margin: 2px 0;
	padding: 15px;
	width: 100%;
	max-width: 600px;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	transition: background-color 0.25s ease;
	border: 0;
}

.bfcs_dualLabelButton:hover {
	background-color: #4379b4;
}

.bfcs_box.bfcs_dualLabelButton .bfcs_secondIcon {
	display: none;
}

.bfcs_dualLabelButton a {
	display: flex;
	align-items: center;
	color: #fff;
	gap: 10px;
}

.bfcs_dualLabelButton .fas {
	font-size: 26px;
}

.bfcs_dualLabelButton .thirdLabel,
.bfcs_dualLabelButton .secondLabel, .bfcs_dualLabelButton h4 {
	overflow: hidden;
	padding: 0 5px;
}

.bfcs_dualLabelButton .thirdLabel {
	padding-left: 0;
}

.bfcs_dualLabelButton .thirdLabel,
.bfcs_dualLabelButton .secondLabel {
	font-size: 10px;
	padding-bottom: 0;
}

.bfcs_innerContentPanel .bfcs_dualLabelButton h4,
.bfcs_dualLabelButton h4 {
	margin: 0;
	font-size: 12px;
	cursor: pointer;
	display: block;
	color: #fff;
}

.bfcs_dualLabelButton.disabled:hover, .bfcs_dualLabelButton.disabled {
	cursor: default;
	border-color: #9c9d9f;
}

.bfcs_dualLabelButton.disabled .thirdLabel,
.bfcs_dualLabelButton.disabled .secondLabel, .bfcs_dualLabelButton.disabled h4 {
	color: #9c9d9f;
}

/***********************************************************************************************************************
  **************************************** END DualLabelButton CSS *****************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ****************************************** START FeedbackButton CSS **************************************************
  *********************************************************************************************************************/

.bfcs_feedbackButton {
	display: flex;
	flex-direction: row;
	min-height: 35px;
	margin-right: 8px; /* Account for blue side-bar */
}

.bfcs_feedbackButton .bfcs_button {
	margin: 0;
	border: none;
	background: #1457a1;
	padding: 0 16px;
	border-radius: 2px 0 0 2px;
	color: #fff;
	min-width: 150px;
	transition: background-color 0.25s ease;
	cursor: pointer;
}

.bfcs_feedbackButton.disabled .bfcs_button {
	color: #ebebeb;
	border-color: #424043;
	background: #9c9d9f;
}

.bfcs_feedbackButton:not(.disabled) .bfcs_button:hover {
	background-color: #4379b4;
}

.bfcs_feedbackButton.disabled .bfcs_button:hover {
	cursor: default;
	box-shadow: none;
}

.bfcs_feedbackButton .bfcs_feedbackButton__secondary {
	color: #fff;
	display: flex;
	align-items: center;
	border-radius: 0 2px 2px 0;
	position: relative;
}

.bfcs_feedbackButton .bfcs_feedbackButton__secondary:after {
	content: "";
	background-color: #2094d2;
	height: 100%;
	width: 8px;
	display: block;

	position: absolute;
	left: 0;
	z-index: 0;
}

.bfcs_feedbackButton .bfcs_processing:not([hidden]), .bfcs_feedbackButton .bfcs_box:not([hidden]) {
	height: 100%;
	align-items: center;
	display: flex;
}

.bfcs_feedbackButton .bfcs_processing {
	background-color: #2094d2;
	font-size: 16px;
	padding: 0 8px;
	border-radius: 0 2px 2px 0;

	position: relative;
	z-index: 1;
}

.bfcs_feedbackButton .bfcs_box {
	padding: 0 2px;
	margin: 0;
	border: none;
	border-radius: 0 2px 2px 0;
	position: relative;
	z-index: 1;
}

.bfcs_feedbackButton .feedbackPanel li,
.bfcs_bigButtonSet .feedbackPanel li {
	gap: 10px;
	padding: 2px 5px;
}

.bfcs_feedbackButton .feedbackPanel li:before,
.bfcs_bigButtonSet .feedbackPanel li:before {
	font-size: 18px;
}


/***********************************************************************************************************************
  ******************************************* END FeedbackButton CSS ***************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ******************************************* START ColorPicker CSS ****************************************************
  *********************************************************************************************************************/
.bfcs_colorpicker {
	margin: 4px 0;
}

.bfcs_colorpicker h4 {
	color: #424043;
	font-size: 12px;
	margin: 2px 0;
	overflow: hidden;
}

.bfcs_colorpicker.cp-small {
	background-color: #afafaf;
	max-width: 121px;
}

.bfcs_optionContainer .bfcs_colorpicker .bfcs_formElement {
	margin: 0;
}

.bfcs_colorpicker .bfcs_formElement {
	margin-bottom: 0;
	vertical-align: top;
	display: inline-block;
}

.bfcs_colorpicker .bfcs_inputText {
	width: 90px;
}

.bfcs_colorpicker.cp-small,
.bfcs_colorpicker.cp-default,
.bfcs_colorpicker.cp-fancy,
.bfcs_colorpicker.cp-normal {
	float: none;
	display: inline-block;
}

/***********************************************************************************************************************
  ******************************************** END ColorPicker CSS *****************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ************************************ START FlexiColor CSS ************************************************
  *********************************************************************************************************************/
/* Common stuff */
.picker-wrapper,
.slide-wrapper {
	position: relative;
	float: left;
}

.picker-indicator,
.slide-indicator {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.picker,
.slide {
	cursor: crosshair;
	float: left;
}

/* Default skin */

.cp-default {
	background-color: gray;
	padding: 12px;
	box-shadow: 0 0 40px #424043;
	border-radius: 15px;
	float: left;
}

.cp-default .picker {
	width: 200px;
	height: 200px;
}

.cp-default .slide {
	width: 30px;
	height: 200px;
}

.cp-default .slide-wrapper {
	margin-left: 10px;
}

.cp-default .picker-indicator {
	width: 5px;
	height: 5px;
	border: 2px solid darkblue;
	border-radius: 4px;
	opacity: .5;
	background-color: white;
}

.cp-default .slide-indicator {
	width: 100%;
	height: 10px;
	left: -4px;
	opacity: .6;
	border: 4px solid lightblue;
	border-radius: 4px;
	background-color: white;
}

/* Small skin */

.cp-small {
	padding: 5px;
	background-color: white;
	float: left;
	border-radius: 5px;
	box-sizing: content-box;
}

.cp-small .picker {
	width: 100px;
	height: 100px;
}

.cp-small .slide {
	width: 15px;
	height: 100px;
}

.cp-small .slide-wrapper {
	margin-left: 5px;
}

.cp-small .picker-indicator {
	width: 1px;
	height: 1px;
	border: 1px solid black;
	background-color: white;
}

.cp-small .slide-indicator {
	width: 100%;
	height: 2px;
	left: 0;
	background-color: black;
}

/* Normal skin */

.cp-normal {
	padding: 10px;
	background-color: white;
	float: left;
	border: 4px solid #d6d6d6;
	box-shadow: inset 0 0 10px white;
}

.cp-normal .picker {
	width: 200px;
	height: 200px;
}

.cp-normal .slide {
	width: 30px;
	height: 200px;
}

.cp-normal .slide-wrapper {
	margin-left: 10px;
}

.cp-normal .picker-indicator {
	width: 5px;
	height: 5px;
	border: 1px solid gray;
	opacity: .5;
	background-color: white;
	pointer-events: none;
}

.cp-normal .slide-indicator {
	width: 100%;
	height: 10px;
	left: -4px;
	opacity: .6;
	border: 4px solid gray;
	background-color: white;
	pointer-events: none;
}

/***********************************************************************************************************************
  ************************************* END FlexiColor CSS *************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ************************************ START DropDownChoice CSS ************************************************
  *********************************************************************************************************************/

.bfcs_innerDropDown {
	position: relative;
	display: inline-block;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	background-color: #fff;
	cursor: default;
	padding: 5px;
	transition: border-color 0.25s ease;
}

.bfcs_innerDropDown:focus-within {
	border-color: #1457a1;
}

.bfcs_innerDropDown.disabled {
	border-color: #9d9d9c;
}

.bfcs_innerDropDown .bfcs_buttonIcon {
	border-radius: 2px;
	transition: color 0.25s ease;
	border: none;
}

.bfcs_innerDropDown .bfcs_buttonIcon:not(:disabled):hover {
	box-shadow: none;
	color: #1457a1;
}

.bfcs_innerDropDown .bfcs_selection {
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.bfcs_innerDropDown .bfcs_selection input {
	width: 100%;
	border: none;
	background: none;
}

.bfcs_innerDropDown .bfcs_choices {
	display: none;
	position: absolute;
	top: 34px;
	left: 0;
	border: 1px solid #b3b3b3;
	border-radius: 2px 2px 0 0;
	background-color: #fff;
	line-height: 20px;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 300px;
	z-index: 200;
	width: 100%;
}

.bfcs_innerDropDown .bfcs_choices.bfcs_choices--visible {
	display: block;
}

.bfcs_innerDropDown .bfcs_choices a {
	width: 100%;
	display: inline-block;
	padding: 5px;
}

.bfcs_innerDropDown .bfcs_choices ul, .bfcs_innerDropDown .bfcs_choices ul li {
	background-image: none;
	padding: 0;
	margin: 0;
}

.bfcs_innerDropDown .bfcs_choices ul span {
	margin: 0;
}

.bfcs_innerDropDown .bfcs_choices ul .odd {
	background-color: #d7d7d7;
}

.bfcs_innerDropDown .bfcs_choices ul .even {
	background-color: #f5f5f5;
}

/***********************************************************************************************************************
  ************************************* END DropDownChoice CSS *************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ************************************* START PasswordPanel CSS *************************************************
  *********************************************************************************************************************/

.bfcs_passwordPanel .progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #fff;
}

.bfcs_passwordPanel .progress-bar-very-good {
	background-color: #6bd046;
}

.bfcs_passwordPanel .progress-bar-good {
	background-color: #94c11f;
}

.bfcs_passwordPanel .progress-bar-sufficient {
	background-color: #ffd100;
}

.bfcs_passwordPanel .progress-bar-sufficient + .progress-label {
	color: #424043;
}

.bfcs_passwordPanel .progress-bar-warning {
	background-color: #f29100;
}

.bfcs_passwordPanel .progress-bar-danger {
	background-color: #c80000;
}

.bfcs_passwordPanel {
	position: relative;
}

.bfcs_passwordPanel .bfcs_visibleInput {
	margin: 0;
}

.bfcs_passwordPanel .hint {
	white-space: nowrap;
	margin-bottom: 5px;
	position: relative;
}

.bfcs_passwordPanel .hintText {
	display: inline-block;
	white-space: nowrap;
	border: 1px solid #1457a1;
	border-radius: 2px;
	background-color: #fff;
	padding: 5px;
	z-index: 10;
	width: 388px;
}

.bfcs_passwordPanel .hintText span {
	white-space: normal;
}

.bfcs_passwordPanel .bfcs_Feedback {
	margin-top: 4px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 3px;
}

.bfcs_passwordPanel .bfcs_generatedPasswordTextField {
	white-space: nowrap;
}

.bfcs_passwordPanel .img {
	background-color: #fff;
	text-align: center;
	overflow: hidden;
	height: 25px;
	padding: 3px 26px;
	border: 1px solid #9d9d9c;
	border-radius: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.bfcs_passwordPanel .img label {
	font-weight: bold;
	font-size: 11px;
	display: inline-block;
	max-width: 45px;
	overflow: hidden;
	width: 45px;
	padding-right: 2px;
	padding-left: 2px;
}

.bfcs_passwordPanel .img.too_short,
.bfcs_passwordPanel .img.too_long {
	padding: 4px 7px;
	line-height: 15px;
	font-weight: 700;
}

.bfcs_passwordPanel .img.specialchar {
	background-image: url("/images/password_specialchar.svg");
}

.bfcs_passwordPanel .img.numericchar {
	background-image: url("/images/password_numericchar.svg");
}

.bfcs_passwordPanel .img.whitespacechar {
	background-image: url("/images/password_whitespacechar.svg");
}

.bfcs_passwordPanel .img.uppercase {
	background-image: url("/images/password_uppercase.svg");
}

.bfcs_passwordPanel .img.lowercase {
	background-image: url("/images/password_lowercase.svg");
}

.bfcs_passwordPanel .img.sequence {
	background-image: url("/images/password_sequence.svg");
}

.bfcs_passwordPanel .img.dictionary {
	background-image: url("/images/password_dictionary.svg");
}

.bfcs_passwordPanel .img.notequal {
	background-image: url("/images/password_notequal.svg");
}

/***********************************************************************************************************************
  ************************************* END DropDownChoice CSS *************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ************************************* START MultiItemTextField CSS *************************************************
  *********************************************************************************************************************/

.bfcs_multi-item.disabled .bfcs_inputText .item {
	background: #9d9d9c;
}

.bfcs_multi-item.disabled .bfcs_inputText {
	cursor: default;
	border: 1px solid #9d9d9c;
}

.bfcs_multi-item.disabled .bfcs_inputText .item a {
	cursor: default;
	filter: invert(100%);
	color: #ebebeb;
}

.bfcs_multi-item .bfcs_itemContainer {
	width: 100%;
	position: relative;
}

.bfcs_multi-item .bfcs_inputText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	cursor: text;
	width: 100%;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	min-height: 20px;
	padding: 3px;
}

.bfcs_multi-item .bfcs_inputText .text {
	display: inline;
	padding: 0 3px 0 0;
	margin: 0 3px;
	width: 95%;
	vertical-align: bottom;
	border: none;
	background: none;
}

.bfcs_multi-item .bfcs_inputText ul {
	list-style: none outside none;
	padding-left: 0;
}

.bfcs_multi-item .bfcs_inputText ul li {
	background-image: none;
	list-style: none;
	border-radius: 2px;
	padding: 0 5px;
	line-height: 36px;
	width: 100%;
	height: 36px;
	margin: 1px;
	float: left;
	align-items: center;
	display: flex;
	gap: 7px;
}

.bfcs_multi-item .bfcs_inputText ul li.item {
	width: auto;
	background: #1457a1;
}

.bfcs_multi-item .bfcs_inputText ul li.failed {
	width: auto;
	background: #c80000;
}

.bfcs_multi-item .bfcs_inputText ul li a {
	display: inline-block;
	white-space: nowrap;
	max-width: 310px;
	overflow: hidden;
	font-weight: normal;
	color: #f5f5f5;
}

.bfcs_multi-item .bfcs_inputText ul a:hover {
	color: #fff;
}

.bfcs_multi-item .bfcs_inputText ul li .bfcs_buttonIcon--border {
	width: 18px;
	height: 18px;
	border-color: #fff;
	border-width: 2px;
	background-color: transparent;
	color: #fff;
	transition-property: none;
}

.bfcs_multi-item .bfcs_inputText ul li .bfcs_buttonIcon > .fas {
	font-size: 11px;
}

.bfcs_multi-item .bfcs_inputText ul li .bfcs_buttonIcon--border:not(:disabled):hover {
	box-shadow: none;
	background-color: #fff;
	color: #1457a1;
}

.wicket-aa-container {
	z-index: 10;
	border: 1px solid #a1bcd9;
	border-radius: 2px;
	opacity: 0.9;
	background: #fff;
	position: absolute;
}

.wicket-aa-container .wicket-aa {
	top: 0;
	cursor: pointer;
	display: inline-block;
	width: 100%;
}

.wicket-aa-container .wicket-aa ul {
	list-style: none outside none;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.wicket-aa-container .wicket-aa ul li {
	background: #fff;
	border: 1px solid #a1bcd9;
	border-radius: 2px;
	padding: 0 5px;
	line-height: 18px;
	height: 18px;
	margin: 1px;
}

.wicket-aa-container .wicket-aa ul li:hover {
	background: #a1bcd9;
}

.wicket-aa-container .wicket-aa ul li.selected a {
	color: #fff;
}

.wicket-aa-container .wicket-aa ul li.selected {
	background: #a1bcd9;
}

.wicket-aa-container .wicket-aa ul li:hover a {
	color: #fff;
}

.wicket-aa-container .wicket-aa ul li a {
	white-space: nowrap;
	font-weight: normal;
	display: inline-block;
	width: 100%;
}

/***********************************************************************************************************************
  ************************************* END MultiItemTextField CSS *************************************************
  *********************************************************************************************************************/
/***********************************************************************************************************************
  ************************************* START NewMultiItemTextField CSS *************************************************
  *********************************************************************************************************************/

.bfcs_new-multi-item-container {
	margin-bottom: 1rem;
	position: relative;
	max-width: 600px;
	border: 1px solid #c4c4c4;
}

.bfcs_new-multi-item {
	padding: 5px;
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: start;
	background: #fff none;
	cursor: text;
	overflow-x: auto;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input {
	position: relative;
	background: #fff;
	border-radius: 2px;
	line-height: 18px;
	height: 27px;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 0 5px;
	gap: 3px;
	border: 1px solid #c4c4c4;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input.empty input {
	width: 150px !important;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input input {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	resize: none;
	margin: 0;
	border: 0;
	background: transparent;
	width: 100%;
	cursor: pointer;
	z-index: 1;
	position: relative;
	color: inherit;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input input:focus {
	outline: 0;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input button {
	justify-content: center;
	border: 2px solid currentColor;
	color: currentColor;
	border-radius: 50%;
	background-color: transparent;
	width: 18px;
	height: 18px;
	padding: 0;
	cursor: pointer;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input button:hover {
	color: #686669;
	background-color: #fff;
	border-color: #fff;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input button:disabled {
	display: none;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input button:disabled ~ input {
	padding-left: 7px;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input .ghost-input {
	visibility: hidden;
	position: absolute;
	left: -100vw;
	top: -100vh;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input.focus {
	background-color: transparent;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input.empty.readonly,
.bfcs_new-multi-item .bfcs_new-multi-item-input.empty button,
.bfcs_new-multi-item .bfcs_new-multi-item-input.focus:not(.valid) button {
	display: none;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input:not(.empty) {
	color: #fbd9d9;
	background-color: #c80000;
	border-color: #c80000;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input.valid,
.bfcs_new-multi-item .bfcs_new-multi-item-input.readonly {
	color: #fff;
	background-color: #1457a1;
	border-color: #1457a1;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input.valid.focus {
	color: #f7fbec;
	background-color: #94c11f;
	border-color: #94c11f;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input.focus:not(.valid) {
	color: #424043;
	background-color: #fff;
	border-color: #c4c4c4;
}

.bfcs_new-multi-item .bfcs_new-multi-item-input > span {
	white-space: nowrap;
}

.bfcs_proposal-list {
	position: absolute;
	cursor: pointer;
	width: 100%;
	background-color: #fff;
	border: 1px solid #807e81;
	border-top: 0;
	margin: 0;
	left: 0;
	top: 100%;
	z-index: 3;
	list-style: none;
	padding: 0;
	overflow-y: auto;
	max-height: 386px;
}

.bfcs_proposal-list-ul {
	margin-bottom: 0;
	padding-left: 0;
}

.bfcs_proposal-list .bfcs_proposal-list-item {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #807e81;
	position: relative;
	background: none;
	padding-left: 0;
}

.bfcs_proposal-list .bfcs_proposal-list-item button {
	border: 0;
	background-color: transparent;
	padding: 7px;
	cursor: pointer;
}

.bfcs_proposal-list .bfcs_proposal-list-item button:first-child {
	width: 100%;
	text-align: left;
}

.bfcs_proposal-list .bfcs_proposal-list-item.selected button:first-child {
	border-left: 3px solid #1457a1;
}

.bfcs_proposal-list .bfcs_proposal-list-item.active button:first-child {
	border-left: 3px dotted #807e81;
}

.bfcs_proposal-list .bfcs_proposal-list-item.selected.active button:first-child {
	border-left: 3px dotted #1457a1;
}

.bfcs_proposal-list .bfcs_proposal-list-item button.glyphicon-remove {
	display: none;
}

/***********************************************************************************************************************
  ************************************* END NewMultiItemTextField CSS *************************************************
  *********************************************************************************************************************/
/***********************************************************************************************************************
  ************************************* START LDAP CSS *************************************************
  *********************************************************************************************************************/
.bfcs_treeAttributePanel {
	position: relative;
	padding: 5px;
}

.bfcs_treeAttributePanel .bfcs_dataTable {
	white-space: nowrap;
}

.bfcs_ldap {
	position: relative;
}

.bfcs_ldap .bfcs_dataTable {
	background: #fff;
	padding: 5px;
	border: 1px solid #9c9d9f;
}

.bfcs_ldap .bfcs_dataTable.tree-theme-windows {
	overflow: auto;
	width: 98%;
}

.bfcs_ldap .bfcs_dataTable.tree-theme-windows td {
	padding: 0;
}

.bfcs_ldap.treeView {
	display: inline-block;
	width: 51%;
	vertical-align: top;
	margin-right: 10px;
}

.bfcs_ldap.attributeView {
	display: inline-block;

	width: 45%;

	white-space: initial;

	background: #fff;
	padding: 5px;
	border: 1px solid #9c9d9f;
}

.bfcs_ldap.attributeView .bfcs_ldapAttributes {
	max-height: 600px;
	overflow: auto;
}

.bfcs_ldap .bfcs_ldapView {
	position: relative;
	overflow: hidden;
}

.bfcs_ldap .tree-theme-windows {
	overflow: auto;
	max-height: 600px;
}

.bfcs_ldap.bfcs_modal_content .tree-theme-windows {
	max-height: 250px;
}

.bfcs_ldap .bfcs_ldapAttributes {
	max-height: 600px;
	overflow: auto;
}

.bfcs_ldap table {
	width: 100%;
}

.bfcs_ldap .bfcs_ldapAttributes a {
	font-weight: normal;
}

.bfcs_ldap .bfcs_ldapAttributes .checkboxLabel {
	height: 100%;
	width: 95%;
	overflow: hidden;
	word-wrap: break-word;
	white-space: normal;
}

.bfcs_ldap .bfcs_ldapAttributes a:hover {
	color: #424043;
}

.bfcs_ldap .bfcs_ldapAttributes li {
	list-style: none;
	background-image: none;
}

.bfcs_ldap .tree-node.odd {
	color: #ebebeb;
}

.bfcs_ldap .tree-node {
	position: relative;
}

.bfcs_ldap .tree-node .wicket-ajax-indicator {
	position: absolute;
	right: 0;
	top: 0;
}

.bfcs_ldap .tree-node span, .bfcs_ldap .bfcs_ldapAttributes .bfcs_recursiveRow {
	cursor: default;
	padding: 2px;
	border-radius: 2px;
}

.bfcs_ldap .tree-node .selected {
	background: #1457a1;
	color: #fff;
}

.bfcs_ldap .tree-node .tree-content.selected:hover {
	background: #1457a1;
	color: #fff;
}

.bfcs_ldap .tree-node .tree-content:hover, .bfcs_ldap .bfcs_ldapAttributes .bfcs_recursiveRow:hover {
	background: #d6e9ff;
}

/***********************************************************************************************************************
  ************************************* END LDAP CSS *************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ************************************* START CSWizardPanel CSS *************************************************
  *********************************************************************************************************************/
.disabled a.bfcs_dynamicButton span {
	color: lightgray;
}

/***********************************************************************************************************************
  ************************************* END CSWizardPanel CSS *************************************************
  *********************************************************************************************************************/

/**********************************************************************************************************************
 ******************************************* START StaticHelp CSS *****************************************************
 *********************************************************************************************************************/
.bfcs_staticHelp {
	border-top: 1px solid #1457a1;
	height: 100%;
}

.bfcs_staticHelp h1, .bfcs_staticHelp h2, .bfcs_staticHelp h3,
.bfcs_staticHelp h4 {
	color: #9c9d9f;
}

.bfcs_staticHelp h1 {
	font-size: 18px;
}

.bfcs_staticHelp h2 {
	font-size: 15px;
}

.bfcs_staticHelp h3 {
	font-size: 12px;
}

.bfcs_staticHelp h4 {
	font-size: 10px;
	text-decoration: underline;
}

.bfcs_staticHelp .bfcs_image {
	position: relative;
	width: 95%;
	padding: 5px 5px 30px 5px;
	margin: 15px 2px 20px 2px;
	border-radius: 2px;
	background: #fff;
}

.bfcs_staticHelp .bfcs_image img {
	display: block;
	background-position: center center;
	background-color: transparent;
	background-repeat: no-repeat;
	border-radius: 2px;
	border-bottom: 1px dashed #1457a1;
	margin: 0;
}

.bfcs_staticHelp .bfcs_image span {
	position: absolute;
	width: 87%;
	font-size: 20px;
	text-align: right;
	color: #1457a1;
	bottom: 4px;
	right: 0;
	padding-right: 15px;
	overflow: hidden;
	white-space: nowrap;
}

.bfcs_staticHelp .bfcs_image .center {
	margin-left: auto;
	margin-right: auto;
}

.bfcs_staticHelp table {
	border-collapse: collapse;
}

.bfcs_staticHelp td, .bfcs_staticHelp th {
	border: 1px solid #9c9d9f;
	padding: 5px;
}

/***********************************************************************************************************************
  ******************************************** END StaticHelp CSS ******************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ********************************************** START Footer CSS ******************************************************
  *********************************************************************************************************************/

.bfcs_FooterPanel {
	text-align: center;
	font-size: 10px;
	padding: 10px 10px 80px 10px;
	background-color: white;
}

.bfcs_FooterPanel p {
	margin: 0;
}

.bfcs_footerLogoImage {
	background: url("/images/cryptshare-logo-2023-black.svg") no-repeat center top;
	background-size: contain;
	height: 24px;
	margin-bottom: 3px;
}

/***********************************************************************************************************************
  *********************************************** END Footer CSS *******************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  *********************************************** START Header CSS *****************************************************
  *********************************************************************************************************************/

.bfcs_HeaderNavPanel {
	position: relative;
	height: 45px;
}

.bfcs_NavPanel {
	position: absolute;
	bottom: 5px;
	right: 10px;
	white-space: nowrap;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	max-width: 360px;
}

.bfcs_NavPanel a {
	border-right: 1px solid #424043;
	padding-right: 4px;
}

.bfcs_NavPanel .last {
	border-right: none;
}

/***********************************************************************************************************************
  ************************************************ END Header CSS ******************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ********************************************* START Language CSS *****************************************************
  *********************************************************************************************************************/
.bfcs_languageSwitchPanel {
	position: relative;
	color: white;
	display: flex;
	gap: 12px;
}

.bfcs_languageSwitchSelector {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
}

.bfcs_languageSwitchSelected {
	font-size: 10px;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.bfsc_languageSwitchChoice {
	display: flex;
}

.bfcs_languageSwitchList {
	text-align: center;
	z-index: 100;
	display: none;
	background-color: #fff;
	padding: 3px;
	white-space: nowrap;
}

.bfcs_languageSwitchPanel:hover .bfcs_languageSwitchList {
	display: block;
}

.bfcs_languageSwitchList a {
	display: block;
	color: #424043;
}

.bfcs_headerLanguageSwitch:hover {
	cursor: pointer;
}

.open > .bfcs_dropdownMenu,
.bfcs_dropdownMenu {
	display: block;
}

.bfcs_dropdownToggle:focus,
.navbar-inverse .navbar-nav > li > a.bfcs_dropdownToggle:hover {
	text-decoration: none;
}

.bfcs_dropdownToggle {
	color: #fff;
	font-weight: bold;
	transform: translateX(-15px);
}

.bfcs_dropdownToggle > button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
}

.bfcs_dropdownToggle.disabled-dropdown > button {
	cursor: default;
}

.bfcs_dropdownMenu > li > a,
.bfcs_selectedLanguage {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.bfcs_dropdownMenu > li > a:hover {
	background-color: #e3e3e3;
	transition: all 0.25s ease;
}

.bfcs_dropdownMenu .divider {
	height: 1px;
	margin: 3px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.open > .bfcs_dropdownMenu {
	visibility: visible !important;
	display: block !important;
	opacity: 1 !important;
}

.bfcs_dropdown > .bfcs_dropdownMenu {
	visibility: hidden;
	display: none;
	transition: all 0.5s ease;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	min-width: 160px;
	padding: 6px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	border-radius: 0 0 4px 4px;
	opacity: 0;
}

.navbar-nav > li {
	transition-duration: 0.5s;
}

.bfcs_languagePackTable tbody > tr {
	height: 34px;
}

.bfcs_languagePackTable tbody > tr > .bfcs_actionColumn {
	text-align: right;
	width: 75px;
}

.bfcs_languagePackTable tbody > tr > .bfcs_actionColumn > div {
	display: flex;
	justify-content: flex-end;
}


.info-chip {
	border-radius: 6px;
	border: solid #1457a1 2px;
	font-weight: bold;
	color: #1457a1;
	padding: 1px 4px;
	font-size: 12px;

}


/***********************************************************************************************************************
  ********************************************* END Language CSS *******************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START ListComponent CSS *****************************************************
  *********************************************************************************************************************/
.bfcs_listComponent {
	margin-bottom: 10px;
}

.bfcs_listComponent .bfcs_inputText {
	width: 100%;
	vertical-align: middle;
}

.bfcs_listComponent .bfcs_listSelect {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 3px;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	background-color: #fff;
	transition: border-color 0.25s ease;
}

.bfcs_listComponent .bfcs_listSelect:focus-within {
	border-color: #1457a1;
}

.bfcs_listComponent.bfcs_formInput {
	width: 428px;
}

.bfcs_listComponent .bfcs_listComponentAddPanel {
	margin-bottom: 2px;
}

.bfcs_listComponent .bfcs_listComponentEditPanel {
	position: relative;

	height: 150px;

	margin-top: 5px;
}

.bfcs_listComponentButtonPanel input {
	margin-bottom: 2px;
}

/***********************************************************************************************************************
  ****************************************** END ListComponent CSS *****************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START SiteNavigation CSS ***************************************************
  *********************************************************************************************************************/

.bfcs_siteNavigation {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	gap: 15px;
}

/***********************************************************************************************************************
  ****************************************** END SiteNavigation CSS ****************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START WizardBase CSS *****************************************************
  *********************************************************************************************************************/
.bfcs_wizard_header {
	position: relative;
	margin-bottom: 5px;
	margin-top: 20px;
	padding-right: 6px;
	text-align: right;
}

.bfcs_wizard_nav {
	min-height: 70px;
}

.bfcs_wizard_step {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}

.bfcs_wizard_header .bfcs_help {
	font-weight: bold;
}

.w_content_container {
	padding: 10px 0;
	box-sizing: content-box;
}

/***********************************************************************************************************************
  ****************************************** END WizardBase CSS ******************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START IndicatorBar CSS *****************************************************
  *********************************************************************************************************************/
.bfcs_uploadInfoLabels {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 11px;
	overflow: hidden;
}

.bfcs_progressInfoLabels {
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	padding-top: 5px;
}

.wupb-progressBar {
	position: relative;
	background-color: #fff;
	color: #c7c7c7;
	border: 1px solid #c7c7c7;
	border-radius: 2px;
	height: 26px;
	padding: 2px;
}

.wupb-progressBar span {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 2px;
}

.wupb-progressBar .bfcs_progressPointer {
	top: -10px;
	width: 0;
	height: 0;
	position: absolute;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #424043;
}

.wupb-background {
	/* 	Be careful when changing these settings as the IndicatorBar
		and ProgressBar use different approaches to update the width.
		If using the wrong settings, this can lead to a
		progress/indicator bar which can get larger than 100%.
	*/
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	cursor: default;
	border-radius: 2px;
	border: none;
	background: white;
}

.wupb-uploadStatus {
	text-align: center;
}

/***********************************************************************************************************************
  ****************************************** END IndicatorBar CSS ******************************************************
  *********************************************************************************************************************/

/**********************************************************************************************************************
 ****************************************** START LicenseAgreement CSS ****************************************************
 *********************************************************************************************************************/

.bfcs_licenseContent {
	padding: 41px;
}

.bfcs_licenseContent .bfcs_optionContainer {
	padding: 20px;
	max-height: 800px;
	overflow-x: none;
	overflow-y: auto;
}

.bfcs_licenseContent p {
	padding: 0 5px;
}

.bfcs_licenseContent span {
	white-space: normal;
	margin: 0;
}

.bfcs_licenseContent h1,
.bfcs_licenseContent h2,
.bfcs_licenseContent h3 {
	display: block;
}

.bfcs_licenseContent h1 {
	font: bold 20px sans-serif;
	padding-bottom: 13px;
	padding-top: 9px;
	margin-bottom: 0;
	color: #1457a1;
}

.bfcs_licenseContent h2 {
	font: bold 15px sans-serif;
	margin-bottom: 0;
	color: #1457a1;
}

.bfcs_licenseContent h3 {
	font: normal 12px sans-serif;
	text-decoration: underline;
	margin-bottom: 0;
	color: #1457a1;
}

/***********************************************************************************************************************
 ******************************************* END LicenseAgreement CSS ******************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 *****************************************  START OSMainPanel CSS ******************************************************
 **********************************************************************************************************************/

.bfcs_welcome {
	white-space: nowrap;
}

.bfcs_welcome .bfcs_box {
	overflow: auto;
	white-space: nowrap;
	padding: 20px;
}

.bfcs_welcome .text {
	white-space: normal;
	text-align: center;
}

.bfcs_welcome .content {
	margin: 50px;
	margin-left: -25px;
	width: 100%;
	display: inline-block;
}

.bfcs_welcome .content.openSUSE .logo {
	height: 150px;
	margin-top: 0;
	background: url("/images/3rd-party/opensuse-logo.svg") no-repeat center center transparent;
}

.bfcs_centered {
	margin: auto;
}

.bfcs_smallcontent {
	width: 60%;
}

/***********************************************************************************************************************
 ******************************************* END OSMainPanel CSS *******************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ********************************************* START License CSS *******************************************************
 **********************************************************************************************************************/
.bfcs_licenseInformation .bfcs_tableCell {
	width: 24%;
}

.bfcs_licenseValidity {
	margin-top: 1.75rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.bfcs_licenseValidity__img {
	margin-bottom: 2rem;
	width: 40px;
}

.bfcs_column .bfcs_box {
	height: 78px;
	box-sizing: content-box;
}

.bfcs_column .bfcs_box h3 {
	padding: 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-size: 12px;
}

/***********************************************************************************************************************
 *********************************************** END License CSS *******************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ********************************************** START LogView CSS ******************************************************
 **********************************************************************************************************************/

.bfcs_systemLog .logContent {
	border: 1px solid #1457a1;
	border-radius: 2px;
	background-color: #fff;
	color: #424043;
	padding: 5px;
	line-height: 20px;
	overflow: auto;
	resize: none;
	width: 100%;
	height: 600px;
	margin-right: 10px;
}

.bfcs_transferLog .bfcs_ajax-indicator {
	vertical-align: sub;
	display: none;
}

.bfcs_transferLog .hasDatepicker {
	padding: 4px;
}

.bfcs_transferLogTable table {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

/*Disable default styles*/
.bfcs_transferLogTable .bfcs_dataTable th {
	display: none;
}

.bfcs_transferLogTable .bfcs_dataTable tr, .bfcs_transferLogTable .bfcs_dataTable td,
.bfcs_transferLogTable .bfcs_dataTable th {
	border: none;
	margin: 0;
	padding: 0;
}

.bfcs_transferLogTable .bfcs_dataTable tr.navigation td {
	padding: 4px 0;
}

/*Remove background, table rows should be transparent*/
.bfcs_transferLogTable .even, .bfcs_transferLogTable .odd {
	background: none;
}

.bfcs_recipientElementTable .bfcs_transferLogStatusImage {
	display: block;
	padding: 0;
	margin: 5px;
}

.bfcs_recipientElementTable > tbody > .even {
	background-color: #f5f5f5;
}

.bfcs_recipientElementTable > tbody > .odd {
	background-color: #ebebeb;
}

.bfcs_transferLogTableHeader {
	white-space: nowrap;
	position: relative;
	background-color: #c7c7c7;
	height: 46px;
	padding: 5px;
	margin: 10px 10px 15px 0;
	border-radius: 2px;
}

.bfcs_transferLogTableHeader .bfcs_formInput {
	border-color: transparent;
}

.bfcs_transferLogTableHeaderTitle {
	float: left;
	overflow: hidden;
	font-weight: bold;
	line-height: 36px;
}

.bfcs_transferLogColStatus span {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/*header and data columns width*/
.bfcs_transferLogColDelete {
	width: 2%;
}

.bfcs_transferLogColDate {
	width: 6%;
}

.bfcs_transferLogColTime {
	width: 5%;
}

.bfcs_transferLogColStatusSender {
	width: 2%;
}

.bfcs_transferLogColSender {
	width: 20%;
}

.bfcs_transferLogColTrackingId {
	width: 12%;
}

.bfcs_transferLogColSource {
	width: 10%;
}

.bfcs_transferLogColIpAddress {
	width: 12%;
}

.bfcs_transferLogColExpiration {
	width: 6%;
}

.bfcs_transferLogColStatus {
	position: absolute;
	right: 30px;
}

.bfcs_transferLogColAction {
	font-weight: normal;
	text-align: right;
}

.bfcs_transferLogColAction .bfcs_formElement {
	position: absolute;
	right: 5px;
	text-align: left;
}

.bfcs_transferLogColAction .bfcs_formElement .bfcs_dropDown {
	text-align: right;
	width: 170px;
}

.bfcs_maximized .bfcs_transferLogHead {
	margin-bottom: 10px;
}

.bfcs_transferLogHead {
	height: 24px;
}

.bfcs_transferLogHeadCol {
	font-weight: bold;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
}

.bfcs_transferLogHeadCol span {
	line-height: 24px;
}

.bfcs_transferLogRow {
	margin-right: 10px;
	padding: 20px 10px;
}

.bfcs_transferLogRow .bfcs_foldElementContent {
	margin-top: 0;
}

.bfcs_transferLogDetailPanel {
	border-color: #424043;
}

.bfcs_transferLogDetailPanel .bfcs_tableColName .bfcs_foldElement {
	margin: 0;
}

.bfcs_transferLogDetailPanel .bfcs_tableColName .bfcs_foldElement .bfcs_foldElementContent {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

.bfcs_notificationMessageContainer.bfcs_minimized h3 {
	overflow-x: hidden;
	text-overflow: ellipsis;
	width: 1000px;
}

.bfcs_notificationMessageContainer.bfcs_maximized h3 {
	word-break: break-word;
}

/*Disable hiding of content for minimized foldElements in the log table*/
.bfcs_transferLogTable table .bfcs_minimized .bfcs_foldElementContent {
	display: block;
}

/*Hide details instead*/
.bfcs_transferLogTable table .bfcs_minimized .bfcs_transferLogDetails {
	display: none;
}

/*Enable hiding again for details*/
.bfcs_transferLogTable table .bfcs_transferLogRow .bfcs_minimized .bfcs_foldElementContent {
	display: none;
}

.bfcs_transferLogDetails {
	margin-right: 15px;
}

.bfcs_transferLogStatusImage__container {
	display: flex;
	gap: 10px;
}

.bfcs_transferLogStatusImage {
	width: 28px;
	height: 28px;
}

.bfcs_fileList .bfcs_tableRow .bfcs_foldElement {
	margin-top: 15px;
	margin-right: 15px;
}

.bfcs_fileList .bfcs_tableRow span {
	vertical-align: middle;
}

.bfcs_fileList .bfcs_tableColStatus {
	width: 5%;
}

.bfcs_fileList .bfcs_tableColName {
	width: 55%;
}

.bfcs_fileList .bfcs_tableColId {
	width: 10%;
}

.bfcs_fileList .bfcs_tableColSHA1 {
	width: 20%;
}

.bfcs_fileList .bfcs_tableColSize {
	width: 5%;
	text-align: right;
}

.bfcs_RecipientList .bfcs_tableHeader th {
	display: table-cell;
	overflow: hidden;
	white-space: nowrap;
}

.bfcs_RecipientList .bfcs_tableColStatus {
	width: 5%;
}

.bfcs_RecipientList .bfcs_tableColId {
	width: 10%;
}

.bfcs_RecipientList .bfcs_tableColRecipient {
	width: 20%;
}

.bfcs_RecipientList .bfcs_tableColViewed {
	width: 5%;
}

.bfcs_RecipientList .bfcs_tableColFiles {
	width: 15%;
}

.bfcs_RecipientList .bfcs_tableColIp {
	width: 25%;
}

.bfcs_RecipientList .bfcs_tableColDate {
	width: 10%;
}

.bfcs_RecipientList .bfcs_tableColTime {
	width: 10%;
}

.bfcs_RecipientList .bfcs_tableColLock {
	width: 10%;
}

.bfcs_RecipientList .bfcs_recipientElementTable .bfcs_tableColId {
	padding-left: 5px;
}

.bfcs_RecipientList .bfcs_recipientElementTable .bfcs_tableColRecipient {
	padding-left: 5px;
}

.bfcs_RecipientList td.bfcs_tableColLock .bfcs_buttonIcon--inline.locked {
	margin-left: auto;
	margin-right: auto;
}

.bfcs_RecipientList td.bfcs_tableColLock .bfcs_buttonIcon--inline.locked::before {
	content: "\f023"; /* lock */
}

.bfcs_RecipientList .bfcs_tableColFiles ul span {
	display: block;
}

.bfcs_RecipientList .bfcs_tableColViewed > div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
}

.bfcs_classification div {
	padding: 2px 0;
}

.bfcs_classification span {
	display: inline-block;
	height: 22px;
	width: 100px;
	vertical-align: middle;
}

.bfcs_classification label {
	vertical-align: middle;
	font-weight: bold;
	padding-right: 10%;
}

.classification--DC626D {
	background-color: #dc626d;
}

.classification--E8825D {
	background-color: #e8825d;
}

.classification--FFCD8F {
	background-color: #ffcd8f;
}

.classification--FDEE65 {
	background-color: #fdee65;
}

.classification--52CE90 {
	background-color: #52ce90;
}

.classification--57D2DA {
	background-color: #57d2da;
}

.classification--B6D767 {
	background-color: #b6d767;
}

.classification--5CA9E5 {
	background-color: #5ca9e5;
}

.classification--B1AAEB {
	background-color: #b1aaeb;
}

.classification--EE5FB7 {
	background-color: #ee5fb7;
}

.classification--C5CED1 {
	background-color: #c5ced1;
}

.classification--4497A9 {
	background-color: #4497a9;
}

.classification--C3C5BB {
	background-color: #c3c5bb;
}

.classification--9FADB1 {
	background-color: #9fadb1;
}

.classification--8F8F8F {
	background-color: #8f8f8f;
}

.classification--AC4E5E {
	background-color: #ac4e5e;
}

.classification--DF8E64 {
	background-color: #df8e64;
}

.classification--BC8F6F {
	background-color: #bc8f6f;
}

.classification--DAC257 {
	background-color: #dac257;
}

.classification--4CA64C {
	background-color: #4ca64c;
}

.classification--4BB4B7 {
	background-color: #4bb4b7;
}

.classification--85B44C {
	background-color: #85b44c;
}

.classification--4179A3 {
	background-color: #4179a3;
}

.classification--A589CB {
	background-color: #a589cb;
}

.classification--C34E98 {
	background-color: #c34e98;
}

.bfcs_innerContent.logview .tab-panel {
	height: auto;
	min-height: 400px;
}

/***********************************************************************************************************************
 *********************************************** END LogView CSS *******************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ********************************************* START LiveLogger CSS ****************************************************
 **********************************************************************************************************************/
.bfcs_liveLoggerWrapper {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}

.bfcs_liveLoggerUpdateWrapper {
	width: 100%;
	z-index: 100;
}

.bfcs_liveLoggerUpdateWrapper .bfcs_liveLogger .bfcs_systemLog .bfcs_modal_content {
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

.bfcs_liveLogger {
	white-space: nowrap;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 5px 5px;
	border: 1px solid #9d9d9c;
	border-radius: 2px;
	background: #ebebeb;
	display: flex;
}

.bfcs_liveLogger .loggerToolbar {
	position: relative;
	vertical-align: top;
	padding-top: 2px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.loggerToolbar button {
	margin: 5px 0;
}

.bfcs_liveLogger .liveView {
	position: relative !important;
	top: 0 !important;
	display: inline-block;
	width: calc(100% - 30px);
	height: 75px;
	margin-left: 5px;
}

.bfcs_liveLogger .bfcs_systemLog {
	height: 100%;
	width: 100% !important;
	overflow-x: hidden;
	overflow-y: auto;
}

.bfcs_liveLogger .liveView .ui-resizable-handle.ui-resizable-n {
	height: 14px;
}

.bfcs_liveLogger .dragArea {
	width: 100%;
	height: 10px;
	cursor: n-resize;
}

.bfcs_systemLog.bfcs_modal_content {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.bfcs_systemLog .bfcs_logEntry {
	padding: 10px;
	margin: 5px 0;
	white-space: normal;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

.bfcs_systemLog .bfcs_logEntry .priority {
	font-weight: bold;
}

.bfcs_systemLog .bfcs_logEntry .message {
	white-space: pre-wrap;
}

.bfcs_systemLog .bfcs_logEntry.trace, .bfcs_systemLog .bfcs_logEntry.debug {
	background: #e570e7;
}

.bfcs_systemLog .bfcs_logEntry.info {
	background: #cdeb8e;
}

.bfcs_systemLog .bfcs_logEntry.warn {
	background: #ffaf4b;
}

.bfcs_systemLog .bfcs_logEntry.error {
	color: #fff;
	background: #ff3019;
}

.bfcs_systemLog .bfcs_logEntry.fatal {
	color: #fff;
	background: #a90329;
}

/***********************************************************************************************************************
 *********************************************** END LiveLogger CSS ****************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ********************************************** START Policy CSS *******************************************************
 **********************************************************************************************************************/
.bfcs_networkInput .bfcs_inputText {
	width: 3.5em;
	text-align: right;
}

.bfcs_networkAddressInputGroup {
	position: relative;
}

.bfcs_formElement .bfcs_feedbackButton {
	margin-top: 4px;
}

.bfcs_bigButtonSet .bfcs_instantPolicy {
	background: url("/images/quick-policy.svg") no-repeat center center / 40px 48px;
}

.bfcs_bigButtonSet .bfcs_wizardPolicy {
	background: url("/images/wizard-policy.svg") no-repeat center center / 40px 48px;
}

.bfcs_matcherPanel {
	position: relative;
}

.bfcs_matcherPanel .matcherMask {
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
}

.bfcs_matcherPanel .matcherMask.bfcs_feedbackIndicator {
	border-radius: 2px;
	background: #c80000;
	opacity: 1;
	padding: 5px;
	display: flex;
	align-items: center;
}

.bfcs_matcherPanel .matcherMask.bfcs_feedbackIndicator ul {
	list-style: none;
	color: #fbd9d9;
	padding: 20px 5px;
}

.bfcs_matcherPanel .matcherMask.bfcs_feedbackIndicator li {
	display: flex;
	align-items: center;
	gap: 15px;
}

.bfcs_matcherPanel .matcherMask.bfcs_feedbackIndicator li:before {
	font-family: "Font Awesome 5 Pro", sans-serif;
	font-weight: 400;
	content: "\f057"; /* times-circle */
	font-size: 32px;
}

.bfcs_matcherPanel:not(.bfcs_matcherPanel--editing) .bfcs_multi-item .bfcs_inputText ul li.item {
	background-color: #729ac7;
}

.bfcs_matcherStep .bfcs_largeInput .bfcs_multi-item.bfcs_formInput, .bfcs_matcherStep .bfcs_largeInput .bfcs_multi-item.bfcs_formInput .bfcs_inputText {
	width: 470px;
}

.bfcs_matcherStep .bfcs_regexFeedback {
	padding: 4px;
	display: inline-block;
	border-radius: 2px;
}

.bfcs_matcherStep .bfcs_regexValidation {
	display: inline-block;
}

.bfcs_matcherStep .bfcs_regexValidation input {
	width: 297px;
}

.bfcs_matcherStep .bfcs_validationStatus {
	padding: 5px;
}

.bfcs_matcherStep .bfcs_validationStatusLabel {
	margin-left: 7px;
}

.bfcs_matcherStep .bfcs_multi-item .bfcs_formInput {
	width: calc(100% - 10px);
}

/* Required for LDAP selection preview */

.bfcs_matcherStep.bfcs_wizard_step {
	height: 100%;
}

.bfcs_modalMainContent > form {
	height: 100%;
}

.bfcs_admin-user__data-table-view .bfcs_modalMainContent > form {
	height: initial;
}

.bfcs_policyRules .bfcs_multi-item.bfcs_formInput {
	min-width: 150px;
	width: 100%;
}

.bfcs_policyRules .bfcs_nameColumn > div {
	color: #c4c4c4;
	font-size: 30px;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
}

/***********************************************************************************************************************
 ************************************************* END Policy CSS ******************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ************************************************ START Tasks CSS ******************************************************
 **********************************************************************************************************************/
.bfcs_serviceTasksTable .bfcs_switchableFieldInput .bfcs_inputText {
	width: 60px;
	text-align: right;
}

/***********************************************************************************************************************
 ************************************************** END Tasks CSS ******************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ************************************************ START Update CSS *****************************************************
 **********************************************************************************************************************/
.bfcs_updateInformation .bfcs_tableCell {
	width: 24%;
}

.bfcs_bigButtonSet .bfcs_updateButton {
	background: url("/images/perform-update.svg") no-repeat center center / 42px 48px;
}

.bfcs_bigButtonSet .bfcs_checkUpdateButton {
	background: url("/images/update-check.svg") no-repeat center center / 42px 48px;
}

/***********************************************************************************************************************
 ************************************************** END Update CSS *****************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ************************************************ START Credits CSS ****************************************************
 **********************************************************************************************************************/
.bfcs_credits {
	white-space: nowrap;
	max-height: 800px;
	overflow: none;
	overflow-y: auto;
}

.bfcs_credits .bfcs_box {
	width: 60%;
	height: 152px;
	left: 20%;
	white-space: nowrap;
}

.bfcs_credits .text {
	width: 30%;
	display: inline-block;
	white-space: normal;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	padding-left: 30px;
}

.bfcs_credits .content {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 65%;
	display: inline-block;
	margin-left: 350px;
}

.bfcs_credits .bfcs_seperator {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bfcs_credits .content.cryptshare {
	display: block;
	height: 175px;
	width: 60%;
	min-width: 600px;
	position: relative;
	margin-left: 0;
	left: 20%;
}

.bfcs_credits .text.cryptshare {
	width: 60%;
	display: block;
	position: relative;
	padding-left: 0;
	left: 20%;
}

.bfcs_credits .text.cryptshare h3,
.bfcs_credits .text.cryptshare h4 {
	vertical-align: initial;
}

.bfcs_credits .content.cryptshare .logo {
	height: 113px;
	background: transparent url("/images/cryptshare-logo-2023-blue.svg") no-repeat top/ 500px;
}

.bfcs_credits .content.wicket .logo {
	height: 80px;
	margin-top: -40px;
	background: url("/images/3rd-party/apache-wicket-logo.svg") no-repeat center center transparent;
	background-size: contain;
}

.bfcs_credits .content.woothee .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.cssbox .logo {
	height: 61px;
	margin-top: -30px;
	background: url("/images/3rd-party/cssbox_logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.jetty .logo {
	height: 80px;
	margin-top: -40px;
	background: url("/images/3rd-party/jetty-logo.svg") no-repeat center center transparent;
	background-size: contain;
}

.bfcs_credits .content.passay .logo {
	height: 61px;
	margin-top: -30px;
	background: url("/images/3rd-party/passay_logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.spring .logo {
	height: 100px;
	margin-top: -50px;
	background: url("/images/3rd-party/spring-logo.svg") no-repeat center center transparent;
}

.bfcs_credits .content.commons .logo {
	height: 100px;
	margin-top: -50px;
	background: url("/images/3rd-party/commons-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.logback .logo {
	height: 140px;
	margin-top: -70px;
	background: url("/images/3rd-party/logback-logo.jpg") no-repeat center center transparent;
}

.bfcs_credits .content.slf4j .logo {
	height: 130px;
	margin-top: -65px;
	background: url("/images/3rd-party/slf4j-logo.jpg") no-repeat center center transparent;
}

.bfcs_credits .content.velocity .logo {
	height: 51px;
	margin-top: -25px;
	background: url("/images/3rd-party/velocity-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.unboundid .logo {
	height: 60px;
	margin-top: -30px;
	background: url("/images/3rd-party/unboundid-logo.jpg") no-repeat center center transparent;
}

.bfcs_credits .content.jaxws .logo {
	height: 100px;
	margin-top: -50px;
	background: url("/images/3rd-party/glassfish-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.quilljs .logo {
	height: 100px;
	margin-top: -50px;
	background: url("/images/3rd-party/quilljs.svg") no-repeat center center transparent;
}

.bfcs_credits .content.owasp .logo {
	height: 71px;
	margin-top: -33px;
	background: url("/images/3rd-party/owasp-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.bootstrap .logo {
	height: 100px;
	margin-top: -50px;
	background: url("/images/3rd-party/bootstrap-logo.svg") no-repeat center center transparent;
	background-size: contain;
}

.bfcs_credits .content.bucket4j .logo {
	height: 96px;
	margin-top: -48px;
	background: url("/images/3rd-party/bucket4j-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.objenesis .logo {
	height: 96px;
	margin-top: -48px;
	background: url("/images/3rd-party/objenesis-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.hibernate .logo {
	height: 96px;
	margin-top: -48px;
	background: url("/images/3rd-party/hibernate-logo.svg") no-repeat center center transparent;
}

.bfcs_credits .content.hikaricp .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.h2 .logo {
	height: 131px;
	margin-top: -66px;
	background: url("/images/3rd-party/h2-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.bouncycastle .logo {
	height: 137px;
	margin-top: -70px;
	background: url("/images/3rd-party/bouncycastle-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.sshj .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.winrun4j .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.openjson .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.jacksondatabind .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.guava .logo {
	height: 137px;
	margin-top: -70px;
	background: url("/images/3rd-party/guava-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.sshd .logo {
	height: 137px;
	margin-top: -70px;
	background: url("/images/3rd-party/sshd-logo.png") no-repeat center center transparent;
}

.bfcs_credits .content.flexmark .logo {
	height: 122px;
	margin-top: -19px;
	text-align: center;
	font-size: 30px;
}

.bfcs_credits .content.tika .logo {
	height: 137px;
	margin-top: -70px;
	background: url("/images/3rd-party/tika.png") no-repeat center center transparent;
}

.bfcs_credits .content.pdfbox .logo {
	height: 137px;
	margin-top: -70px;
	background: url("/images/3rd-party/pdfbox.png") no-repeat center center transparent;
	background-size: auto 90px;
}

.bfcs_credits .content.apache-poi .logo {
	height: 137px;
	margin-top: -70px;
	background: url("/images/3rd-party/apache-poi.png") no-repeat center center transparent;
	background-size: auto 110px;
}


/***********************************************************************************************************************
 ************************************************** END Credits CSS ****************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ************************************************** START Addon CSS ****************************************************
 **********************************************************************************************************************/
.bfcs_newClientID {
	margin-bottom: 5px;
}

.bfcs_newClientID, .bfcs_clientIDListEntry {
	padding: 5px;
}

.bfcs_clientIDListEntry:nth-child(odd) {
	background-color: #ebebeb;
}

.bfcs_clientIDListEntry:nth-child(even) {
	background-color: #f5f5f5;
}

.bfcs_clientIDListEntry label {
	font-weight: bold;
}

/***********************************************************************************************************************
 *************************************************** END Addon CSS *****************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 ************************************************** START Backup CSS ***************************************************
 **********************************************************************************************************************/

.bfcs_transferLocation {
	padding-left: 25px;
	margin-top: 5px;
}

/***********************************************************************************************************************
 *************************************************** END Backup CSS *****************************************************
 **********************************************************************************************************************/

/***********************************************************************************************************************
 *********************************************** START Frontend CSS ****************************************************
 **********************************************************************************************************************/
.bfcs_installedLanguages {
	width: 330px;
	padding: 2px;
}

/* default language */
.bfcs_installedLanguages.selected {
	font-weight: bold;
}

.bfcs_installedLanguageName {
	display: inline-block;
	width: 300px;
}

.bfcs_sendUsageData {
	background: url("/images/send-usage-data.svg") no-repeat center center / 40px 40px;
}

.bfcs_sendStatistics {
	background: url("/images/send-statistics.svg") no-repeat center center / 40px 40px;
}

.bfcs_sendStatusButton {
	background: url("/images/send-support-data.svg") no-repeat center center / 40px 40px;
}

.bfcs_downloadStatusButton {
	background: url("/images/download-support-data.svg") no-repeat center center / 40px 50px;
}

.bfcs_box.bfcs_pwchange {
	padding-bottom: 45px;
	max-width: 410px;
}

.bfcs_box.bfcs_signin {
	padding-bottom: 45px;
}

.bfcs_box.bfcs_signin .bfcs_nextButton {
	position: absolute;
	right: 10px;
}

.bfse_loginContainer > .bfcs_feedback.bfcs_box, .bfse_loginContainer > .alert.bfcs_box {
	margin-top: 0;
	max-width: 390px;
}

.bfcs_buttonIcon--inline.bfcs_buttonDistributionUpgrade:before {
	font-weight: 400;
	content: "\f35b"; /* arrow-alt-circle-up */
}

.blurred {
	filter: blur(5px) grayscale(100%);
}

.bfcs_centered_content p {
	text-align: center;
}

.bfcs_centered_content p span {
	vertical-align: top;
}

.bfcs_postUpdate {
	width: 800px;
	margin: 30px auto;
	padding: 15px;
}

.bfcs_postUpdate .linkContainer a {
	color: #1457a1;
}

.bfcs_postUpdate .linkContainer h4 {
	color: #424043;
}

.bfcs_postUpdate .bfcs_feedback a:hover {
	color: #4379b4
}

.bfcs_bigButtonSet .bfcs_dbUpdate {
	background: url("/images/db-update.svg") no-repeat center / 42px 42px;
}

.bfcs_postUpdate .bfcs_feedbackButton {
	margin-bottom: 3px;
}

.bfcs_postUpdate.bfcs_innerContentPanel h1 {
	text-align: center;
	width: 100%;
}

.bfcs_postUpdate.bfcs_innerContentPanel .hint-content h1 {
	text-align: left;
}

.bfcs_postUpdate .bfcs_postUpdateInfo {
	white-space: nowrap;
}

.bfcs_postUpdate .bfcs_postUpdateInfo .bfcs_foldElement {
	overflow: hidden;
	white-space: normal;

	width: 500px;

	position: relative;
	left: 50%;
	margin-left: -250px;
}

.bfcs_postUpdate .stepContainer {
	height: auto;
	overflow: hidden;
}

.bfcs_postUpdate .infoContainer {
	max-height: 550px;
}

.bfcs_postUpdate .infoContainer, .bfcs_postUpdate .buttonContainer, .bfcs_postUpdate .linkContainer {
	width: 500px;
	margin-left: -250px;
	position: relative;
	left: 50%;
}

.bfcs_postUpdate .infoContainer .bfcs_largeInput .bfcs_formInput {
	width: 500px;
}

.bfcs_postUpdate .infoContainer .bfcs_infoLabel {
	margin: 5px 0;
}

.bfcs_postUpdate .count {
	text-align: center;
}

.bfcs_postUpdate .summaryContainer {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.bfcs_postUpdate .summaryContainer span {
	line-height: 1.3;
}

.bfcs_postUpdate .summaryContainer .summaryText {
	margin-top: 15px;
	max-height: 113px;
}

.bfcs_postUpdate .summaryContainer .summaryImage {
	font-size: 120px;
}

.bfcs_postUpdate .summaryContainer .summaryImage.fa-check-circle {
	color: #79b31d;
}

.bfcs_postUpdate .summaryContainer .summaryImage.fa-info-circle {
	color: #7cb1db;
}

.bfcs_postUpdate .summaryContainer .summaryImage.fa-exclamation-circle {
	color: #ee6c1a;
}

.bfcs_postUpdate .summaryContainer .summaryImage.fa-times-circle {
	color: #b63636;
}

.bfcs_ui-preview {
	position: relative;
	padding-bottom: 75%;
}

.bfcs_ui-preview iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.bfcs_uiImageSizePanel .bfcs_checkbox {
	top: 4px;
	position: relative;
}

.bfcs_uiImageSizePanel .bfcs_checkbox.bfcs_largeLabel label {
	width: 198px;
}

.bfcs_uiImageSizePanel .bfcs_innerDropDown .bfcs_selection {
	overflow: visible;
}

.bfcs_la_update_info h2 {
	text-align: center;
	margin-bottom: 20px;
}
.bfcs_la_update_info textarea{
	height: 170px;
}

.bfcs_la_legacy_archiving_data {
	margin-top: 10px;
}

.bfcs_la_legacy_archiving_data input {
	width: 100%;
}

.bfcs_mail {
	width: 768px;
	border-collapse: collapse;
}

.bfcs_mail #InformationField .Right {
	padding: 0 !important;
}

	/***********************************************************************************************************************
	  ***************************************** START EditableItemList CSS *************************************************
	  *********************************************************************************************************************/

.bfcs_editableItem {
	margin: 5px 0;
}

.bfcs_editableItem .bfcs_formElement {
	margin-bottom: 0;
}

.bfcs_editableItem .bfcs_checkbox {
	margin-right: 15px;
}

.bfcs_editableItemHeaders,
.bfcs_editableItemHeadersSortable {
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
}

.bfcs_editableItemHeadersSortable .bfcs_customHeaders {
	display: inline-block;
	position: absolute;
	left: 150px;
}

.bfcs_editableItemHeaders .bfcs_customHeaders {
	display: inline-block;
	position: absolute;
	left: 92px;
}

.bfcs_editableItemHeaders > .bfcs_customHeaders > span,
.bfcs_editableItemHeadersSortable > .bfcs_customHeaders > span {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
}

/***********************************************************************************************************************
  ****************************************** END EditableItemList CSS **************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START CustomLinkItems CSS **************************************************
  *********************************************************************************************************************/

.bfcs_customLinksMenuLabelHeader {
	left: 0;
}

.bfcs_customLinksTargetURLHeader {
	left: 225px;
}

/***********************************************************************************************************************
  ****************************************** END CustomLinkItems CSS ***************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START MonitoringPanel CSS **************************************************
  *********************************************************************************************************************/

.bfcs_monitoringHeaderPath {
	left: 225px;
}

.bfcs_monitoringHeaderThreshold {
	left: 630px;
}

/***********************************************************************************************************************
  ****************************************** END MonitoringPanel CSS ***************************************************
  *********************************************************************************************************************/
/***********************************************************************************************************************
  ***************************************** START FileTypeFilter CSS **************************************************
  *********************************************************************************************************************/

.selected .bfcs_warningIcon {
	color: #f29100;
}

.bfcs_fileTypeFilterContent > .checkbox {
	display: flex;
	align-items: center;
}

.bfcs_fileTypeFilterWhitelist > .bfcs_tableHeader > .bfcs_tableCell {
	display: flex;
	align-items: center;
}

.bfcs_fileTypeFilterWhitelist > .bfcs_tableHeader,
.bfcs_fileTypeFilterWhitelist > .bfcs_tableRow {
	display: grid;
	grid-template-columns: 200px auto 245px 180px 45px 45px;
}

.bfcs_fileTypeFilterWhitelist.bfcs_pseudoDataTable > .bfcs_tableRow > span:nth-child(1),
.bfcs_fileTypeFilterWhitelist.bfcs_pseudoDataTable > .bfcs_tableRow > span:nth-child(2) {
	word-break: break-word;
}

.bfcs_stickySubmitButton {
	position: sticky;
	bottom: 82px;
	background-color: #ebebeb;
}

.bfcs_embeddedFileAnalysisHeader {
	overflow: visible !important;
}

.bfcs_embeddedFileAnalysisCheckboxCell .bfcs_checkbox {
	display: flex;
	justify-content: center;
}

.bfcs_whitelistEntry {
	align-items: center;
	position: relative;
}

.bfcs_whitelistEntry .bfcs_radioButton {
	display: inline-flex;
	margin: 0 5px;
}

.bfcs_fileTypeEntryDelete, .bfcs_fileTypeEntryUnconfigured {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.bfcs_fileTypeEntryUnconfigured {
	color: #f29100;
	position: relative;
}

.bfcs_fileTypeEntryUnconfigured > span {
	color: #f29100;
}

.bfcs_toolTip {
	position: relative;
	overflow: visible !important;
}

.bfcs_toolTip > .tooltip-text,
.bfcs_fileTypeEntryUnconfigured > .tooltip-text {
	visibility: hidden;
	overflow: visible !important;
	width: 220px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	right: 16px;
	bottom: 24px;
	opacity: 0;
	transition: opacity 0.3s;
	transform: translateX(5px);
}

.bfcs_toolTip > .tooltip-text::after,
.bfcs_fileTypeEntryUnconfigured .tooltip-text::after {
	content: "";
	position: fixed;
	top: 100%;
	left: 208px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.bfcs_fileTypeEmlInfoMarker {
	margin-bottom: 1px;
}

.bfcs_toolTip .tooltip-text,
.bfcs_fileTypeEmlInfoMarker .tooltip-text {
	right: 1px !important;
}

.bfcs_toolTip > div.info-chip:hover {
	cursor: help;
}

.bfcs_toolTip > div.info-chip + .tooltip-text {
	bottom: 28px;
	right: 15px !important;
}

.bfcs_toolTip > .tooltip-trigger:hover + .tooltip-text,
.bfcs_toolTip > .tooltip-trigger:focus + .tooltip-text,
.bfcs_fileTypeEntryUnconfigured span:hover + .tooltip-text,
.bfcs_fileTypeEntryUnconfigured span:focus + .tooltip-text,
.bfcs_badgeHint:hover + .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.bfcs_fileTypeEntryUnconfigured .fa-exclamation-circle {
	font-size: 15px;
}

.bfcs_filetTypeFilterImportExport {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.bfcs_fileTypeFilterExport {
	display: flex;
	justify-content: flex-start;
	margin-top: 5px;
}

.bfcs_fileTypeImportPanel,
.bfcs_fileTypeImportErrorPanel {
	width: 100%;
}

.bfcs_fileTypeConfigImportForm {
	width: 100%;
}

.bfcs_fileTypeFilterWarningBox {
	padding: 10px;
	align-items: center;
}

.bfcs_fileTypeFilterWhitelist.bfcs_pseudoDataTable .bfcs_tableRow span {
	overflow: visible;
}

.table__updateInformation.bfcs_pseudoDataTable {
	margin-top: 20px;
}

.bfcs_fileTypeInputForm .bfcs_formElement {
	margin-bottom: 0;
	margin-right: 10px;
}

.bfcs_fileTypeInputForm .bfcs_formElement .bfcs_inputText {
	width: 100%;
	text-overflow: ellipsis;
}

.bfcs_fileTypeInputForm .bfcs_formLabel {
	font-weight: bold;
	padding-left: 1px;
}

.bfcs_fileTypeInputForm {
	display: grid;
	grid-template-columns: 140px 400px auto;
	align-items: end;
}

.bfcs_fileTypeFilterTabPanel.disabled {
	pointer-events: none;
	cursor: unset;
}

.bfcs_buttonPanelList {
	display: flex;
	gap: 5px;
	margin-left: auto;
}

.bfcs_fileTypeFilterListHeader {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.bfcs_fileTypeFilterInput .bfcs_feedbackButton {
	margin-top: 10px;
}

.bfcs_fileTypeFilterImportPanelWrapper {
	max-height: 70vh;
	overflow-y: auto;
}


/***********************************************************************************************************************
  ****************************************** END FileTypeFilter CSS ***************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START MailOptions CSS **************************************************
  *********************************************************************************************************************/

.bfcs_subjectsList > .bfcs_tableHeader,
.bfcs_subjectsList > .bfcs_tableRow {
	display: grid;
	grid-template-columns: auto 45px;
}

.bfcs_signaturesList > .bfcs_tableHeader,
.bfcs_signaturesList > .bfcs_tableRow {
	display: grid;
	grid-template-columns: auto 45px 45px;
}

.bfcs_subjectsList .bfcs_feedbackPanel:not(.bfcs_feedbackPanelERROR) {
	background-color: initial;
}

/***********************************************************************************************************************
  ***************************************** END MailOptions CSS **************************************************
  *********************************************************************************************************************/

/***********************************************************************************************************************
  ***************************************** START EditableHeaderPanel CSS **************************************************
  *********************************************************************************************************************/
.bfcs_headerEditForm .bfcs_editableHeaderFeedbackPanel {
	padding: 0;
	margin: 0 0 0 10px;
}

.bfcs_editableHeaderFeedbackPanel > ul > li::before {
	font-size: 24px;
}

/***********************************************************************************************************************
  ****************************************** END EditableHeaderPanel CSS **********************************************
  *********************************************************************************************************************/
/***********************************************************************************************************************
  ***************************************** START QUICK Security settings CSS *****************************************
  *********************************************************************************************************************/

.copyButton {
	border: none;
	background-color: unset;
	color: #1457a1;
	border-radius: 2px;
	width: 30px;
}

.copyButton:hover {
	color: #4379b4;
	cursor: pointer;
	transition: 0.5s all ease;
}

.copyButton > .fa-check {
	color: #8cc50d;
}

/***********************************************************************************************************************
  ****************************************** END QUICK Security settings **********************************************
  *********************************************************************************************************************/
.security-mode-box {
	max-width: 640px;
}

.security-mode-box .bfcs_checkbox .checkboxLabel {
	margin-left: initial;
	margin-right: 5px;
	order: -1;
}

.signicat-logo {
	margin-right: 1.5rem;
	padding: 0.5rem;
}

/****************************************************************/

/*                     Bootstrap-partials                       */

/****************************************************************/
.hint .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 2px;
}

.hint .alert h4 {
	margin-top: 0;
	color: inherit;
}

.hint .alert .alert-link {
	font-weight: bold;
}

.hint .alert > p,
.hint .alert > ul {
	margin-bottom: 0;
}

.hint .alert > p + p {
	margin-top: 5px;
}

.hint .alert-dismissable,
.hint .alert-dismissible {
	padding-right: 35px;
	position: relative;
}

.hint .alert-dismissable .close,
.hint .alert-dismissible .close {
	top: 0;
	right: 0;
	padding: 1rem;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: large;
	position: absolute;
}

.hint .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.hint .alert-success hr {
	border-top-color: #c9e2b3;
}

.hint .alert-success .alert-link {
	color: #2b542c;
}

.hint .alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.hint .alert-warning hr {
	border-top-color: #f7e1b5;
}

.hint .alert-warning .alert-link {
	color: #66512c;
}

.hint .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.hint .alert-danger hr {
	border-top-color: #e4b9c0;
}

.hint .alert-danger .alert-link {
	color: #843534;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-info hr {
	border-top-color: #a6e1ec;
}

.alert-info .alert-link {
	color: #245269;
}

/****************************************************************/

/*                            Hint                              */

/****************************************************************/


.hint-icon {
	text-align: center;
	font-size: 1.25em;
	padding-left: 15px;
	line-height: 1;
}

.hint a {
	color: inherit;
	text-decoration: underline;
}

.hint-further-information {
	margin-top: 10px;
}

.hint-content {
	width: 100%;
	font-size: 14px;
	line-height: 1.42857143;
}

.hint-content ol,
.hint-content ul {
	padding-left: 20px;
}

.hint-content p {
	margin: 0 0 8px;
}

.hint-content h1 {
	color: inherit;
	font-size: 1.3em;
	text-transform: none;
}

.alert {
	border-radius: 2px;
}

/* Overwrite normal AI styling */
.bfcs_postUpdate .alert ul li {
	list-style: disc;
	background: transparent;
}

/****************************************************************/
/*                            Admin Login                       */
/****************************************************************/
.adminLoginWrapper {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-image: url("/images/background.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 200px;
}

.adminLoginLogo > img {
	max-height: 80px;
}

.adminLoginWrapper > h3 {
	color: white;
}

.adminLoginWrapper .bfcs_formLabel {
	font-weight: bold;
}

/****************************************************************/
/*                     Special Error Page                       */
/****************************************************************/

.bfcs_special_error {
	color: #3d3d3d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.bfcs_special_error hr {
	border: none;
	border-top: 1px solid #d7d7d7;
	margin: 10px 0 10px 2%;
	width: 96%;
}

.bfcs_special_error div.bfcs_mainContent {
	padding: 41px;
}

.bfcs_special_error div.bfcs_mainContent p {
	padding: 10px 5px;
}

.bfcs_special_error div.bfcs_mainContent h1 {
	color: #1457a1;
	font: bold 20px sans-serif;
	margin: 0;
	padding-bottom: 7px;
}

.bfcs_special_error div.bfcs_mainContent h2 {
	font-size: 11px;
	margin: 0 0 10px;
	padding: 0;
	color: #58585a;
}

.bfcs_special_error div.bfcs_mainContent h3 {
	color: #1457a1;
	font: 14px sans-serif;
	margin: 0;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.bfcs_special_error div.bfcs_mainContent h4 {
	color: #9c9d9f;
	font: 12px sans-serif;
	margin: 1px;
}

.bfcs_special_error .bfcs_mainContent .bfcs_box {
	left: 50%;
	transform: translateX(-50%);
	margin-top: 50px;
	max-height: 1024px;
	max-width: 800px;
	position: relative;
}

.bfcs_special_error .bfcs_box {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	padding: 10px;
}

.bfcs_special_error .bfcs_body {
	background-repeat: no-repeat;
	background-image: url("/images/error-robot.png");
	background-position-y: bottom;
	position: relative;
	padding: 10px 0 10px 160px;
}

/****************************************************************/

/*                            Util                              */

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

/* Based on BS utilities */
.d-flex {
	display: flex;
}

.flex-row {
	flex-direction: row;
}

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

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-end {
	justify-content: flex-end;
}

.justify-content-center {
	justify-content: center;
}

.align-items-center {
	align-items: center;
}

.align-items-end {
	align-items: flex-end;
}

.align-items-start {
	align-items: flex-start;
}

.flex-gap-xs {
	gap: 2px;
}

.flex-gap-sm {
	gap: 5px;
}

.flex-gap-m {
	gap: 10px;
}

.flex-gap-l {
	gap: 50px;
}

.flex-column-gap-l {
	column-gap: 50px;
}

.padding-m {
	padding: 10px;
}

.padding-bottom-m {
	padding-bottom: 10px;
}

.margin-top-m {
	margin-top: 10px;
}

.margin-left-m {
	margin-left: 10px;
}

.margin-right-m {
	margin-right: 10px;
}

.margin-right-l {
	margin-right: 50px;
}

.hidden {
	visibility: hidden;
}

.fill {
	width: 100%;
}

.font-weight-normal {
	font-weight: normal !important;
}

/* Adapted from BS */
.visually-hidden {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important
}

.ql-container.ql-snow {
	height: 350px;
}

.dialog--signature-text-editor .ql-container.ql-snow {
	height: 400px;
}

.automatic-log-sending-form__log-period-input {
	margin-left: 25px;
}