/**
 * Main styling.
 */
body {
	background: var(--fontana-body-background, #ffffff);
}

header {
	height: var(--fontana-header-height, 100px);
	padding: 20px;
	background: var(--fontana-header-background, #000000);
	color: var(--fontana-header-color, #ffffff);
}
header h1 {
	color: var(--fontana-header-title-color, #000000);
	font-size: var(--fontana-header-title-fontsize, 2em);
}
header h2 {
	color: var(--fontana-header-subtitle-color, #000000);
	font-size: var(--fontana-header-subtitle-fontsize, 1.2em);
}
header a,
header a:hover,
header a:visited {
	color: var(--fontana-header-color, #ffffff);
}

body > nav {
	background: var(--fontana-nav-background, #000000);
}
body > nav, body > nav a,
body > nav li.breadcrumb-item::before,
body > nav li.breadcrumb-item.active {
	color: var(--fontana-nav-color, #ffffff) !important;
}

.topbar {
	background: var(--fontana-topbar-background, #000000);
}
.topbar, .topbar a, .topbar a:visited, .topbar a:hover {
	color: var(--fontana-topbar-color, #000000);
}
.navbar-toggler {
	color: rgba(0,0,0,.55);
	border-color: rgba(0,0,0,.1);
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .nav-item {
	background: var(--fontana-navbar-background, #ffffff);
	color: var(--fontana-navbar-color, #000000);
}
.navbar .nav-item > a {
	color: var(--fontana-navbar-color, #000000);
	font-weight: bold;
	text-decoration: none !important;
}
.navbar .nav-item:hover,
.navbar .nav-item:active {
	background: var(--fontana-navbar-hover-background, #000000);
}
.navbar .nav-item:hover > a,
.navbar .nav-item:active > a {
	background: var(--fontana-navbar-hover-color, #ffffff);
}

main {
	
}

.actionbar {
	min-height: 2.5em;
}

footer {
	text-align: center;
	background: var(--fontana-footer-background, #000000);
	color: var(--fontana-footer-color, #ffffff);
	font-size: 0.75em;
	margin-top: 2rem;
}


/**
 * Common classes.
 */
.nowrap {
	white-space: nowrap;
}
.right {
	text-align: right;
}
.fontana-top {
	vertical-align: top;
}


/**
 * Table styling.
 */
th.hidden, td.hidden {
	display: none;
}
table td.empty_result {
	text-align: center;
}



/**
 * Link styling.
 */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a, a:hover, a:visited,
.nav-link, .nav-link:hover,
a.page-link, a.page-link:hover {
	color: var(--fontana-link-color, #000000);
}
a.buttonlike,
span.buttonlike,
.dropdown-item.active, .dropdown-item:active,
.page-item.active .page-link {
	background: var(--fontana-button-background, #000000);
	color: var(--fontana-button-color, #ffffff) !important;
}
a.buttonlike,
span.buttonlike {
	padding: 0.5em;
	display: inline-block;
}
a.buttonlike.buttonlike-small,
span.buttonlike.buttonlike-small {
	padding: 0.1em;
}
a.buttonlike:hover,
span.buttonlike:hover,
.dropdown-item:hover {
	background: var(--fontana-button-hover-background, #000000);
	color: var(--fontana-button-hover-color, #ffffff);
	text-decoration: none !important;
	cursor: pointer !important;
}
a.buttonlike.disabled,     a.buttonlike.disabled:hover,
span.buttonlike.disabled,  span.buttonlike.disabled:hover,
a.buttonlike[disabled],    a.buttonlike[disabled]:hover {
	background: var(--fontana-disabled-background, #cccccc);
	cursor: text;
}


/**
 * Form styling.
 */
form ol {
	list-style: none;
}

form.fontana-important-only .fontana-fieldrow:not(.fontana-important) {
	display: none;
}

table.fontity-form-table > tbody > tr > td:nth-child(1) {
	width: 20%;
	min-width: 8rem;
}
table.fontity-form-table > tbody > tr > td:nth-child(2) {
	width: 80%;
	min-width: 32rem;
}

input, select, textarea,
.chosen-container-multi .chosen-choices {
	background: var(--fontana-input-background);
	border: 1px solid #ced4da;
	border-radius: .25rem;
}
/**
 * Avoid duplicate border on grouped chosen elements.
 */
.input-group .chosen-container-multi .chosen-choices {
	border: 0;
}
input:not(.form-control), select:not(.form-control), textarea:not(.form-control) {
	margin: 2px;
}
.form-control:not(.phplib-error) {
	background: var(--fontana-input-background);
}
.form-control .chosen-choices {
	border: 0 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button, input[type=submit] {
	padding: 0.5em;
	border: 0;
	background: var(--fontana-button-background, #000000);
	color: var(--fontana-button-color, #ffffff);
}
button:hover, input[type=submit]:hover {
	background: var(--fontana-button-hover-background, #000000);
	color: var(--fontana-button-hover-color, #ffffff);
}
button.disabled, button.disabled:hover,
button[disabled], input[type=submit][disabled],
button[disabled]:hover, input[type=submit][disabled]:hover {
	background: var(--fontana-disabled-background, #cccccc);
	cursor: text;
}


/**
 * Fontana customization to Bootstrap.
 */
.card {
	margin: 1em;
}
.card.fontana-card .card-header {
	padding: 0.25rem 0.5rem;
}
.card.fontana-card .card-body {
	padding: 0 0 3em 0;
}
.card.fontana-card:not(.fontana-card-compact) .card-body > *,
.card.fontana-card .card-body > form > fieldset {
	padding: 1rem 1rem;
}
.card.fontana-card .card-body .actionbar {
	position: absolute;
	bottom: 0;
	padding: 0.5rem;
	
	width: 100%;
	text-align: right;
	
	background-color: #efefef;
}

.carousel-indicators [data-bs-target] {
	background-color: var(--fontana-carouselindicator-bgcolor);
}


.popover {
  max-width: 512px;
}
.fontana-bs-popover-margin0 .popover-body {
	padding: 0;
}

.dropdown-menu {
	background: #ffffff;
}
.dropdown-menu a.dropdown-item {
	color: var(--fontana-link-color, #000000);
}
.dropdown-menu a.dropdown-item:hover {
	color: var(--fontana-button-hover-color, #ffffff);
}

.dropdown {
	display: inline;
}
fieldset table {
	width: 100%;
}
fieldset table tr td{
	padding: .25rem 0;

}
fieldset table tr td:first-child{
	padding-right: .5rem;
	white-space: nowrap;

}
fieldset table tr td:last-child {
	width: 100%;
}
fieldset table tr td +  td + td:last-child {
	width: unset !important;

}

input[type="text"]:focus-visible, select:focus-visible{
	outline: none;
	border: 1px solid #5897fb;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

textarea {
	resize: both;
}

fieldset  ol {
	margin-top: 1rem;
}
fieldset ol li button {
	border-radius: .25rem;
	transition: background-color .7s ease;
}
.actionbar button,.actionbar .buttonlike {
	border-radius: .25rem;
	transition: background-color .7s ease;
}
.jsoneditor {
	border-color: var(--fontana-nav-background, #ffffff);
}
.jsoneditor-menu {
	background: var(--fontana-nav-background, #ffffff);
}


/**
 * Fontana components.
 */
header.fontana-header-simple {
	height: 120px;
	padding: 10px;

}
header.fontana-header-simple div.row,
header.fontana-header-simple div.col,
header.fontana-header-simple img {
	height: 100%;
}
header.fontana-header-simple img {
	float: left;
}
header.fontana-header-simple[data-fontana-header-simple-size="100"] {
	height: 100px;
}
header.fontana-header-simple[data-fontana-header-simple-size="100"] h1 {
	float: left;
	height: 60px;
	margin: 20px;
}
.child-toggle {
	cursor: pointer;
	display: block;
}
.child-toggle::after {
	content: '[+]';
	float: right;
}
.active .child-toggle::after {
	content: '[-]';
}
.child-container {
	display: none;
}
.active .child-container {
	display: block;
}

.fontana-emailfield-icon:not(.disabled) {
	cursor: pointer;
}
.fontana-emailfield-icon.disabled {
	cursor: default;
	color: var(--fontana-disabled-color, #cccccc);
}

.fontana-decimalfield,
input[type="text"].fontana-decimalfield {
	width: 150px;
	text-align: right;
}

.fontana-urlfield-icon:not(.disabled) {
	cursor: pointer;
}
.fontana-urlfield-icon.disabled {
	cursor: default;
	color: var(--fontana-disabled-color, #cccccc);
}


/**
 * JQuery customization.
 */
.ui-dialog .ui-dialog-titlebar {
	background: var(--fontana-topbar-background, #000000);
	color: var(--fontana-topbar-color, #ffffff);
}
.ui-dialog .ui-dialog-titlebar button {
	padding: 0.5em;
	border: 0;
	background: var(--fontana-topbar-color, #ffffff);
	color: var(--fontana-button-color, #ffffff);
}
.ui-dialog .ui-dialog-titlebar button:hover {
	background: var(--fontana-topbar-color, #ffffff);
	color: var(--fontana-button-hover-color, #ffffff);
}