@charset "utf-8";
@font-face {
	font-family: 'pgvimregular';
	src: url('../fonts/pgvim-webfont.eot');
	src: url('../fonts/pgvim-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/pgvim-webfont.woff2') format('woff2'),
		 url('../fonts/pgvim-webfont.woff') format('woff'),
		 url('../fonts/pgvim-webfont.ttf') format('truetype'),
		 url('../fonts/pgvim-webfont.svg#pgvimregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.10em;
	color: #141414;
}
.msg.warning {
	display: block;
	width: 100%;
	margin: 5px auto;
	padding: 5px;
	color: red;
	font-size: .875em;
}
#xwrapper {
	min-height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: #F7F7F7;
}
#xheader {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	border-bottom: 1px solid #07A18C;
	background: #f4f4f4;
	/*
	background: -moz-linear-gradient(top, #05A38F 0%, #188B69 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05A38F), color-stop(100%, #188B69));
	background: -webkit-linear-gradient(top, #05A38F 0%, #188B69 100%);
	background: -o-linear-gradient(top, #05A38F 0%, #188B69 100%);
	background: -ms-linear-gradient(top, #05A38F 0%, #188B69 100%);
	background: linear-gradient(to bottom, #05A38F 0%, #188B69 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#05A38F', EndColorStr='#188B69', GradientType=0);
	*/
}
#xcontents {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 40px; /* Height of the footer element */
}
#xcontent {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#xfooter {
	background: #3E958C;
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#xheader:after, #xcontents:after, #xcontent:after {
	content: '';
	display: block;
	clear: both;
}
#xheader > div {
	width: 10%;
	height: 100%;
	float: left;
}
#xheader > div + div {
	width: 66%;
	height: 134px;
	float: left;
}
#xheader > div + div + div {
	width: 20%;
	height: 130px;
	float: left;
	position: relative;
	font-size: .875em;
}
#xheader > div > img {
	margin: 8px 0 0 24px;
}
#xheader > div + div > h1 {
	margin: 28px 0 0 0;
	font-size: 3em;
	line-height: 1em;
	font-family: 'pgvimregular';
	text-shadow: 2px 2px 1px #ffffff, 3px 3px 5px #f1f1f1;
	color: #0068B3;
}
#xheader > div + div > h1 + div {
	margin: 4px 0 0 0;
	font-family: 'pgvimregular';
	font-size: 1.875em;
	text-shadow: 1px 1px 1px #f4f4f4, 2px 2px 3px #fff;
	color: #0068B3;
}
.usr-info {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 5px 10px 8px;
	min-width: 80%;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: .875em;
	color: #056839;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	-o-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	text-shadow: 1px 1px 1px #fff;
	background: #fff;
}
.usr-info span {
	color: #0E7AC3;
}
.app-ver {
	position: absolute;
	bottom: 2px;
	left: 0;
	color: #ccc;
}
#xfooter > span {
	width: 100%;
	padding-top: 10px;
	display: inline-block;
	text-align: center;
	color: #f4f4f4;
	font-size: .875em;
	text-shadow: 2px 2px 3px #000;
}
/* Login Style */
#login-wrapper {
	width: 100%;
	margin: 0;
	padding: 30px 0;
}
.box-login {
	width: 460px;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
	background: #f4f4f4;
	border: 1px solid #129274;
	border-top: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 1px;
	-webkit-box-shadow: rgba(0,0,0,0.15) 0 0 1px;
	box-shadow: rgba(0,0,0,0.15) 2px 2px 2px;
	overflow: hidden;
}
.box-login div {
	border: none;
}
.box-login h1 {
	width: 100%;
	height: 20px;
	margin: 1px 0 0 0;
	padding: 18px 0 16px 6px;
	font-size: 1.10em;
	text-shadow: 1px 2px 1px #01998A;
	color: #fff;
	border-bottom: 1px solid #ccc;
	background: #198966;
	background: -moz-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #198966), color-stop(100%, #01A896));
	background: -webkit-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -o-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -ms-linear-gradient(top, #198966 0%, #01A896 100%);
	background: linear-gradient(to bottom, #198966 0%, #01A896 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#198966', EndColorStr='#01A896', GradientType=0);
}
.box-login h1 i {
	display: inline-block;
	padding: 0 6px;
}
.box-login form {
	margin: 0;
	padding: 0 0 10px 0;
	overflow: hidden;
}
.box-login dl {
	margin: 10px 0 10px 60px;
	padding: 10px 0px;
}
.box-login dl dt label {
	display: block;
	margin: 10px 0 0 6px;
	color: #056839;
	font-size: .875em;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #ccc;
}
.box-login dl dd {
	margin: 0;
	padding: 0;
}
.box-login dl dd input[type=text],
.box-login dl dd input[type=password] {
	margin: 3px 0 4px;
	padding: 8px 6px;
	width: 310px;
	display: block;
	color: #07A08B;
	border: 6px solid #F7F9FA;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
}
.box-login dl dd input[type=text]:focus,
.box-login dl dd input[type=password]:focus {
	border: 6px solid #FCF1D4;
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color: #0A53B9;

}

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
	margin: 0;
	padding: 0;
	position: relative;
}
#cssmenu {
	margin: 0 auto;
	padding-left: 60px;
	height: 3em;
	overflow: hidden;
	font-size: 1em;
	background: #198966;
	background: -moz-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #198966), color-stop(100%, #01A896));
	background: -webkit-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -o-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -ms-linear-gradient(top, #198966 0%, #01A896 100%);
	background: linear-gradient(to bottom, #198966 0%, #01A896 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#198966', EndColorStr='#01A896', GradientType=0);
	border-bottom: 1px solid #fff;
}
#cssmenu:after, #cssmenu ul:after {
	content: '';
	display: block;
	clear: both;
}
#cssmenu ul {
	list-style: none;
}
#cssmenu > ul {
	float: left;
}
#cssmenu > ul > li {
	float: left;
}
#cssmenu > ul > li:hover:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #1BBC9B;
	margin-left: -10px;
}
#cssmenu ul li a {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 3em;
	text-shadow: 1px 2px 1px #01998A;
	text-decoration: none;
	background: #198966;
	background: -moz-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #198966), color-stop(100%, #01A896));
	background: -webkit-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -o-linear-gradient(top, #198966 0%, #01A896 100%);
	background: -ms-linear-gradient(top, #198966 0%, #01A896 100%);
	background: linear-gradient(to bottom, #198966 0%, #01A896 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#198966', EndColorStr='#01A896', GradientType=0);
}
#cssmenu > ul > li.active > a {
	box-shadow: inset 0 0 3px #000000;
	-moz-box-shadow: inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	background: #1BBC9B;
	background: -moz-linear-gradient(top, #1BBC9B 0%, #070707 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1BBC9B), color-stop(100%, #070707));
	background: -webkit-linear-gradient(top, #1BBC9B 0%, #070707 100%);
	background: -o-linear-gradient(top, #1BBC9B 0%, #070707 100%);
	background: -ms-linear-gradient(top, #1BBC9B 0%, #070707 100%);
	background: linear-gradient(to bottom, #1BBC9B 0%, #070707 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#1BBC9B', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
	background: #1DA076;
}
#cssmenu .has-sub {
	z-index: 1;
}
#cssmenu .has-sub:hover > ul {
	display: block;
}
#cssmenu .has-sub ul {
	display: none;
	position: absolute;
	width: 250px;
	top: 100%;
	left: 0;
}
#cssmenu .has-sub ul li {
	margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
	background: #1BBC9B;
	border-bottom: 1px dotted #aad06d;
	filter: none;
	font-size: .875em;
	display: block;
	line-height: 120%;
	padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
	color: #FAD160;
	background: #1A8B67;
}
#cssmenu .has-sub .has-sub:hover > ul {
	display: block;
}
#cssmenu .has-sub .has-sub ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
	color: #f1f1f1;
	background: #16A086;
	border-bottom: 1px dotted #97b36b;
}
#cssmenu .has-sub .has-sub ul li a:hover {
	color: #0D562B;
	background: #1CBB9F;
}
span[class='has-sub-arrow'] > i[class^="fa fa"] {
	display: inline-block;
	width: 20px;
	float: right;
}
span[class='has-sub-arrow'] > i[class^="fa fa"]:after {
	content: '';
	display: block;
	clear: both;
}

/* tonn design */
/* modal */
.hide { display: none; }
.active { display: block;}
.show-modal { margin: auto 1.2em;}
.show-modal, .hide-modal {
	display: block;
	line-height: 2.6em;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
}
.show-modal { background-color: #6BD289;}
.hide-modal { background-color: #D76466;}
[id="modal"] {
	top: 0;
	bottom: 0;
	position: fixed;
	padding: 1.2em;
	box-sizing: border-box;
	z-index: 1;
}
[id="modal"]:before, [id="modal"]:after {
	content: ' ';
	display: block;
}
[id="modal"]:before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	z-index: -1;
}
[id="modal"]:after {
	position: absolute;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}
@media screen and (min-width: 1024px) {
	.show-modal, .hide-modal {
		width: 210px;
		margin: 0 auto;
	}
	[id="modal"] {
		top: 20px;
		bottom: auto;
		width: 840px;
		left: 43%;
		margin-left: -300px;
	}
}
.modal-h1 {
	width: 100%;
	text-align: center;
	font-size: 1.20em;
	color: blue;
	text-shadow: 1px 1px 1px #fff;
	text-decoration: none;
}
.modal-h2, .modal-h3 {
	width: 100%;
	text-align: center;
	font-size: 1em;
	color: red;
}
.modal-h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: .875em;
}
.modal-ct {
	padding-bottom: 10px;
}
.modal-ct p {
	font-size: .80em;
	text-indent: 50px;
}
/* form */
form.frm-main {
	width: 98%;
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: .875em;
}
form.frm-main > fieldset {
	margin: 1em auto;
	padding: 1em;
	border: 1px solid #96C7A9;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}
form.frm-main > fieldset > legend {
	margin: 0;
	padding: 5px;
	/* border: 1px solid #01A896; */
	border: none;
	width: auto!important;
	color: #1874C1;
	font-size: 1em;
	font-weight: 600;
	text-shadow: 1px 1px 1px #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
form.frm-main > fieldset > legend span {
	color: #F50065;
}
form.frm-main label {
	color: #056839;
	text-shadow: 1px 1px 1px #fff;
}
form.frm-main input[type='text'],
form.frm-main select,
form.frm-main textarea {
	margin: 0;
	padding: 6px 4px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
form.frm-main input[type='text'],
form.frm-main select {
	color: #444;
}
form.frm-main input[type='text']:focus, form.frm-main textarea:focus {
	box-shadow: 0 0 5px rgba(221, 64, 117, 1);
	border: 1px solid rgba(221, 64, 117, 1);
}
form.frm-main input[type='submit'], button {
	cursor: pointer;
}
form.frm-main textarea {
	height: 100px;
	min-height: 100px;
	color: #444466;
}
.boe-btn {
	display: inline-block;
	margin: 0;
	padding: 10px 18px;
	-webkit-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	-moz-box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	box-shadow: rgba(0,0,0,0.0.1) 0 1px 0 0;
	border: 1px solid #f4f4f4;
	font-size: 1em;
	font-weight: 700;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
a.boe-btn {
	text-decoration: none;
}
a.boe-btn:hover {
	text-decoration: none;
}
.btn-box-inline {
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
}
.btn-box-inline dt {
	float: left;
}
.btn-box-inline dd {
	float: left;
}
.btn-box-inline:after {
	content: "";
	display: block;
	cleat: both;
}
.field-short {
	width: 30%;
}
.field-middle {
	width: 60%;
}
.field-long {
	width: 90%;
}
form.frm-main table tr td {
	padding-top: 12px;
}
form.frm-main table tr td:first-child {
	padding-top: 0;
}
form.frm-main table td dt, form.frm-main ul li dt {
	margin-bottom: 5px;
}

form.frm-main table td dd, form.frm-main ul li dd {
	margin: 0;
	padding: 0;
}

form.frm-main select {
	width: 100%;
	padding-right: 20px;
	/*background: url('images/br_down.png') no-repeat right, -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%);*/
	/*background: url('images/br_down.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff));*/
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';

}
form.frm-main select {
	height: 30px;
}
form.frm-main select[multiple] {
	height: auto;
}
form.frm-main select:not([multiple]) {
	height: 30px;
}

form.frm-main table {
	width: 98%;
	border: none;
	border-collapse: collapse;
}
form.frm-main table tr td {
	margin: 0 15px;
}
::-webkit-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
}
:-ms-input-placeholder {
	color: #999;
}

/* link */
a[class^=lnk] {
	text-decoration: none;
}
a[class^=lnk]:hover {
	color: #D5365E;
	text-decoration: underline;
}
.lnk-df {
	color: #149071;
}
.lnk-df:hover {
	color: #D5365E;
}
.lnk-blue {
	color: #024DFE;
}
.lnk-blue:hover {
	color: #D5365E;
}
.lnk-violet {
	color: #7840BD;
}
.lnk-violet:hover {
	color: #FB1657;
}
.lnk-red {
	color: #FB174C;
}
.lnk-red:hover {
	color: #F30117;
}
.lnk-org {
	color: #F97300;
}
.lnk-org:hover {
	color: #DE312B;
}
.tbd {
	font-weight: bold;
}
.trt {
	text-align: right;
}
.tct {
	text-align: center;
}
.tlt {
	text-align: left;
}
.color-red {
	color: red;;
}
.color-redb {
	color: #E63E0F;
}
.color-x {
	color: #306843;
}
.color-green {
	color: #417D01;
}
.color-greenx {
	color: #879A62;
}
.color-greenx:hover {
	color: red;
}
.color-greenb {
	color: #1BBC9B;
}
.color-blue {
	color: #0465C2;
}
.color-bluea {
	color: #4197A6;
}
.color-violet {
	color: #913CCD;
}
.color-pink {
	color: #C6016D;
}
.color-orange {
	color: #FF7200;
}
.color-orangea {
	color: #D66601;
}
.color-mustad {
	color: #B88E20;
}
.color-mocha {
	color: #6E3A3E;
}
.color-bluec {
	color: #447D9B;
}
.color-bluee {
	color: #0098AF;
}
.color-browna {
	color: #A54D65;
}
.color-white {
	color: white;
}
.color-yellowa {
	color: #FDDF5B;
}
.color-yellowb {
	color: #FFA759;
}
.underline {
	text-decoration: underline;
}
.greena {
	background: #E6F6D2;
}
.greenb {
	background: #f4f4f4;
}
.greenx {
	background: #3EC3AB;
}
.greenc {
	background: #0D9E91;
}
.violetx {
	background: #A267B9!important;
}
.whitex {
	background: #FFF;
}
.bluea {
	background: #324A8A;
}
.blueb {
	background: #87B3CC;
}
.bluec {
	background: #D7EBEA;
}
.bluex {
	background: #00B2CC;
}
.pinka {
	background: #FFEBED;
}
.pinkb {
	background: #EB93BD;
}
.yellowa {
	background: #FFEE1A!important;
}
.font875 {
	font-size: .875em!important;
}
.font80 {
	font-size: .80em!important;
}
/* button */
.bg-green {
	background: #34A853;
}
.bg-green:hover {
	background: #81B455;
}
.bg-red {
	background: #DE4F41;
}
.bg-red:hover {
	background: #FF8230;
}
.bg-blue {
	background: #5B74A8;;
}
.bg-blue:hover {
	background: #2B80B9;
}
.bg-bluea {
	background: #00A1E0;
}
.bg-bluea:hover {
	background: #4498C8;
}


/* ul event element */
ul.ui-event,
ul.ui-event-mid,
ul.ui-event-long,
ul.ul-df,
ul.ui-lab {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.ui-event:after,
ul.ui-event-mid:after,
ul.ui-event-long:after,
ul.ul-df:after {
	content: '';
	display: block;
	clear: both;
}
ul.ui-event li,
ul.ui-event-mid li,
ul.ui-event-long li {
	display: inline-block;
	width: 23%;
	margin: 0 0 14px 20px;
	vertical-align: top;
	font-size: .875em;
}
ul.ui-event li dt label,
ul.ui-event-mid li dt label,
ul.ui-event-long li dt label {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}
ul.ui-event-mid li {
	width: 30%;
}
ul.ui-event-long li {
	width: 50%;
}
ul.ul-df li {
	display: block;
	margin: 2px 10px;
	padding: 8px 0 0 0;
	font-size: .875em;
}
.ui-lab li {
	margin: 5px 0;
}
.short {
	width: 30%!important;
}
.mid {
	width: 60%!important;
}
.long {
	width: 90%!important;
}
textarea.editor, div.editor, span.editor {
	height: 110px;
	min-height: 110px;
}
i[class^="fa fa"] {
	display: inline-block;
	padding: 0 5px;
}

table {
	width: 98%;
	border: none;
	border-collapse: collapse;
}
a.calendar-days {
	font-size: 1.475em;
	color: #005FBF;
	text-decoration: none;
	display: block;
	text-shadow: 4px 2px 4px #fff;
}
a.calendar-days:hover {
	color: #00A1E0;
}
a.calendar-days > img {
	margin-right: 8px;
}
a.event-list {
	margin-left: 10px;
	padding-left: 10px;
	font-size: 9px !important;
	line-height: 1.675em;
	display: block;
	text-decoration: none;
}
a.event-list:hover {
	color: #F50057;
	text-decoration: none;
}
.color-today {
	background-color: #00ffff;
}
.color-other-day {
	background-color: #EBF7FB;
}
.tbl-calendar {
	width: 98%;
	margin: 1em auto;
	padding: 1em;
	border: solid 1px #dadada;
	border-collapse: collapse;
	/* background-color: #8CBE82; */
}
.tbl-calendar th {
	width: 14%;
	height: 2.22em;
	vertical-align: middle;
	text-align: center;
	color: #f4f4f4;
	text-shadow: 1px 1px 1px #000;
	border: 1px solid #fff;
}
table.gd-color-violet th {
	background: #4EA0CD;
	/*
	background: -moz-linear-gradient(top, #9142AB 0%, #AF91E9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9142AB), color-stop(100%, #AF91E9));
	background: -webkit-linear-gradient(top, #9142AB 0%, #AF91E9 100%);
	background: -o-linear-gradient(top, #9142AB 0%, #AF91E9 100%);
	background: -ms-linear-gradient(top, #9142AB 0%, #AF91E9 100%);
	background: linear-gradient(to bottom, #9142AB 0%, #AF91E9 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#9142AB', EndColorStr='#AF91E9', GradientType=0);
	*/
}
table.gd-color-green th {
	background: #20A69D;
	/* background: -moz-linear-gradient(top, #0A9C84 0%, #1DA076 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0A9C84), color-stop(100%, #1DA076));
	background: -webkit-linear-gradient(top, #0A9C84 0%, #1DA076 100%);
	background: -o-linear-gradient(top, #0A9C84 0%, #1DA076 100%);
	background: -ms-linear-gradient(top, #0A9C84 0%, #1DA076 100%);
	background: linear-gradient(to bottom, #0A9C84 0%, #1DA076 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0A9C84', EndColorStr='#1DA076', GradientType=0);
	*/
}
table.gd-color-brown th {
	background: #B9514D;
	/*
	background: -moz-linear-gradient(top, #F2635F 0%, #F37A5B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2635F), color-stop(100%, #F37A5B));
	background: -webkit-linear-gradient(top, #F2635F 0%, #F37A5B 100%);
	background: -o-linear-gradient(top, #F2635F 0%, #F37A5B 100%);
	background: -ms-linear-gradient(top, #F2635F 0%, #F37A5B 100%);
	background: linear-gradient(to bottom, #F2635F 0%, #F37A5B 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F2635F', EndColorStr='#F37A5B', GradientType=0);
	*/
}
.tbl-calendar tr td {
	padding: 20px 10px;
	vertical-align: top;
	border: 1px solid #fff;
	text-align: left;
	font-size: .875em;
	color: #bbb;
}
.tbl-calendar tr td > div {
	min-height: 100px;
}
.tbl-calendar tr:nth-child(even) {
	 background: #DBF3FB;
}
.tbl-calendar tr:nth-child(odd) {
	background:  #DBF3FB;
}
ul.calendar-search {
	margin: 0;
	padding: 0;
	font-size: 1em;
	list-style-type: none;
}
ul.calendar-search li {
	margin: 0 5px;
	display: inline-block;
}
ul.calendar-search select {
	width: 120px;
}
.calendar-search-btn {
	display: inline-block;
	margin: 0;
	padding: 5px 8px;
	min-width: 80px;
	-webkit-box-shadow: 1px 1px 1px #58B7F5;
	-moz-box-shadow: 1px 1px 1px #58B7F5;
	box-shadow: 1px 1px 1px #58B7F5;
	border: 1px solid #00A1E0;
	font-size: 1em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.event-box {
	width: 96%;
	min-height: 200px;
	margin: 16px auto;
	padding: 10px;
	overflow: hidden;
	font-size: 1em;
	border: 1px solid #168D6D;
	border-collapse: collapse;
	background: #fff;
}
.show-box {
	width: 96%;
	min-height: 200px;
	margin: 16px auto;
	padding: 10px;
	overflow: hidden;
	font-size: 1em;
	border: 1px solid #168D6D;
	border-collapse: collapse;
}
.event-box h1, .show-box h1 {
	margin: 25px 0 10px 20px;
	padding: 0;
	font-size: .875em;
	text-shadow: 1px 1px 0px #fff;
	color: #1874D4;
}
.event-box h1 > span, .show-box h1 > span {
	display: inline-block;
	padding: 6px;
	font-size: 1.10em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #158E6E;
	box-shadow: 2px 2px 1px #bbb;
	background: #BADACB;
}
.tbl-view-event tr:nth-child(even) {
	border-bottom: 1px dotted #ccc;
}
.tbl-view-event tr td {
	padding: 0 15px 10px 30px;
	font-size: .80em;
	line-height: 1.875em;
	color: #223F45;
}
.tbl-view-event tr[class=event-lbl] td {
	padding: 10px 0 4px 10px;
	color: #056839;
	text-shadow: 1px 1px 0px #fff;
}
table.tbl {
	margin: 20px;
	color: #666;
	font-size: .875em;
	text-shadow: 1px 1px 0px #fff;
	background: #eaebec;
	border: #ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table.tbl a {
	text-decoration: none;
}
table.tbl a:hover {
	text-decoration: none;
}
table.tbl th {
	padding: 21px 25px 22px 25px;
	border-top: 1px solid #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #ccc;
	color: #fff;
	text-shadow: 1px 1px 0px #16553C;
}
table.tbl th:first-child {
	text-align: left;
	padding-left: 20px;
}
table.tbl tr:first-child th:first-child {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
table.tbl tr:first-child th:last-child {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
table.tbl tr {
	text-align: center;
	padding-left: 20px;
}
table.tbl td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.tbl td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	font-size: .875em;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.tbl tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.tbl tr:last-child td {
	border-bottom:0;
}
table.tbl tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.tbl tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.tbl tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
table h2 {
	font-size: 1.10em;
	font-weight: 600;
	color: #FF3345;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px solid #00B2CC;
}
.td-btn {
	padding: 6px 0!important;
}
.td-btn a {
	margin-right: 8px;
}
.btn-sm {
	display: inline-block;
	border-radius: 4px;
	padding: 2px;
}
.btn-inline {
	margin: 0;
	padding: 0;
}
.btnLogin {
	float: right;
	margin-right: 70px;
	padding: 7px 21px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #D76466;
	background: -moz-linear-gradient(top, #D76466, #F27768);
	background: -webkit-gradient(linear, left top, left bottom, from(#D76466), to(#F27768));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D76466', EndColorStr='#F27768')";
	border: 1px solid #ffffff !important;
	cursor: pointer;
	text-shadow: 1px 1px 1px #0E987E;
	text-transform: uppercase;
	color: #fff;
	-moz-box-shadow: inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
	box-shadow: inset rgba(255,255,255,0.6) 0 1px 1px, rgba(0,0,0,0.1) 0 1px 1px;
}
.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active {
	background: #E25B58;
	background: -moz-linear-gradient(top, #F27768, #D76466);
	background: -webkit-gradient(linear, left top, left bottom, from(#F27768), to(#D76466));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F27768', EndColorStr='#D76466')";
	color: #f1f1f1;
	text-shadow: 1px 1px 1px #000;
}
.btnLogin:after {
	content: '';
	display: block;
	clear: both;
}
.df-btn {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #F49C16;
	background: -moz-linear-gradient(top, #2FA3D4, #50C9DE);
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#badff3), to(#7acbed));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#badff3', EndColorStr='#7acbed')";
	border: 1px solid #7db0cc !important;
	cursor: pointer;
	text-shadow:rgba(0,0,0,0.2) 0 1px 0px;
	*/
	color: #fff;
	-moz-box-shadow: inset rgba(218,255,102,0.6) 0 1px 1px, rgba(253,233,51,0.1) 0 1px 1px;
	-webkit-box-shadow: inset rgba(218,255,102,0.6) 0 1px 1px, rgba(253,233,51,0.1) 0 1px 1px;
	box-shadow: inset rgba(218,255,102,0.6) 0 1px 1px, rgba(253,233,51,0.1) 0 1px 1px;
}
.df-btn:hover,
.df-btn:focus,
.df-btn:active {
	background:#a1d8f0;
	background:-moz-linear-gradient(top, #7acbed, #badff3);
	background:-webkit-gradient(linear, left top, left bottom, from(#7acbed), to(#badff3));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7acbed', EndColorStr='#badff3')";
}
.df-btn:active {
	text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}
/* search-box */
.search-box,
.search-filter,
.search-short-summary,
.search-result,
.df-content {
	width: 98%;
	margin: 5px auto;
	font-size: 1em;
}
.search-box ul {
	margin: 0 0 16px 0;
	padding: 0;
	list-style: none;
}
.search-box ul:after {
	content: '';
	display: block;
	clear: both;
}
.search-box ul li {
	display: inline;
	float: left;
	margin: 0 5px;
}
/* search filter */
.search-filter ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
.search-filter h1 {
	font-size: .875em;
	color: #E2012B;
	text-shadow: 1px 1px 0px #fff;
}
.search-filter ul li {
	display: inline;
	margin: 0 4px;
	font-size: .80em;
	color: #056839;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
}
.search-filter span {
	display: inline-block;
	padding: 0 6px;
	color: #F50065;
	font-weight: normal;
	border-bottom: 1px solid #7ECAC0;
}
.search-filter p {
	margin: 0;
	padding: 0 4px;
	font-size: .80em;
	line-height: 2em;
	color: #056839;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
}
/* search short summary */
.search-short-summary h1 {
	font-size: .875em;
	color: #E2012B;
	text-shadow: 1px 1px 0px #fff;
}
.search-short-summary ul {
	margin: 0;
	padding: 5px 20px;
	list-style: none;
}
.search-short-summary ul:after {
	content: '';
	display: block;
	clear: both;
}
.search-short-summary ul li {
	float: left;
	margin-right: 4px;
	font-size: .875em;
}

.search-short-summary ul li span {
	display: inline-block;
	padding: 0 5px;
	color: red;
}
/* search result */
.search-result table {
	font-size: .875em;
}
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
	padding: 5px 0;
	font-size: .875em;
}
.search-result table th {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #fff;
	border-left: none;
	font-size: .875em;
	background: #109477;
}
.search-result table td {
	color: #3B4837;
	font-size: .875em;
}
.search-result table td span {
	display: block;
	
}
.search-result table td[class=lab-exam] span {
	display: inline-block;
}
.export-box {
	width: 100%;
	margin: 5px auto;
	font-size: 1em;
}
/* lab exam */
.lab-exam > div {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #fff;
}
/* chart box */
.chart-box {
	width: 90%;
	margin: 0 auto;
	padding: 5px;
	height: 400px;
	min-height: 400px;
	/* -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #96C7A9;
	 background: #BADED2; */
}
.map-box {
	width: 96%;
	margin: 0 auto;
	padding: 5px;
	height: 650px;
	min-height: 650px;
	border: 1px solid #109579;
}
.map-event {
	width: 99%;
	margin: 0 auto;
	padding: 5px;
	height: 300px;
	min-height: 300px;
	border: 1px solid #109579;
}
.df-content > h1 {
	padding-left: 30px;
	font-size: .875em;
	color: #1874D4;
	text-shadow: 2px 2px 1px #fff;
}
.btn-inline dt, .btn-inline dd {
	display: inline-block;
}
.ui-dialog {
	margin:0;
	padding: 0;
}
.ui-dialog {
	position:fixed;
}
.lab-add-box {
	margin: 0;
	padding: 5px 5px 10px 5px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 1px 1px 1px #96C7A9;
}
.lab-add-box h2 {
	font-size: 1.10em;
	padding: 0 10px;
	font-weight: 600;
	color: #EE1C25;
	text-shadow: 1px 1px 0px #fff;
}
a.dl-file {
	display: block;
	color: #328FC5;
	text-decoration: none;
}
a.dl-file:hover {
	color: #064B74;
	text-decoration: none;
}
/*
body {
	-webkit-filter:grayscale(1);
	filter: gray;
	filter:grayscale(1);
	background:#fff
}
*/