@charset "UTF-8";
body { 
	font-family: helvetica, sans-serif; 
	padding-bottom: 30px; 
	background-image: url('\/images\/background\.jpg'); 
	background-repeat: repeat; 
	background-size: 1000px 1000px; 
} 
#navbar-top{
	margin: 0; 
} 
nav p { 
	font-family: helvetica, sans-serif; 
	font-size: 1.1em; 
	font-weight: 300; 
	line-height: 1.7em; 
	text-align: center; 
	margin: 0; 
} 
nav a, nav a:hover {
	color: inherit; 
	text-decoration: none; 
	transition: all 0.3s;	
} 
nav a:focus {
	color: #fff; 
} 
.navbar { 
	background: #fff; 
	border: none; 
	border-radius: 0; 
	margin-bottom: 20px; 
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); 
} 
.navbar-btn {
	box-shadow: none; 
	outline: none !important; border: none; 
} 
.line { 
	width: 100%; 
	height: 1px; 
	border-bottom: 1px dashed #ddd; 
	margin: 40px 0;	
} 
.sidebar-header img, nav a:hover .svg { 
	filter: invert(1); 
}
 /* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */ 
.wrapper {
	display: flex;
	align-items: stretch; 
	/*	perspective: 1500px;*/ 
	overflow:hidden; 
} 
#sidebar ul img{
	width: 27px;
	height: 27px;
	margin-right: 25px;
	float: right; 
} 
#sidebar { 
	min-width: 200px; 
	margin-left: -140px;
	background: #b0b0b0; 
	transition: margin .7s;
	overflow: hidden; 
} 
#sidebar:hover {
	margin-left: 0px; 
} 
#sidebar .sidebar-header {
	padding: 7px; 
	background: #5cb85c; 
} 
#sidebar h4{
	color:#ffF; 
} 
#sidebar .sidebar-header img{
	width: 27px; 
	height: 27px; 
	float: right; 
	margin-right: 15px;
} 
#sidebar ul.components {
	width: calc(100% + 10px);
} 
#sidebar ul p {
	background: #5cb85c;
	color: #fff;
	padding: 7px;
} 
#sidebar ul li a {
	padding: 7px; 
	font-size: 1.1em; 
	display: block; 
} 
#sidebar ul li a:hover { 
	color: #fff; 
	background: #c4131b; 
} 
#sidebar ul li.active>a, a[aria-expanded="true"]{
	color: #fff;
	background: #808080; 
} 
nav a[aria-expanded="true"] .svg { 
	filter: invert(1); 
} 
#sidebar a[data-toggle="collapse"] { position: relative; } 
#sidebar a[aria-expanded="false"]::before, 
#sidebar a[aria-expanded="true"]::before {
	content: '\e259'; 
	display: block; 
	position: absolute; 
	right: 20px; 
	font-family: 'Glyphicons Halflings'; 
	font-size: 0.6em; 
} 
#sidebar a[aria-expanded="true"]::before { content: '\e260'; } 
#sidebar ul ul a { font-size: 0.9em !important; padding-left: 30px !important; background: #b0b0b0; } 
#sidebar ul.CTAs { padding: 20px; } 
#sidebar ul.CTAs a { text-align: center; font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 5px; } 
#sidebar a.download { background: #fff; color: #e80292; } #sidebar a.article, #sidebar a.article:hover { background: #f2630d!important; color: #fff !important; } /* --------------------------------------------------- CONTENT STYLE ----------------------------------------------------- */ #content-wrapper { width: calc(100vw - 70px); padding: 0px; padding-bottom: 15px; bottom: 0px; } #content{ padding: 10px; } footer { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #5cb85c; color: white; text-align: center; } .selected td{ background: #7dbeff; } @media screen and (min-width: 768px){ #sidebar { min-height: calc(100vh - 115px); } } /* @media screen and (max-width: 768px){ .pull-right{ float: none!important; } #content{ padding: 10px; min-height: 100vh; } } */ .form-tooltip .tooltip-inner{ max-width: none;	} /* alerts */ .modal .alert { margin-bottom: 0; } table.display { table-layout: fixed; } /* table.dataTable td { padding: 3px 10px; width: 1px; white-space: nowrap; } */ .yadcf-filter-wrapper{ display: block; } .hf-warning{ z-index: 1; } div.DTS div.dataTables_scrollBody table{ z-index: 0; } .loader { animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .nowrap th, .nowrap td{ padding-left: 5px; padding-right: 5px; } .select2-results__options { max-height: 200px; overflow: auto; } .table-xtra-condensed > thead > tr > th, .table-xtra-condensed > tbody > tr > th, .table-xtra-condensed > tfoot > tr > th, .table-xtra-condensed > thead > tr > td, .table-xtra-condensed > tbody > tr > td, .table-xtra-condensed > tfoot > tr > td { padding-top: 2px; padding-bottom: 2px; } .fullscreen { display: block; z-index: 9999; position: fixed; width: vh; height: wh; top: 0; right: 0; left: 0; bottom: 0; overflow: auto; } input[readonly].white-readonly{ background-color:white; font-size: 1em; } .vbottom { display: flex; align-items: center; } .btn-file{ overflow:hidden; } .btn-file input[type=file] { top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none; cursor: inherit; display: block; position: absolute; } .vnotify-container { z-index: 999999; } /* @media screen and (min-width: 768px){ .modal-dialog { width: 80%; margin: auto; } } */ .dialog-icon { font-size: 40px; float: left; position: relative; padding-right: 10px; } .dialog-icon .success{ color: #99f9a0; } .dialog-icon .error{ color: #ff2f2f; } div.DTS div.dataTables_scrollBody{ background: none; } thead{ background: #efefef; } .chart-panel .panel-body { overflow: hidden; } /* z-index fix */ .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group, .input-group .form-control { z-index: unset; }