/*

This is one of the primary styling sheets for the platform. 
Bit of a cluster right-now. 

The main theme's are contained here, as well as bootstrap overwrites, some custom themes, and some global variables.

Eventually this should all get organized.

*/



/* https://stackoverflow.com/questions/21168521/table-fixed-header-and-scrollable-body */
:root {
	--btn-margin-top: 20px;
	--btn-margin-bottom: 10px;
}


.csr-blue-bg {
	background: #155fa1 !important;
}
.csr-blue-color {
	color: #155fa1;
}

.tablefixed th, .table-striped th { position: sticky; top: 0; background-color: #F9F9F9; }

.dropdown {
  float: right; 
  position: relative;
  cursor: pointer;
}

.dropdown-title {
  color: #111; font-weight: bold;
}

.dropdown-title i {
  margin-right: 3px;
}

.dropdown-content-container {
  position: absolute; 
  z-index: 9; 
  right:0px;
}

.dropdown-content {
    display: none;
    /*position: absolute;*/
    right: 0px;
    background-color: black;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}





/* Bootstrap Overwrites */
/* Put rules that will overwrite bootstrap's default settings in here. Sorta redundant since a lot of the rest of this overwrites bootstrap too. */

button {
	color: white;
	padding: 10px 35px;
	margin-bottom: 5px;
}

button a {
	color:white;
}

fieldset {
	margin: 10px 0;
}


.content { 
	margin-top: 20px;
}

.alert {
	margin-top: 10px;
}


/* Custom CSS */
.btn-big {
	width: 100%;
	padding: 15px;
	margin-top: var(--button-margin-top);
	margin-bottom: 5px;
}

.widget-content h3,p,a,input[type='checkbox']{
	/*padding-left: 5px; */
}

.pagination {
    margin-bottom: 15px;
}

.p10 { padding: 10px; }
.tac { text-align: center; }
.dib { display: inline-block; }
.dn { display: none; }
.db { display: block; }

.geardropdown {
    width: 200px;
    float:right;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    z-index: 99;
    background-color: rgb(245,245,245);
    border: solid 1px rgb(180,180,180);
  }
  .geardropdowngear {
    border-left: solid 1px rgb(180,180,180);
    float: right;
    padding-left: 10px;
  }
  .geardropdowndropdown {
    background-color: rgb(245,245,245);
  }
  .geardropdown > ul {
    list-style: none;
  }

.pageheaderform,.pageheaderindex,.pageheaderview {display:none;}

.groupmemberbutton { display: inline-block; width:150px; }
.layercolumnmemberbutton { display: inline-block; width:150px; }

.datapoint_item {
	margin-bottom: 30px;
}

.datapoint_item_description {
	display: none;
}

.message.error{

	text-align: center;
	border: 1px solid red;
	border-radius: 2px !important;
	background-color: rgba(255,0,0,0.1);
	color: red;
	cursor: pointer;
	font-size: 22px;
	line-height: 24px;
	padding: 15px;
}

.message.success{
	text-align: center;
	border: 1px solid green;
	border-radius: 2px !important;
	background-color: rgba(0,255,0,0.1);
	color: green;
	cursor: pointer;
	margin-bottom: 5px;
	padding: 15px;
}

.submenu a {
	height: 32px;
	background-color: rgb(0,0,0);
	color: white;
	border-bottom: solid white 2px;
	display: block;
	font-size: 90%;
	line-height: 32px;
	font-weight: bold;
	padding-left: 5px;
	overflow: hidden;
}  
.submenu a:hover {
	background-color: rgb(255,255,255);
	color: black;
	min-width:300px;
}




/* I'm not sure what the rest of this is, might be redundant. We need to consolidate our CSS */ 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600');

*{
	border-radius: 0 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
	text-shadow: none !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.navbar *{
	background-image: none !important;
}

form *{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

input, textarea{
	background-image: none !important;
	border: 1px solid #ccc !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
}

select{
	font-size: 13px !important;
}

.btn{
	background-image: none !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.btn.btn-mini{
	font-size: 11px !important;
}

body{
	font-size: 16px;
	line-height: 23px;
	color: #666;
	background:#111;  
	background: rgb(35,35,35);
	padding-top: 85px;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden !important;

}

h1,h2,h3,h4,h5,h6{
	padding: 2px 0px;
	margin: 5px 0px;
	color: #777;
	font-weight: 400;
}

h2{
	font-size: 30px;
	line-height: 40px;
}

h3{
	font-size: 23px;
	line-height: 33px;
}

h4{
	font-size: 20px;
	line-height: 30px;
}

h5{
	font-size: 18px;
	line-height: 38px;
}

h6{
	font-size: 15px;
	line-height: 25px;
}

p{
	padding: 1px 0px !important;
	margin:1px 0px !important;
	font-size: 16px;
	line-height: 20px;
}

a{
	color: #333;
	text-decoration: none !important;
}

a:hover{
	color: #888;
	text-decoration: none;
}

a:hover,a:focus,a:active{
	outline: 0;
}

.bold{
	font-weight: 600;
}

hr{
	margin:8px 0px 8px 0px !important;
	padding:0px !important;
	border-top:0px;
	border-bottom:1px solid #ddd !important;
	height:0px;
}

:focus {
	outline:none;
}

::-moz-focus-inner {
	border:0;
}

.well{
	padding:10px 15px;
}

.btn{
	font-size: 15px;
	margin-top: var(--btn-margin-top);
	margin-bottom: var(--btn-margin-bottom);
	padding: 10px 30px;
	box-shadow: 1px 1px 3px rgba(150,150,150,.8);
}
	.btn:hover{
		margin-top: calc(var(--btn-margin-top) * .95);
		font-style: italic;
		font-size: 105% !important;
		box-shadow: 4px 4px 4px rgba(150,150,150,.8);
	}

a.btn{
	font-size: 13px !important;
}

.label{
	font-weight: 400;
	padding: 3px 6px !important;
	font-size: 13px;
}

.badge{
	font-weight: 400;
	padding: 3px 8px;
	font-size: 13px;	
}

.progress{
	height: 17px;
	line-height: 17px;
	margin: 5px 0px !important;
	border: 0px;
}

.progress .bar{
	font-size: 12px;
}

.picker{
   padding:5px;
   border-radius:5px !important;
}

/* Sparkline tooltip */

.jqstooltip {
  width: auto !important;
  height: auto !important;
  border-radius: 5px;
  padding: 4px 6px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 0 !important;
}

/* Button colors */

.btn.btn-primary{
	background: #155fa1;
}

	.btn.btn-primary:hover{
		background: white;
		color: #155fa1;
	}

.btn.btn-secondary{
	background: rgba(103,103,103);
	color: white;
}
	.btn.btn-secondary:hover{
		background: rgba(75,75,75);
	}


.btn.btn-info{
	background: #52b9e9 !important;
}

.btn.btn-info:hover{
	background: #459fc9 !important;
}

.btn.btn-success{
	background: #43c83c !important;
}

.btn.btn-success:hover{
	background: #36a530 !important;
}

.btn.btn-warning{
	background: #f88529 !important;
}

.btn.btn-warning:hover{
	background: #d67323 !important;
}

.btn.btn-danger{
	background: #fa3031 !important;
}

.btn.btn-danger:hover{
	background: #d82829 !important;
}

/* Label colors */

.label.label-success,
.badge.badge-success{
	background: #43c83c !important;
}

.label.label-warning,
.badge.badge-warning{
	background: #f88529 !important;
}

.label.label-important,
.badge.badge-important{
	background: #fa3031 !important;
}

.label.label-info,
.badge.badge-info{
	background: #52b9e9 !important;
}

/* Background colors */


.blightblue{
	background:#52b9e9 !important;
	color: #fff !important;
	border: 0px !important;
}

.bblue{
	background:#1171a3 !important;
	color: #fff !important;	
	border: 0px !important;
}

.bgreen{
	background: #43c83c !important;
	color: #fff !important;	
	border: 0px !important;
}

.borange{
	background:#f88529 !important;
	color: #fff !important;	
	border: 0px !important;	
}

.bred{
	background: #fa3031 !important;
	color: #fff !important;	
	border: 0px !important;
}

.bviolet{
	background: #932ab6 !important;
	color: #fff !important;	
	border: 0px !important;
}

.blightblue h2,.blightblue h3, .blightblue h3, .blightblue h4, .blightblue h5, .blightblue h6,
.bblue h2,.bblue h3, .bblue h3, .bblue h4, .bblue h5, .bblue h6,
.bgreen h2,.bgreen h3, .bgreen h3, .bgreen h4, .bgreen h5, .bgreen h6,
.bred h2,.bred h3, .bred h3, .bred h4, .bred h5, .bred h6,
.bviolet h2,.bviolet h3, .bviolet h3, .bviolet h4, .bviolet h5, .bviolet h6,
.borange h2,.borange h3, .borange h3, .borange h4, .borange h5, .borange h6{
	color: #fff !important;
}
 
.blightblue a,
.bblue a,
.bgreen a,
.bred a,
.borange a,
.bviolet a{
	color: #eee !important;
}

.blightblue a:hover,
.bblue a:hover,
.bgreen a:hover,
.bred a:hover,
.borange a:hover,
.bviolet a:hover{
	color: #ddd !important;
}

/* Text colors */

.lightblue{
	color:#52b9e9 !important;
}

.blue{
	color:#1171a3 !important;
}

.green{
	color: #43c83c !important;
}

.orange{
	color:#f88529 !important;
}

.red{
	color: #fa3031 !important;
}

.violet{
	color: #932ab6 !important;
}


/* Modal */

.modal-header{
	padding-top:7px;
	padding-bottom: 7px;
	padding-left: 0px !important;
	margin-bottom: 10px;
}
	.modal-header {
		font-style: italic;
	}

/* Form */

form{
	margin: 10px 0px;
}

.form-inline button{
	margin-left: 15px;
}

/* Back to top */

.totop {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 104400;
	background: #fa3031; 
}

.totop a, .totop a:visited{
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.totop a:hover {
	color: #eee;
	text-decoration: none;
}

/* Half column - CHECK LATER */

.col-left{
	width: 48%;
	float: left;
}

.col-right{
	width: 48%;
	float: right;
}

/* Dropdown menu */

.dropdown-big .dropdown-menu{
	min-width: 250px;
	padding:8px 10px;
	background: #fff;
}

.dropdown-big .dropdown-menu p{
	margin: 1px 0px;
	padding: 1px 0px;
	font-size: 12px;
	line-height: 18px;
}

.dropdown-big .dropdown-menu a{
	font-size: 13px;
	line-height: 23px;
	background:transparent;
	padding: 0px;
	color: #444 !important;
	display: inline;
}

.dropdown-big .dropdown-menu a:hover{
	color: #777 !important;
	background:transparent !important;
}

.dropdown-big .dropdown-menu .drop-foot{
	text-align: center;
}

.dropdown-big .dropdown-menu .drop-foot a{
	font-size: 12px !important;
}

.dropdown-big .dropdown-menu hr{
	padding:0px;
	margin: 8px 0px;
	border-top: 0px solid #aaa;
	border-bottom: 1px solid #eee;
}

.dropdown-big .dropdown-menu h5{
	color: #666 !important;
	line-height: 18px;
	font-weight: bold;
	font-size: 13px;
}

.dropdown-menu {
    background:#fff;
    border-radius: 0px;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}  

.dropdown-menu li{
	color: #777;
	font-size: 13px;
	line-height: 18px;
}

.dropdown-menu li > a{
	color: #555;
	line-height: 23px !important;
}

.dropdown-menu li > a:hover{
	background: #f9f9f9 !important;
	filter:none;
	color: #888;
}

.dropdown-menu a:hover,.dropdown-menu a:focus{
	filter:none !important;
	background: #fff !important;
}

.dropdown-menu::after, .dropdown-menu::before{
	border:none !important;
}

/* Navbar */

.navbar {
	min-height: 75px;
	max-height: 100px;
	border-bottom: 10px solid #155fa1 !important;
	box-shadow: 1px 5px 15px rgba(55, 55, 55, .7);
	background: #111;
	padding-bottom: 5px;
}

.navbar *{
	text-shadow:none !important;
}

.navbar .container{
   width:100%;
}

.navbar .navbar-brand{
	color: #fff !important;
	margin-bottom: 20px;
	padding-bottom: 25px;
}
	.navbar-brand img {
		max-height:65px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	@media (max-width: 767px) {   /* Added 05/03/20 to fix logo issues. */
		.navbar .navbar-brand{
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		.navbar-brand img {
			max-width: 85%;
		}
	}	
	@media (min-width: 768px) and (max-width: 979px){
		.navbar .navbar-brand{
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
		.navbar-brand img {
			max-width: 70%;
		}
	}
	@media (min-width: 980px) and (max-width: 1040px){
		.navbar-brand img {
			max-width: 80%;
		}
		.navbar .navbar-brand{
			margin-bottom: 0px;
			padding-bottom: 0px;
		}
	}

.navbar .nav > li > a{
	font-size: 13px !important;
	color: #fff;
}

.navbar i{
	margin-right: 3px;
}

.navbar .caret{
	border-top-color:#fff !important;
	border-bottom-color:#fff !important;
}

.navbar .nav-user-pic{
	width: 20px;
	margin-right: 10px;
	display:inline-block;
}

.navbar .badge{
	margin-left: 5px;
}

/* Notification */

#gritter-notice-wrapper {
	width:300px !important;
}

.gritter-item img{
	border-radius:100px;
}

.gritter-title{
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-shadow:none;
}

.gritter-custom p{
	font-size: 11px;
	line-height: 18px;
	color: #ccc;
	font-weight:normal;
	text-shadow:none;
}

/* Sidebar */

.sidebar{
	width: 230px;
	float: left;
	display: block;
	background:#111;
	color: #eee;
	position: relative;
}

.sidebar hr{
	border-bottom: 1px solid #333 !important;
}

.sidebar ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;	
}

.sidebar ul li{
	list-style-type: none;
}

.sidebar .sidebar-inner{
  display: block; 
  width:100%; 
  margin: 0 auto; 
  position: absolute;
  z-index: 60;	
  background: #111;
}

.sidebar .navi li i{
	margin-right: 5px;
}

.sidebar .navi li span i{
	margin: 0px;
}

.sidebar .navi > li > a{ 
  display: block; 
  padding: 12px 20px;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #222;
  background-color: #111;
}

.sidebar .navi > li > a:hover, .sidebar .navi > li.open > a { 
  border-bottom: 1px solid #222;
  background-color: #222;
  color: #fff;
}

.sidebar .navi li ul { 
	display: none; 
	background: #181818; 
}

.sidebar .navi li.open ul{
	display: block;
}

.sidebar .navi li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 42px;
  text-decoration: none;
  color: #999;
  border-bottom: 1px solid #222;
}

.sidebar .navi li ul li.active a { 
  background: #050505;
  border-bottom: 1px solid #222;
}
.sidebar .navi li ul li.active a:hover { 
  background: #050505;
}

.sidebar .navi li ul li a:hover {
  background: #131313;
  border-bottom: 1px solid #222;
}

/* Sidebar colors */

.sidebar .navi > li.nlightblue > a:hover, 
.sidebar .navi > li.open.nlightblue > a, 
.sidebar .navi > li.current.nlightblue > a { 
  background:#52b9e9 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.nblue > a:hover, 
.sidebar .navi > li.open.nblue > a,
.sidebar .navi > li.current.nblue > a { 
  background:#1171a3 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.ngreen > a:hover, 
.sidebar .navi > li.open.ngreen > a,
.sidebar .navi > li.current.ngreen > a { 
  background:#43c83c !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.ncsr > a:hover, 
.sidebar .navi > li.open.ncsr > a,
.sidebar .navi > li.current.ncsr > a { 
  background:#155fa1 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.ncsr-grey > a{
	background:#343434 !important;
	font-size: 14px;
	font-style: italic;
}

.sidebar .navi > li.ncsr-grey > a:hover,
.sidebar .navi > li.open.ncsr-grey > a,
.sidebar .navi > li.current.ncsr-grey > a { 
  background:#155fa1 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.ncsr-admin > a{
	background:#98650c !important;
	font-size: 14px;
}

.sidebar .navi > li.ncsr-admin > a:hover,
.sidebar .navi > li.open.ncsr-admin> a,
.sidebar .navi > li.current.ncsr-admin > a { 
  background:#155fa1 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.norange > a:hover, 
.sidebar .navi > li.open.norange > a,
.sidebar .navi > li.current.norange > a { 
  background:#f88529 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.nred > a:hover, 
.sidebar .navi > li.open.nred > a,
.sidebar .navi > li.current.nred > a { 
  background:#fa3031 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

.sidebar .navi > li.nviolet > a:hover, 
.sidebar .navi > li.open.nviolet > a,
.sidebar .navi > li.current.nviolet > a { 
  background:#932ab6 !important;
  -webkit-transition:background 0.5s ease;
  -moz-transition:background 0.5s ease;
  -o-transition:background 0.5s ease;
  transition:background 0.5s ease;
}

/* Sidebar dropdown */

.sidebar .sidebar-dropdown*{
	text-decoration: none;
}

.sidebar .sidebar-dropdown{
	display: none;
}

.sidebar .sidebar-dropdown a{
	color: #ddd;  
	background-color: #343434;	
	padding:10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	line-height:19px;
	display: block;
	border-top: 1px solid #666;
	border-bottom: 1px solid #333;  
}

.sidebar .sidebar-dropdown a:hover{
	text-decoration: none;
}

/* Date & Time Picker */

.dtpicker{
	max-width:120px;
	display:inline-block;
}

/* Sidebar widget */

.sidebar .sidebar-widget{
	padding: 15px;
}

.sidebar .ui-datepicker{
	width: 95%;
	margin: 0 auto;
	background: #111;
	color: #888;
	border: 0px;
	padding: 0px;
}

.sidebar .ui-datepicker-header{
	background: #222;
	color:#999 !important;
	border: 1px solid #212121;
}

.sidebar .ui-datepicker-next, .sidebar .ui-datepicker-prev{
	background:#333;
	width:20px;
	height:20px;
	top:6px;
	border-radius:50px !important;
}

.sidebar .ui-datepicker-prev:hover{
	background: transparent;
	border: 0px;
	left: 2px !important;
}

.sidebar .ui-datepicker-next:hover{
	background: transparent;
	border: 0px;
	right: 2px !important;
}

.sidebar .ui-state-default{
	background: #222;
	border: 0px;
	text-align: center;
	color: #ccc;
}

.sidebar .ui-state-default:hover{
	background: #282828;
	color: #999;
}

.sidebar .ui-state-hightlight, .sidebar .ui-state-active{
	background: #444;
}


/* Main */

.mainbar {		/* 05/03/20 reworked to remove sidebar. */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	background: rgb(250,250,250);
	min-height: 1200px;
	border: 6px solid #155fa1;
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.mainbar{
		/* margin: 0px; */
		border: 4px solid #155fa1;
		float: none;
	}
}	
@media (min-width: 768px) and (max-width: 979px){
	.sidebar{
		/*width: 200px; */
	}
	.mainbar{
		 
	}
}
.mainbar .container{
   max-width:100% !important;
}

/* Pagination*/

.pagination{
	/*margin: 10px 0px 5px 0px;*/
}

.pagination li a, .pagination li span {
	border: 1px solid #ccc;
	margin-right: 3px;
	padding: 3px 8px;
	background-color: #fff;	
	color: #666;
}	

.pagination li a:hover{
	color: #333;
	background: #fafafa;
}

/* Page head */

.mainbar .page-head{
  padding: 15px 20px;
  border-bottom: 1px solid #fff;
}

.mainbar .page-meta{
	font-size: 13px;
	line-height: 15px;
	margin-left: 2px;
	display: block;
}

/* Bread crumb */

.mainbar .bread-crumb{
	font-size: 13px;
	margin-top: 15px;
	color: #aaa;
	margin-left: 2px;
}

.mainbar .bread-crumb i{
	margin-right: 3px;
	display:inline;
	position: static;
	top: 0px;
	width: auto;
}

.mainbar .bread-crumb .divider{
	margin: 0px 3px;
}

.mainbar .bread-crumb a{
	color: #666;
}

.mainbar .bread-crumb a.bread-current{
	color: #888;
}


/* Notificationj Box*/

.slide-box{
	width: 270px;
	z-index: 400;
	position: fixed;
	bottom: 0px;
	right: 5px;
}

.slide-box .slide-box-head{
	line-height: 42px;
	height: 42px;
	cursor: pointer;
	font-size: 15px;
	padding-left: 10px;
}

.slide-box .slide-box-head i{
	margin-right: 10px;
	font-size: 12px;
}

.slide-box .slide-content{
	margin: 0px;
	padding: 0px;
	background: #000;
	min-height: 300px;
}

.slide-content .nav-tabs{
	border-bottom: 1px solid #222 !important;
	margin-bottom: 0px !important;
}

.slide-content .nav-tabs > li > a{
	background: #111 !important;
	margin: 0px !important;
	border: 1px solid #222 !important; 
	color: #888 !important;
}

.slide-content .nav-tabs > li.active > a{
	color: #ccc !important;
	background: #1c1c1c !important;
}

.slide-content .tab-content{
	padding: 10px;
} 

.slide-content hr{
	border-bottom: 1px solid #212121 !important;
}


/* Slidebox data */

.slide-data{
	background: #111;
	border:1px solid #222;
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px;
}

.slide-data .slide-data-text{
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	float: left;
	width: 60%;
}

.slide-data .slide-data-result{
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	float: right;
	width: 40%;
}

.slide-data .slide-data-result i{
	font-size: 14px;
}

/* Matter */

.mainbar .matter{
	border-top: 1px solid #ddd;
	padding: 15px 5px;
}

.mainbar .matter > .container{
	margin-left:0px;
}	

/* Widget */

.widget {
  margin-top: 10px;
  margin-bottom: 20px; 
  background: #fff;
}

.widget hr{
	margin: 4px 0px;
	padding: 4px 0px;
	border-top: 0px;
	border-bottom: 1px solid #ddd;
}

.widget .table{
	margin: 0px;
	width: 100%;
}

.widget .table-bordered{
	border: 0px;
}

.widget .table-bordered th{
	border-bottom: 1px solid #ccc !important;
}

.widget .table-bordered td{
	border-top: 0px !important;
	border-bottom: 1px solid #ccc !important;
}

.widget .table-bordered tr:last-child td{
	border-bottom:0px !important;
}

.widget .table-bordered td:first-child, .widget .table-bordered th:first-child{
	border-left: 0px;
}

.widget .table-bordered td:last-child, .widget .table-bordered th:last-child{
	border-right:0px;
}

.widget .padd{
	padding: 15px;
}

.widget .widget-head{
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #777;
  font-size: 18px;
  padding: 12px 15px;
}

.widget .widget-head .widget-icons i{
	font-size: 14px;
	margin: 0px 4px;
}

.widget .widget-head .widget-icons a{
	color: #aaa;
}

.widget .widget-head .widget-icons a:hover{
	color: #888;
}

.widget .widget-content{
	border-left: 1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.widget .widget-foot{
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-top: 0px;
  padding: 8px 15px;
  font-size: 13px;
  color: #555;
}

/* Widget Content */

.chats{
	padding-left:0px;
	margin-left:0px;
}

.recent{
	padding-left:0px;
	margin-left:0px;
}

.quick-post .checkbox label{
	display:inline-block;
}

.quick-post .radio label{
	display:inline-block;
}

.widget-foot .form-inline button {
	margin-left: -3px;
	padding:6px 12px;
}

.widget-content .form-inline button {
	margin-left: 0px;
	padding:6px 12px;
}

.buttons button{
	margin-top:10px;
}

.widget-content .checkbox label{
	display:inline-block;
}

.widget-content ul.project > li > p > .p-input{
	display: block;
	width: 14px;
	float: left;
	margin-right: 4px;
	margin-top: 5px;
}

.widget-content ul.project > li > p > span.p-heading{
	font-weight:600;
}

.widget-content ol#slist{
	padding:0px;
}


/* Widget colors */
.widget.wgrey .widget-head {
	background-color: rgba(55,55,55,1);
	color: white;
}

.widget.wlightgrey .widget-head {
	background-color: rgba(75,75,75,1);
	color: white;
}

.widget.wred .widget-head{
  background-color: #fa3031;
  /* border: 1px solid #fa3031;  removed by Matt on 06/03/18 because it looked ugly */
  color: #fff;
}

.widget.wlightblue .widget-head{
  background-color: #155fa1;
 /*  border: 1px solid #52b9e9;  removed by Matt on 06/03/18 because it looked ugly */
  color: #fff;
}

.widget.wblue .widget-head{
  background-color: #1171a3;
  border: 1px solid #1171a3;
  color: #fff;
}

.widget.wgreen .widget-head{
  background-color: #43c83c;
  border: 1px solid #43c83c;
  color: #fff;
}

.widget.worange .widget-head{
  background-color: #f88529;
  border: 1px solid #f88529;
  color: #fff;
}

.widget.wviolet .widget-head{
  background-color: #932ab6;
  border: 1px solid #932ab6;
  color: #fff;
}

.widget.wred .widget-head .widget-icons a,
.widget.wblue .widget-head .widget-icons a,
.widget.wlightblue .widget-head .widget-icons a,
.widget.worange .widget-head .widget-icons a,
.widget.wgreen .widget-head .widget-icons a,
.widget.wviolet .widget-head .widget-icons a{
	color: #fff;
}

.widget.wred .widget-head .widget-icons a:hover,
.widget.wblue .widget-head .widget-icons a:hover,
.widget.wlightblue .widget-head .widget-icons a:hover,
.widget.worange .widget-head .widget-icons a:hover,
.widget.wgreen .widget-head .widget-icons a:hover,
.widget.wviolet .widget-head .widget-icons a:hover{
	color: #eee;
}

/* Widget white extras */

.widget .nav-tabs > li a {
   	padding: 5px 10px;
}

.widget .nav-tabs {
	margin-bottom: 5px;
}

.widget .tab-content{
	margin-bottom: 10px;
}

/* Calendar */

.fc-header-title h2 {
	font-size: 15px;
	line-height: 20px;
}

.fc-event-skin {
	background-color: #ff5d5e;
	border-color: #ff3839;
}	

.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
	right: 20px;
}

.fc-state-default {
	background: #eee !important;
}

.fc-state-default:hover{
	background: #ddd !important;
}

.fc-widget-header {
	padding: 7px 0px !important;
	color: #666;
	background: #eee;
	border-color: #ccc;
}

.fc-content td:hover{
	background: #f3f3f3;	
}

/* Current status */

.current-status{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.current-status .bold{
	font-size: 13px;
	margin-left: 8px;
}

.current-status li{
 	padding: 10px 0px;
 }

/* Knob */

.dial{
	border: 0px !important;
}

/* Today datas */

.today-datas{
	list-style-type: none;
	padding: 0px;
	margin: 10px 0px;
}

.today-datas li{
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 10px;
    padding: 20px 15px;
  background-color: #f8f8f8;	
  background: #f8f8f8;
  border: 1px solid #ccc;
  max-width: 100%;
  text-align: center;
}

.today-datas li .spark{
	margin-right: 10px;
}

.today-datas li .datas-text{
	font-size: 13px;
	padding: 7px 0px 0px 0px;
	font-weight: normal;
}

.today-datas li .datas-text span{
	display: block;
	font-size: 24px;
	margin-bottom: 5px;
}

.today-datas li i{
	font-size: 50px;
	margin-right: 10px;
}

.today-datas li .dial{
	margin-right: 10px !important;
}

/* Profile */

.profile{
	margin-top: 15px;
}

/* Error */

.error-page{
	max-width: 500px;
	margin: 50px auto;
}

.error h1{ font-weight: normal; }
.error form { margin: 0; }

/* Grid */
.show-grid { margin: 0; }
.show-grid div{
	background: #eee;
	text-align: center;
	margin: 10px 0px;
	padding: 0 15px;
	border: 1px solid #ddd;
}

/* Slider */

#eq span {
    height:120px; float:left; margin:15px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -18px !important;
  margin-bottom: -.6em !important;
}
.ui-slider .ui-slider-handle { 
	position: absolute; 
	z-index: 2; 
	width: 1em; 
	height: 1em !important; 
	cursor: default; 
	background: #fafafa !important;
	border: 1px solid #ccc !important; 
}

.ui-slider-horizontal { 
	height: .5em; 
	border: 0px solid #eee !important; 
	background: #dfdfdf !important;
}

.ui-slider-vertical { 
	height: 100px; 
	width: 0.5em;
	border: 0px solid #fff !important; 
	background: #dfdfdf !important;
}

#master1, #master2, #master3, #master4, #master5, #master6{
	width: 100%;
	margin:15px 0px !important;
}

.slider-red .ui-widget-header{
	background: #dd514c !important;
	border-color: #dd514c !important;
}	

.slider-blue .ui-widget-header{
	background: #36a5c6 !important;
	border-color: #36a5c6 !important;
}	

.slider-green .ui-widget-header{
	background: #44c636 !important;
	border-color: #44c636 !important;
}	

.slider-yellow .ui-widget-header{
	background: #fcd419 !important;
	border-color: #fcd419 !important;
}	

.slider-orange .ui-widget-header{
	background: #fc9419 !important;
	border-color: #fc9419 !important;
}	

.slider-violet .ui-widget-header{
	background: #9919fc !important;
	border-color: #9919fc !important;
}	

/* Toggle button */

.make-switch{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 8px;
}

/* Gallery */

.gallery img{
	width: 100%;
	max-width: 190px;
	margin: 5px;
}

/* Error log */

.error-log{
	height: 400px;
	overflow: auto;
}

.error-log ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.error-log ul li{
	padding: 10px 0px;
}

/* Media */

.medias .checker {
	width: 5px !important;
}

.medias img{
	max-width: 40px;
}

/* CL Editor */

.cleditorMain{
	border: 1px solid #ccc;
	margin: 10px 0px;
}

.cleditorMain textarea, .cleditorMain iframe{
	width: 100% !important;
}

/* Chart */

#curve-chart,#live-chart,#pie-chart,#pie-chart2,#pie-chart3{
	height: 250px;
	max-width: 100%;
}

#bar-chart{
	height: 283px;
	width: 99.5%;	
}

#pie-chart,#pie-chart2,#pie-chart3{
	max-width: 300px;
	margin: 10px auto;
}

/* Support page */

#slist p{
display: none;
margin:5px 0px;
padding:5px 10px !important; 
background:#fff;
line-height: 25px;
border:1px solid #eee;
}

#slist{
	margin-left: 20px;
}

#slist li{
	margin-bottom: 10px;
}

#slist li a{
	display: block;
	margin-bottom: 0px;
}

.support-contact i{
	margin-right: 3px;
}

/* Post form */

.post{
	margin-top: 20px;
}

/* Login and Register form */

.admin-form{
	max-width: 500px;
	margin: 50px auto;
}

.admin-form form{ padding-top: 10px; }

/* Invoice */
.invoice .table-bordered { border: 1px solid #ddd;}

/* Statements */
.statement .table-bordered { border: 1px solid #ddd;}

/* Support Filter */
.filterinput { padding-left: 5px; }

/* Responsive */

@media (max-width: 480px){
	body {
		padding-top: 75px;
	}
	.mainbar .page-head h2{
		float: none;
	}
	.mainbar .bread-crumb{
		float: none;
		margin-top: 10px;
	}
	.col-left{
		width: 100%;
		float: none;
		margin-right: none;
	}
	.col-right{
		width: 100%;
		float: none;
	}
	.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
		display: none;
	}
}
@media (min-width:420px) and (max-width: 540px) {
	body {
		padding-top: 50px;
	}

	.navbar-brand img {
		max-height:50px;
	}
}
@media (min-width:540px) and (max-width: 760px) {
	body {
		padding-top: 45px;
	}
}
@media (max-width: 767px){
	body{
		margin: 0 auto;
	}
	.mainbar .matter{
		padding-left: 20px;
		padding-right: 20px;
	}			
	.form-inline button{
   		margin-left:0px;
   	} 
	.navbar,.navbar-inner{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.navbar-collapse .dropdown-big .dropdown-menu{
		color: #bbb !important;
	}	
	.navbar-collapse .dropdown-big .dropdown-menu a{
		color: #ccc !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.navbar-collapse .dropdown-big .dropdown-menu a:hover{
		color: #aaa !important;
	}
	.navbar-collapse .dropdown-big .dropdown-menu h5{
		color: #eee !important;
	}		
	.navbar-collapse .dropdown-menu{
		padding: 10px 10px !important;
	}
	.navbar-collapse .dropdown-menu a {
		color: #fff !important;
	}
	.navbar-collapse .dropdown-menu a:hover{
		background:transparent !important;
	}
	.navbar-collapse .dropdown-menu hr{
		border-top: 0px solid #eee;
		border-bottom: 1px solid #333;
	}
	.sidebar{
		float: none;
		width: 100%;
	}
	.sidebar .sidebar-dropdown{
		display: block;
	}
	.sidebar .sidebar-inner{
		display: none;
		max-width:300px;
		padding:0px 20px;
	}
	.sidebar .sidebar-widget{
	}

	.today-datas{	
		text-align: center;
	}
	.slide-box{
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 979px){
	.form{
		margin: 0px !important;
	}
	form .control-group{
		margin:0px !important;
	}
	form .control-label{
		float: none !important;
		width: auto !important;
		text-align: left !important;
	}
	form .controls{
		float: none !important;
		margin-left: 0px !important;
	}
	form .form-actions{
		padding-left: 0px !important;
	}
	.navbar,.navbar-inner{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.nav-collapse .dropdown-big .dropdown-menu{
		color: #bbb !important;
	}	
	.nav-collapse .dropdown-big .dropdown-menu a{
		color: #ccc !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.nav-collapse .dropdown-big .dropdown-menu a:hover{
		color: #aaa !important;
	}
	.nav-collapse .dropdown-big .dropdown-menu h5{
		color: #eee !important;
	}		
	.nav-collapse .dropdown-menu{
		padding: 10px 10px !important;
	}
	.nav-collapse .dropdown-menu a {
		color: #fff !important;
	}
	.nav-collapse .dropdown-menu a:hover{
		background:transparent !important;
	}
	.nav-collapse .dropdown-menu hr{
		border-top: 0px solid #eee;
		border-bottom: 1px solid #333;
	}
	
}



.form-horizontal label.checkbox.inline{
	margin-left:20px;	
}