body {
	color:#999;
	background-color: #F9F9F9;
	font-family: 'Roboto', Arial, Helvetica ,sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
}
a {
	color:#069;
	text-decoration:none;
}
.sidebar {
	width: 200px;
	background-color: #343D4E;
	z-index: 1;
	position: fixed;
	top: 50px;
	left: 0px;
	bottom: 0px;	/*
	-webkit-box-shadow: 7px 0px 5px 0px rgba(176,176,176,0.4);
	-moz-box-shadow: 7px 0px 5px 0px rgba(176,176,176,0.4);
	box-shadow: 7px 0px 5px 0px rgba(176,176,176,0.4);
	*/
}
.sidebar > ul {
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	margin-top:30px;
	list-style-type:none;
}
.sidebar > ul > li {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	border-top-style: solid;
	border-top-color: #292F3D;
	border-top-width: 1px;
	transition: all 300ms ease-out;
}
.sidebar ul.main > li:first-child{
	border:none;
}
.sidebar > ul > li > a {
	color: #bebebe;
	float: left;
	width: 180px;
	padding-right: 10px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: all 300ms ease-out;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.sidebar > ul > li > a:hover {
	color:#FFF;
}
.sidebar > ul > li > a:after {
	content: "\f0d7";
	float: right;
	color: #4E5974;
	margin-right: 20px;
	font-family: "Font Awesome 5 Free";
	transition: all 300ms ease-out;
}
.sidebar > ul > li > a > i {
	margin-right: 20px;
	color: #4E5974;
	width: 15px;
}
.sidebar > ul > li.active {
	background-color: #333A4D;
}
.sidebar > ul > li.active > a, .sidebar > ul > li.active > a > i{
	color: #DA9834;
}
.sidebar > ul > li.active > a:after {
	transform: rotate(180deg);
}
.sidebar > ul .has-child > ul {
	height:0px;
	visibility:hidden;
	list-style-type:none;
	width:180px;
	float:left;
	padding:0px;
	margin:0px;
}
.sidebar > ul > .active > ul {
	height:auto;
	visibility:visible;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.sidebar > ul .has-child > ul > li {
	float:left;
	width:100%;
}
.sidebar > ul .has-child > ul > li > a{
	color: #bebebe;
	font-size: 12px;
	float: left;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 600;
}
.sidebar > ul .has-child > ul > li > a:hover, .sidebar > ul .has-child > ul > li > a.active{
	color: #DA9834;
}
.sidebar > ul .has-child > ul > li > a:before {
	content: "\f0da";
	float: left;
	margin-right: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #bebebe;
}
.sidebar > ul .has-child > ul > li > a > i{
	margin-right:10px;
}
.sidebar .fixed {
	position:absolute;
	bottom:0px;
}
.top {
	padding-top: 13px;
	z-index: 2;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: #ffffff;
	height: 40px;
	-webkit-box-shadow:0px 0px 30px 0px rgb(52,61,78,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgb(52,61,78,0.3);
	box-shadow: 0px 0px 30px 0px rgb(52,61,78,0.3);
}
.top .logo {
	float:left;
	margin-left:20px;
	height:42px;
}
.top .logo img {
	float:left;
	width:160px;
}
.top .logo a {
	text-decoration:none;
}
.top .header-summary {
	float:left;
	height:42px;
	margin-left:40px;
}
#currentDate {
	font-weight:600;
	margin-top:10px;
}
.top-nav {
	float:right;
	margin-right:20px;
}
.top-nav > ul {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.top-nav > ul > li {
	float: left;
	margin: 0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:-13px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f9f9f9;	
	position:relative;
}
.top-nav > ul:first-child > li {
	border:none;
}
.top-nav > ul > li > a {
	float: left;
	font-size: 13px;
	color: #343D4E;
	padding: 19px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
}
.top-nav > ul > li > a:hover , .top-nav > ul > li:hover > a{
	color:#DA9834;
	background-color:#343D4E;
	transition:all 300ms ease-in;
}
.top-nav > ul > li > a > i {
	margin-right:10px;
}
.top-nav > ul > li > ul {
	width: 160px;
	padding: 10px;
	background-color: #343D4E;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	transition: all 300ms ease-in-out;
	margin: 0px;
	margin-top: 100px;
	list-style-type: none;
	transform: rotate(-20deg);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.top-nav > ul:last-child > li > ul { 
	right:0px;
}
.top-nav > ul > li:hover > ul {
	visibility:visible;
	opacity:1;
	margin-top:53px;
	transform: rotate(0deg);
}
.top-nav > ul > li > ul > li {
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}
.top-nav > ul > li > ul > li > a {
	float:left;
	padding:10px;
	margin:0px;
	color:#777;
	text-decoration:none;
	font-size:12px;
}
.top-nav > ul > li > ul > li > a > i {
	float:left;
	margin-right:8px;
	font-size:10px;
}
.top-nav > ul > li > ul > li > a:hover {
	transition:all 200ms ease-in;
	color:#DA9834;
}
.top-nav > ul > li > ul > li > a:hover > i { 
	color:#DA9834;
	transition:all 200ms ease-in;
}
.form-control {
	width:100%;
	border:1px solid #ddd;
	color:#555;
	height:35px;
	padding:8px 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:0;
	transition:all 300ms ease-in-out;
	background-color:#FFF;
	border-radius:3px;
	font-family: 'Roboto', Arial, Helvetica ,sans-serif;
	display:table-cell;
}
.form-control:focus {
	border:1px solid #069;
}
.form-control:disabled {
	background-color:#f0f0f0;
	color:#999;
}
.form-group {
	margin-bottom:15px;
	width:100%;
}
.form-control-auto {
	width:auto;
	height:auto;
	padding:3px 7px 3px 7px;
}
.form-group:last-child {
	margin:0px;
}
textarea.form-control {
	height:100px;
}
.btn {
	padding:8px 12px;
	background-color:#E3E3E3;
	color:#555; 
	border:none;
	text-align:center;
	border-radius:2px;
	font-size:13px;
	font-family: 'Roboto', Arial, Helvetica ,sans-serif;
	outline:0;
	text-decoration:none;
}
.btn i {
	font-size:11px;
}
.btn:disabled {
	background-color:#f0f0f0;
	color:#999;
}
.btn-sm {
	padding:4px 6px;
	font-size:11px;
}
.btn-rounded {
	border-radius:50px;
}
.btn:hover {
	opacity:0.6;
	transition:all 300ms ease-out;
	cursor:pointer;
}
.btn-danger {
	background-color:#f44336;
	color:#fff;
}
.btn-orange {
	background-color:#DA9834;
	color:#fff;
}
.btn-dark {
	color:#fff;
	background-color:#212121;
}
.btn-info {
	background-color:#03a9f4;
	color:#fff;
}
.btn-success {
	background-color:#8bc34a;
	color:#fff;
}
.btn-warning {
	background-color:#ffb80f;
	color:#fff;
}
.badge {
	padding:2px 8px;
	font-size:11px;
	background-color:#F6F6F6;
	border-radius:100px;
	color:#888;
	font-size:11px;
}
.badge-lg {
	font-size:15px;
}
.badge-danger {
	background-color:#f44336;
	color:#fff;
}
.badge-success {
	color:#fff;
	background-color:#8bc34a;	
}
.badge-warning {
	color:#fff;
	background-color:#ffb80f;	
}
.badge-dark {
	color: #fff;
	background-color: #999999;
}
.badge-info {
	color:#fff;
	background-color:#03a9f4;	
}
.input-group {
	width:100%;
	display:table;
	margin-bottom:15px;
}
.input-group .form-control, .input-group .input-btn{
	display:table-cell;
	position:relative;
	z-index:0;
}
.input-group .form-control {
	z-index:10;
	margin-left:0px;
}
.input-group .input-btn{ 
	font-size:14px;
}
.left-btn .input-btn{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;	
}
.input-group-horizontal {
	width:100%;
	display:table;
	margin-bottom:15px;
}
.input-group-horizontal .control-label {
	width:240px;
	display:table-cell;
	position:relative;
	z-index:1;
	vertical-align:middle;
}
.input-group-horizontal .input-group {
	margin:0px;
}
.input-group-line .form-control, .input-group-line .btn{
	width:auto !important;
	display:table-cell;
}
.checkbox:before {
	font-family: "Font Awesome 5 Free";
	content:"\f0c8";
	width:16px;
	height:16px;
	color:#999;
	font-size:16px;
	background-color:#fff;
}
.checkbox:checked:before {
	font-family: "Font Awesome 5 Free";
	content:"\f14a";
	width:16px;
	color:#093;
	height:16px;
}
.left-btn .form-control{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;	
}
.loader {
	text-align:center;
	width:100%;
	display:none;
}
.loader > div > div {
	background:#FFF;
}
.loader-danger > div > div {
	background:#d81921;
}
.loader-success > div > div {
	background:#093;
}
.alert {
	width:100%;
	padding:10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:3px;
	-webkit-box-shadow:0px 0px 30px 0px rgb(52,61,78,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgb(52,61,78,0.3);
	box-shadow: 0px 0px 30px 0px rgb(52,61,78,0.3);
}
.alert .close{
	float:right;
	position:absolute;
	color:#000;
	margin-left:0px;
}
.alert-danger {
	color:#FFF;
	background-color:#f55145;
}
.alert-success {
	color:#fff;
	background-color:#8bc34a;
}
.alert-info {
	color:#fff;
	background-color:#0ab1fc;
}
.notifications {
	width:300px;
	position:fixed;
	z-index:1;
	top:60px;
	right:20px;
}
.notifications .alert {
	display:table;
	margin-top:-20px;
	opacity:0;
	margin-bottom:15px;
	transition:all 300ms ease-out;
	visibility:hidden;
}
.notifications .alert .noty-message, .notifications .alert .close {
	display:table-cell;
}
.notifications .alert .noty-message {
	width:96%;
}
.notifications .alert .close:hover{
	opacity:0.6;
	transition:all 200ms ease-in;
	cursor:pointer;
	width:10px;
	height:20px;
}
.notifications .active {
	opacity:1;
	margin-top:0px;
	visibility:visible;
}
.page {
	position: absolute;
	z-index: 0;
	left: 220px;
	top: 70px;
	right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:100px;
}
.page-top, .page-content {
	width:100%;
	float:left;
}
.page-content {
	margin-top:15px;
}
.page-title {
	font-size:16px;
	color:#000;
	font-weight:600;
}
.page-nav {
	font-size:12px;
	color:#999;
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:10px;
}
.page-nav > li {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin: 0px;
	padding: 0px;
	letter-spacing:1px;
}
.page-nav > li > a {
	float:left;
	color:#BEBEBE;
	text-decoration:none;
    letter-spacing:1px;
}
.page-nav > li > a:hover {
	transition:all 300ms ease;
	color:#000;
}
.page-nav > li > a::after {
	content:"\f105"; 
	margin-right:5px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	color:#d81921;
	margin-left:5px;
}
.table {
	width:100%;
	border:none;
	padding:0px;
	margin:0px;
	border-spacing: 0px;
    border-collapse: separate;
}
.table thead tr:first-child th {
	text-align: left;
	font-weight: 600;
	padding: 10px;
	color: #333;
	border: 1px solid #f0f0f0;
}
.table thead tr:first-child th {
	border-left:none;
}
.table thead tr:first-child th:first-child {
	border-left:1px solid #f0f0f0;
}
.table thead tr.filter th {
	text-align:left;
	font-weight:600;
	padding:5px;
	color:#777;
}
.table thead tr.filter th:first-child {
	border-left:1px solid #f0f0f0;
}
.table thead tr.filter th:last-child {
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
}
.table thead th .form-control {
	padding:7px;
	height:auto;
	border-radius:3px;
	border:1px solid #f0f0f0;
	display:table-cell;
}
.table thead th .form-control:focus {
	border:1px solid #069;	
}
.table tbody tr td {
	margin: 0px;
	padding:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3F3F3;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #f3f3f3;
}
.table tbody tr td:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f3f3f3;
} 
.table tbody tr:last-child td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3f3f3;		
}
.table tbody td a.link {
	text-decoration:none;
	color:#09C;
}
.table tbody td a.link:hover {
	text-decoration:underline;
}
.table tfoot td {
	border: 1px solid #f4f4f4;
	padding:10px;
}
.table thead th.double-filter {
	display:table;
}
.table thead th.double-filter > * {
	display:table-cell;
	max-width:100px;
}
.table .table-summary {
	float:left;
	font-size:14px;
}
.table .table-pagination {
	float:right;
}
.table-td-text {
	max-width:200px;
}
.pagination .pageList {
	float:left;
}
.pagination a{
	float: left;
	padding: 9px 12px;
	text-decoration: none;
	color: #999;
	transition: all 200ms ease-in;
	border: 1px solid #f4f4f4;
	margin-left:-1px;
	z-index:0;
	position:relative;
}
.pagination a:first-child {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;

}
.pagination a:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;

}
.pagination a.active {
	color:#fff;
	background-color:#069;
}
.pagination a:hover{
	border-color:#069;
	z-index:1;
}
.table-striped tbody tr:nth-child(even) td {
	background-color:rgba(0,0,0,0.015);
}
.datatable thead tr:first-child th.orderOn:hover, .datatable thead tr:first-child th.order-asc, .datatable thead tr:first-child th.order-desc {
	cursor:pointer;
	background-color:#F4F4F4;
	transition:all 300ms ease-in;
}
.datatable thead tr:first-child th.orderOn::after {
	content:"\f0dc";
	font-family:"Font Awesome 5 Free";
	float:right;
	color:#BEBEBE;
}
.datatable thead tr:first-child th.order-asc::after {
	content:"\f0de";
	font-family:"Font Awesome 5 Free";
	float:right;
	color:#000;
}
.datatable thead tr:first-child th.order-desc::after {
	content:"\f0dd";
	font-family:"Font Awesome 5 Free";
	float:right;
	color:#000;
}
.panel {
	padding:15px;
	background-color:#FFF;
	border-radius:5px;
	-webkit-box-shadow: 1px 0px 15px 0px #ccc;
	-moz-box-shadow: 1px 0px 15px 0px #ccc;
	box-shadow: 1px 0px 15px 0px #ccc;
}
.panel-transparent {
	background-color:transparent;
}
.panel-heading {
	position:relative;
	height:20px;
	padding:0px;
}
.panel-title {
	font-weight:600;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.panel-nav {
	height: 100%;
    position: relative;
    float: right;
}
.panel-body {
	margin-top:10px;
}
.panel-info {
	background-color:#03a9f4;
	color:#fff;
}
.panel-danger {
	background-color:#f44336;
	color:#fff;
}
.panel-warning {
	background-color:#ffb80f;
	color:#fff;
}
.panel-success {
	background-color:#8bc34a;
	color:#fff;
}
.panel-dark {
	background-color:#212121;
	color:#fff;
}
.panel-orange {
	background-color: #FF6600;
	color: #fff;
}
.panel-media {
	width:100%;
	padding:0px;
	margin:0px;
	text-align:left;
	display:table;
}
.media-icon {
	width:40px;
	height:30px;
	text-align:center;
	margin:0px;
	padding:0px;
	padding-right:15px;
	font-size:36px;
	display:table-cell;
	vertical-align:top;
}
.media-body {
	padding:0px;
	margin:0px;
	float:left;
	display:table-cell;
	width:100%;
}
.media-body p{
	padding:0px;
	margin:0px;
}
.media-body p:first-child {
	font-size:14px;
	font-weight:600;
	margin-bottom:3px;
}
.modal {
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:10000;
	background-color:rgba(0,0,0,0.4);
	opacity:0;
	transition:all 300ms ease-in;
}
.modalActive {
	visibility:visible;
	opacity:1;
}
.modal-box {
	background-color:#fff;
	width:440px;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	border:1px solid #ddd;
	border-radius:5px;
	-webkit-box-shadow: 7px 0px 5px 0px rgba(176,176,176,0.4);
	-moz-box-shadow: 7px 0px 5px 0px rgba(176,176,176,0.4);
	box-shadow: 7px 0px 5px 0px rgba(176,176,176,0.4);
}
.modal-title {
	width:400px;
	font-size:15px;
	font-weight:600;
	color:#000;
	padding:20px;
	padding-bottom:15px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
	border-bottom-width:1px;
	background-color:#f6f6f6;
}
.modal-footer {
	width:400px;
	font-size:18px;
	color:#000;
	padding:10px;
	padding-right:20px;
	padding-left:20px;
	border-top-style:solid;
	border-top-color:#ddd;
	border-top-width:1px;
	background-color:#f6f6f6;
	text-align:center;
}
.modal-body {
	width:400px;
	color:#000;
	padding:20px;
	background-color:#fff;
}
.widget {
	width:100%;
	padding:10px;
	background-color:#343D4E;
	display:table;
	color:#f0f0f0;
	border-radius:3px;
}
.widget .icon {
	float:left;
	max-width:40px;
	margin-right:15px;
	font-size:26px;				
}
.widget .content {
	float:left;
}
.widget .text {
	width:100%;
}
.widget .text:first-child {
	font-size:16px;
	font-weight:600;
	margin-bottom:3px;
}
.widget-success {
	background-color:#8bc34a;
}
.widget-danger {
	background-color:#f44336;
}
.widget-warning {
	background-color:#ffb80f;
}
.widget-info {
	background-color:#03a9f4;
}
.widget-primary {
	background-color:#069;
}
/*helper classes */
.text-right, .table thead th.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-large {
	font-size:16px;
}
.text-bold {
	font-weight:bold;
}
.text-dark {
	color:#202020;
}
.text-light {
	color:#cecece;
}
.text-bold {
	font-weight:bold;
}
.pull-right {
	float:right;
}
.pull-left {
	float:left;
}
.mar-right {
	margin-right:20px;
}
.mar-left {
	margin-left:20px;
}
.mar-bottom {
	margin-bottom:20px;
}
.mar-top {
	margin-top:20px;
}
.padding-right{
	padding-right:20px;
}
.padding-left{
	padding-left:20px;
}
.padding-top{
	padding-top:20px;
}
.padding-bottom{
	padding-bottom:20px;
}
.display-none {
	display:none;
}
/* helper classes */