html, body { height: 97%;padding: 10px; }
a {
	text-decoration: none;
	/*color:black;*/
}
header{
	margin:auto;
	text-align:center;
}
header p {
	font-size:1.2em;
	margin-top:-5px;
}
header #logo {
	position: absolute;
	left: 90px;
	width:80px;
}
header h1 {
	margin-top:30px;
}
#RequieredFieldLabel {
	margin-bottom:10px;
	text-align:center;
	font-size:0.9em;
}
section {
	margin-top:40px;
	min-height:80%;
}
section #content p{
	font-size: 1em;
	margin:auto;
	margin-top:3%;
	width:80%;
	text-align:center;
}
.sortable li {
	display:flex;
}
.dv_left {
	width:50%;
	display:block;
	float:left;
}
.dv_right {
	width:45%;
	display:block;
	float:right;
}
#loading {
	width:100%;
	margin-top: 10%;
	left:0px;
    position: fixed;
	text-align: center;
	z-index:10;
}
#loading  > div {
	background-color: white;
	width: 150px;
	margin: auto;
	border: 1px solid grey;
	border-radius: 15px;
}


/*** Validation INPUT ***/
input {
	border-style:solid;
	border-color:lightgrey;
	margin-bottom:2px;
}
input[type=tel] {
	width:100px;
}
input[type=email] {
	width:210px;
}
input[type=date] {
	width:135px;
}
input[type=number] {
	width:50px;
}

textarea {
	border-style:solid;
	border-color:lightgrey;
}

select {
	border-style:solid;
	border-color:lightgrey;
}
input:required:invalid {
	background-image: url(/images/required.png);
	background-position: right 5px;
	background-repeat: no-repeat;
}
input:focus:invalid {
	background-image: url(/images/invalid.png);
	background-position: right top;
	background-repeat: no-repeat;
}
input:required:valid {
	background-image: url(/images/valid.png);
	background-position: right 3px;
	background-repeat: no-repeat;
}
select:required:invalid {
    background-image: url(/images/required.png);
    background-position: 83% 5px;
    background-repeat: no-repeat;
}
select:required:valid {
	background-image: url(/images/valid.png);
	background-position: 84% 3px;
	background-repeat: no-repeat;
}
.LabelColumn {
	text-align:right;
	white-space: nowrap;
	vertical-align:middle;
}
.LabelData {
	text-align:left;
	white-space: nowrap;
	vertical-align:middle;
}
.button {
    border: 1px solid #989898;
    border-radius: 5px;
	cursor:pointer;
	height:28px;
	min-width:90px;
	margin-top: 10px;
}
.ItemPage {
	font-size:1.3em;
	margin-bottom:10px;
	text-align: center;
	font-weight:bold;
}
#toosmall {
	margin-top:15%;
	text-align:center;
	display:none;
}

/******** Footer *********/
footer {
	text-align:center;
	font-size:0.8em;
	color: #696969;
    position: relative;
    bottom: 0;
    width: 98%;
}



/*  JQuery Dialog   */
.gfo-dialog .ui-dialog-titlebar {
    text-align: center;
    font-size: 0.8em;
    padding: 0 !important;
	display: none;
}
.gfo-dialog .ui-dialog-buttonpane {
	margin-top:0px !important;
	padding-right: 2px !important;
	border-width:0px !important;
}
.gfo-dialog .ui-button {
    border: 1px solid #989898 !important;
    border-radius: 5px !important;
	padding: .2em 1em;
	width:90px;
}
.gfo-dialog .ui-dialog-buttonset {
	float:none !important;
	text-align:center;
	font-size:0.9em;
}

@media screen and (max-width: 1024px) {
	/******** Header *********/
	header #logo {
		position: absolute;
		left: 10px;
		width: 80px;
	}
	header h1 {
		margin-top: unset;
	}
	/******** Footer *********/
	footer {
		bottom: auto;
	}
}
@media screen and (max-width: 1265px) {
	.sortable li {
		display:block;
	}
	.dv_left {
		width:100%;
		display:block;
		float:unset;
	}
	.dv_right {
		width:100%;
		display:block;
		float:unset;
	}
}
@media screen and (max-width: 740px) {
	/******** Header *********/
	header #logo {
		display: none;
	}
	header h1 {
		margin-top: unset;
		font-size:1.3rem;
	}
}