.element-form {
	display        : flex;
	flex-direction : column;
	row-gap        : 2px;
}
.element-form .element-field {
	width            : 100%;
	background-color : var(--color-fld-bg);
	border           : 1px solid var(--color-fld-bdr);
	border-radius    : 5px;
	color            : var(--color-fld-txt);
	display          : flex;
	flex-direction   : column;
	position         : relative;
	cursor           : default;
}
.element-form .element-field:hover {
	background-color : var(--color-btn-whit-hvr-bg);
	border-color     : var(--color-btn-whit-hvr-bdr);
	color            : var(--color-btn-whit-hvr-txt);
}
.element-form .element-field.focused {
	background-color : var(--color-fld-focus-bg);
	border-color     : var(--color-fld-focus-bdr);
	color            : var(--color-fld-focus-txt);
}
.element-form .element-field label {
	font-size     : 12px;
	padding       : 4px 12px 0;
	color         : #9aa0a5;
	margin-bottom : 0px;
}
.element-form .element-field input {
	background : none;
	border     : none;
	width      : 100%;
	padding    : 0 12px 7px;
	cursor     : default;
}
.element-form .element-field > div {
	position  : absolute;
	bottom    : 4px;
	right     : 4px;
	font-size : 24px;
}
.efm-container {

}
.efm-content {
	width          : 100%;
	position       : relative;
	display        : flex;
	flex-direction : row;
}
.efm-header {
	height          : 21px;
	position        : absolute;
	top             : 0;
	left            : 12px;
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : space-between;
	z-index         : 3;
}
.efm-label {
	font-size : 12px;
	padding   : 4px 0 0;
	color     : var(--color-c7);
}
.efm-details {
	height         : 14px;
	position       : absolute;
	top            : 2px;
	right          : 0;
	display        : flex;
	flex-direction : row;
	align-items    : center;
	padding        : 0 2px;
	z-index        : 3;
}
.efm-astericks {
	display        : flex;
	flex-direction : row;
	align-items    : center;
	padding        : 0 4px;
}
.efm-req {
	font-size : 8px;
	color     : #c96f6f;
	margin    : 0 1px;
	cursor    : help;
}
.efm-srh {
	font-size : 8px;
	color     : #94bd7b;
	margin    : 0 1px;
	cursor    : help;
}
.efm-qsh {
	font-size : 8px;
	color     : #4c90ff;
	margin    : 0 1px;
	cursor    : help;
}
.efm-inf {
	color     : var(--color-c7);
	font-size : 18px;
	margin    : 0 2px;
	display   : none;
}
.efm-input {
	width            : 100%;
	height           : 50px;
	background-color : var(--color-fld-bg);
	border           : 1px solid var(--color-fld-bdr);
	border-radius    : 5px;
	color            : var(--color-fld-txt);
	padding          : 16px 12px 0;
	z-index          : 1;
}
.efm-input[disabled=''] {
	cursor : not-allowed;
}
.efm-input:hover {
	background-color : var(--color-btn-whit-hvr-bg);
	border-color     : var(--color-btn-whit-hvr-bdr);
	color            : var(--color-btn-whit-hvr-txt);
}
.efm-input:focus {
	background-color : var(--color-fld-focus-bg);
	border-color     : var(--color-fld-focus-bdr);
	color            : var(--color-fld-focus-txt);
}
.efm-input.enlarged {
	border-bottom-left-radius  : 0;
	border-bottom-right-radius : 0;
	border-bottom              : 1px solid var(--color-c6);
}
.efm-input.enlarged ~ .efm-buttons > .efm-button {
	border-bottom : 1px solid var(--color-c6);
}
.efm-textarea::-webkit-scrollbar-corner {
	background : transparent;
}
.efm-textarea {
	width            : 100%;
	background-color : var(--color-fld-bg);
	border           : 1px solid var(--color-fld-bdr);
	border-radius    : 5px;
	padding          : 22px 2px 0;
}
.efm-textarea[disabled=''] {
	cursor : not-allowed;
}
.efm-textarea:hover {
	background-color : var(--color-btn-whit-hvr-bg);
	border-color     : var(--color-btn-whit-hvr-bdr);
	color            : var(--color-btn-whit-hvr-txt);
}
.efm-textarea:focus {
	background-color : var(--color-fld-focus-bg);
	border-color     : var(--color-fld-focus-bdr);
	color            : var(--color-fld-focus-txt);
}
.efm-ed-focused {
	background-color : var(--color-btn-whit-hvr-bg) !important;
	border-color     : var(--color-fld-focus-bdr) !important;
}
.efm-errors {
	color     : var(--color-errors);
	font-size : 14px;
	padding   : 0 5px;
}
.efm-has-errors, button.btn.dropdown-toggle.efm-has-errors {
	border-color : var(--color-errors) !important;
}
.efm-content > .form-group {
	margin  : 0;
	width   : 100%;
	display : flex;
}
.efm-content .bootstrap-select > .btn.dropdown-toggle {
	height        : 50px;
	padding       : 16px 12px 0;
	z-index       : 1;
	border-radius : 5px;
}
.efm-content .bootstrap-select > .btn.dropdown-toggle > span.filter-option {
	text-overflow : ellipsis;
	white-space   : nowrap;
}
.efm-content .bootstrap-select.open > .btn.dropdown-toggle {
	background-color : var(--color-btn-whit-hvr-bg) !important;
	border-color     : var(--color-btn-whit-hvr-bdr) !important;
	color            : var(--color-btn-whit-hvr-txt) !important;
}
.efm-content .bootstrap-select > .btn.dropdown-toggle > .bs-caret > .caret {
	margin-top : 8px;
}
.efm-content .bootstrap-select .dropdown-menu {
	top    : -2px;
	border : 1px solid var(--color-btn-whit-hvr-bdr);
	width  : 100%;
	/* overflow-x: hidden; */
}
.efm-buttons {
	display                    : flex;
	position                   : absolute;
	bottom                     : 0;
	right                      : 0;
	z-index                    : 2;
	border                     : 1px solid var(--color-c6);
	border-right               : none;
	border-bottom              : none;
	border-bottom-right-radius : 5px;
	border-top-left-radius     : 5px;
	font-size                  : 16px;
}
.efm-button {
	display         : flex;
	align-items     : center;
	justify-content : center;
	border-left     : 1px solid var(--color-c6);
	color           : var(--color-btn-whit-txt);
	width           : 32px;
	height          : 32px;
	cursor          : pointer;
}
.efm-info {
	display         : flex;
	align-items     : center;
	justify-content : center;
	border-left     : 1px solid var(--color-c6);
	color           : var(--color-c7);
	width           : 32px;
	height          : 32px;
}
.efm-button:hover {
	background-color : var(--color-btn-whit-hvr-bg);
	border-color     : var(--color-c6);
	color            : var(--color-btn-whit-hvr-txt);
}
.efm-button:first-child {
	border-top-left-radius : 5px;
	border-left            : none;
}
.efm-button:last-child {
	border-bottom-right-radius : 5px;
}
.jodit-container:not(.jodit_inline) {
	border-color     : transparent;
	background-color : transparent;
}
.jodit-toolbar__box:not(:empty):not(:empty) {
	background-color : var(--color-jde-toolbar-bgc);
}
.jodit-toolbar__box:not(:empty) {
	border-color : var(--color-jde-toolbar-bdr);
}
.jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal {
	background-image : none;
}
.jodit-toolbar-button__button {
	color : var(--color-jde-toolbar-btn);
}
.jodit-icon {
	fill   : var(--color-jde-toolbar-ico);
	stroke : var(--color-jde-toolbar-ico);
}
.jodit-toolbar-button__trigger svg {
	fill : var(--color-jde-toolbar-btntrg-txt);
}
.jodit-container:not(.jodit_inline) .jodit-workplace {
	background-color : var(--color-jde-cntr-bgc);
	color            : var(--color-jde-cntr-txt);
}
.jodit-toolbar-button_with-trigger_true:hover:not([disabled]) {
	border-color : var(--color-c4);
}
.jodit-toolbar-button__button[aria-pressed='true']:not([disabled]) {
	background-color : var(--color-jde-toolbar-btn-act);
}
.jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection::after {
	background-color : transparent;
}
.jodit-toolbar-editor-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal {
	background-image : none;
}
.jodit-container:not(.jodit_inline) .jodit-editor__resize svg {
	transform : rotate(45deg);
	translate : 50% 0;
	right     : auto;
	left      : 50%;
	cursor    : n-resize;
}
.jodit-wysiwyg ul, .jodit-wysiwyg ol {
	margin-left : 1.5rem;
}
.jodit-toolbar-button__button:hover:not([disabled]) {
	background-color : var(--color-jde-toolbar-btn-hvr);
}
.jodit-toolbar-button__trigger:hover:not([disabled]) {
	background-color : var(--color-jde-toolbar-btntrg-hvr);
}
.jodit-popup__content {
	background-color : var(--color-jde-popup-bgc);
	border : 1px solid var(--color-jde-popup-bdr);
}
.efm-ano-label {
	padding : 0 5px;
}
.efm-ano-wrapper {
	display    : flex;
	column-gap : 5px;
}
.efm-ano-input {
	flex-grow        : 1;
	color            : var(--color-c2);
	background-color : var(--color-c1);
	border           : 1px solid var(--color-c1);
	padding          : 5px 10px;
	border-radius    : 5px;
}
.efm-ano-input:focus {
	border-color : var(--color-c7);
}
.efm-ano-button {
	padding          : 0 6px;
	height           : 32px;
	border           : 1px solid var(--color-c1);
	display          : flex;
	align-items      : center;
	justify-content  : center;
	border-radius    : 5px;
	column-gap       : 5px;
	background-color : var(--color-c1);
	cursor           : pointer;
	color            : var(--color-c2);
}
.efm-ano-button:hover {
	color : var(--color-c3);
}
.efm-ano-button-icon {
	font-size : 22px;
}
.efm-mlc-container {
	display        : flex;
	flex-direction : column;
	row-gap        : 2px;
}
.efm-marker {
	position : absolute;
	bottom   : 8px;
	right    : 8px;
	color    : var(--color-c2);
	z-index  : 1;
}
.efm-dp-search {
	background-color : var(--color-fld-bg);
	border           : none;
	height           : 0;
	transition       : height 0.5s;
	overflow         : hidden;
}
.efm-dp-search.open {
	border                     : 1px solid var(--color-fld-bdr);
	border-bottom-left-radius  : 5px;
	border-bottom-right-radius : 5px;
	border-top                 : none;
	height                     : 81px;
}
.efm-dp-search-inputs {
	display         : flex;
	column-gap      : 10px;
	justify-content : space-between;
	margin          : 10px;
}
.efm-dp-search-inputs input {
	flex             : 1;
	border           : 1px solid var(--color-c4);
	background-color : var(--color-fld-bg);
	padding          : 4px 8px;
	border-radius    : 5px;
	color            : var(--color-c2);
}
.efm-dp-search-checkboxes {
	margin          : 10px;
	display         : flex;
	flex-direction  : row;
	align-items     : center;
	justify-content : space-evenly;
	color           : var(--color-c2);
	cursor          : pointer;
}
.efm-dp-search-checkboxes-lbl {
	color : var(--color-c7);
}
.efm-dp-search-checkbox {
	color : var(--color-c4);
}
.efm-dp-search-cbcontainer {
	display        : flex;
	flex-direction : row;
	align-items    : center;
	column-gap     : 5px;
}
.efm-dp-search-cbcontainer.selected > .efm-dp-search-checkbox {
	color : var(--color-c7);
}
.air-datepicker {
	z-index : 200000;
}
.efm-dp-timepicker .air-datepicker--navigation, .efm-dp-timepicker .air-datepicker--content {
	display : none;
}
.efm-dp-timepicker .air-datepicker--time {
	border-top : none;
}
.element-instance-body {
	padding : 0;
}
.efm-switch {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
	margin : 0;
}
.efm-switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}
.efm-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-c6);
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
}
.efm-slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	background-color: var(--color-fld-bg);
	-webkit-transition: transform .4s;
	transition: transform .4s;
	border-radius: 50%;
}
input:checked + .efm-slider {
	background-color: var(--color-c7);
}
input:checked + .efm-slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}
.efm-checkbox {
	background-color: var(--color-fld-bg);
	border: 1px solid var(--color-fld-bdr);
	border-radius: 5px;
	margin : 0;
	padding : 0 12px;
	align-items: center;
    justify-content: space-between;
	height : 44px;
}
.efm-checkbox:hover {
	background-color : var(--color-btn-whit-hvr-bg);
	border-color     : var(--color-btn-whit-hvr-bdr);
	color            : var(--color-btn-whit-hvr-txt);
}
.efm-checkbox:hover .efm-slider:before {
	background-color : var(--color-btn-whit-hvr-bg);
}
/* ========================================================================================================================== */
/* ElementFileList                                                                                                            */
/* ========================================================================================================================== */
.efl-wrapper {
	background-color : var(--color-fld-bg);
	padding          : 9px;
	border-radius    : 5px;
	position         : relative;
	border           : 1px solid var(--color-fld-bg);
}
.efl-dragover {
	position         : absolute;
	background-color : rgba(0, 0, 0, 0.3);
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	border-radius    : 4px;
	z-index          : 10;
	display          : none;
	justify-content  : center;
	align-items      : center;
	opacity          : 0;
	transition       : opacity 0.5s;
}
.efl-dragover.force-hidden {
	display : none !important;
}
.efl-dragover > span {
	color            : var(--color-c2);
	font-size        : 16px;
	font-weight      : bold;
	text-align       : center;
	border           : 2px dashed var(--color-c7);
	padding          : 7px;
	background-color : #000000bb;
}
.efl-header {
	display         : flex;
    justify-content : space-between;
    align-items     : center;
}
.efl-hdrleft {
	display     : flex;
	align-items : center;
	column-gap  : 8px;
}
.efl-recnmr {
	color            : var(--color-grey);
	height           : 24px;
	width            : 24px;
	display          : flex;
	border-radius    : 50%;
	background-color : var(--color-c4);
	justify-content  : center;
	align-items      : center;
	font-weight      : bold;
}
.efl-hdrright {
	display     : flex;
	align-items : center;
	column-gap  : 15px;
}
.efl-footer {
	display         : flex;
	justify-content : space-between;
    align-items     : center;
}
.efl-buttons {
	display    : flex;
    column-gap : 2px;
}
.efl-dotext {
	border    : 2px dashed var(--color-c4);
	color     : var(--color-grey);
	padding   : 5px 6px 3px;
	font-size : 12px;
}
.efl-dotext.force-shown {
	opacity : 1 !important;
}
.efl-content {
	display : none;
}
/* ========================================================================================================================== */
/* ElementImageStripView                                                                                                      */
/* ========================================================================================================================== */
.cis-container {
	width          : 100%;
	display        : flex;
	flex-direction : column;
	row-gap        : 5px;
	padding        : 5px;
}
.cis-preview {
	flex     : 1 1 auto;
	overflow : auto;
	position : relative;
}
.cis-preview > img {
	width      : 100%;
	height     : 100%;
	object-fit : contain;
}
.cis-strip {
	flex           : 0 0 auto;
	width          : 100%;
	overflow-x     : auto;
	overflow-y     : hidden;
	display        : flex;
	flex-direction : row;
}
.cis-thumbnail {
	flex-grow   : 0;
	flex-shrink : 0;
	border      : 2px solid transparent;
	cursor      : pointer;
	display     : table-cell;
}
.cis-thumbnail:hover {
	background-color : #ffffff22;
}
.cis-thumbnail.selected {
	border-color : cornflowerblue;
}
.cis-thumbnail > img {
	width      : 100%;
	height     : 100%;
	object-fit : contain;
}
/* ========================================================================================================================== */
/* DoubleSlider                                                                                                               */
/* ========================================================================================================================== */
.fld-doubleslider-cnt {
	background-color : var(--color-fld-bg);
	border           : 1px solid var(--color-fld-bdr);
	border-radius    : 5px;
}
.fld-doubleslider {
	width       : 100%;
	padding-top : 24px;
}
.fld-doubleslider-mm {
	padding        : 0 12px;
	display        : flex;
	flex-direction : row;
	column-gap     : 10px;
	color          : var(--color-c2);
}
.fld-doubleslider-ic {
	position        : relative;
	min-height      : 30px;
	width           : 100%;
	display         : flex;
	align-items     : center;
	justify-content : center;
}
.fld-doubleslider-ic input[type=range]::-webkit-slider-thumb {
	-webkit-appearance : none;
	pointer-events     : all;
	width              : 18px;
	height             : 18px;
	border-radius      : 50%;
	cursor             : pointer;
}
.fld-doubleslider-ic input[type=range]::-moz-range-thumb {
	-webkit-appearance : none;
	pointer-events     : all;
	width              : 18px;
	height             : 18px;
	border-radius      : 50%;
	cursor             : pointer;
}
.fld-doubleslider-minc::-webkit-slider-thumb {
	background-color : white;
}
.fld-doubleslider-minc::-moz-range-thumb {
	background-color : white;
}
.fld-doubleslider-maxc::-webkit-slider-thumb {
	background-color : var(--color-c7);
}
.fld-doubleslider-maxc::-moz-range-thumb {
	background-color : var(--color-c7);
}
.fld-doubleslider-minc::-webkit-slider-thumb:hover {
	box-shadow         : inset 0 0 3px white, 0 0 9px white;
	-webkit-box-shadow : inset 0 0 3px white, 0 0 9px white;
}
.fld-doubleslider-minc::-webkit-slider-thumb:active {
	box-shadow         : inset 0 0 3px white, 0 0 9px white;
	-webkit-box-shadow : inset 0 0 3px white, 0 0 9px white;
}
.fld-doubleslider-maxc::-webkit-slider-thumb:hover {
	box-shadow         : inset 0 0 3px var(--color-c7), 0 0 9px var(--color-c7);
	-webkit-box-shadow : inset 0 0 3px var(--color-c7), 0 0 9px var(--color-c7);
}
.fld-doubleslider-maxc::-webkit-slider-thumb:active {
	box-shadow         : inset 0 0 3px var(--color-c7), 0 0 9px var(--color-c7);
	-webkit-box-shadow : inset 0 0 3px var(--color-c7), 0 0 9px var(--color-c7);
}
input[type="range"] {
	-webkit-appearance : none; 
	appearance         : none;
	height             : 2px;
	width              : calc(100% - 20px);
	position           : absolute;
	background-color   : var(--color-c4);
	pointer-events     : none;
}
.fld-doubleslider-min {
	height  : 0 !important;
	z-index : 1;
}
/* ========================================================================================================================== */