body
{
    padding-top: 90px;
    padding-bottom: 40px;
}

.zf-green
{
    color: #68b604;
}

.btn-success
{
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled]
{
  background-color: #57a900;
}

.btn-success:active, .btn-success.active
{
  background-color: #57a900;
}

div.container a.brand {
    background: url("../images/icons/slo_logo24.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

.x-auto-resize
{
   font-family:Consolas, monospace;
}

.lined-table tr
{
	padding: 5px 0 5px 0;
	border-bottom: solid black 1px;
}

.lined-table thead tr
{
	text-align: left;
	border-bottom: solid black 3px;
}

.lined-table td, .lined-table th
{
	padding: 0 15px 0 5px;
}

div.data-list-input
{
	position: relative;
	height: 20px;
	margin-bottom: 10px;
	display: inline-flex;
	padding: 5px 0 5px 0;
}
select.data-list-input
{
	position: absolute;
	top: 5px;
	left: 0px;
	height: 20px;
	margin-bottom: 0;
}
input.data-list-input
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
}

div.search-list-input {
	position: relative;
	height: 20px;
	margin-bottom: 10px;
	display: inline-flex;
	padding: 5px 0 5px 0;
}

select.search-list-input {
	position: absolute;
	top: 5px;
	left: 0px;
	height: 20px;
	margin-bottom: 0;
}

input.search-list-input {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
}

div.form-item>label
{
	display:initial;
	margin-right: 5px;
}
div.form-item>label>span
{
	margin-right: 5px;
}

div.form-submit
{
	display: inline-block;
	margin-top: 30px;
}

div.form-info-message, div.form-error-message
{
	margin-bottom: 20px;
	padding-left: 30px;
}
div.form-info-message>label>span
{
	border: 2px solid gray;
	padding: 2px;
	background: lightgray;
}
div.form-error-message>label>span
{
	border: 2px solid red;
	padding: 2px;
	background: lightpink;
}

.input-file-upload
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.input-file-upload + label
{
	margin-left: 5px;
	padding: 4px 20px;
	font-weight: 700;
	color: white;
	background-color: rgb(73,73,73);
	display: inline-block;
	cursor: pointer;
}
.input-file-upload + label > svg
{
	fill: white;
}
.input-file-upload:focus + label,
.input-file-upload + label:hover
{
	background-color: rgb(107,28,28);
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.dataTables_wrapper
{
	padding-left: 5%;
	padding-right: 5%;
}

div.form-item .helpText
{
	display: none;
}

div.form-item:hover .helpText,
div.form-item:focus .helpText
{
    display: block;
    background-color: lightyellow;
    width: 80%;
    margin-left: 5%;
    padding: 5px 10px;
    border-radius: 15px;
    border: 2px solid yellow;
    margin-top: 10px;
    margin-bottom: 15px;
}

div.form-item legend
{
	margin-bottom: 5px;
	font-size: larger;
}