/* old */
a {cursor:hand;cursor:pointer}
a:hover {text-decoration:none}
small {font-size:11px}
img {border:none}
div {-webkit-font-smoothing:antialiased}
form, form div, form fieldset div {width:100%;float:left;display:block}
/*form div label, form fieldset div label {width:30%;float:left;margin:3px 0 2px 0;text-align:right;padding:4px 0 0 0;font-size:13px;letter-spacing:0.5px}*/
form div span, form fieldset div span, form div span:not(.chosen-choices li span), form fieldset div span:not(.chosen-choices li span)  {width:68%;float:right;margin:3px 0 2px 0}

input[type='text'], input[type='email'], input[type='number'], input[type='password'], input[type='checkbox'], input[type='time'], select, textarea {padding:4px 3px 4px 3px;border:#FFF 1px inset;border-radius:1px;-webkit-box-shadow:inset 2px 2px 10px -8px rgba(0,0,0,0.65);-moz-box-shadow:inset 2px 2px 10px -8px rgba(0,0,0,0.65);box-shadow:inset 2px 2px 10px -8px rgba(0,0,0,0.65);border-bottom:#EEE 1px solid;border-right:#EEE 1px solid}
select {padding:3px}
textarea {font:normal 12px sans-serif}

fieldset {text-align:left;padding:5px 10px 10px 10px;border:#CCC 2px dotted;border-radius:5px;margin:10px 0 10px 0}
legend {padding:0 10px 0 10px;color:#73298c;font:normal 17px Tahoma,Verdana,sans-serif}

header {position:fixed;width:100%;min-width:1500px;background:transparent url('img/nav-bg.png') 0 0 repeat-x;-webkit-box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.35);-moz-box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.35);box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.35);z-index:11900}
nav {margin:auto;max-width:100%;position:relative;text-align:center;width:100%;z-index:9900}
nav ul {text-align:left;display:inline;margin:0;padding:10px 4px 11px 0;list-style:none;background:transparent url('img/nav-bg.png') 0 0 repeat-x;}
nav ul li {font:bold 12px/18px Tahoma,Verdana,sans-serif;color:#FFF;display:inline-block;margin-right:-4px;position:relative;padding:9px 13px 10px 10px;background:transparent;cursor:pointer;}
nav ul li:hover, nav ul li:hover a {background:#555;color:#FEEC00}
nav ul li:hover i, nav ul li:hover a {opacity:1;color:#FEEC00}
nav ul li:hover ul {display:block;opacity:1;visibility:visible;}
nav ul li a {color:#FFF;text-decoration:none;padding:10px 0 10px 0}
nav ul li i, nav ul li a i {color:#FFF;font-weight:normal;margin:0 3px 0 0;opacity:0.6}
nav ul li ul {border:#555 1px solid;border-top:none;padding:0;position:absolute;top:37px;left:0;min-width:180px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:none;opacity:0;visibility:hidden;-webkit-box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.45);-moz-box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.45);box-shadow:2px 2px 10px 0px rgba(50, 50, 50, 0.45)}
nav ul li ul.wide {min-width: 245px}
nav ul li ul li {position:relative;background-color:#555;display:block;font-size:12px;padding:6px 6px 6px 4px;margin:0}
nav ul li ul li:hover {background:#666}
nav ul li ul li a, nav ul li:hover ul li a {color:#CCC;text-decoration:none;padding:6px 0 6px 0}
nav ul li a, nav ul li:hover a, nav ul li ul li:hover a {color:#FFF}
nav ul li ul li a i, nav ul li:hover ul li a i {color:#CCC;font-weight:normal;width:18px;text-align:center;opacity:1;margin:0;background-color:transparent}
nav ul li:hover ul li a  {background-color:transparent}
nav ul li ul li:hover a i {color:#FFF}
nav .left_links {position:absolute;left:0;top:0;font-size:20px;display:none}
nav .left_links a {color:#FFF;padding:11px 13px 11px 13px;}
nav .left_links a, nav .other_links a {color:#FFF;padding:11px 13px 11px 13px;}
nav .left_links a:hover, nav .other_links a:hover {background:#555;color:#FEEC00}
nav a.logout {position:absolute;right:0;top:0}
section {width:100%;text-align:center}
table {border-radius:6px}
td {padding:2px;border:none}
tr {margin:5px}
datalist {display:none}
input::-webkit-calendar-picker-indicator {display:none}
::-webkit-input-placeholder {font-size:100%;margin:4px 0 0 4px}

/* custom */
* {
	margin: 0;
	padding: 0;
}
#ui-datepicker-div {
	z-index: 9999 !important;
}
body {
	background-color: #EEE;
	font-family: "Open Sans" !important;
	color: #000;
}
h1,
h2,
h3,
h4 {
	margin: 0 !important;
	font-family: "Open Sans" !important;
}
input[type="button"],
input[type="submit"] {
	background-color: #012270;
	color: #fff;
	border: none;
	border-radius: 0px;
	text-align: center;
	padding: 8px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	min-width: 125px;
}
input[type="submit"]:hover {
	background-color: #db2828;
	color: #fff;
}
input[type="submit"].white {
	background-color: #fff;
	color: #012270;
}
input[type="submit"].white:hover {
	background-color: red;
	color: #fff;
}
body > .container {
	height: 100%;
    overflow-y: auto;
    background: url("././img/__vav__.jpg");
    padding-bottom: 50px;
}
body > .container > section {
	position: relative;
	color: #000;
	height: 100%;
}
.ui-tooltip {
	z-index: 900 !important;
}
.ui.checkbox > label {
	cursor: pointer;
	text-align: left;
	color: #000;
}
.ui.dropdown .menu > .item {
	font-size: 12px !important;
}
.pleft {
	float: left;
}
.pright {
	float: right;
}
.trans {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(243, 246, 251, 0.97);
}
.page_rel {
    width: 100%;
    height: 100%;
}
.page_rel > .ui.container {
	padding-top: 50px;
	position: relative;
	/*z-index: 900;*/
	height: 100%;
}
.page_rel > .ui.container > h1 {
	margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.clear {
	clear: both !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	border: none !important;
}

/* navigation */
.page_navigation {
	position: relative;
}
.page_navigation .fixed {
	background-color: #012270;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.page_navigation .center {
	display: table !important;
	margin: 0 auto;
}
.page_navigation .ui.menu {
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
}
.page_navigation .ui.menu i,
.page_navigation .ui.menu span.text,
.page_navigation .ui.menu a {
	color: #fff !important;
}
.page_navigation .ui.menu i {
	opacity: 0.6;
	padding-right: 10px;
}
.page_navigation .ui.menu .ui.dropdown .menu > .item {
	background-color: #012270 !important;
}
.page_navigation .ui.menu .ui.dropdown .menu > .item:hover {
	background-color: rgba(1, 34, 112, 0.5) !important;
}
.ui.menu .item {
	padding: 11px !important;
	font-size: 13px !important;
}
.ui.menu .item:hover {
	font-weight: 700 !important;
}
.ui-widget {
	z-index: 900 !important;
}

/* menu */
.ui.menu .ui.dropdown .menu > .item {
	padding: 0 !important;
}
.ui.menu .ui.dropdown .menu > .item > a {
	display: block !important;
	padding: 10px !important;
}

/* semantic menu responsive */
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .ui.menu .item {
        font-size: 11px !important;
        padding: 7px !important;
    }
	#panel div .title {
		width: 30px !important;
    	height: 30px !important;
	}
	#panel div .title i {
		font-size: 12px !important;
		margin: 12px 0 0 6px !important;
	}
	#panel > .canvas {
		z-index: 9999 !important;
    	position: relative !important;
	}
	.page_rel > .ui.container {
		z-index: 10 !important;
	}
}