.form-text-control {
	width:     100%;
	font-size: 12pt;
	padding:   2px 4px;
	border:    1px solid #dee3ec;
	border-radius: 4px;
}

.form-text-control:active {
	border: 1px solid #dee3ec;
}

div.form-area {
	display:      flex;
	flex-flow:    row wrap;
	padding-left: 30px;
}

div.form-cell {
	padding: 8px;
	display: inline-block;
}

div.form-row {
	padding: 4px 2px 2px 2px;
}

div.form-label {
    font-style:  italic;
    color:       #1f366d;
    font-weight: bold;
    font-size:   11pt;
}

div.form-link {
	font-size:   100%;
	font-style:  italic;
	font-weight: bold;
	color:       #6d7c98;
	cursor:      pointer;
}

div.form-link:hover {
	color:      black;
}

input.cell {
    border: none;
    border-bottom: 1px solid #ddd;
    border-left:   1px solid #ddd;
    position: relative;
    width: 100%;
}

textarea.html-edit {
	width: 97%;
	height: 150px;
}

select.form-input-compact {
    border: 1px solid #6d7c98;
    border-radius: 4px;
    padding: 0 6px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 12pt;
}


textarea.form-input-text,
select.form-input-text,
input.form-input-text {
	border:        1px solid #6d7c98;
	border-radius: 4px;
	padding:       3px 6px;
	font-family:   Calibri, Arial, sans-serif;
	font-size:     14pt;
}

input.single {
	width: 150px;
}

input.double {
	width: 300px;
}

input.triple {
	width: 450px;
}

.form-12pt {
	font-size:     12pt;
}

td.left, label.left {
	text-align: left;	
	font-size:  14pt;
}

td.form-label,
label.form-label {
	font-style:     italic;
	color:          #6d7c98;
	padding-left:   8px;
	vertical-align: bottom;
}

button.form-button {
	border:        1px solid #6d7c98;
	border-radius: 10px;
	font-size:     70%;
	padding:       3px 8px;
	outline:       none;
	font-family:   Calibri, Arial, sans-serif;
	font-size:     11pt;
	font-weight:   bold;
	cursor:        pointer;
	-webkit-box-shadow: 1px 1px  2px 1px rgba(0,0,0,0.13); 
	box-shadow:         1px 1px  2px 1px rgba(0,0,0,0.13);
}

button.form-button:active {
	-webkit-box-shadow: none; 
	box-shadow:         none;
}

button.form-submit {
	background-color: #d6e7dc;
}

button.form-submit:hover {
	background-color: #677f71;
	color:            white;
}

button.form-normal {
	background-color: white;
	margin: 2px 4px;
}

button.form-delete {
	background-color: rgba(130, 0, 7, .3);
	margin: 2px 4px;
}

button.form-delete:hover {
	background-color: rgba(130, 0, 7, 1);
	color: yellow;
	margin: 2px 4px;
}

button.form-normal:hover {
	background-color: #8fa3c6;
	border-color:     #8fff90;
	color:            white;
}

button.float-right {
	float:       right;
	margin-top:  0px;
	margin-left: 7px
}

button.float-left {
	float:        left;
	margin-top:   2px;
	margin-right: 7px
}

.dirty {
	background-color: #b8ffba;
}

.invalid {
	background-color: #ffcaca;
}