/* Bootstrap styles
================================================================== */
	a {
	  color: #2C3033;
	  text-decoration: none;
	}

	a:hover {
	  color: #2C3033;
	  text-decoration: underline;
	}

	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus { 
	  outline: 0 \9;
	  border-color: rgba(44,48,51, 0.8);
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
	}

	.progress.progress-striped .bar {
	  background-color: #fbb450;
	  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	}

	.btn-primary {
	  color: #ffffff;
	  text-shadow: 0-1px 0 rgba(0,0,0,0.19);
		background-color: #2C3033;
		background-image: -moz-linear-gradient(top, #2C3033, #2C3033);
		background-image: -ms-linear-gradient(top, #2C3033, #2C3033);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C3033), to(#2C3033));
		background-image: -webkit-linear-gradient(top, #2C3033, #2C3033);
		background-image: -o-linear-gradient(top, #2C3033, #2C3033);
		background-image: linear-gradient(top, #2C3033, #2C3033);
		background-repeat: repeat-x;
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3033', endColorstr='#2C3033', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		border-color: #2C3033 #2C3033 #2C3033 #2C3033;
	}

	.btn-primary:hover,
	.btn-primary:active,
	.btn-primary.active,
	.btn-primary.disabled,
	.btn-primary[disabled] {
	  color: #ffffff;
	  background-color: #2C3033;
	}
	.btn-primary:active,
	.btn-primary.active {
	  background-color: #2C3033 \9;
	}

	.nav-list > .active > a,
	.nav-list > .active > a:hover {
	  color: #ffffff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	  background-color: #2C3033;
	}

	.nav-pills > .active > a,
	.nav-pills > .active > a:hover {
	  color: #ffffff;
	  background-color: #2C3033;
	}

	.nav-tabs > .active > a,
	.nav-tabs > .active > a:hover {
	  border-bottom-color: #2C3033;
	}

	.tabs-left > .nav-tabs > li > a {
		font-weight: bold;
	}

	.tabs-left > .nav-tabs .active > a,
	.tabs-left > .nav-tabs .active > a:hover {
	  border-color: #ddd transparent #ddd #2C3033;
	  border-bottom: 1px solid #ddd;
	  color: #2C3033;
	}

	.nav .dropdown-toggle .caret {
	  border-top-color: #2C3033;
	  border-bottom-color: #2C3033;
	  margin-top: 6px;
	}
	.nav .dropdown-toggle:hover .caret {
	  border-top-color: #2C3033;
	  border-bottom-color: #2C3033;
	}

	.navbar-inner {
		background-color: #2C3033;
		background-image: -moz-linear-gradient(top, #2C3033, #2C3033);
		background-image: -ms-linear-gradient(top, #2C3033, #2C3033);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C3033), to(#2C3033));
		background-image: -webkit-linear-gradient(top, #2C3033, #2C3033);
		background-image: -o-linear-gradient(top, #2C3033, #2C3033);
		background-image: linear-gradient(top, #2C3033, #2C3033);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3033', endColorstr='#2C3033', GradientType=0);
		border-color: #2C3033 #2C3033 #2C3033 #2C3033;
		color: white;
	}

	.navbar .divider-vertical {
		border-left: 1px solid #ffffff;
	}

	.navbar .divider-breadcumb {		
		border-left: 1px solid #2C3033;
		border-right: 1px solid #2C3033;
	}

	.navbar .btn-navbar:hover,
	.navbar .btn-navbar:active,
	.navbar .btn-navbar.active,
	.navbar .btn-navbar.disabled,
	.navbar .btn-navbar[disabled] {
	  color: #ffffff;
	  background-color: #2C3033;
	}

	.navbar .nav li.dropdown.open > .dropdown-toggle,
	.navbar .nav li.dropdown.active > .dropdown-toggle,
	.navbar .nav li.dropdown.open.active > .dropdown-toggle {
		background-color: #2C3033;
		color: #fff;
	}

	a.thumbnail:hover {
	  border-color: #2C3033;
	  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	}

	.dropdown-menu li > a:hover,
	.dropdown-menu li > span:hover,
	.dropdown-menu li > a:focus,
	.dropdown-submenu:hover > a,
	.dropdown-menu .active > a,
	.dropdown-menu .active > a:hover {
		text-decoration: none;
		color: #ffffff; 
		background-color: #2C3033;
		background-image: -moz-linear-gradient(top, #2C3033, #2C3033);
		background-image: -ms-linear-gradient(top, #2C3033, #2C3033);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C3033), to(#2C3033));
		background-image: -webkit-linear-gradient(top, #2C3033, #2C3033);
		background-image: -o-linear-gradient(top, #2C3033, #2C3033);
		background-image: linear-gradient(top, #2C3033, #2C3033);
		background-repeat: repeat-x;
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3033', endColorstr='#2C3033', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}

/* Bootstrap editable plugin
================================================================== */
	.editable-click, 
	a.editable-click, 
	a.editable-click:hover {
	    border-bottom: dashed 1px #2C3033;
		text-decoration: none;
	}

/* Main
================================================================== */
	.dropdown-menu li > a:hover .check-box, 
	.dropdown-menu li > a:focus .check-box, 
	.dropdown-submenu:hover > a  .check-box,
	.check-box:focus, 
	.check-box:hover,
	.check-box.checked {
		border-color: #2C3033 #2C3033 #2C3033 #2C3033;
	}

/* Tablesorter styles
================================================================== */
	.table thead th {
	  vertical-align: bottom;
	  border-bottom: 2px solid #2C3033;
	}

	.table thead .headerSortUp, .table thead .headerSortDown, .table th.header:hover  {
		border-bottom: 3px solid #2C3033;
	}

/* Chosen styles
================================================================== */
	.chzn-container .chzn-results .highlighted {
		background-color: #2C3033;
		background-image: -moz-linear-gradient(top, #2C3033, #2C3033);
		background-image: -ms-linear-gradient(top, #2C3033, #2C3033);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C3033), to(#2C3033));
		background-image: -webkit-linear-gradient(top, #2C3033, #2C3033);
		background-image: -o-linear-gradient(top, #2C3033, #2C3033);
		background-image: linear-gradient(top, #2C3033, #2C3033);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3033', endColorstr='#2C3033', GradientType=0);
		
	  	color: #fff;
	}

	.chzn-container-active .chzn-single {
	  border: 1px solid #2C3033;
	}

	.chzn-container-active .chzn-choices {
	  border: 1px solid #2C3033;
	}

/* Widget box
================================================================== */
	.widget-title, 
	.modal-header, 
	.picker-header,
	.popover-inner {
		border-bottom: 2px solid #2C3033;
	}

	.widget-title .nav-tabs li.active a {    
	    color: #2C3033;
	}


/* Daterangepicker
================================================================== */
	.daterangepicker td.in-range {
		background: #FFF1DF;
	}

	.daterangepicker td.active, .daterangepicker td.active:hover {	
		background-color: #2C3033;
		background-image: -moz-linear-gradient(top, #2C3033, #2C3033);
		background-image: -ms-linear-gradient(top, #2C3033, #2C3033);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C3033), to(#2C3033));
		background-image: -webkit-linear-gradient(top, #2C3033, #2C3033);
		background-image: -o-linear-gradient(top, #2C3033, #2C3033);
		background-image: linear-gradient(top, #2C3033, #2C3033);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3033', endColorstr='#2C3033', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		border-color: #2C3033 #2C3033 #2C3033 #2C3033;
		color: white;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}

/* Add Animation
================================================================== */
	.animate {
		-webkit-animation: animate 1.5s infinite linear;
		-moz-animation: animate 1.5s infinite linear;
	    -o-animation: animate 1.5s infinite linear;
	    -webkit-animation: animate 1.5s infinite linear;
	  	animation: animate 1.5s infinite linear;
	 }

/* 
   Loading screen pages
------------------------------------------------------------------- */
	#overlay ul li {
		background-color: #2C3033;
	}

.od-button{
	background-color: #2C3033 !important;
	background-image: linear-gradient(to bottom, #2C3033, #2C3033) !important;
	color:white !important;
	opacity: 1 !important;
}

.od-button-bg{
	background-color: #2C3033 !important;
	color:white !important;
}