@charset "utf-8";
/* CSS Document */

/*//////////////////// FORMS //////////////////////////*/

.ecms_form {
	--ecms-form-max-width: 72rem;
	--ecms-form-max-width-compact: 56rem;
	--ecms-form-surface: #f6f8fb;
	--ecms-form-surface-strong: #ffffff;
	--ecms-form-border: #d9e2ec;
	--ecms-form-border-strong: #bcccdc;
	--ecms-form-shadow: none;
	--ecms-form-shadow-soft: none;
	--ecms-form-title: #16324f;
	--ecms-form-text: #243b53;
	--ecms-form-muted: #52606d;
	--ecms-form-accent: #2f6f98;
	--ecms-form-accent-soft: #dbe7f1;
	--ecms-form-danger: #b42318;
	--ecms-form-danger-soft: #fef3f2;
	--ecms-form-warning-soft: #fff7e8;
	--ecms-form-radius: 5px;
	--ecms-form-radius-sm: 5px;
	--ecms-form-section-gap: 2.5rem;
	--ecms-form-section-padding: 1.5rem;
	--ecms-form-field-height: 2.75rem;
	--ecms-form-field-height-compact: 2.3rem;
	--ecms-form-label-width: 25%;
	box-sizing: border-box;
	font-size: 14px;
	color: var(--ecms-form-text);
}

.ecms_form * { box-sizing: border-box; }

body[data-sidebar-pref-visible] .ecms_form {
	width: min(100%, var(--ecms-form-max-width));
	max-width: var(--ecms-form-max-width);
	margin: 0 auto;
}

body[data-sidebar-pref-visible] .ecms_form.form-compact {
	width: min(100%, var(--ecms-form-max-width-compact));
	max-width: var(--ecms-form-max-width-compact);
}

.ecms_form h3.divider {
	font-size: 1rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ecms-form-muted);
	opacity: 1;
	margin: 0;
	padding-top: 0.25rem;
}

.form-group label.control-label { }

.form-group.required .control-label:before,
.control-label.required:before { color: var(--ecms-form-danger); content:'* '; font-size:125%; }

.ecms_form .form-content > div { page-break-inside: avoid; }

.ecms_form .form-submit {
	margin: 2rem auto 0;
	padding-top: 0.5rem;
}

.ecms_form fieldset {
	margin: 0 0 var(--ecms-form-section-gap) 0;
	padding: calc(var(--ecms-form-section-padding) + 0.35rem) var(--ecms-form-section-padding) var(--ecms-form-section-padding);
	background: var(--ecms-form-surface);
	border: 0;
	border-radius: var(--ecms-form-radius);
	box-shadow: none;
	position: relative;
}

.ecms_form fieldset legend {
	display: inline-block;
	width: auto;
	max-width: 100%;
	padding: 0.62rem 1.2rem 0.68rem;
	margin: 0;
	border: 0;
	background: var(--ecms-form-accent-soft);
	border-radius: var(--ecms-form-radius);
	box-shadow: none;
	color: var(--ecms-form-title);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.3;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0.85rem;
	transform: translateY(-50%);
	white-space: normal;
}

.ecms_form.ecms-sidebar fieldset legend { display:none; }

.ecms_form fieldset > p {
	font-size: 0.92rem;
	line-height: 1.6;
	color: var(--ecms-form-muted);
	text-align: left;
	padding: 0;
	margin: 0 0 1rem 0;
	clear: both;
}

.ecms_form .ecfrm-section-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.7rem;
	height: 1.7rem;
	margin: -0.08rem 0.55rem -0.08rem -0.2rem;
	border-radius: 50%;
	color: var(--ecms-form-title);
	font-size: 1.25rem;
	line-height: 1;
	vertical-align: middle;
}

.ecms_form .ecfrm-section-toggle:hover,
.ecms_form .ecfrm-section-toggle:focus {
	background: rgba(22, 50, 79, 0.08);
	color: var(--ecms-form-title);
	text-decoration: none;
	outline: 0;
}

.ecms_form .form-group { margin-bottom: 1rem; }

.ecms_form .control-label {
	color: var(--ecms-form-title);
	font-weight: 600;
	padding-top: 0.8rem;
}

.ecms_form .help-block {
	margin-top: 0.4rem;
	margin-bottom: 0;
	font-size: 0.86em;
	line-height: 1.5;
	color: var(--ecms-form-muted);
	opacity: 1;
}

.ecms_form .form-control,
.ecms_form .ecms_form_field {
	min-height: var(--ecms-form-field-height);
	border: 1px solid var(--ecms-form-border-strong);
	border-radius: var(--ecms-form-radius-sm);
	background-color: #fff;
	color: var(--ecms-form-text);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.ecms_form textarea.form-control,
.ecms_form textarea.ecms_form_field {
	min-height: calc(var(--ecms-form-field-height) * 2);
}

.ecms_form .form-control:hover,
.ecms_form .ecms_form_field:hover {
	border-color: #9fb3c8;
	background-color: #fff;
}

.ecms_form .form-control:focus,
.ecms_form .ecms_form_field:focus {
	border-color: var(--ecms-form-accent);
	box-shadow: 0 0 0 3px rgba(47, 111, 152, 0.14);
	background-color: #fff;
}

.ecms_form .form-control.list-manager {
	height: auto;
	min-height: 12rem;
	width: 100%;
	font-size: 85%;
}

.ecms_form .input-group-addon {
	padding-top: 0;
	padding-bottom: 0;
	border-color: var(--ecms-form-border-strong);
	background-color: var(--ecms-form-accent-soft);
	color: var(--ecms-form-title);
}

.ecms_form .input-group-btn .btn:not(.btn-primary):not(.btn-danger):not(.btn-warning):not(.btn-success) {
	border-color: var(--ecms-form-border-strong);
	background-color: var(--ecms-form-accent-soft);
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px;
	padding-bottom: 6px;
	box-shadow: none;
}


@media only screen and (max-width: 767px) {
	.ecms_form .ecms-inline-heading { display:none !important; }
}

@media only screen and (min-width: 768px) {
	.ecms_form .ecms-inline-row .form-group > label,
	.ecms_form .ecms-inline-row .form-group > .control-label,
	.ecms_form .ecms-inline-row .form-group > div > label,
	.ecms_form .ecms-inline-row .form-group > div > .control-label { display:none; }
	.ecms_form .ecms-inline-row .form-group > div { width:100%; }
	.ecms_form .ecms-inline-heading label,
	.ecms_form .ecms-inline-heading .control-label { text-align:left; color:#555; font-style:italic; }
}


.form-compact { font-size: 12px; }
.form-compact fieldset { padding: 1.2rem 1rem 0.75rem; }
.form-compact fieldset legend {
	left: 0.7rem;
}
.form-compact .form-control:not(.list-manager) {
	padding: 0.35rem 0.6rem;
	min-height: var(--ecms-form-field-height-compact);
	height: var(--ecms-form-field-height-compact);
	font-size:1em;
	vertical-align:middle;
}
.form-compact select.form-control[multiple=multiple],
.form-compact input[type='checkbox'] { height:auto; }
.form-compact select.form-control.list-manager { min-height:10rem; }
.form-compact .control-label { padding-top:0.55rem; }
.form-compact .form-group { margin-bottom:0.75rem; }
.form-compact .input-group-addon { padding-top:4px; padding-bottom:4px; }
.form-compact .input-group-btn .btn { padding-top:3px; padding-bottom:3px; }
.form-compact .form-control { margin-bottom:0; }

.ecms_form .form-control[readonly]:not(.file) { cursor:cell; }

.ecms_form .ecms-form-list {
	min-height:50px;
	max-height:200px;
	font-size: 10px;
	overflow:auto;
	color:#000000;
	background-color:#FFF;
	border:1px solid var(--ecms-form-border-strong);
	border-radius: var(--ecms-form-radius-sm);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}
.ecms_form .ecms-form-list .warning { background-color:#F7DDDD; }
.ecms_form .ecms-form-list .notice { background-color:#F3FBBB; }

.ecms_form .ecfrm-tag-manager,
.ecfrm-tag-manager {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: var(--ecms-form-field-height);
	position: relative;
	background-color: #fff;
	border: 1px solid var(--ecms-form-border-strong);
	border-radius: var(--ecms-form-radius-sm);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.ecms_form .ecfrm-tag-manager:hover,
.ecfrm-tag-manager:hover {
	border-color: #9fb3c8;
	background-color: #fff;
}

.ecms_form .ecfrm-tag-manager:focus-within,
.ecfrm-tag-manager:focus-within {
	border-color: var(--ecms-form-accent);
	box-shadow: 0 0 0 3px rgba(47, 111, 152, 0.14);
	background-color: #fff;
}

.ecms_form .ecfrm-tag-manager__control,
.ecfrm-tag-manager__control {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	align-items: center;
	gap: 0.35rem;
	position: relative;
	width: auto;
	height: auto;
	min-height: calc(var(--ecms-form-field-height) - 2px);
	margin: 0;
	padding: 0.35rem 0.5rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.ecms_form .ecfrm-tag-manager__list,
.ecfrm-tag-manager__list {
	display: inline-flex;
	flex: 0 1 auto;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	min-height: 1.35rem;
	max-width: 100%;
}

.ecms_form .ecfrm-tag-manager__chip,
.ecfrm-tag-manager__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0.46rem 0.7rem 0.46rem 0.78rem;
	border-radius: 999px;
	background-color: var(--ecms-form-accent-soft);
	color: var(--ecms-form-title);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1;
}

.ecms_form .ecfrm-tag-manager__chip-label,
.ecfrm-tag-manager__chip-label {
	font-size: 1em;
}

.ecms_form .ecfrm-tag-manager__chip-remove,
.ecfrm-tag-manager__chip-remove {
	padding: 0;
	margin: 0;
	min-width: auto;
	height: auto;
	border-radius: 0;
	color: #4f7fb3;
	background-color: transparent;
	line-height: 1;
	text-decoration: none;
	box-shadow: none;
}

.ecms_form .ecfrm-tag-manager__chip-remove:hover,
.ecms_form .ecfrm-tag-manager__chip-remove:focus,
.ecfrm-tag-manager__chip-remove:hover,
.ecfrm-tag-manager__chip-remove:focus {
	color: #2c5f99;
	background-color: transparent;
	text-decoration: none;
	outline: 0;
}

.ecms_form .ecfrm-tag-manager__entry,
.ecfrm-tag-manager__entry {
	display: inline-block;
	flex: 1 0 8rem;
	width: auto;
	min-width: 8rem;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	color: var(--ecms-form-text);
	box-shadow: none;
	outline: 0;
}

.ecms_form .ecfrm-tag-manager__entry:focus,
.ecfrm-tag-manager__entry:focus {
	outline: 0;
	box-shadow: none;
}

.ecms_form .ecfrm-tag-manager__action,
.ecfrm-tag-manager__action {
	display: flex;
	align-items: stretch;
	flex: 0 0 auto;
	border-left: 1px solid var(--ecms-form-border-strong);
}

.ecms_form .ecfrm-tag-manager__browse,
.ecfrm-tag-manager__browse {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: var(--ecms-form-field-height);
	padding: 0 0.9rem;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	white-space: nowrap;
}

.ecms_form .ecfrm-tag-manager__browse {
	background-color: var(--ecms-form-accent-soft);
	color: var(--ecms-form-title);
}

.ecms_form .ecfrm-tag-manager__browse:hover,
.ecms_form .ecfrm-tag-manager__browse:focus,
.ecfrm-tag-manager__browse:hover,
.ecfrm-tag-manager__browse:focus {
	background-color: var(--ecms-form-accent-soft);
	text-decoration: none;
	outline: 0;
}

.ecms_form .ecfrm-tag-manager__suggestions,
.ecfrm-tag-manager__suggestions {
	top: 100%;
	left: 0;
	right: 0;
	float: none;
	min-width: auto;
	width: 100%;
	margin-top: 0.3rem;
	padding: 0.25rem 0;
	max-height: 14rem;
	overflow: auto;
}

.ecms_form .ecfrm-tag-manager__suggestions.open,
.ecfrm-tag-manager__suggestions.open {
	display: block;
}

.ecms_form .ecfrm-tag-manager__suggestions .dropdown-menu-list,
.ecfrm-tag-manager__suggestions .dropdown-menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ecms_form .ecfrm-tag-manager__suggestion > a,
.ecfrm-tag-manager__suggestion > a {
	display: block;
	padding: 0.4rem 0.75rem;
	color: var(--ecms-form-text);
}

.ecms_form .ecfrm-tag-manager__suggestion.active > a,
.ecms_form .ecfrm-tag-manager__suggestion > a:hover,
.ecms_form .ecfrm-tag-manager__suggestion > a:focus {
	background-color: var(--ecms-form-accent-soft);
	color: var(--ecms-form-title);
	text-decoration: none;
}

.ecms_form .ecfrm-tag-manager--disabled,
.ecfrm-tag-manager--disabled {
	opacity: 0.7;
}

.ecfrm-tag-browser-modal .modal-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.ecfrm-tag-browser__results {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	max-height: 22rem;
	overflow: auto;
	padding: 0.2rem 0;
}

.ecfrm-tag-browser__tag {
	border-radius: 999px;
}

.ecfrm-tag-browser__tag--selected,
.ecfrm-tag-browser__tag--selected:hover,
.ecfrm-tag-browser__tag--selected:focus {
	background-color: var(--ecms-form-accent-soft);
	border-color: var(--ecms-form-accent);
	color: var(--ecms-form-title);
}
.ecms_form .ecms-form-list > p { line-height:75px; padding:0; margin:0; text-align:center; color:#999; font-style:italic; font-size:12px; }
.ecms_form .ecms-form-list-wide {
	min-height:100px;
	max-height:300px;
	padding:10px;
	margin:10px 0;
	font-size: 10px;
	overflow:auto;
	overflow-x:hidden;
	text-align:left;
	background-color:#FFF;
	border:1px solid var(--ecms-form-border-strong);
	border-radius: var(--ecms-form-radius-sm);
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}
.ecms_form .ecms-form-list-wide > div { margin:-10px; }
.ecms_form .ecms-form-list-wide > p { line-height:75px; padding:0; margin:0; text-align:center; color:#999; font-style:italic; font-size:12px; }
.ecms_form .ecms-form-list-icon { float:left; width:16px; height:16px; margin:4px 10px 4px 2px; }

.ecms_form .ecms-form-list-option { padding:5px; font-size:11px; line-height:20px; vertical-align:middle; border-bottom:1px dotted #CCCCCC; text-align:left; clear:both; }
.ecms_form .ecms-form-list-option__selected { padding:5px; font-size:11px; line-height:20px; vertical-align:middle; border-bottom:1px dotted #CCCCCC; text-align:left; clear:both; background-color:#006699; color:#FFFFFF; }

.ecms_form table.ECMS_list_details .ECMS_listRow:hover > td,
.ecms_form table.ECMS_list_details .ECMS_listRowActive:hover > td,
.ecms_form .ecms-form-list-option:hover { background-color:#EEEEEE; color:#000000; cursor:pointer; }
.ecms_form .ecms-form-list-option__selected:hover { background-color:#0099CC; color:#FFFFFF; cursor:pointer; }
.ecms_form .ecms-form-list-option-del, .ecms_form .ecms-form-list-option-icon { float:right; cursor:pointer; margin:4px; border:0px; }
.ecms_form .ecms-form-list-edit:hover { text-decoration:underline; cursor:pointer; }

.ecms_form div.counter { margin:0 15px 3px 5px; }
.ecms_form input.counter { background-color:#666666; border:1px solid #000000; color:#FFFFFF; padding:1px 2px; font-size:9px; border-radius:3px; }

.ecms_form .error:not(fieldset) { margin:2px 0; padding:0 0 5px 0; }
.ecms_form .error {
	width:100%;
	clear:both;
	overflow:visible;
	background-color: var(--ecms-form-danger-soft);
	float:left;
	border: 1px solid #f5c2c0;
	border-radius: var(--ecms-form-radius-sm);
}
.ecms_form .error > p { padding:0.75rem 1rem 0.35rem; margin:0; font-weight:bold; color: var(--ecms-form-danger); }
.ecms_form .error > ul { margin:0 0 1rem 2.5rem; padding:0; color: var(--ecms-form-danger); clear:both; }
.ecms_form fieldset.error { background: var(--ecms-form-danger-soft); border-color: #f5c2c0; }
.ecms_form fieldset.error > legend {
	color: var(--ecms-form-danger);
	background: #fef3f2;
	border-color: #f5c2c0;
}

.ecms_form .debug {
	width:100%;
	margin:2px 0;
	padding:0 0 5px 0;
	clear:both;
	overflow:visible;
	background-color: var(--ecms-form-warning-soft);
	float:left;
	border-radius: var(--ecms-form-radius-sm);
	border: 1px solid #f0d38a;
}

.ecms_form .btn-group {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	box-shadow: none;
}

.ecms_form .btn-group > .btn {
	float: none;
	border-radius: 999px !important;
}

.ecms_form .checkbox,
.ecms_form .radio {
	position: relative;
	min-height: 1.5rem;
	margin-top: 0;
	margin-bottom: 0.35rem;
	padding-left: 0;
}

.ecms_form .checkbox label,
.ecms_form .radio label {
	display: inline-block;
	padding-left: 0;
	color: var(--ecms-form-text);
	font-weight: 400;
}

.ecms_form .checkbox input[type="checkbox"],
.ecms_form .radio input[type="radio"] {
	position: static;
	float: none;
	margin: 0 0.45rem 0 0;
	vertical-align: middle;
}

@media only screen and (max-width: 991px) {
	.ecms_form {
		--ecms-form-section-gap: 2.5rem;
		--ecms-form-section-padding: 1.15rem;
		width: 100%;
		max-width: none;
	}
}

@media only screen and (max-width: 767px) {
	.ecms_form fieldset { padding: 1.2rem 1rem 1rem; }

	.ecms_form .control-label { padding-top: 0; margin-bottom: 0.45rem; }

	.ecms_form fieldset legend {
		left: 0.7rem;
		max-width: calc(100% - 1.4rem);
	}

	.ecms_form .checkbox,
	.ecms_form .radio { padding-left: 0; }

	.ecms_form .form-submit { margin-top: 1.5rem; }
}


/*//////////////////// TOOLTIPS /////////////////////*/
.ECMS_tooltipContent { width:300px; background-color:#333333; background-image:url('/layout/images/help_tooltip.png'); background-repeat:no-repeat; border:1px solid #000000; color:#FFFFFF; font-size:12px; line-height:1.3em; padding:15px 15px 15px 50px; opacity:0.9; -moz-opacity:0.9; filter:Alpha(opacity=90); border-radius: 7px; box-shadow: 4px 4px 8px #666666; }