/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
@import url(https://fonts.googleapis.com/css?family=Lato);

html{
	background-image: url("dataxet.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #0f6c3c;
	background-size: contain;
	width: 800px;
}

a.b-home
{
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	font-size: 14px;
	line-height: 17px;
	/* identical to box height */
	color: #FFF;
	letter-spacing: -0.03em;
	text-align: center;
	padding-left: 135px;
}

body {
	background: #fff;
	font-size:11px;
	line-height: 1.42857143;
	color: #6C6C6C;
	margin: 0;
	padding: 0;
	word-wrap:break-word !important;
	font-family: 'Open Sans', sans-serif;
	}
header {
	display:block;
}
.panel-heading {
    cursor: move;
	width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0;
	margin-top: -10px;
    margin-left: -10px;
	float:right;
}
.panel-heading .fa {
    padding: 10px;
}
.panel-body {
    padding: 10px;
}
li.panel {
    width: 600px;
    height: 400px;
	float:left;
	display: block;
    margin: 2px;
}
ul#draggablePanelList {
width: 1208px;
    overflow: hidden;
    margin: auto;
	}
.row {
    margin-left:0;
	margin-right:0;
}
p {
	line-height: 1.42857143;
	font-size: 11px;
	text-align:left;
}
content {
	display:block;
    z-index: -1;
}
h1 {
	font-size: 60px;
	text-align: center;
	color: #FFF;
}	

h3 {
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	color: #FFF;
}

h3 a {
	color: #FFF;
}

a {
	color: #FFF;
}

h1 {
	margin-top: 100px;
	text-align:center;
	font-size:60px;
	line-height: 70px;
	font-family: 'Lato', 'serif';
	}

#container {
	margin: 0 auto;
	max-width: 890px;
}
.toggle,
[id^=drop] {
	display: none;
}

nav { 
	margin:0;
	padding: 0;
	background-color: #000;
	z-index:5;
	display:initial;
}

#logo {
	display: block;
	padding: 5px 29px;
	float: left;
	font-size:20px;
	line-height: 60px;
	background-color:#000;
}
#logo img {
	height:50px;
}

nav:after {
	content:"";
	display:table;
	clear:both;
}

nav .fa:before {
    padding: 0 9px;
}

nav ul {
	float: left;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #000;
	width: 100%;
	}

nav a {
	display:block;
	padding:25px 20px;	
	color:#FFF;
	font-size:14px;
	text-decoration:none;
}
nav a i.fa-bars{
	font-size:18px !important;
}
nav label {
	margin-bottom:0;
}
nav ul li ul li:hover { background: #ef4136; }
nav ul li ul li a {
    padding: 10px 20px;
}
nav a:hover { 
	background-color: #ef4136;
	color:#fff;
	text-decoration:none;
}
nav a:active {
	color:fff;
	text-decoration:none;
}

nav ul ul {
	display: none;
	position: absolute;
	top: 70px;
	z-index: 10;
}
	
nav ul li:hover > ul {
	display:inherit;
}
	
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

nav ul ul ul li {
	position: relative;
	top:-60px;
	left:170px; 
}

@media (min-width: 1200px) {
.col-lg-1 {
width: 10%;
}
.col-lg-11 {
width:90%;
}
.col-lg-1, .col-lg-11 {
padding-right: 5px;
padding-left:5px;
}
}
#table-2 {
	border: 1px solid #a0a0a0;
	background-color: #f1f1f2;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#table-2 td, #table-2 th {
	padding: 2px;
	color: #333;
}
#table-2 thead {
	padding: .2em 0 .2em .5em;
	text-align: left;
	color: #fff;
	background-color: #ef4136;
	border-bottom: solid 1px #a0a0a0;
}
#table-2 th {
	font-size: 12px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #fff;
	padding-left:10px;
}
#table-2 td {
	line-height: 20px;
	text-align: center;
	font-size: 10px;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	padding-left:10px;
}
#table-2 td:hover {
	background-color: #f8f8f8;
}
.chart-date {
padding-top:35px;
text-align:center;
}
@media all and (max-width : 991px) {

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}
	ul.menu {
		width: 100%;
	}
	nav {
		margin: 0;
	}
	.toggle + a
	{
		display: none;
	}
	
	.toggle {
		display: block;
		background-color: #ef4136;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #ef4136;
	}
	
	[id^=drop]:checked + ul {
		display: block;
	}

	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #ef4136;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  	nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
	}
		
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
	}
	li.mobile-logout {
		display:initial !important;
	}
	.client-info {
		display:block;
		position:absolute;
		z-index:10;
		margin-top:-132px;
	}
	header {
	display:initial;
	}
	.title-bar {
		background-color:#fff!important;
	}
	.title-bar h2 {
		color:#c93033 !important;
	}
	select, input {
		margin: 3px 0 0 !important;
	}
	div.filterbg {
		padding-top: 4px;
	}
	div.filter, div.filter-text {
		background: #ef4136 !important;
	}
	div.content-spacing {
    		height: 234px !important;
	}
	div.filter-text {
		margin-top: 182px !important;
	}
}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

.title-bar {
	text-align:center;
	padding: 16px;
	background-color:#000;
}
.title-bar h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight:900;
	font-size:16px;
	line-height:18px;
	padding:10px;
	margin:0;
}
.client-info {
	text-align:right;
	color: #fff;
	text-decoration:none;
	padding:26px 0;
	font-size:14px;
	line-height:18px;
	right:10px;
}

header {
	background-color:#000;
	width:100%;
	height:70px;
	position: fixed;
    z-index: 102;
}
.main-menu, .title-bar, .client-info {
	padding-left: 0px;
	padding-right:0px;
}
li.mobile-logout {
	display:none;
}
div.filter {
	background: #ef4136;
	color:#fff;
	text-align:center;
	padding: 6px;
    float: left;
	min-width: 60px;
}
div.filterbg {
	background: #ef4136;
	padding-left: 5px;
}
div.filter i {
	margin-right:10px;
}
div.filter-text {
	background-color:#ef4136;
	position: fixed;
    margin-top: 70px;
    z-index: 101;
    width: 100%;
}
img {
	height:100%;
	width:auto;
}
.img-container {
	width:80px;
	height: 80px;
	text-align:center;
	overflow:hidden;
	border-radius: 5px;
	margin:auto;
}
div.p-title {
	color: #888888;
}
div.p-content {
	color: #888888;
}
span.p-data {
	color:#333333;
	font-weight:bold;
}
a {
	color:#27aae1;
}
div.p-title i {
	padding-right:10px;
}
select, input {
    border-radius: 3px;
    border: 0;
	color:#000;
	height:17.5px;
	margin: 5px 0;
	padding: 0 8px;
}
option {
    color: #000;
}
option:first-child { 
    color: #dadada;
}
h7 {
	font-size:10px;
	color: #fff;
	text-transform:uppercase;
	display:block;
    margin: -35px 0 -6px;
	text-align: left;
    padding-left: 10px;
}
table.data tr td{
	vertical-align:top !important;
	padding: 0;
}
table.data {
	width:100%;
}
.is-table-row {
	border: 1px solid #a0a0a0;
	background: #f1f1f2;
}
.is-table-row [class*="col-"] {
    vertical-align: middle;
}
.is-table-row > div {
	padding:10px;
}
.is-table-row > div.properties {
	border-right: solid 1px #a0a0a0;
	min-height:125px;
}
.is-table-row h4 {
	margin-top:0;
	color: #000;
	font-size: 14px;
	font-weight:bold;
}
td.p-title:after {
	content:":";
	float:right;
}
td.p-content {
	padding-left:3px !important;
}


.options-nav {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  width: 20px;
  height: 20px;
  color: #6d6d6d;
  overflow: hidden;
  cursor: pointer;
  border-radius:4px;
}
.options-nav:after {
  content: "⋯";
  font-size: 16px;
  font-weight: bold;
  width: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.options-nav-list {
  list-style: none;
  margin-left: -160px;;
  padding: 0;
  padding-top: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #dddddd;
  box-shadow: inset -100px -50px 100px 100px rgba(0, 0, 0, 0.2);
  width: 200px;
  z-index: -1;
  height: 80px;
}

[id^=options] {
  display: none;
}
.options:checked ~ .options-nav {
  overflow: visible;
}
.options:checked ~ .options-nav::after {
  content: "x";
}

.options-label {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 40px;
  height: 40px;
  color: white;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
  z-index: 100;
}
.options-nav-list a {
    padding: 4px 2px;
    font-size: 11px;
}
.options-nav-list li:nth-child(2) {
	margin-top:12px;
}
label.toggle-menu {
	display:none;
}
.btn-success:hover {
	background-color:#ef4136;
}
.btn-success {
	background-color:#c73132;
	border: 1px solid #c73132 !important;
}
div.total-record {
	float: right;
    padding: 6px 0;
	color:#fff;
}
button.download {
    padding: 1px 12px;
    font-size: 11px;
	margin-top:2px;
	vertical-align:inherit;
	background-color:#46ae79;
}
button.download:hover {
	background-color:#008641;
}
a.dl {
	color:#fff;
}
a.dl:hover, button.download:hover {
	color:#fff;
}
.login-btn {
    height: 48px;
	width:100%;
	font-size:16px;
	background-color: #4F4F4F;
	color:#fff;
}
.login-btn:active {
	background-color:#4F4F4F;
	color:#fff;
}
.login-btn:hover {
	color:#fff;
}
.login-box {
    height: 500px;
    width: 400px;
    margin: auto;
    padding: 16px;
    background: transparent;
    margin-top: -250px;
    margin-left: -200px;
    position: absolute;
    top: 40%;
    left: 68%;
	box-shadow: 0 0 0px rgba(0,0,0,0.3);
}
.login-input {
    width: 100%;
    height: 36px;
	font-size:16px;
}
div#logo-login{
	width:100px;
	margin:auto;
}
div#logo-login img {
	width:100%;
	margin:30px 0;
}
.todayBtn {
	font-size:12px;
	margin-top: 2px;
    padding: 6px 17.5px;
}
.applyBtn {
	    border-color: #ccc;
}
img.menu-icon {
	width: 24px;
    margin: 0 4px;
}
div.content-spacing {
    height: 98px;
	background: #f1f1f2;
}
div.content-spacing-2 {
		height:62px !important;
}
.crossicon {
	text-align: center; 
	padding: 4px!important; 
	font-size: 13px;
}
.plusicon {
	font-size:60px;
	text-align:center;
	min-height:190px;
	display:flex;
  	flex-direction:column;
  	justify-content:center;
}
.plusicon a:focus, .plusicon a:hover {
	color: #888;
}
.plusicon a {
	color:#BDBDBD;
	 -webkit-transition: color 0.5s;
    transition: color 0.5s;
}
.row-eq-height {
  	display: -webkit-box;
 	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
}
.vcenter{
    display:flex;
  	flex-direction:column;
  	justify-content:center;
  }
/*#chartcontainer .is-table-row {
	display: table;
	padding: 8px 15px;
}*/
.addnewsletter {
	display:block;
	color: #FFF;
	padding: 4px 2px;
    font-size: 11px;
	cursor:pointer;
	font-weight:normal;
}
.addnewsletter:hover {
	background-color: #ef4136;
    color: #fff;
}
input[type=checkbox].newsletter ~ div > nav > ul > li label i.fa-plus:before {
	content: "\f067";
}
input[type=checkbox].newsletter:checked ~ div > nav > ul > li label i.fa-plus:before {
	content: "\f068";
}
.newsletterselected:before {
	font-size:20px;
}
.newsletterselected {
	position:absolute;
	bottom:0;
	right:8px;
	color:#46ae79;
	display:none !important;
}
input[type=checkbox].newsletter:checked ~ div > i.newsletterselected {
	display:initial !important;
}
header nav label {
	display: block;
	color: #FFF;
    font-size: 14px;
    text-decoration: none;
	padding: 10px 20px;
	cursor: pointer;
}
.archive-element {
	display:none;
}
input[type=checkbox]#options-archive:checked ~ .archive-element {
	display: block;
    position: fixed;
    width: 100%;
	height:100%;
	background: rgba(255,255,255,0.8);
    z-index: 20;
}
.archive-element select {
	height:31.6px;
}
label.btn {
	background-color:#cecece;
}
.archive-element > div {
	border-radius:10px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	padding:15px;
	top:50%;
	left:50%;
	margin-left: -200px;
	margin-top:-50px;
	width:400px;
	background: #efefef;
	text-align:center;
}
li.rangebtn {
    font-size: 14px !important;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}
li.rangebtn:hover {
	background-color: #d4d4d4 !important;
    border-color: #8c8c8c !important;
}
.ranges li.active {
    background-color: #ef4136 !important;
    border: 1px solid #ef4136 !important;
    color: #fff !important;
}
.ranges li {
	margin-bottom:2px !important;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active, .btn-success:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #ef4136;
    border-color: #ef4136;
}
#chartcontainer h6 {
	margin: 7px 0;
}
content#chartcontainer .col-xs-3, content#chartcontainer .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.charttop {
	padding: 0 5px;
}
.xyvalue {
	padding: 0 5px;
}
.col-chart-1, .col-chart-2, .col-chart-3, .col-chart-4 {
	position: relative;
    	min-height: 1px;
	padding-right: 3px;
	float:left;
} 
.row.noredbg {
   	border-left: solid 1px #fff;
}
.row.border-btm {
	border-bottom: solid 1px #fff;
}
select#dataset1, select#dataset2 {
    width: 149px !important;
}
select#colorpalette {
    width: 167px !important;
}
@media all and (max-width : 1709px) {
	div.content-spacing {
		height:125px !important;
	}
	div.content-spacing-2 {
		height:49px !important;
	}
	.chart-date {
	padding-top:35px !important;
	text-align:center;
	}
}
@media all and (max-width : 1587px) {
	div.content-spacing-2 {
		height:48px !important;
	}
}
@media all and (max-width : 1103px) {
	div.content-spacing-2 {
		height:63px !important;
	}
}
@media all and (max-width : 1093px) {
	div.content-spacing-2 {
		height:119px !important;
	}
	.chart-date {
	padding-top:75px !important;
	}
}
@media all and (max-width : 1382px) {
	td.is-table-row h6, td.is-table-row input, td.is-table-row select {
		font-size:10px !important;
	}
	content#chartcontainer table {
	min-width: 1360px;
}
}
/*@media all and (max-width : 1232px) {
	td.is-table-row h6, td.is-table-row input, td.is-table-row select {
		font-size:8px !important;
	}
}*/
@media all and (max-width : 992px) {
	/*td.is-table-row h6, td.is-table-row input, td.is-table-row select {
		font-size:12px !important;
	}*/
	td.is-table-row input, td.is-table-row select {
		margin: 5px 0 !important;
	}
	div.content-spacing {
		height:234px !important;
	}
	div.content-spacing-2 {
		height:99px !important;
	}
	.row.noredbg {
   	border-left: none;
}
	.row.border-btm {
	padding-bottom:5px;
}
	.row.border-btm .filter {
	padding-bottom: 0;
	border-top: solid 1px #fff;
	padding-top: 2px;
}
	.chart-date {
	padding-top: 0 !important;
	padding-bottom: 3px;
	text-align:center;
}

@media all and (max-width : 894px) {
	div.content-spacing {
		height:254px !important;
	}
	div.content-spacing-2 {
		height:79px !important;
	}
}
@media all and (max-width : 840px) {
	div.content-spacing-2 {
		height:121px !important;
	}
}
@media all and (max-width : 786px) {
	div.content-spacing-2 {
		height:142px !important;
	}
}
@media all and (max-width : 737px) {
	div.content-spacing {
		height:282px !important;
	}
	div.content-spacing-2 {
		height:114px !important;
	}
}
@media all and (max-width : 632px) {
	div.content-spacing {
		height:303px !important;
	}
	div.content-spacing-2 {
		height:93px !important;
	}
}
@media all and (max-width : 522px) {
	div.content-spacing-2 {
		height:135px !important;
	}
}
@media all and (max-width : 493px) {
	div.content-spacing {
		height:324px !important;
	}
	div.content-spacing-2 {
		height:114px !important;
	}
}

@media all and (max-width : 450px) {
	div.content-spacing-2 {
		height:135px !important;
	}
}
@media all and (max-width : 400px) {
	div.content-spacing {
		height:342px !important;
	}
	div.filter-text {
		margin-top:200px !important;
	}
}
@media all and (max-width : 396px) {
	div.content-spacing {
		height:362px !important;
	}
	div.content-spacing-2 {
		height:115px !important;
	}
}
@media all and (max-width : 384px) {
	div.content-spacing-2 {
		height:157px !important;
	}
}
@media all and (max-width : 382px) {
	div.content-spacing {
		height:384px !important;
	}
	div.content-spacing-2 {
		height:135px !important;
	}
}
@media all and (max-width : 370px) {
	div.content-spacing-2 {
		height:156px !important;
	}
}
@media all and (max-width : 330px) {
	div.content-spacing-2 {
		height:177px !important;
	}
}
@media all and (max-width : 320px) {
	div.content-spacing {
		height:405px !important;
	}
	div.content-spacing-2 {
		height:198px !important;
	}
}

@media all and (max-width : 282px) {
	div.content-spacing {
		height:426px !important;
	}
}
@media all and (max-width : 267px) {
	div.content-spacing {
		height:447px !important;
	}
	div.content-spacing-2 {
		height:156px !important;
	}
}
content#chartcontainer table {
	min-width: 1360px;
}
td.is-table-row h6, td.is-table-row input, td.is-table-row select {
		font-size:10px !important;
	}
content#chartcontainer td.is-table-row div.col-xs-7 {
	padding: 0 5px;
	margin: 7px 0;
}
.is-table-row .btn-success {
	margin:5px 0;
}
#chartcontainer table {
    margin: 10px;
}
/* Default color for links inside the tabbed box */ 
.ui-widget-content a, .ui-widget-content a:hover, .ui-widget-content a:visited, .ui-widget-content a:active {
color: #2954d1 !important; 
text-decoration: underline !important; 
}

/* Default styling for selected tab titles */ 
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #ff0000 !important;
text-decoration: none !important;
cursor: text !important;
}

/* Default styling for unselected tab titles */ 
.ui-state-default a:hover, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #0000ff; font-family:"Arial"; font-size:13px; !important;
text-decoration: none !important;
cursor: text !important;
}


/*.is-table-row h6 {
	text-align:right;
}*/
h6.dashboardright {
	text-align:right;
}
.noredbg .filter, .noredbg .filterbg {
background:none;
}