/*   
Template Name: SYNETICS CSS standard styles
Version: 1.0
Author: TopTech BI (Drew Davis)
*/

/*********************
 GENERAL UI COLORS 
*********************/

/***
Colors
blue:  #4b8df8
light blue: #bfd5fa
red: #e02222
yellow: #ffb848
green: #35aa47
purple: #852b99
grey: #555555;
light grey: #fafafa;
***/

/*********************
 GENERAL RESET & SETUP 
*********************/

/***
Import fonts
***/

/* load open sans font from local */
@import url(../fonts/font.css);

/***
Override Some Print Controls
***/

@media print {
	.mCustomScrollbar {
		height:100% !important;
	}
	.mCSB_3_scrollbar, .mCSB_scrollTools_vertical {
		display:none !important;
	}	
	#contSpacer {
		height:10px !important;
	}
	/*.navbar-fixed-top, .navbar-fixed-bottom {
		position:relative !important;
	}*/
	.navbar-fixed-top, .navbar-fixed-bottom {
		position:relative !important;
	}	
	.navbar {
		display:none;
	}
	
	.breadcrumb > SPAN, #FRcrumbForm, .input-group {
		display:none;
	}
	#logoPrint, #locationPrint, #rangePrint {
		display:inline !important;
	}
}

/***
Font Awesome Icons
***/
[class^="fa-"],
[class*=" fa-"] {
		margin-top: 1px;
		font-size: 14px;
		margin-right: .3em;
}

/***
Reset and overrides  
***/
/* general body settings */ 	
html,
body { 
  color: #000;
  background-color:#FFF; 
  font-family: 'Open Sans', sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size:13px; 
  direction: ltr;
  overflow: hidden; 
}

/* remove rounds from all elements */
div, 
input, 
select, 
textarea, 
span, 
img, 
table, 
td, 
th, 
p, 
a, 
button, 
ul,
code,
pre, 
li {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
/* Handle the mScroller scroller offset */
.scrollerX, .scrollerY, .scrollerXY {
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
}

/*[class$="something"]*/

/* Compensate for the bottom margin of the main container */
#contContain > .scrollerX > .container-fluid, 
#contContain > .scrollerY > .container-fluid,
#contContain > .scrollerXY > .container-fluid {
	padding-bottom:0px;
}
/* Compensate for mScrollBar's overflow:hidden on the .ps-container class */
.scrollerX >.container-fluid,
.scrollerY >.container-fluid,
.scrollerXY >.container-fluid {
	padding-bottom:15px;
}

.caption
{
	font-size: 15px !important;
	line-height: 12px !important;
}

/***
BEGIN :: SYNETICS :: Custom header navigation
***/
	/*** 
	Override "box-sizing" setting in "sm-core-css.css" and "jquery.smartmenus.bootstrap.css"  
	***/
	ul.sm li *,ul.sm li *:before,ul.sm li *:after{
		-moz-box-sizing:border-box !important;
		-webkit-box-sizing:border-box !important;
		box-sizing:border-box !important;
	}
	/*** 
	Here we put a vertical bar on the right side of each main menu item. 
	This takes the place of the ".headNav" class.
	***/
	#navHeaderCollapse > 
	.navbar-nav li:not(:first-child) {
		border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
		box-shadow: 1px 0 rgba(255, 255, 255, 0.1) inset !important;
	}
	.headNav {
		border-left: 1px solid rgba(0, 0, 0, 0.2);
		box-shadow: 1px 0 rgba(255, 255, 255, 0.1) inset;
	}
/***
END :: SYNETICS :: Custom header navigation
***/


/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{ 
	width: auto !important; 
}

/* override slider */
.slider {
	margin:5px 5px 17px !important;
}

/*SYNETICS :: Custom readonly date range*/
.dateRange[readonly] {
	cursor: pointer !important;
	background-color: #59BDFE !important;  /* rgba(17,117,183,.7)  */
	color:#FFFFFF !important;
}	

/***
BEGIN :: Option Group
***/
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
}
span.optionHead {
	padding:0px 13px;
	font-weight:bold;
}
.optionGroup {
	min-width:42%;/**/
}
.optionGroup > FORM > .row {
	margin-left: -13px;
	margin-right: -13px;
	padding-bottom: 0;
}

.optionGroup > FORM > .row > .col-xs-1, .optionGroup > FORM > .row > .col-sm-1, 
.optionGroup > FORM > .row > .col-md-1, .optionGroup > FORM > .row > .col-lg-1, 
.optionGroup > FORM > .row > .col-xs-2, .optionGroup > FORM > .row > .col-sm-2, 
.optionGroup > FORM > .row > .col-md-2, .optionGroup > FORM > .row > .col-lg-2, 
.optionGroup > FORM > .row > .col-xs-3, .optionGroup > FORM > .row > .col-sm-3, 
.optionGroup > FORM > .row > .col-md-3, .optionGroup > FORM > .row > .col-lg-3, 
.optionGroup > FORM > .row > .col-xs-4, .optionGroup > FORM > .row > .col-sm-4, 
.optionGroup > FORM > .row > .col-md-4, .optionGroup > FORM > .row > .col-lg-4, 
.optionGroup > FORM > .row > .col-xs-5, .optionGroup > FORM > .row > .col-sm-5, 
.optionGroup > FORM > .row > .col-md-5, .optionGroup > FORM > .row > .col-lg-5, 
.optionGroup > FORM > .row > .col-xs-6, .optionGroup > FORM > .row > .col-sm-6, 
.optionGroup > FORM > .row > .col-md-6, .optionGroup > FORM > .row > .col-lg-6, 
.optionGroup > FORM > .row > .col-xs-7, .optionGroup > FORM > .row > .col-sm-7, 
.optionGroup > FORM > .row > .col-md-7, .optionGroup > FORM > .row > .col-lg-7, 
.optionGroup > FORM > .row > .col-xs-8, .optionGroup > FORM > .row > .col-sm-8, 
.optionGroup > FORM > .row > .col-md-8, .optionGroup > FORM > .row > .col-lg-8, 
.optionGroup > FORM > .row > .col-xs-9, .optionGroup > FORM > .row > .col-sm-9, 
.optionGroup > FORM > .row > .col-md-9, .optionGroup > FORM > .row > .col-lg-9, 
.optionGroup > FORM > .row > .col-xs-10, .optionGroup > FORM > .row > .col-sm-10, 
.optionGroup > FORM > .row > .col-md-10, .optionGroup > FORM > .row > .col-lg-10, 
.optionGroup > FORM > .row > .col-xs-11, .optionGroup > FORM > .row > .col-sm-11, 
.optionGroup > FORM > .row > .col-md-11, .optionGroup > FORM > .row > .col-lg-11, 
.optionGroup > FORM > .row > .col-xs-12, .optionGroup > FORM > .row > .col-sm-12, 
.optionGroup > FORM > .row > .col-md-12, .optionGroup > FORM > .row > .col-lg-12 {
	min-height: 1px;
	padding: 0px 3px; 
	margin-top:10px;
	position: relative;
}

/***
END :: Option Group
***/
/***
BEGIN :: Buttons & Dropdown Buttons
***/
	.btn {
		border-width: 0;
		padding: 7px 14px; 	
		font-size: 14px;  
		outline: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		text-shadow: none;
	}
	/* fix jumping group buttons */
	.btn-group.btn-group-solid .btn + .btn,
	.btn-group.btn-group-solid .btn + .btn-group.btn-group-solid,
	.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn,
	.btn-group.btn-group-solid .btn-group.btn-group-solid + .btn-group.btn-group-solid {
		margin-left: 0px;
	}
	.btn-group-vertical.btn-group-solid > .btn + .btn,
	.btn-group-vertical.btn-group-solid > .btn + .btn-group,
	.btn-group-vertical.btn-group-solid > .btn-group + .btn,
	.btn-group-vertical.btn-group-solid > .btn-group + .btn-group {
		margin-top: 0px;
		margin-left: 0;
	}
	.btn-default {
		border-width: 1px;
		padding: 6px 13px;
	} 
	.btn.red-stripe {
		border-left: 3px solid #d84a38;
	}
	.btn.blue-stripe {
		border-left: 3px solid #4d90fe;
	}
	.btn.purple-stripe {
		border-left: 3px solid #852b99;
	}
	.btn.green-stripe {
		border-left: 3px solid #35aa47;
	}
	.btn.yellow-stripe {
		border-left: 3px solid #ffb848;
	}
	.btn.dark-stripe {
		border-left: 3px solid #555555;
	}
	.btn.default {  
		color: #333333;
		text-shadow: none;  
		background-color: #e5e5e5;
	}
	.btn.default:hover, 
	.btn.default:focus, 
	.btn.default:active, 
	.btn.default.active,
	.btn.default[disabled], 
	.btn.default.disabled {    
		color: #333333;
		background-color: #d8d8d8 !important;
		outline: none !important;
	}
	/*  Red */
	.btn.red {
		color: white;  
		text-shadow: none;	
		background-color: #d84a38;
	}
	.btn.red:hover, 
	.btn.red:focus, 
	.btn.red:active, 
	.btn.red.active,
	.btn.red[disabled], 
	.btn.red.disabled {    
		background-color: #bb2413 !important;
		color: #fff !important;
		outline: none !important;
	}
	/*  Blue */
	.btn.blue {
		color: white;  
		text-shadow: none;	
		background-color: #4d90fe;
	}
	.btn.blue:hover, 
	.btn.blue:focus, 
	.btn.blue:active,
	.btn.blue.active,
	.btn.blue[disabled],
	.btn.blue.disabled {  
		background-color: #0362fd !important;
		color: #fff !important;
		outline: none !important;
	}
	.btn-group .btn.blue.dropdown-toggle {
		background-color: #4d90fe !important;
	}
	.btn-group .btn.blue:hover, 
	.btn-group .btn.blue:focus, 
	.btn-group .btn.blue:active, 
	.btn-group .btn.blue.active, 
	.btn-group .btn.blue.disabled,
	.btn-group .btn.blue[disabled] { 
		background-color: #0362fd !important;
		color: #fff !important;
		outline: none !important;
	}
	/*  Green */
	.btn.green {
	  color: white;
	  text-shadow: none;	 
	  background-color: #35aa47;
	}
	.btn.green:hover, 
	.btn.green:focus, 
	.btn.green:active, 
	.btn.green.active,
	.btn.green.disabled, 
	.btn.green[disabled]{ 
	  background-color: #1d943b !important;
	  color: #fff !important;
	  outline: none !important;
	}
	/*  Purple */
	.btn.purple {
	  color: white; 
	  text-shadow: none;	
	  background-color: #852b99;
	}
	.btn.purple:hover, 
	.btn.purple:focus, 
	.btn.purple:active, 
	.btn.purple.active, 
	.btn.purple.disabled,
	.btn.purple[disabled] { 
	  background-color: #6d1b81 !important;
	  color: #fff !important;
	  outline: none !important;
	}
	.btn-group .btn.purple.dropdown-toggle {
	  background-color: #852b99 !important;
	}
	.btn-group .btn.purple:hover, 
	.btn-group .btn.purple:focus, 
	.btn-group .btn.purple:active, 
	.btn-group .btn.purple.active, 
	.btn-group .btn.purple.disabled,
	.btn-group .btn.purple[disabled] { 
	  background-color: #6d1b81 !important;
	  color: #fff !important;
	  outline: none !important;
	}
	
	/*  Yellow */
	.btn.yellow {
	  color: white; 
	  text-shadow: none;	
	  background-color: #ffb848;
	}
	.btn.yellow:hover, 
	.btn.yellow:focus, 
	.btn.yellow:active, 
	.btn.yellow.active, 
	.btn.yellow.disabled,
	.btn.yellow[disabled] { 
	  background-color: #eca22e !important;
	  color: #fff !important;
	  outline: none !important;
	}
	.btn-group .btn.yellow.dropdown-toggle {
	  background-color: #ffb848 !important;
	}
	.btn-group .btn.yellow:hover, 
	.btn-group .btn.yellow:focus, 
	.btn-group .btn.yellow:active, 
	.btn-group .btn.yellow.active, 
	.btn-group .btn.yellow.disabled,
	.btn-group .btn.yellow[disabled] { 
	  background-color: #eca22e !important;
	  color: #fff !important;
	  outline: none !important;
	}

	/*  System */
	.btn.system {
	  color: black; 
	  text-shadow: none;	
	  background-color: #bbbbbb;
	}
	.btn.system:hover, 
	.btn.system:focus, 
	.btn.system:active, 
	.btn.system.active, 
	.btn.system.disabled,
	.btn.system[disabled] { 
	  background-color: #4b8df8 !important;
	  color: #fff !important;
	  outline: none !important;
	}
	
	/*  Black */
	.btn.dark {
	  color: white; 
	  text-shadow: none;	
	  background-color: #555555;
	}
	.btn.dark:hover, 
	.btn.dark:focus, 
	.btn.dark:active, 
	.btn.dark.active, 
	.btn.dark.disabled,
	.btn.dark[disabled] { 
	  background-color: #222222 !important;
	  color: #fff !important;
	  outline: none !important;
	}
	.btn-group .btn.dark.dropdown-toggle {
	  background-color: #555555 !important;
	}
	.btn-group .btn.dark:hover, 
	.btn-group .btn.dark:focus, 
	.btn-group .btn.dark:active, 
	.btn-group .btn.dark.active, 
	.btn-group .btn.dark.disabled,
	.btn-group .btn.dark[disabled] { 
	  background-color: #222222 !important;
	  color: #fff !important;
	  outline: none !important;
	}
	.btn-lg {
	  padding: 10px 16px;
	  font-size: 18px;
	  line-height: 1.33;
	  vertical-align: middle;
	}
	.btn-lg > i {
	  font-size: 18px;
	}
	.btn > i {
	  font-size: 14px;
	}
	.btn-sm,
	.btn-xs {
	  padding: 4px 10px 5px 10px;
	  font-size: 13px;
	  line-height: 1.5;
	}
	.btn-sm > i,
	.btn-xs > i {
	  font-size: 13px;
	} 
	.btn-xs {
	  padding: 1px 5px;
	}
	.btn-block {
	  display: block;
	  width: 100%;
	  padding-left: 0;
	  padding-right: 0;
	}	
	
	/* absolute pos select */
	.selek .dropdown-menu li a i.check-mark {
	    display: none;
	}
	.selek .selected i {
	    color: #aaa;
	}	
	
	.selek .dropdown-menu li > a {
	    cursor: pointer;
	}
	.selek .dropdown-menu li {
	    position: relative;
	}
	.selek .dropdown-menu {
	    box-sizing: border-box;
	    width: 100%;
	}
	.selek .dropdown-menu.inner {
	    border: 0 none;
	    border-radius: 0;
	    box-shadow: none;
	    margin: 0;
	    padding: 0;
	    position: static;
	}
/***
END :: Buttons & Dropdown Buttons
***/


/***
BEGIN :: Forms
***/
	label {
		font-weight: 400;
		font-size: 14px;
	}
	.form-control:-moz-placeholder {
		color: #999999;
	}
	.form-control::-moz-placeholder {
		color: #999999;
	}
	.form-control:-ms-input-placeholder {
		color: #999999;
	}
	.form-control::-webkit-input-placeholder {
		color: #999999;
	}
	.form-control[readonly]:-moz-placeholder {
		color: #FFFFFF;
	}
	.form-control[readonly]::-moz-placeholder {
		color: #FFFFFF;
	}
	.form-control[readonly]:-ms-input-placeholder {
		color: #FFFFFF;
	}
	.form-control[readonly]::-webkit-input-placeholder {
		color: #FFFFFF;
	}	
	
	.form-control-display {
		background-color: #FFFFFF !important;
		border: none;
		font-size: 14px;
		padding-bottom: 7px;
		padding-left: 15px;
		padding-top: 7px !important;	
		width: 100%;
	}	
	
	.form-control {  
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		background-color: #ffffff;
		border: 1px solid #e5e5e5;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.form-control:focus {
		border-color: #999999;
		outline: 0;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.form-control[disabled],
	.form-control[readonly],
	fieldset[disabled] .form-control {
		cursor: not-allowed;
		background-color: #eeeeee;
	}
	.form-control.height-auto {
		height: auto;
	}
	.uneditable-input {
		padding: 6px 12px;
		min-width: 206px;
		font-size: 14px;
		font-weight: normal;
		height: 34px;
		color: #333333;
		background-color: #ffffff;
		border: 1px solid #e5e5e5;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	label.form-control {
		display: block;
		margin-bottom: 5px;
	}
	input[readonly] {
		background-color:#F0F0F0 !important;
		color:#303030 !important;
	}
	input[disabled],
	select[disabled],
	textarea[disabled] {
		cursor: not-allowed;
		background-color: #F4F4F4 !important;
	}
	select[readonly],
	textarea[readonly] {
		cursor: not-allowed;
		background-color: #F9F9F9 !important;
	}
	.input-group.input-group-fixed {
		width: auto !important;
	}
	.input-group-addon {
		border-color: #e5e5e5;
		background: #e5e5e5;
		min-width: 39px;
	}
	.input-group-addon > i {
		color: #999;
	}
	.form-control-inline {
		display: inline-block !important;
	}
/***
END :: Forms
***/


/***
BEGIN :: Dashboard stats
***/
	.dashboard-stat {
	  /*margin-bottom: 25px;*/
	}
	.dashboard-stat:before,
	.dashboard-stat:after {
		display: table;
		line-height: 0;
		content: "";
	}
	.dashboard-stat:after {
		clear: both;
	}
	.dashboard-stat .visual {
		width: 80px;
		height:70px;
		display: block;
		float: left;
		padding-top: 3px;
		padding-left: 3px;
	}
	.dashboard-stat .visual i {
		font-size: 90px;
		line-height: 85px;
		color: #fff;
		opacity: 0.2;
		filter: alpha(opacity=20);  
	}
	.dashboard-stat .details {
		position: absolute;
		right: 15px;
		padding-right: 0px;  
	}
	.dashboard-stat .details .number {    
		padding-top: 8px;
		text-align: right;
		font-size: 36px; 
		line-height: 26px; 
		letter-spacing: -1px;
		margin-bottom: 5px;
		font-weight: 600;
		color: #fff;  
	}
	.dashboard-stat .details .desc {
		text-align: right;
		font-size: 14px; 
		letter-spacing: 0px;
		font-weight: 400; 
		color: #fff;    
	}
	.dashboard-stat .more {
		clear: both;
		display: block;
		padding: 3px 10px 3px 10px !important;
		text-transform: uppercase;
		font-weight: 300;
		font-size: 11px;
		color: #fff;  
		opacity: 0.7;  
		filter: alpha(opacity=70);
		cursor:pointer; /*SYNETICS :: added*/
		position:relative;
		z-index:1;  
	}  
	.dashboard-stat .more i {
		margin-top: 1px;
		float: right;
	}
	.dashboard-stat .more:hover {
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		opacity: 1;  
		filter: alpha(opacity=100);
	}
	.dashboard-stat.blue {
		background-color: #27a9e3;
	}
	.dashboard-stat.blue .more { 
		background-color: #208dbe;
	} 
	.dashboard-stat.green {
		background-color: #28b779;
	}
	.dashboard-stat.green .more { 
		background-color: #10a062;
	} 
	.dashboard-stat.red {
		background-color: #e7191b;
	}
	.dashboard-stat.red .more { 
		background-color:#bc0d0e;
	} 
	.dashboard-stat.yellow {
		background-color: #ffb848;
	}
	.dashboard-stat.yellow .more { 
		background-color: #cb871b;
	} 
	.dashboard-stat.purple {
		background-color: #852b99;
	}
	.dashboard-stat.purple .more { 
		background-color: #6e1881;
	} 
	.dashboard-stat.grey {
		background-color: #666666;
	}
	.dashboard-stat.grey .more { 
		background-color: #444444;
	} 
	.dashboard-stat.orange {
		background-color: #ff7f00;
	}
	.dashboard-stat.orange .more { 
		background-color: #d96b00;
	} 
	.dashboard-stat.beige {
		background-color: #ffd28c;
	}
	.dashboard-stat.beige .more { 
		background-color: #ffbf59;
	} 
	.dashboard-stat.navy {
		background-color: #1d1dcc;
	}
	.dashboard-stat.navy .more { 
		background-color: #1919B3;
	} 
/***
END :: Dashboard stats
***/

/***
BEGIN :: SYNETICS :: Custom B.S. Layout
***/
	.scrollerX > .container-fluid > .row > .col-xs-1, .scrollerX > .container-fluid > .row > .col-sm-1, 
	.scrollerX > .container-fluid > .row > .col-md-1, .scrollerX > .container-fluid > .row > .col-lg-1, 
	.scrollerX > .container-fluid > .row > .col-xs-2, .scrollerX > .container-fluid > .row > .col-sm-2, 
	.scrollerX > .container-fluid > .row > .col-md-2, .scrollerX > .container-fluid > .row > .col-lg-2, 
	.scrollerX > .container-fluid > .row > .col-xs-3, .scrollerX > .container-fluid > .row > .col-sm-3, 
	.scrollerX > .container-fluid > .row > .col-md-3, .scrollerX > .container-fluid > .row > .col-lg-3, 
	.scrollerX > .container-fluid > .row > .col-xs-4, .scrollerX > .container-fluid > .row > .col-sm-4, 
	.scrollerX > .container-fluid > .row > .col-md-4, .scrollerX > .container-fluid > .row > .col-lg-4, 
	.scrollerX > .container-fluid > .row > .col-xs-5, .scrollerX > .container-fluid > .row > .col-sm-5, 
	.scrollerX > .container-fluid > .row > .col-md-5, .scrollerX > .container-fluid > .row > .col-lg-5, 
	.scrollerX > .container-fluid > .row > .col-xs-6, .scrollerX > .container-fluid > .row > .col-sm-6, 
	.scrollerX > .container-fluid > .row > .col-md-6, .scrollerX > .container-fluid > .row > .col-lg-6, 
	.scrollerX > .container-fluid > .row > .col-xs-7, .scrollerX > .container-fluid > .row > .col-sm-7, 
	.scrollerX > .container-fluid > .row > .col-md-7, .scrollerX > .container-fluid > .row > .col-lg-7, 
	.scrollerX > .container-fluid > .row > .col-xs-8, .scrollerX > .container-fluid > .row > .col-sm-8, 
	.scrollerX > .container-fluid > .row > .col-md-8, .scrollerX > .container-fluid > .row > .col-lg-8, 
	.scrollerX > .container-fluid > .row > .col-xs-9, .scrollerX > .container-fluid > .row > .col-sm-9, 
	.scrollerX > .container-fluid > .row > .col-md-9, .scrollerX > .container-fluid > .row > .col-lg-9, 
	.scrollerX > .container-fluid > .row > .col-xs-10, .scrollerX > .container-fluid > .row > .col-sm-10, 
	.scrollerX > .container-fluid > .row > .col-md-10, .scrollerX > .container-fluid > .row > .col-lg-10, 
	.scrollerX > .container-fluid > .row > .col-xs-11, .scrollerX > .container-fluid > .row > .col-sm-11, 
	.scrollerX > .container-fluid > .row > .col-md-11, .scrollerX > .container-fluid > .row > .col-lg-11, 
	.scrollerX > .container-fluid > .row > .col-xs-12, .scrollerX > .container-fluid > .row > .col-sm-12, 
	.scrollerX > .container-fluid > .row > .col-md-12, .scrollerX > .container-fluid > .row > .col-lg-12,
	
	.scrollerY > .container-fluid > .row > .col-xs-1, .scrollerY > .container-fluid > .row > .col-sm-1, 
	.scrollerY > .container-fluid > .row > .col-md-1, .scrollerY > .container-fluid > .row > .col-lg-1, 
	.scrollerY > .container-fluid > .row > .col-xs-2, .scrollerY > .container-fluid > .row > .col-sm-2, 
	.scrollerY > .container-fluid > .row > .col-md-2, .scrollerY > .container-fluid > .row > .col-lg-2, 
	.scrollerY > .container-fluid > .row > .col-xs-3, .scrollerY > .container-fluid > .row > .col-sm-3, 
	.scrollerY > .container-fluid > .row > .col-md-3, .scrollerY > .container-fluid > .row > .col-lg-3, 
	.scrollerY > .container-fluid > .row > .col-xs-4, .scrollerY > .container-fluid > .row > .col-sm-4, 
	.scrollerY > .container-fluid > .row > .col-md-4, .scrollerY > .container-fluid > .row > .col-lg-4, 
	.scrollerY > .container-fluid > .row > .col-xs-5, .scrollerY > .container-fluid > .row > .col-sm-5, 
	.scrollerY > .container-fluid > .row > .col-md-5, .scrollerY > .container-fluid > .row > .col-lg-5, 
	.scrollerY > .container-fluid > .row > .col-xs-6, .scrollerY > .container-fluid > .row > .col-sm-6, 
	.scrollerY > .container-fluid > .row > .col-md-6, .scrollerY > .container-fluid > .row > .col-lg-6, 
	.scrollerY > .container-fluid > .row > .col-xs-7, .scrollerY > .container-fluid > .row > .col-sm-7, 
	.scrollerY > .container-fluid > .row > .col-md-7, .scrollerY > .container-fluid > .row > .col-lg-7, 
	.scrollerY > .container-fluid > .row > .col-xs-8, .scrollerY > .container-fluid > .row > .col-sm-8, 
	.scrollerY > .container-fluid > .row > .col-md-8, .scrollerY > .container-fluid > .row > .col-lg-8, 
	.scrollerY > .container-fluid > .row > .col-xs-9, .scrollerY > .container-fluid > .row > .col-sm-9, 
	.scrollerY > .container-fluid > .row > .col-md-9, .scrollerY > .container-fluid > .row > .col-lg-9, 
	.scrollerY > .container-fluid > .row > .col-xs-10, .scrollerY > .container-fluid > .row > .col-sm-10, 
	.scrollerY > .container-fluid > .row > .col-md-10, .scrollerY > .container-fluid > .row > .col-lg-10, 
	.scrollerY > .container-fluid > .row > .col-xs-11, .scrollerY > .container-fluid > .row > .col-sm-11, 
	.scrollerY > .container-fluid > .row > .col-md-11, .scrollerY > .container-fluid > .row > .col-lg-11, 
	.scrollerY > .container-fluid > .row > .col-xs-12, .scrollerY > .container-fluid > .row > .col-sm-12, 
	.scrollerY > .container-fluid > .row > .col-md-12, .scrollerY > .container-fluid > .row > .col-lg-12,

	.scrollerXY > .container-fluid > .row > .col-xs-1, .scrollerXY > .container-fluid > .row > .col-sm-1, 
	.scrollerXY > .container-fluid > .row > .col-md-1, .scrollerXY > .container-fluid > .row > .col-lg-1, 
	.scrollerXY > .container-fluid > .row > .col-xs-2, .scrollerXY > .container-fluid > .row > .col-sm-2, 
	.scrollerXY > .container-fluid > .row > .col-md-2, .scrollerXY > .container-fluid > .row > .col-lg-2, 
	.scrollerXY > .container-fluid > .row > .col-xs-3, .scrollerXY > .container-fluid > .row > .col-sm-3, 
	.scrollerXY > .container-fluid > .row > .col-md-3, .scrollerXY > .container-fluid > .row > .col-lg-3, 
	.scrollerXY > .container-fluid > .row > .col-xs-4, .scrollerXY > .container-fluid > .row > .col-sm-4, 
	.scrollerXY > .container-fluid > .row > .col-md-4, .scrollerXY > .container-fluid > .row > .col-lg-4, 
	.scrollerXY > .container-fluid > .row > .col-xs-5, .scrollerXY > .container-fluid > .row > .col-sm-5, 
	.scrollerXY > .container-fluid > .row > .col-md-5, .scrollerXY > .container-fluid > .row > .col-lg-5, 
	.scrollerXY > .container-fluid > .row > .col-xs-6, .scrollerXY > .container-fluid > .row > .col-sm-6, 
	.scrollerXY > .container-fluid > .row > .col-md-6, .scrollerXY > .container-fluid > .row > .col-lg-6, 
	.scrollerXY > .container-fluid > .row > .col-xs-7, .scrollerXY > .container-fluid > .row > .col-sm-7, 
	.scrollerXY > .container-fluid > .row > .col-md-7, .scrollerXY > .container-fluid > .row > .col-lg-7, 
	.scrollerXY > .container-fluid > .row > .col-xs-8, .scrollerXY > .container-fluid > .row > .col-sm-8, 
	.scrollerXY > .container-fluid > .row > .col-md-8, .scrollerXY > .container-fluid > .row > .col-lg-8, 
	.scrollerXY > .container-fluid > .row > .col-xs-9, .scrollerXY > .container-fluid > .row > .col-sm-9, 
	.scrollerXY > .container-fluid > .row > .col-md-9, .scrollerXY > .container-fluid > .row > .col-lg-9, 
	.scrollerXY > .container-fluid > .row > .col-xs-10, .scrollerXY > .container-fluid > .row > .col-sm-10, 
	.scrollerXY > .container-fluid > .row > .col-md-10, .scrollerXY > .container-fluid > .row > .col-lg-10, 
	.scrollerXY > .container-fluid > .row > .col-xs-11, .scrollerXY > .container-fluid > .row > .col-sm-11, 
	.scrollerXY > .container-fluid > .row > .col-md-11, .scrollerXY > .container-fluid > .row > .col-lg-11, 
	.scrollerXY > .container-fluid > .row > .col-xs-12, .scrollerXY > .container-fluid > .row > .col-sm-12, 
	.scrollerXY > .container-fluid > .row > .col-md-12, .scrollerXY > .container-fluid > .row > .col-lg-12 {
		min-height: 1px;
		padding: 0px 5px; 
		margin-top:10px;
		position: relative;
	}
	#contContain > .container-fluid > .row > .col-xs-1, #contContain > .container-fluid > .row > .col-sm-1, 
	#contContain > .container-fluid > .row > .col-md-1, #contContain > .container-fluid > .row > .col-lg-1, 
	#contContain > .container-fluid > .row > .col-xs-2, #contContain > .container-fluid > .row > .col-sm-2, 
	#contContain > .container-fluid > .row > .col-md-2, #contContain > .container-fluid > .row > .col-lg-2, 
	#contContain > .container-fluid > .row > .col-xs-3, #contContain > .container-fluid > .row > .col-sm-3, 
	#contContain > .container-fluid > .row > .col-md-3, #contContain > .container-fluid > .row > .col-lg-3, 
	#contContain > .container-fluid > .row > .col-xs-4, #contContain > .container-fluid > .row > .col-sm-4, 
	#contContain > .container-fluid > .row > .col-md-4, #contContain > .container-fluid > .row > .col-lg-4, 
	#contContain > .container-fluid > .row > .col-xs-5, #contContain > .container-fluid > .row > .col-sm-5, 
	#contContain > .container-fluid > .row > .col-md-5, #contContain > .container-fluid > .row > .col-lg-5, 
	#contContain > .container-fluid > .row > .col-xs-6, #contContain > .container-fluid > .row > .col-sm-6, 
	#contContain > .container-fluid > .row > .col-md-6, #contContain > .container-fluid > .row > .col-lg-6, 
	#contContain > .container-fluid > .row > .col-xs-7, #contContain > .container-fluid > .row > .col-sm-7, 
	#contContain > .container-fluid > .row > .col-md-7, #contContain > .container-fluid > .row > .col-lg-7, 
	#contContain > .container-fluid > .row > .col-xs-8, #contContain > .container-fluid > .row > .col-sm-8, 
	#contContain > .container-fluid > .row > .col-md-8, #contContain > .container-fluid > .row > .col-lg-8, 
	#contContain > .container-fluid > .row > .col-xs-9, #contContain > .container-fluid > .row > .col-sm-9, 
	#contContain > .container-fluid > .row > .col-md-9, #contContain > .container-fluid > .row > .col-lg-9, 
	#contContain > .container-fluid > .row > .col-xs-10, #contContain > .container-fluid > .row > .col-sm-10, 
	#contContain > .container-fluid > .row > .col-md-10, #contContain > .container-fluid > .row > .col-lg-10, 
	#contContain > .container-fluid > .row > .col-xs-11, #contContain > .container-fluid > .row > .col-sm-11, 
	#contContain > .container-fluid > .row > .col-md-11, #contContain > .container-fluid > .row > .col-lg-11, 
	#contContain > .container-fluid > .row > .col-xs-12, #contContain > .container-fluid > .row > .col-sm-12, 
	#contContain > .container-fluid > .row > .col-md-12, #contContain > .container-fluid > .row > .col-lg-12 {
		min-height: 1px;
		padding: 0px 5px;
		margin-top:10px;
		position: relative;
	}
	
	.scrollerX > .container-fluid > .row,
	.scrollerY > .container-fluid > .row,
	.scrollerXY > .container-fluid > .row {
		margin-left:-13px;
		margin-right:-13px;
		padding-bottom:0px;
	}
	#contContain > .container-fluid > .row {
		margin-left:-13px;
		margin-right:-13px;
		padding-bottom:0px;
	}
	
	.scrollerX:first-child > .container-fluid > .row,
	.scrollerY:first-child > .container-fluid > .row,
	.scrollerXY:first-child > .container-fluid > .row {
		margin-top:-10px !important;
	}
	#contContain:first-child > .container-fluid > .row {
		margin-top:-10px !important;
	}	
	
	/* :: Where is this referenced? */
	.container-fluid .row {
		padding-bottom:5px;
	}
	/* Datatable styles */
	/*.dataTables_wrapper > .row-fluid:first-child {
		margin: 0px -15px;
	}*/
	.dataTables_wrapper > .row:first-child {
		margin: 0px -15px;
	}
	.dataTables_paginate .pagination {
		margin: -10px 0px 10px;
	}
	.dataTables_info {
		margin:0px 9px;
	}
/***
END :: SYNETICS :: Custom B.S. Layout
***/

/***
BEGIN :: BI Header / Footer options 
***/
	.navbar-bifooter {
	  background-color: #666666;
	  border-color: #777777;
	  color: #FFFFFF;
	}
	.navbar-biheader .navbar-brand {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-brand:hover,
	.navbar-biheader .navbar-brand:focus {
	  color: #fff;
	  background-color: transparent;
	}
	.navbar-biheader .navbar-text {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-nav > li > a {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-nav > li > a:hover,
	.navbar-biheader .navbar-nav > li > a:focus {
	  color: #fff;
	  background-color: transparent;
	}
	.navbar-biheader .navbar-nav > .active > a,
	.navbar-biheader .navbar-nav > .active > a:hover,
	.navbar-biheader .navbar-nav > .active > a:focus {
	  color: #fff;
	  background-color: #000042;
	}
	.navbar-biheader .navbar-nav > .disabled > a,
	.navbar-biheader .navbar-nav > .disabled > a:hover,
	.navbar-biheader .navbar-nav > .disabled > a:focus {
	  color: #444;
	  background-color: transparent;
	}
	.navbar-biheader .navbar-toggle {
	  border-color: #2F93D5;
	}
	.navbar-biheader .navbar-toggle:hover,
	.navbar-biheader .navbar-toggle:focus {
	  background-color: #2F93D5; 
	}
	.navbar-biheader .navbar-toggle .icon-bar {
	  background-color: #fff;
	}
	.navbar-biheader .navbar-collapse,
	.navbar-biheader .navbar-form {
	  border-color: #101010;
	}
	.navbar-biheader .navbar-nav > .open > a,
	.navbar-biheader .navbar-nav > .open > a:hover,
	.navbar-biheader .navbar-nav > .open > a:focus {
	  color: #fff;
	  background-color:#59BDFF;
	}
	@media (max-width: 767px) {
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: #000042;
	  }
	  .navbar-biheader .navbar-nav .open .dropdown-menu .divider {
		background-color: #000042;
	  }
	  .navbar-biheader .navbar-nav .open .dropdown-menu > li > a {
		color: #59BDFF;
	  }
	  .navbar-biheader .navbar-nav .open .dropdown-menu > li > a:hover,
	  .navbar-biheader .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: transparent;
	  }
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .active > a,
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .active > a:hover,
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #000042;
	  }
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .disabled > a,
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	  .navbar-biheader .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #444;
		background-color: transparent;
	  }
	}
	.navbar-biheader .navbar-link {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-link:hover {
	  color: #fff;
	}
/***
END :: BI Header / Footer options 
***/

/***
BEGIN :: BI Header / Footer options 
***/
	.navbar-bifooter {
	  background-color: #666666;
	  border-color: #777777;
	  color: #FFFFFF;
	}
	.navbar-biheader .navbar-brand {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-brand:hover,
	.navbar-biheader .navbar-brand:focus {
	  color: #fff;
	  background-color: transparent;
	}
	.navbar-biheader .navbar-text {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-nav > li > a {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-nav > li > a:hover,
	.navbar-biheader .navbar-nav > li > a:focus {
	  color: #fff;
	  background-color: transparent;
	}
	.navbar-biheader .navbar-nav > .active > a,
	.navbar-biheader .navbar-nav > .active > a:hover,
	.navbar-biheader .navbar-nav > .active > a:focus {
	  color: #fff;
	  background-color: #000042;
	}
	.navbar-biheader .navbar-nav > .disabled > a,
	.navbar-biheader .navbar-nav > .disabled > a:hover,
	.navbar-biheader .navbar-nav > .disabled > a:focus {
	  color: #444;
	  background-color: transparent;
	}
	.navbar-biheader .navbar-toggle {
	  border-color: #2F93D5; /* #333 */
	}
	.navbar-biheader .navbar-toggle:hover,
	.navbar-biheader .navbar-toggle:focus {
	  background-color: #2F93D5; /* #333 */
	}
	.navbar-biheader .navbar-toggle .icon-bar {
	  background-color: #fff;
	}
	.navbar-biheader .navbar-collapse,
	.navbar-biheader .navbar-form {
	  border-color: #101010;
	}
	.navbar-biheader .navbar-nav > .open > a,
	.navbar-biheader .navbar-nav > .open > a:hover,
	.navbar-biheader .navbar-nav > .open > a:focus {
	  color: #fff;
	  background-color:#59BDFF;
	}
	@media (max-width: 767px) {
		.navbar-biheader .navbar-nav .open .dropdown-menu > .dropdown-header {
			border-color: #000042;
		}
		.navbar-biheader .navbar-nav .open .dropdown-menu .divider {
			background-color: #000042;
		}
		.navbar-biheader .navbar-nav .open .dropdown-menu > li > a {
			color: #59BDFF;
		}
		.navbar-biheader .navbar-nav .open .dropdown-menu > li > a:hover,
		.navbar-biheader .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #fff;
			background-color: transparent;
		}
		.navbar-biheader .navbar-nav .open .dropdown-menu > .active > a,
		.navbar-biheader .navbar-nav .open .dropdown-menu > .active > a:hover,
		.navbar-biheader .navbar-nav .open .dropdown-menu > .active > a:focus {
			color: #fff;
			background-color: #000042;
		}
		.navbar-biheader .navbar-nav .open .dropdown-menu > .disabled > a,
		.navbar-biheader .navbar-nav .open .dropdown-menu > .disabled > a:hover,
		.navbar-biheader .navbar-nav .open .dropdown-menu > .disabled > a:focus {
			color: #444;
			background-color: transparent;
		}
	}
	.navbar-biheader .navbar-link {
	  color: #59BDFF;
	}
	.navbar-biheader .navbar-link:hover {
	  color: #fff;
	}
	.containerBI {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.navbar-toggle {
		margin:2px 15px;
		padding:5px;
	}
	.navbar {
		min-height:10px;
	}
	.navbar-biheader {
		background-color: #1175b7;
		font-size:9pt;
	}
	#navHeaderCollapse > 
	.navbar-nav li a {
		line-height: 34px;
		height: 34px;
		max-height:34px;
		padding-top: 0px;
	}
	.navbar-brand > IMG {
		height: 24px; 
		padding-top: 0px;
	}
	.navbar-brand {
		height: 24px; 
	}	
	@media (min-width: 762px) {
		.containerBI {
			width: 550px;
		}
		.navbar-biheader {
			background-color: #1175b7;
			font-size:9pt;
		}
		#navHeaderCollapse > ul:first-child > li > a,
		#navHeaderCollapse > ul:first-child > li
		{
			line-height: 24px;
			height: 24px;
			max-height:24px;
			padding-top: 0px;	
		}	
		.navbar-brand > IMG {
			height: 24px; 
			padding-top: 0px;
		}
		.navbar-brand {
			height: 24px; 
		}			
		#navHeaderCollapseBar{
			display:block;
		}
	}
	@media (min-width: 768px) {
		.containerBI {
			width: 744px;
		}
		.containerBI > .navbar-header,
		.containerBI > .navbar-collapse {
			margin-right: 0;
			margin-left: 0;
		}  
		.navbar-biheader {
			background-color: #1175b7;
			font-size:10pt;
		}
		#navHeaderCollapse > ul:first-child > li > a,
		#navHeaderCollapse > ul:first-child > li
		{
			line-height: 36px;
			height: 36px;
			max-height:36px;
			padding-top: 0px;	
		}	
		.navbar-brand > IMG {
			height: 30px; 
			padding-top: 2px;
		}	
		.navbar-brand {
			height: 36px; 
		}					
		#navHeaderCollapseBar{
			display:none;
		}	
	}
	@media (min-width: 992px) {
		.containerBI {
			width: 940px;
		}
		.navbar-biheader {
			background-color: #1175b7;
			font-size:11pt;
		}
		#navHeaderCollapse > ul:first-child > li > a,
		#navHeaderCollapse > ul:first-child > li
		{
			line-height: 42px;
			height: 42px;
			max-height:42px;
			padding-top: 0px;	
		}		
		.navbar-brand > IMG {
			height: 36px; 
			padding-top: 5px;
		}	
		.navbar-brand {
			height: 42px; 
		}			
	}
	@media (min-width: 1200px) {
		.containerBI {
			width: 1150px;
		}
		.navbar-biheader {
			background-color: #1175b7;
			font-size:12pt;
		}
		#navHeaderCollapse > ul:first-child > li > a,
		#navHeaderCollapse > ul:first-child > li
		{
			line-height: 46px;
			height: 46px;
			max-height:46px;
			padding-top: 0px;	
		}				
		.navbar-brand > IMG {
			height: 42px; 
			padding-top: 3px;
		}	
		.navbar-brand {
			height: 46px; 
		}			
	}
	@media (min-width: 1350px) {
		.containerBI {
			width: 1300px;
		}
		.navbar-biheader {
			background-color: #1175b7;
			font-size:14pt;
		}
		#navHeaderCollapse > ul:first-child > li > a,
		#navHeaderCollapse > ul:first-child > li
		{
			line-height: 48px;
			height: 48px;
			max-height:48px;
			padding-top: 0px;	
		}	
		.navbar-brand > IMG {
			height: 46px; 
			padding-top: 0px;
		}  
		.navbar-brand {
			height: 48px; 
		}			
	}		
/***
END :: BI Header / Footer options 
***/


/***
BEGIN :: Portlet settings
***/
	.portlet.box > .portlet-body {
		background-color: #fff;
		padding: 10px;
	}
	.portlet.box > .portlet-title {
		border-bottom: 1px solid #EEEEEE;
		color: #FFFFFF !important;
		padding: 6px 10px 0px !important;
		margin-bottom: 0;
	}
	.portlet > .portlet-title > .tools > a {
		display: inline-block;
		height: 16px;
		margin-left:5px;
	}	
	.portlet.box > .portlet-title > .tools > a.config,
	.portlet.solid > .portlet-title > .tools > a.config {
		background-image:url(../images/portlet-config-icon-white.png);
	}	
	.portlet > .portlet-title > .tools > a.config {
		margin-bottom: 2px;
		background-image:url(../images/portlet-config-icon.png);
		background-repeat: no-repeat;
		width: 12px;
	}	
	
	
	.portlet.box.blue > .portlet-title {
		background-color: #4b8df8;
	} 
	.portlet.box.blue {  
		border: 1px solid #b4cef8;
		border-top: 0;
	}
	.portlet.box.red > .portlet-title {
		background-color: #e02222;
	} 
	.portlet.box.red {  
		border: 1px solid #ef8476;
		border-top: 0;
	}
	.portlet.box.yellow > .portlet-title {
		background-color: #ffb848;
	} 
	.portlet.box.yellow {  
		border: 1px solid #fccb7e;
		border-top: 0;
	}
	.portlet.box.green > .portlet-title {
		background-color: #35aa47;
	} 
	.portlet.box.green {  
		border: 1px solid #77e588;
		border-top: 0;
	}
	.portlet.box.purple > .portlet-title {
		background-color: #852b99;
	} 
	.portlet.box.purple {  
		border: 1px solid #af5cc1;
		border-top: 0;
	}
	.portlet.box.grey > .portlet-title {
		background-color: #555555;
	} 
	.portlet.box.grey {  
		border: 1px solid #9d9c9c;
		border-top: 0;
	}
	.portlet.box.light-grey > .portlet-title {
		background-color: #aaa;
	} 
	.portlet.box.light-grey {  
		border: 1px solid #bbb;
		border-top: 0;
	}
	.portlet.box.orange > .portlet-title {
		background-color: #ff7f00;
	} 
	.portlet.box.orange {  
		border: 1px solid #f27800;
		border-top: 0;
	}
	.portlet.box.navy > .portlet-title {
		background-color: #1d1dcc;
	} 
	.portlet.box.navy {  
		border: 1px solid #1919b3;
		border-top: 0;
	}
	
	
	
	.portlet  {
		clear: both;
		margin-top: 0px;
		/*margin-bottom: 25px;*/
		padding: 0px;
	}
	.portlet > .portlet-title {  
		margin-bottom: 15px;
		border-bottom: 1px solid #eee;
	}
	.portlet > .portlet-title:after,
	.portlet > .portlet-title:before {
		content: "";
		display: table;
		line-height: 0;
	}
	.portlet > .portlet-title:after {
		clear: both;
	}
	.portlet > .portlet-title > .caption {
		float: left;
		display: inline-block;
		font-size: 18px;
		line-height: 18px;
		font-weight: 400;
		margin: 0;
		padding: 0;
		margin-bottom: 8px; 
	}
	.portlet > .portlet-title > .caption > i {
		float: left;
		margin-top: 4px;
		display: inline-block !important;
		font-size: 13px;
		margin-right: 5px;
		color: #666;
	}
	.portlet.blue > .portlet-title > .caption,
	.portlet.green > .portlet-title > .caption, 
	.portlet.yellow > .portlet-title > .caption,
	.portlet.red > .portlet-title > .caption, 
	.portlet.purple > .portlet-title > .caption, 
	.portlet.grey > .portlet-title > .caption {
		color: #fff;
	}
	.portlet.box.blue > .portlet-title > .caption > i, 
	.portlet.box.green > .portlet-title > .caption > i,
	.portlet.box.grey > .portlet-title > .caption > i,
	.portlet.box.yellow > .portlet-title > .caption > i, 
	.portlet.box.red > .portlet-title > .caption > i,  
	.portlet.box.purple > .portlet-title > .caption > i, 
	.portlet.box.light-grey > .portlet-title > .caption > i{
		color: #fff;
	}
	.sortable .portlet > .portlet-title {
		cursor: move;
	}
	.portlet > .portlet-title > .tools,
	.portlet > .portlet-title > .actions
	{
		display: inline-block;
		padding: 0;
		margin: 0;
		margin-top: 6px;
		float: right;
	}
	.portlet > .portlet-title > .tools > a {
		display: inline-block;
		height: 16px;
		margin-left:5px;
	}
	.portlet > .portlet-title > .actions > .dropdown-menu i {
		color: #000 !important;
	}
	.portlet > .portlet-title > .tools > a.hideme {
		margin-bottom: 2px;
		background-image:url(../images/portlet-remove-icon.png);
		background-repeat: no-repeat;
		width: 11px;
	}
	.portlet > .portlet-title > .tools > a.config {
		margin-bottom: 2px;
		background-image:url(../images/portlet-config-icon.png);
		background-repeat: no-repeat;
		width: 12px;
	}
	.portlet > .portlet-title > .tools > a.reload {
		margin-bottom: 2px;
		background-image:url(../images/portlet-reload-icon.png);
		width: 13px;
	}
	.portlet > .portlet-title > .tools > a.expand {
		margin-bottom: 2px;
		background-image:url(../images/portlet-expand-icon.png);
		width: 14px;
	}
	.portlet > .portlet-title > .tools > a.collapse {
		margin-bottom: 2px;
		background-image:url(../images/portlet-collapse-icon.png);
		width: 14px;
	}
	.portlet > .portlet-title > .tools > a:hover {
		text-decoration: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		opacity:.6;  
		filter:'alpha(opacity=60)';
	}
	.portlet > .portlet-title > .actions > .btn-group {
		margin-top: -13px;
	}
	.portlet > .portlet-title > .actions > .btn {
		padding: 4px 10px;
		margin-top: -14px;
	}
	.portlet > .portlet-title > .actions > .btn-group > .btn {
		padding: 4px 10px;
		margin-top: -1px;
	}
	.portlet > .portlet-title > .actions > .btn.btn-sm {
		padding: 3px 8px;
		margin-top: -13px;
	}
	.portlet > .portlet-title > .actions > .btn-group > .btn-sm {
		padding: 3px 8px;
		margin-top: -1px;
	}
	.portlet > .portlet-title > .pagination.pagination-sm {
		float: right !important;
		display: inline-block !important;
		margin: 0px;
		margin-top: -4px;
	}
	@media (max-width: 767px) { 
		.portlet > .portlet-title > .actions.btn-set > .btn-group,
		.portlet > .portlet-title > .actions.btn-set > .btn {
			margin-top: 0px;
			margin-bottom: 5px;
		}
	}
	.portlet > .portlet-body {
		clear: both;  
		padding: 0;  
	}
	.portlet > .portlet-empty {
		min-height: 125px; 
	}
	.portlet.solid {
		padding: 10px;
	}
	.portlet.solid > .portlet-title > .tools {
		margin-top: 2px;
		border: 0px;
	}
	.portlet.solid > .portlet-title {
		margin-bottom: 5px;
		border: 0px;
	}
	.portlet.solid.bordered > .portlet-title {
		margin-bottom: 15px;
	}
	.portlet.solid.red > .portlet-title,
	.portlet.solid.red > .portlet-title i,
	.portlet.solid.red > .portlet-body,
	
	.portlet.solid.green > .portlet-title,
	.portlet.solid.green > .portlet-title i,
	.portlet.solid.green > .portlet-body,
	
	.portlet.solid.yellow > .portlet-title,
	.portlet.solid.yellow > .portlet-title i,
	.portlet.solid.yellow > .portlet-body,
	
	.portlet.solid.grey > .portlet-title,
	.portlet.solid.grey > .portlet-title i,
	.portlet.solid.grey > .portlet-body,
	
	.portlet.solid.purple > .portlet-title,
	.portlet.solid.purple > .portlet-title i,
	.portlet.solid.purple > .portlet-body,
	
	.portlet.solid.blue > .portlet-title,
	.portlet.solid.blue > .portlet-title i,
	.portlet.solid.blue > .portlet-body {
		border: 0;
		color: #fff;
	}
	.portlet.bordered {
		border-left: 2px solid #ddd;
	}	
/***
END :: Portlet settings
***/


/***
BEGIN :: Dropdown Menu
***/
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		list-style: none;
		text-shadow: none;
		padding: 0px;
		margin:0px;
		background-color: #ffffff;
		-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  
		font-size: 14px;
		font-family: "Segoe UI",Helvetica, Arial, sans-serif;
		border: 1px solid #ddd;
	}
	/* custom dropdown conetnt */
	.dropdown-content {
		padding:5px;
	}
	.dropdown-content form {
		margin:0;
	}
	.dropdown.inline .dropdown-menu {
		display: inline-block;  
		position: relative;
	}
	.dropdown-menu.bottom-up {
		top: auto;
		bottom: 100%;
		margin-bottom: 2px;
	}
	.dropdown-menu li > span {
		padding: 3px 20px 6px 20px !important;
		color: #333;
		text-decoration: none;
		display: block;
		clear: both;
		font-weight: normal;
		height: 49px;
		line-height: 49px;
		max-height: 49px;  
		white-space: nowrap;
	}
	.dropdown-menu li > span:hover, 
	.dropdown-menu .active > span, 
	.dropdown-menu .active > span:hover {
		text-decoration: none;
		background-image: none;
		background-color: #eee;
		color: #333;
		filter:none;
	}
	/* dropdown sub menu support for Bootsrap 3 */
	.dropdown-submenu {
		position: relative;
	}
	.dropdown-submenu > .dropdown-menu {
		top: 5px;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
	}
	.dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}
	.dropup .dropdown-submenu > .dropdown-menu {
		top: auto;
		bottom: 0;
		margin-top: 0;
		margin-bottom: -2px;
	}
	.dropdown-submenu > span:after {
		position: absolute;
		display: inline-block;
		font-size: 14px;
		right: 7px;
		top: 3px; 
		font-family: FontAwesome;
		height: auto;
		content: "\f105";
		font-weight: 300;
	}
	.dropdown-submenu:hover > span:after {
		border-left-color: #ffffff;
	}
	.dropdown-submenu.pull-left {
		float: none;
	}
	.dropdown-submenu.pull-left > .dropdown-menu {
		left: -100%;
		margin-left: 10px;
	}
	.dropdown-menu.pull-right {
		width: 100% !important;
	}
/***
END :: Dropdown Menu
***/

/***
BEGIN :: Input icons
***/
	.input-icon {
		position: relative;
	}
	.input-icon input {
		padding-left: 33px !important;
	}
	.input-icon i {
		color: #ccc;
		display: block;
		position: absolute;
		margin: 11px 2px 4px 10px;
		width: 16px;
		height: 16px;
		font-size: 16px;
		text-align: center;
	}
	.input-icon.right input {
		padding-left: 12px !important;
		padding-right: 33px !important;
	}
	.input-icon.right i {
		right: 8px;
		float: right;
	}
	.has-success .input-icon > i {
		color: #468847;
	}
	.has-warning .input-icon > i {
		color: #c09853;
	}
	.has-error .input-icon > i {
		color: #b94a48;
	}
/***
END :: Input icons
***/

/***
BEGIN :: Breadcrumbs
***/
	.page-title {
		padding: 0px;
		font-size: 30px;
		letter-spacing: -1px;
		display: block;
		color: #666;
		margin: 0px 0px 15px 0px;
		font-weight: 300;
		font-family: 'Open Sans', sans-serif;
	}
	.page-title small {
		font-size: 14px;
		letter-spacing: 0px;
		font-weight: 300;
		color: #888;
	}
	
	.breadcrumb > span + span:before {
		display: none;
	}
	.breadcrumb {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		box-shadow: none;
		margin-top: 0px; /* 15px */
		margin-bottom: 0px; /* 25px */
		border:0px !important;  
		background-color: #eee;
	}
	.breadcrumb > span > a, 
	.breadcrumb > span > i, 
	.breadcrumb > span > span {
		color: #333;
		font-size: 14px;
		text-shadow:none;
		padding:0px 5px;
	}
	span.crumb {
		outline: 0 none;
		text-shadow: none !important;
		text-decoration:none;
		cursor:pointer;
	}	
	.crumbRow {
		background-color: #eee;
	}	
	span.crumb:hover, span.crumb:focus {
		text-decoration:underline;
	}	
/***
END :: Breadcrumbs
***/

/***
General backgrounds. Can be applied to any block or panel
***/

.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
  border-color:#4b8df8 !important;
  color: #fff !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
  border-color: #e02222 !important;
  color: #fff !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
  border-color: #ffb848 !important;
  color: #fff !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
  border-color: #852b99 !important;
  color: #fff !important;
}

.bg-dark {
  background-image: none !important;
  background-color: #555555 !important;
  border-color: #555555 !important;
  color: #fff !important;
}

.bg-grey {
  background-image: none !important;
  background-color: #e7e7e7 !important;
  border-color: #e7e7e7 !important;
}

.checkbox {
    padding-left: 0px !important;
}

/***
Disabled Button
***/
.btn.system[disabled], 
.btn.system.disabled {	
  opacity: 0.3;
  filter: alpha(opacity=30);  
  background-color: #bbbbbb !important;
  color: black !important;
  text-shadow: none;  
  transition: color 0.6s ease 0s;
}

/***
Metro icons
***/
[class^="m-icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  line-height: 14px;  
  vertical-align: top;
  background-repeat: no-repeat; 
}
/* white icon */
.m-icon-white {
  background-image: url(../images/syncfusion-icons-white.png);
}
/*  Misc */
.m-icon-swapright {
  background-position: -27px -10px;
}
/* remove the pesky control outline */
a:focus { outline: none !important; }

/*********************
 SPACER HELPERS
*********************/
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }