body, p, ul, li, h1, h2, h3, h4, input, form {
	margin:0;
	padding:0;	
}
ul {
	list-style:none;
	list-style-type:none;
}
img { border:0; }
* { font-family:Montserrat,Arial, Helvetica, sans-serif; color:#3c3e41; font-size:12px; line-height: 1.5; box-sizing: border-box; }
* a { text-decoration:none; outline:none; transition: all 0.3s ease-in-out; }
a:focus, input:focus {
	outline: 1px dotted #000;
}
.clear { clear:both; }
.placeholder { width: 98%; max-width:1400px; margin:0 auto!important; }

input[type=text],input[type=password],input[type=search] {
	background:#fff;
	padding:8px 10px;
	border:1px solid #c2c5c6;
	min-width:200px;
	border-radius: 5px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}
select {
	background: #fff;
	padding:8px 10px;
	border:1px solid #c2c5c6;
	max-width: 100%!important;
	border-radius: 5px;
	min-width:200px;
}
input[type=submit],  a.button {
	color:#fff;
	background:#1e93e4;
	padding:8px 18px;
	border:0;
	font-weight:bold;
	text-decoration:none;
	border-radius: 25px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}
input[type=submit]:hover, #content a.button:hover {
	background:#ff7400;
}

.flex {
	 display: flex;
}
 @media only screen and (max-width: 990px) {
	 .flex {
		 flex-wrap: wrap;
	}
}
 .flex.direction-reverse {
	 flex-direction: row-reverse;
}
 .flex.direction-col {
	 flex-direction: column;
}
 .flex.direction-col-reverse {
	 flex-direction: column-reverse;
}
 .flex.justify-around {
	 justify-content: space-around;
}
 .flex.justify-between {
	 justify-content: space-between;
}
 .flex.justify-center {
	 justify-content: center;
}
 .flex.justify-start {
	 justify-content: flex-start;
}
 .flex.justify-end {
	 justify-content: flex-end;
}
 .flex.align-items-center {
	 align-items: center;
}
 .flex.align-items-start {
	 align-items: flex-start;
}
 .flex.align-items-end {
	 align-items: flex-end;
}
 .flex.align-items-baseline {
	 align-items: baseline;
}
 .flex.align-content-center {
	 align-content: center;
}
 .flex.align-content-start {
	 align-content: flex-start;
}
 .flex.align-content-end {
	 align-content: flex-end;
}
 .flex.align-content-baseline {
	 align-content: baseline;
}
 .flex.flex-direction-column {
	 flex-direction: column;
}
 .flex.flex-direction-reverse {
	 flex-direction: column-reverse;
}
 .flex.wrap {
	 flex-wrap: wrap;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	padding:0 10px;
	&.no-padding {
		padding:0;
	}
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}

.login {
	border:20px solid #fff;
}
.login .img {
	width:70%;
	height: calc(100vh - 40px);
}
.login .img img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center;
	border-radius:10px;
}
.login .form {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 5% 50px;
	text-align: center;
}
.login .form .nics-logo {
	margin-bottom: 30px;
}
.login .form form {
	max-width: 363px;
}
.login .form input[type=text], .login .form input[type=password] {
	width: 100%;
}
.login .form table {
	width: 100%;	
}
.login .form table td {
	padding-bottom: 5px;
}
.login .form input[type=submit] {
	margin-left:10px;
	display: inline-block;
}
.login .form div {
	display: inline-block;
}
.login .form a {
	text-decoration: underline;
}
.login .form a:hover {
	color: #ff7400;
}
.login .form-bottom {
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center
}
.login .form-bottom img {
	max-height: 70px;
}
.login .form-bottom .iso, .login .form-bottom .logo {
	display: inline-block;
	margin:0 20px;
}
.login .form-bottom .iso {
	border:1px solid #000;
}
.popup {
	display: none;
	widows: 95%;
	width:750px;
}
.comments {
	text-align: center;
	display: block;
	text-decoration: none!important;
}
#header {
	padding:10px 0;
	border-bottom: 1px solid #f1f1f1;
}
#header a.logo {
	display:block;
}
#header a.logo img {
	max-height: 100px;
}
#header .welcome span {
	padding-right: 40px;
	line-height: 25px;
	background: url('images/profile-icon.png') no-repeat right center;
	background-size: 25px auto;
	display: inline-block
}
#header .welcome a {
	display: inline-block;
	text-transform: uppercase;
	margin-left: 20px;
	font-weight: 600;
}
#header .welcome a:hover {
	color: #ff7400;
}
.client_logo img {
	max-height: 80px;
}
#nav {
	border-bottom: 1px solid #f1f1f1;
}
#nav li {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 20px;
}
#nav li a {
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:#3c3e41;
	font-weight:600;
	font-size:13px;
	padding:20px 10px;
	position: relative
}
#nav li.search a:after {
	display:none;
}
#nav li a:after {
	content:"";
	width: 0px;
	height: 2px;
	background: #ff7500;
	position: absolute;
	bottom:0;
	left:0;
	transition: all 0.3s ease-in-out; 
}
#nav li a:hover:after{
	width: 100%;
}
#nav li a.active:after {
	width: 100%;
}
#nav li ul {
	position:absolute;
	display:none;
	padding-top:36px;
	z-index:1;
}
#nav li:hover ul {
	display: block;
}
#nav .flags {
	margin-left:15px;
	padding-left:15px;
	border-left: 1px solid #f1f1f1;
}
#nav .flags a{
	display: inline-block;
	vertical-align: middle;
}
#nav .flags img{
	border-radius: 5px;
}
#nav .flags span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	margin-right: 5px;
}
a.unit_converter {
	background:url(images/converter-icon.png) no-repeat right center;
	padding-right:30px;
	background-size: 25px auto;
	line-height: 25px;
}
a.unit_converter:hover {
	color:#1e93e4;
}
#content {
	background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0) 100px);
	padding:25px 25px 15px;
}
/* #content h2 {
	margin:40px 0 20px;
	background-color:#1e93e4;
	font-size:18px;
	font-weight:normal;
	padding:15px 30px;
	border-radius: 10px;
	color: #fff;
} */
#content h2 {
	margin:40px 0 30px;
	border-bottom:1px solid #ff7200;
	font-size:22px;
	font-weight:bold;
	padding:10px 0;
	color: #ff7200;
}
#content h2 span, #content h2 a {
	color: #ff7200;
	font-size:22px;
	font-weight:600;
}
#content h3 {
	color:#2d9ae6;
	font-weight:600;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#content h4 {
	color:#ff7200;
	font-size:14px;
}
#content h4 span {
	color:#6a6a6a;
	font-size:14px;
	font-weight:normal;
}
#content h5 {
	color:#ff7200;
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
}
#content a:not(.button) {
	color:#2d9ae6;
	text-decoration:underline;
}
#content a:not(.button):hover {
	color:#ff7200;
}
#content .box {
	background:#fff;
	padding:30px;
	border:1px solid #c2c5c6;
	margin-bottom:40px;
	border-radius: 10px;
}
#content .stats {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase
}
#content .stats span {
	font-weight: bold;
	font-size: 70px;
	display: block;
}
#ajax_listOfOptions {
	position:absolute;
	margin-top:5px;
	background:#FFF;
	min-width:200px;
	width:auto;
	z-index:100;
	overflow:auto;
	border:1px solid #c2c5c6;
	text-align:left;
	border-radius:5px;
	padding:5px 10px;
}
#ajax_listOfOptions a, #ajax_listOfOptions div {
	display: block;
	cursor:pointer;
	padding:7px 0;
	border-bottom:1px solid #C2C5C6;
	text-decoration: none!important;
	color:#3c3e41!important;
}
#ajax_listOfOptions a:hover, #ajax_listOfOptions div:hover {
	color:#ff7400!important;
}
#ajax_listOfOptions a:last-child, #ajax_listOfOptions div:last-child {
	border:0;
}
.selectClient {
	margin: 0 0 20px;
	clear: both;
}
.red-alert {
	background:#f00;
	padding:12px;
	text-align:center;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:20px;
	border-radius:30px;
}
.badge {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	font-weight:600;
	margin-left:5px;
	text-transform:uppercase;
	padding:5px 10px;
	background:#2d9ae6;
	border-radius:15px;
	color:#fff;
}
table.list {
	min-width: 100%;
	margin-bottom:30px;
}
table.list th {
	background:#1e93e4;
	color:#FFF;
	text-align:left;
	padding:20px 15px;
	font-size: 13px;
}
table.list th:first-child {
	border-top-left-radius: 10px;
}
table.list th:last-child {
	border-top-right-radius: 10px;
}
table.list tr:hover {
	/*background:#e2f4fd;*/
}
table.list tr.even td {
	background:#f9f9f9;
}
table.list td {
	padding:15px 10px;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	line-height: 20px;
}
table.list td.first {
	border-left:1px solid #f1f1f1;
}
table.list td.last {
	border-right:1px solid #f1f1f1!important;
}
table.list td a {
	font-weight: bold;
}
table.list td.comment {
	background:#fff!important;
	padding:10px 20px;
	border:1px solid #a8a8a8!important;
	border-top:none!important;
	line-height:16px;
}
.detail_col1 {
	width:48%;
}
.detail_col2 {
	width:48%;
}
.detail_col1 .info, .detail_col2 .info {
	width:100%;
	border:1px solid #d9d9d9;
	margin-bottom:25px;
	border-radius: 10px;
}
.detail_col1 .info h4, .detail_col2 .info h4 {
	padding:15px;
}
.detail_col1 .info table, .detail_col2 .info table {
	width:100%;
}
.detail_col1 .info td, .detail_col2 .info td, .detail_col1 .info th, .detail_col2 .info th {
	padding:10px 15px;
	border-top:1px dotted #c8c8c8;
}
.detail_col1 .info th, .detail_col2 .info th {
	text-align:left;
	width:40%;
}
.pagination {
	text-align:center;
}
.pagination a {
	padding:2px 6px;
	background:#f1f1f1;
	margin:0 5px 5px 0;
	text-decoration:none!important;
	float:left;
}
.pagination a.img {
	padding:4px!important;
	background:none!important;
}
.pagination span {
	margin-right:5px;
	font-weight:bold;
	float:left;
	padding:2px 3px 0;
}
.chart { 
	text-align:center;
	widows: 100%;
	max-width: 950px;
	margin:0 auto;
}
.chart canvas {
	widows: 100%;
}
.status {
	margin:10px 0 40px;
	position: relative;
	padding:10px 0 0;
	overflow:hidden;
	display: flex;
}
.status:before {
	content:"";
	height: 10px;
	width:100%;
	background-color:#1e93e4;
	display: block;
	border-radius:10px;
	position: absolute;
	left:0;
}
.status .each {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size:11px;
	line-height: 1.6;
	color:#777;
	text-align:center;
	padding:30px 20px 0;
	line-height:12px;
	font-weight: 600;
}
.status .each:before {
	content:"";
	width:20px;
	height: 20px;
	border-radius: 50%;
	background:url(images/check-icon.png) no-repeat center #fff;
	background-size: 20px auto;
	position: absolute;
	border:1px solid #f1f1f1;
	top:-6px;
	left:50%;
	margin-left:-10px;
	display: block;
	z-index: 10;
}
.status .each span {
	font-size:10px;
	font-weight:bold;
	display: block;
	text-transform: uppercase;
}
/* .status .each:last-child:before {
	background: #fff;
} */
.status .each:last-child:after {
	content:"";
	width:1000px;
	height: 20px;
	background: #fff;
	position: absolute;
	top:0;
	left:80%;
	display: block;
	
}
.status .each.CL:after {
	left:50%;
}
.status .each b {
	font-size:10px;
}
#footer {
	background:#3c3e41;
	padding:17px 0;
	width:100%;
	color: #fff;
	font-size:14px;
	text-align:right;
	margin-top:30px;
}
#footer .placeholder {
	color: #fff;
}
.open_chat {
	background:url(images/bg_box.gif) bottom repeat-x;
	padding:20px 15px;
	border:1px solid #cfcfcf;
	position:absolute;
	left:0;
	top:190px;
	text-align:center;
}
.open_chat a {
	color:#2D9AE6;
	text-decoration:underline;
	font-weight:bold; 
}
.chart_info {
	border:1px solid #d9d9d9;
}
.chart_info td, .chart_info th {
	padding:10px;
	border-top:1px dotted #c8c8c8;
}
.chart_info th {
	text-align:left;
}
.chart_holder {
	position: relative;
	padding-top:20px;
}
.status-link {
	margin-block: 5px;	
	font-size: 14px;
}
.status-link a {
	font-weight: bold;
	font-size: 15px;
}
.status-info {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	margin: -20px 0 0 77px;
}
.status-info img {
	display: inline-block;
}
.form-table td {
	padding-bottom: 5px;
}
.new_feature {
	margin:30px auto 0;
	width:150px;
	padding:20px;
	text-align:center;
	background:url(images/bg_box.gif) bottom repeat-x;
	border:1px solid #ccc;
	display:block;
	font-size: 15px;
	color:#333!important;
	text-decoration:none!important;
}
.new_feature:hover {
	border-color: #000;
}
.new_feature span {
	text-transform:uppercase;
	text-decoration: underline;
	display: block;
	color: green;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
table.print {
	margin:10px auto;
} 
table.print td{
	padding: 0px 10px;
}