/* RESET browsers
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; }

/*
button {
  padding: 0; font: inherit; color: inherit; background-color: transparent;
}
*/
/*--------------------------------------------------------------
END RESET browsers */

/* General
-------------------------------------------------------------- */
body {
	font-family: 'Arial', sans-serif; font-weight: 400; color: #000000; font-size: 14px; line-height: 1.5em; background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; overflow-y: auto; }
img { height: auto; max-width: 100%; width: 100%; vertical-align: top; -ms-interpolation-mode: bicubic }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

html, body { height:100%; width:100%; }
body::-webkit-scrollbar {
	display: none;
}
body { overflow-x:hidden; }

input, select { font-family: Arial, sans-serif; font-size: 1em; font-weight: 400; color: #000000; padding:5px; }
strong { font-weight: 800; }
img { width:auto; height:auto; }

#global-wrapper {
	height:100%;
	width:100%;
	margin: 0 0 0 0;
	text-align:center;
}
	
:root {
	--blue: #336699;
	--darkblue: #4d577d;
	--red: #cc0000;
	--orange: #e37000;
	--green: #00aa00;
	--gray: #acacac;
	--violet: #b911cd;
	--beige: #bda372;
	--petrol: #69a7a9;
	--verylightgray: #e9e9e9;
	--lightgray: #cccccc;
	--darkgray: #999999;
	--neutral: #ffffff;
	--brown: #a18144;
	--paper: #fff9cf;
	--pink: #cea7a7;
	--yellow: #ebb100;
	--lightblue: #0bc3ff;
	--darkred: #cc2b00;
	--darkgreen: #549425;
}

.blue { color:var(--blue); }
.darkblue { color:var(--darkblue); }
.red { color:var(--red); }
.green { color:var(--green); }
.gray { color:var(--gray); }
.violet { color:var(--violet); }
.yellow { color:var(--yellow); }
.orange { color:var(--orange); }
.darkred { color:var(--darkred); }
.darkgreen { color:var(--darkgreen); }
.petrol { color:var(--petrol); }
.brown { color:var(--brown); }
.lightblue { color:var(--lightblue); }
.pink { color:var(--pink); }

.size15 { font-size:1.5em; }
.size13 { font-size:1.3em; }
.size11 { font-size:1.1em; }
.size10 { font-size:1em; }
.size9 { font-size:0.9em; }

.bold { font-weight:800; }
.underline { text-decoration:underline; }

.mtop10 { margin-top:10px; }
.mtop20 { margin-top:20px; }
.mtop50 { margin-top:50px; }
.mtop75 { margin-top:75px; }
.mtop100 { margin-top:100px; }


.table-center {
	width:auto;
	text-align:center;
	margin:auto;
}

td {
	padding-left:15px;
	padding-right:15px;
}

a.blue { color:var(--blue); }
a.blue:hover  { color:var(--orange); }


/*

.table-center-full {
	width:100%;
	text-align:center;
	margin:auto;
}
.table-center {
	width:300px;
	text-align:center;
	margin:auto;
}

.top50 {
	margin-top:50px;
}
.top100 {
	margin-top:100px;
}

table.list {
  border-collapse: collapse;
  vertical-align: middle;
}

td.list {
	border: 1px solid;
	border-color: #cccccc;
	padding: 5px;
	border-left:none;
	border-right:none;
	line-height:2em;
}

td.top {
	border-top: 2px solid;
	border-color: green;
}

td.bottom {
	border-bottom: 2px solid;
	border-color: green;
}

.padl20 {
	padding-left:20px;
}

.center {
	width: auto;
	margin:auto;
	text-align:center;
 }

.flexparent {
	text-align: center;
}
.flexchild {
  display: inline-block;
  vertical-align: bottom;
}

a.blue:hover  { color:var(--orange); }
a.red:hover  { color:var(--orange); }

.large { font-size:1.3em; }

.small { font-size:0.9em; }

.bold { font-weight:800; }

.click { cursor:pointer; text-decoration:underline; }
.click:hover { color:var(--orange); }


.mtop10 { margin-top:10px; }
.mtop20 { margin-top:20px; }
.mtop50 { margin-top:50px; }

.btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin: 0 0 0 5px;
	border: solid 1px black;
	border-radius: 5px;
	color: black;
	background-color: lightgray;
	font-weight:800;
	cursor: pointer;
	transition-duration: 0.2s;
	width:30px;
}
.btn:hover {
	color: black;	
	background-color: white;	
}

.button {
	border: none;
	cursor: pointer;
	transition-duration: 0.4s;
}
  
.button-green {
	color: white;
	background-color: var(--green);	
}
.button-green:hover {
	color: var(--green);	
	background-color: white;	
}

.button-red {
	color: white;
	background-color: var(--red);	
}
.button-red:hover {
	color: var(--red);	
	background-color: white;	
}

.del {
	font-weight: 800;
	cursor:pointer;
}

.chk, .chk2 {
}

*/