@charset "UTF-8";
 :root,
 :root.theme-default{
	--fd-label-background: #fff;
	--fd-data-background: #ebeced;
	--fd-desc-color: gray;
	--fd-section-background: #aaa;
	--fd-section-color: #fff;
	--fd-eye-color: dimgray;
	--fd-control-background: #fff;
	--fd-row-border-color: #ccc;
	--fd-font-color: #333;
	--fd-control-border: rgb(159, 159, 159);
 }
 :root.theme-dark{
	--fd-label-background: #444;
	--fd-data-background: #2a2a2a;
	--fd-desc-color: gray;
	--fd-section-background: #555;
	--fd-section-color: #fff;
	--fd-eye-color: dimgray;
	--fd-control-background: #595959;
	--fd-row-border-color: #ccc;
	--fd-font-color: #eee;
	--fd-control-border: rgb(127, 127, 127);
 }
 
.form-data .row {display:block;position:relative;border-top:1px var(--fd-row-border-color) solid;width:100%}
.form-data > div:first-child{border-top:none;}
/*.form-data > div:last-child > div:last-child {padding-bottom:8px;}
.form-data > div:first-child > div {padding-top:8px;}*/
 
.form-data .label {
	position:relative;
	min-width:120px;
	font-size: 1em;
	background-color: var(--fd-label-background);
	font-weight:normal;
	/*border-bottom:1px var(--fd-data-background) solid;*/
	vertical-align:top;
	color:var(--fd-font-color);
	text-align:left;
	display:table-cell;
	padding:4px 2px 6px 10px;
}
.form-data .label.narrow {
	min-width: 70px;
}
.form-data .data {
	font-size: 1em;
	background-color:var(--fd-data-background);
	font-weight:normal;
	vertical-align:top;
	border-bottom:1px var(--fd-label-background) solid;
	padding:5px 2px 2px 4px;
	width: 100%;
	color:var(--fd-font-color);
	text-align:left;
	display:table-cell;
	position: relative;
}
.form-data .data.narrow {
	width: 110px;
}
.form-data .desc {
	font-size: .8em;
	font-weight:normal;
	vertical-align:top;
	color:var(--fd-desc-color);
	padding-top:2px;
	padding-right:2px;
	float: none;
	text-align: left;
}

.form-data .section {
	font-weight:normal;
	font-size:1.1em;
	background-color:var(--fd-section-background);
	padding:6px 4px 4px 8px;
	color:var(--fd-section-color);
	vertical-align:bottom;
	/*-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;*/
	text-align:left;
	position:relative;
	height:20px;
	display: block;
}
.form-data .data .eye-overlay {
	position: absolute;
    font-size: 16px;
    top: 4px;
    left: 182px;
    cursor: pointer;
    color: var(--fd-eye-color);
}

.form-data .data select, 
.form-data .data input[type=text], 
.form-data .data input[type=number],
.form-data .data input[type=password],
.form-data .data textarea {
	width:200px;
	font-size:1em;
	font-family:tahoma, Helvetica, sans-serif;
	padding:2px;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	background-color:var(--fd-control-background);
	color: var(--fd-font-color);
	border: 1px var(--fd-control-border) solid;
}
.form-data .data.narrow select, 
.form-data .data.narrow input[type=text], 
.form-data .data.narrow input[type=number],
.form-data .data.narrow textarea {
	width: 100px;
}

.form-data .data select{
	padding: 2px 0px 2px 0px;
}
.form-data .data input[type=text]{
	padding: 2px 0px 2px 3px;
}
.form-data .data textarea {
	/*min-width:350px;*/
	height: 75px;
	resize: none;
	width: 100%;
}