@charset "UTF-8";

html
{
    height:100%;

    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
body
{
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	color: #FFFFFF;

    height: 100%;
}

img
{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}
.imgbox img
{
	max-width: 100%;
}
input[type=radio],
input[type=checkbox]
{
	vertical-align: baseline;
}
label
{
	cursor: pointer;
}
button {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	line-height: 0;
	overflow: visible;
	outline: none;
	cursor: pointer;
	vertical-align: inherit;
}
button,
input[type=button],
input[type=image],
input[type=submit],
input[type=reset]
{
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
	user-select: none; /* Standard syntax */
	cursor: pointer;
}
button:hover,
input[type=button]:hover,
input[type=image]:hover,
input[type=submit]:hover,
input[type=reset]:hover
{
	opacity: 0.75;
}
button.inactive,
input[type=button].inactive,
input[type=image].inactive,
input[type=submit].inactive,
input[type=reset].inactive
{
	cursor: default !important;
	pointer-events: none;
	opacity: 0.5;
}

a
{
	color: #0099FF;
	text-decoration: none;
}
a:hover, a:focus
{
	color: #00CCCC;
	text-decoration: underline;
}
tr, thead, tbody
{
	position: relative;
}
option
{
	overflow: hidden;
}


::-webkit-input-placeholder
{
	color: #99CC99;
}
::-moz-placeholder
{
	color: #99CC99;
}
::-ms-placeholder
{
	color: #99CC99;
}
::placeholder
{
	color: #99CC99;
}
.datepicker
{
	position: relative;
/*
	top: -8px;
*/
	max-width: 130px;
}
.ui-datepicker-trigger
{
	border: none;
	position: relative;
	margin: 4px;
}

#wrapper
{
	position: relative;
	width: 90%;
	margin: 0px 5%;
}
#main
{
	position: relative;
	min-height: calc(100vh - 40px);
	padding-bottom: 40px;
	background-color: rgba(0,0,0,0.5);
}
.header,
body:not(.login) #footer
{
	background-color: rgba(0,0,0,0.9);
}

#footer
{
	height: 20px;
	padding: 10px 20px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.copyright
{
	text-align: right;
	font-size: 12px;
	color: #999999;
}
@media all and (max-width: 767px)
{
	#wrapper
	{
		width: 98%;
		margin: 0px 1%;
	}
}





.warn
{
	color: #CC3333;
}

.clear
{
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin: 0px;
}

@media all and (max-width: 767px)
{
	.pconly
	{
		display: none !important;
	}
}
@media all and (min-width: 768px)
{
	.mbonly
	{
		display: none !important;
	}
}