@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('/css/stylesheet.min.css');
@import url('reset.css');

html {
	overflow-y:scroll;
}
body {
	color:#666;
	margin:0px;
	background-color:#fff;
	font-family:sans-serif;
	font-size:16px;
	line-height:20px;
}

a {
	color:inherit;
	text-decoration:none;
}

h1.page-label {
	position:relative;
	left:50%;
	transform: translateX(-50%);
	text-align:center;
	font-size:2rem;
	line-height:2rem;
	padding:20px 0px 20px 0px;
	display:inline-block;
	margin:0px auto 20px 0px;
}
h1.page-label:before{
    content:'';
    position:absolute;
    width:50%;
    height:1px;
    bottom:0px;
    left:25%;
    border-bottom:1px solid #fab20a;
}

header {
	display:block;
	position:relative;
	padding:10px;
	min-height:100px;
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	background-position:60px center;
	background-size:auto 60%;
	box-shadow:0px 4px 2px -2px #666;
}

header div.account-info {
	position:absolute;
	top:0px;
	right:60px;
	text-align:right;
	color:#999;
	height:20px;
}

header nav.mainmenu {
	text-align:right;
	position:absolute;
	right:60px;
	bottom:00px;
	display:block;
	margin:0px;
	font-weight:normal;
}

header nav.mainmenu > ul {
	display:inline-block;
	text-align:right;
	padding:0px 5px;
	margin:0px;
	list-style:none;
}

header nav.mainmenu label {
	display:block;
	white-space:nowrap;
	padding:5px 25px;
}
header nav.mainmenu label:hover {
	color:#000;
}
header nav.mainmenu li.reverse label {
	background-color:#FAB20A;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
}

header nav.mainmenu a > label:hover {
	cursor:pointer;
}

header nav.mainmenu ul li {
	display:block;
	position:relative;
	float:left;
}

header nav.mainmenu li ul {
	display:none;
	background-color:#fff;
	line-height:35px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

header nav.mainmenu ul li a {
	display:block;
	padding:0px;
	white-space:nowrap;
}

header nav.mainmenu li:hover > ul {
	display:block;
	position: absolute;
}

header nav.mainmenu li:hover li {
	float:none;
}

header nav.mainmenu ul ul ul {
	left:100%;
	top:0px;
}

header nav.mainmenu ul:before, ul:after {
	content:' ';
	display:table;
}

header nav.mainmenu ul:after {
	clear:both;
}

main {
	display:block;
	/* background-color:#efefef; */
	min-height:100vh;
}
main div.frame {
	padding:30px 10px;
	margin:0px auto;
	max-width:1200px;
}

footer {
	display:block;
}

/*
.ui-widget-header.ui-tabs-nav {
	background-image:none;
	background-color:#fab20a;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-image:none;
	background:#fab20a;

}
*/

/*
div.body { min-height:300px; width:1200px; margin:auto; padding:0px 20px; margin-bottom:60px; position:relative; }
div.reset { float:none; clear:both; }
h1 { padding:8px 0px; font-size:20px; line-height:20px; font-weight:bold; }
h2 { padding:5px 0px; font-size:16px; font-weight:bold; }
h3 { padding:10px 0px 3px 0px; font-size:14px; font-weight:bold; text-align:left;  }
p { padding:5px 0px; }
ul, ol { margin-left:30px; }
a { color:inherit; text-decoration:none; }
b, strong { font-weight:bold; }
table { border-collapse: collapse; }
td { vertical-align:top; text-align:left; padding:2px 5px; }
th { vertical-align:top; text-align:left; padding:2px 5px; font-weight:bold; }
.error { text-align:center; color:#f00; font-weight:bold; }
.bold {font-weight:bold;}
.Progress {position:relative;border:1px solid #ddd;padding:1px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;display:none;}
.bar {background-color:#B4F5B4;width:0%;height:20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.percent {position:absolute; display:inline-block;top:3px;left:0px;width:100%;text-align:center;}
.right {text-align:right;}
.center  {text-align:center;}
.center table {margin-left:auto;margin-right:auto;}
.two-column { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-rule:1px outset #aaa; -moz-column-rule:1px outset #aaa; column-rule:1px outset #aaa; }
td.right , th.right { padding-right:5px; }
div.buttons * { padding:5px 10px; border:0px; background-color:transparent; color:#999; margin:5px; font-size:16px; font-weight:bold; cursor:pointer; }
div.buttons *:hover { color:#000; }

div.header { position:relative; }
div.header div.account-info { text-align:right; color:#999; height:20px; }



main {
	display:block;
}
main div.frame {
	max-width:1200px;
	width:100%;
	padding:10px;
	margin:auto;
}

div.login-block { text-align:center; }
div.login-block p { padding:2px 0px; margin:0px; }
div.login-block table { margin:auto; }
div.login-block table tbody td { vertical-align:middle; }
div.login-block table tbody th { vertical-align:middle; }
div.login-block input[type='text'] { width:200px; padding:3px 0px; border:1px solid #999; margin:3px 0px; }
div.login-block input[type='password'] { width:200px; padding:3px 0px; border:1px solid #999; margin:3px 0px; }
div.login-block select { padding:3px 0px; border:1px solid #999; margin:3px 0px; }
div.login-block div.form-buttons { text-align:right; }
div.login-block label.error { text-align:left; font-weight:normal; display:block; }
div.login-block input.error { text-align:left; font-weight:normal; }

article.info { text-align:left; padding:10px 20px; color:#aaa; }
fieldset { border:1px solid #aaa; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;padding:10px; margin:10px 0px; }
fieldset legend { padding:0px 10px; font-size:14px; font-weight:bold; }
fieldset table { width:100%; }
table.wide { width:100%; }
table.grid { border:1px solid #bbb; }
table.grid thead tr th { border:1px solid #bbb; background-color:#ccc; color:#fff; font-weight:bold; padding:2px 10px 2px 5px; }
table.grid tbody tr td { border-left:1px solid #bbb; padding:1px 10px 1px 5px; }
table.grid tbody tr td:first-child { border:0px; }
table.grid tbody tr.odd { background-color:#eee; }
table.grid tbody tr td.action {white-space:nowrap;}
table.grid tbody tr td.action > * {margin-left:5px;}
table.grid tfoot tr th { border:1px solid #bbb; background-color:#ddd; color:#666; font-weight:bold; padding:2px 10px 2px 5px; }
table.grid tfoot tr td { border:1px solid #bbb; background-color:#ddd; color:#666; font-weight:normal; padding:2px 10px 2px 5px; }
div.block { border:1px solid #ccc; }
div.block table { width:100%; }
div.filter-select { padding:10px; margin:0px 0px 0px 0px; box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #aaa; position:relative; }
div.filter-select select { border:1px solid #ddd; margin:2px 5px; }
div.navigate { position:relative; padding:5px; width:100%; border:1px solid #aaa; box-sizing:border-box; -moz-box-sizing:border-box; }
div.navigate div.message-count { float:left; text-align:left; padding:2px 10px; }
div.navigate div.page-number { float:none; text-align:right; padding:2px 10px; }
div.navigate div.links { float:none; clear:both; text-align:center; padding:2px 10px; }
div.navigate div.links a { padding:0px 3px; margin:0px 2px; }
div.tabs { position:relative; }
div.tabs div.tab { border:1px solid #ccc; background-color:#ddd; color:#000; float:left; padding:5px 10px; cursor:pointer; overflow:hidden; border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; z-index:200; }
div.tabs div.selected { background-color:#ccc; color:#fff; font-weight:bold; border-bottom: 1px solid #ccc; }
div.tabs table.grid { position:relative; top:-1px; z-index:-1;  }
div.toolbar-buttons * { display:inline-block; border:1px solid #999; background-color:#ddd; padding:3px 10px; font-size:13px; line-height:130%; font-weight:normal; color:#000; cursor:pointer; margin:5px 10px 2px 0px; }

input[type='text'] { border:1px solid #ddd; }
input[type='password'] { border:1px solid #ddd; }
textarea { border:1px solid #ddd; }
select { border:1px solid #ddd; }
div.form-buttons { text-align:center; padding:10px; vertical-align:top; }
div.form-buttons * {display:inline-block;vertical-align:top;border:1px solid #aaa;line-height:22px;padding:5px 15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-size:13px;font-weight:normal;margin:0px 10px;background-image:url('images/ui-bg_highlight-soft_75_cccccc_1x100.png');background-repeat:repeat-x;background-position:50% 50%;background-color:#ccc;cursor:pointer;color:#333;}

input[type="file"]#file {visibility:hidden;width:0px;height:0px;}
#fileSelect { display:inline-block; padding:5px 20px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-size:12px; line-height:14px; font-weight:bold; margin:0px; background-image:url('images/ui-bg_highlight-soft_75_cccccc_1x100.png'); background-repeat:repeat-x; background-position:50% 50%; background-color:#ccc; border:1px solid #aaa; cursor:pointer; }

div.blockUI { z-index:9000; }
div.blockUI h1 { font-size:14px; font-weight:normal; display:inline-block; background-image:url('/css/fancybox/fancybox_loading.gif'); background-position:center left; background-repeat:no-repeat; padding:10px 35px; }

div.toolbar {text-align:right;}
div.toolbar > * {margin:0px 0px 0px 10px; }
input.date {width:80px;}
img.ui-datepicker-trigger {padding:0px 0px 3px 5px;vertical-align:bottom;}


div.mobile-phone {background-image:url('/admin/images/mobile-phone.png');background-repeat:no-repeat;background-size:100%;padding:70px 0px 0px 0px;width:308px;height:493px;position:relative;text-align:center;}
div.mobile-phone input[type='submit'] {position:absolute;cursor:pointer;width:80px;height:40px;background-color:transparent;left:30px;bottom:30px;border:0px;color:#fff;}
div.mobile-phone input[type='text'] {border:0px;padding:5px;font-size:16px;line-height:20px;outline:none;}
div.mobile-phone div.close-simulator {position:absolute;cursor:pointer;width:80px;height:40px;background-color:transparent;right:30px;bottom:30px;border:0px;color:#fff;}
div.mobile-phone p.initial {padding:10px 30px;}
div.mobile-phone div.simulator {position:absolute;left:0px;bottom:110px;width:100%;text-align:center;}
div.mobile-phone div.response {padding:10px 10px;margin:0px 25px 10px 25px;max-height:240px;overflow:auto;font-weight:bold;display:none;}
div.mobile-phone textarea {width:200px;height:100px;font-size:inherit;line-height:inherit;padding:2px;resize: none;}
div.mobile-phone input[type='text'] {width:200px;font-family:inherit;font-size:inherit;line-height:inherit;padding:2px;}
div.mobile-phone div.waiting {background-image:url('/admin/images/waiting.gif');background-repeat:no-repeat;background-position:50% 50%;height:300px;}

*/