body {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	font-family: 'arial', sans-serif;
}

form {
	display: inline;}

input {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;}

input[type='checkbox'] {
	margin: 1px;
	vertical-align: middle;}

input[type='radio'] {
	margin: 1px;
	vertical-align: middle;}

input[type='text'] {
	border: 1px solid gray;}

input[type='password'] {
	border: 1px solid gray;}

input[type='file'] {
	border: 1px solid gray;}

select {
	margin: 0px;
	font-size: 8pt;}

textarea {
	font-family: 'arial', sans-serif;;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;}

/* effects */
.vreflection {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);}
.hreflection {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);}

.rrotate {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);}
.lrotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);}

/* messages */
.glstats {
	padding: 1px;
	color: teal;}
.glmsgok {
	padding: 1px;}
.glmsgok div:first-child {
	color: white;
	font-weight: bold;
	background-color: green;
	padding: 1px;}
.glmsgerr {
	padding: 1px;}
.glmsgerr div:first-child {
	color: white;
	font-weight: bold;
	background-color: red;
	padding: 1px;}
.glmsgwrn {
	padding: 1px;}
.glmsgwrn div:first-child {
	color: white;
	font-weight: bold;
	background-color: magenta;
	padding: 1px;}

/* results number */
.glres {
	background-color: #DDDDFF;
	color: blue;}

/* checkbox select all */
.glcheckall {}

/* wait */
.glwait {
	text-align: center;}
.glwait::before {
	content: "\00B7\00B7\00B7";}

/* tooltip titles */
.glttip {}
#glttip {
	position: absolute;
	border: 1px solid #303030;
	background-color: #F7F5D1;
	padding: 2px 5px;
	/* margin: 0px; */
	margin: 2em 0px;
	color: #303030;
	display: none;
	max-width: 50%;
	z-index: 10000 !important;}

/* popup */
.glpop {
	color: red;
	padding: 0px;
	cursor: pointer;
	font-weight: bold;}
.glpop:hover {
	color: #990000;}
.glpopcont{
	display: none;}
.glpopcls{
	display: none;}
#glpop {
	position: absolute;
	overflow: auto;
	border: 1px solid #B0B0B0;
	padding: 10px;
	background-color: white;
	margin: 0px auto 0px auto;
	padding: 0px;
	color: black;
	display: none;
	z-index: 2;}
#glpopcls{
	position: absolute;
	border: 1px solid #B0B0B0;
	border-bottom: none;
	background-color: red;
	color: white;
	font-size: larger;
	font-weight: bold;
	padding: 0px 4px;
	display: none;
	cursor: pointer;
	z-index: 3;}
#glpopcls:hover {
	background-color: #990000;}
#glpopprev{
	cursor: pointer;
	text-align: center;
	position: absolute;
	background-color: white;
	color: black;
	font-size: larger;
	font-weight: bold;
	z-index: 4;
	border: 1px solid black;
	opacity: 0.5;}
#glpopnext{
	cursor: pointer;
	text-align: center;
	position: absolute;
	background-color: white;
	color: black;
	font-size: larger;
	font-weight: bold;
	z-index: 4;
	border: 1px solid black;
	opacity: 0.5;}
#glpopbkgr{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: black;
	cursor: pointer;
	z-index: 1;
	opacity: 0.5;}
#glpopbkgr2{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: black;
	cursor: pointer;
	z-index: 1;
	opacity: 0.5;}

/* uploader */
.glupl{
	border: 1px dotted red;}
.gluplcont {
	position: absolute;
	width: 50%;
	margin: 10px;
	z-index: 2;}
.gluplstat{
	border: 1px solid white;
	background-color: silver;
	margin: 2px;
	padding: 0;
	color: white;
	font-weight: bold;
	text-align: right;}
.gluplstatp{
	position: absolute;
	background-color: teal;
	opacity: 0.5;
	text-align: left;}
.gluplondrag {background-color: yellow; color: yellow;}

/* container */
.glcon {
	background-color: white;
	border: 1px solid black;
	display: none;}
/* title */
.glcontit {
	background-color: #F0F0F0;
	border-bottom: 1px solid gray;
	padding: 1px;
	font-weight: bold;}
/* footer */
.glconfoo {
	background-color: #F0F0F0;
	border-top: 1px solid gray;
	padding: 1px;
	font-weight: bold;}
/* no border */
.glconnb {
	background-color: #F0F0F0;
	padding: 1px;
	font-weight: bold;}

/* button */
.glbtt {
	background-color: red;
	color: white;
	padding: 0px 4px;
	cursor: pointer;}
.glbtt:hover {
	background-color: #990000;}
.glbttd {	/* disabled */
	background-color: silver;
	color: gray;
	font-size: larger;
	padding: 0px 4px;}
/* button 2  */
.glbtt2 {
	color: red;
	padding: 0px;
	cursor: pointer;
	line-height: 100%;}
.glbtt2:hover {
	color: #990000;}
.glbtt2d {	/* disabled */
	color: #202020;
	padding: 0px;
	line-height: 100%;}
/* button with confirm */
.glbttc {
	background-color: red;
	color: white;
	font-size: larger;
	padding: 0px 4px 0px 4px;
	cursor: pointer;}
.glbttc:hover {
	background-color: #990000;}
.glbttc2 {
	color: red;
	padding: 0px;
	cursor: pointer;
	line-height: 100%;}
.glbttc2:hover {
	/* background-color: #990000; */
	color: #990000;}
/* button ajax */
.glbttaj {
	background-color: red;
	color: white;
	font-size: larger;
	padding: 0px 4px 0px 4px;
	cursor: pointer;}
.glbttaj:hover {
	background-color: #990000;}
/* button ajax 2 */
.glbttaj2 {
	color: red;
	padding: 0px;
	cursor: pointer;
	line-height: 100%;}
.glbttaj2:hover {
	color: #990000;}

/* result table */
.gltbl {
	width: 100%;
	border-collapse: separate;
	margin: 0px;
	padding: 1px;
	border-spacing: 1px 0px;}
/* th */
.gltbl th {
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	text-align: left;
	background-color: #DDDDFF;
	color: blue;}
.gltbl tfoot th {
	border-top: none;}
/* td */
.gltbl td {
	border-bottom: 1px solid red;
	cursor: pointer;
	background-color: #E0E0E0;
	vertical-align: top;}
/* td odd */
.gltblodd td {
	background-color: #F0F0F0;}
/* td selected */
.gltblsel td {
	background-color: gray;
	color: white;}
/* td selected ajax */
.gltblsel2 td {
	background-color: gray;
	color: white;}
/* td checked */
.gltblchk td {
	background-color: #CCCCFF;
	color: black;}
/* td non selectable */
td.gltblexc {
	background-color: #F0F0F0;
	color: black;
	cursor: auto;}
/* th non selectable */
th.gltblexc {
		background-color: white;
		color: black;
		cursor: auto;
		border-top: none;
		border-bottom: 1px solid blue;}
/* tr no post  */
tr.gltblna {}

/* details table */
.gmtbl {
	border-collapse: separate;
	margin: 0px;
	padding: 1px;}
.gmtbl th {
	text-align: right;}

/* contextual drop down menu */
.glddm {
	border: 1px solid red;
	background-color: white;
	cursor: pointer;
	position: absolute;}
.glddmc {
	display: none;
	padding: 5px;
	border-top: 1px solid silver;}
.glddmc div {
	padding: 2px;}
.glddms {
	margin: 2px;
	padding: 0;
	border-top: 1px solid silver;}

/* cookie confirm banner */
#glcookieconf{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding: 0px;
	border-bottom: 1px solid gray;
	background-color: #FFFFFF;
	color: black;
	z-index: 10;
	display: none;
	cursor: pointer;
	padding: 10px;
	font-size: larger;}