/*
	CTRL Admin 1.0
	Custom elements
	
	ctrladmin.com
*/
@import url(http://fonts.googleapis.com/css?family=Dosis:400,500,600);
@import url('font-awesome.css');
@import url(http://fonts.googleapis.com/css?family=Dosis:400,500,600);
html, body {
	overflow-x: hidden!important;
	font-family: 'Dosis', sans-serif;
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	background: #fafafa;
}
a {
	color: #3c8dbc;
}
a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
	color: #72afd2;
}
/* Layouts */
.wrapper {
	min-height: 100%;
}
.wrapper:before, .wrapper:after {
	display: table;
	content: " ";
}
.wrapper:after {
	clear: both;
}
.welcome img{
	margin-top:100px;
}
.welcome h1{
	margin-top:50px;
	font-size:50px;
	color:#646464;
	color:rgba(0,0,0,0.6);
}
/* Header */
body > .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}
/* Define 2 column template */
.right-side, .left-side {
	min-height: 100%;
	display: block;
}
/*right side - contins main content*/
.right-side {
	background-color: #f9f9f9;
	margin-left: 220px;
}
/*left side - contains sidebar*/
.left-side {
	position: absolute;
	width: 220px;
	top: 0;
}
@media screen and (min-width: 992px) {
.left-side {
	top: 50px;
}
/*Right side strech mode*/
.right-side.strech {
	margin-left: 0;
}
.right-side.strech > .content-header {
	margin-top: 0px;
}
/* Left side collapse */
.left-side.collapse-left {
	left: -220px;
}
}
/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
.right-side {
	margin-left: 0;
}
}
/*
    By default the layout is not fixed but if you add the class .fixed to the body element
    the sidebar and the navbar will automatically become poisitioned fixed
*/
body.fixed > .header, body.fixed .left-side, body.fixed .navbar {
	position: fixed;
}
body.fixed > .header {
	top: 0;
	right: 0;
	left: 0;
}
body.fixed .navbar {
	left: 0;
	right: 0;
}
body.fixed .wrapper {
	margin-top: 50px;
}
/* Content */
.content {
	padding: 20px 15px;
	background: #f9f9f9;
}
/* Utility */
/* H1 - H6 font */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Dosis', sans-serif;
}
/* Page Header */
.page-header {
	margin: 0px;
}
.page-header > small {
	color: #666;
	display: block;
	margin-top: 5px;
}
/* All images should be responsive */
img {
	max-width: 100%important;
}
.sort-highlight {
	background: #f4f4f4;
	border: 1px dashed #ddd;
	margin-bottom: 10px;
}
/* 10px padding and margins */
.pad {
	padding: 10px;
}
.margin {
	margin: 10px;
}
/* Display inline */
.inline {
	display: inline;
	width: auto;
}
/* Background colors */
.bg-red, .bg-red-2, .btn-red, .bg-yellow, .bg-yellow-2, .btn-yellow, .bg-aqua, .bg-aqua-2, .btn-aqua, .bg-blue, .bg-blue-2, .btn-blue, .bg-light-blue, .bg-light-blue-2, .btn-light-blue, .bg-green, .bg-green-2, .btn-green, .bg-navy, .bg-navy-2, .btn-navy, .bg-teal, .bg-teal-2, .btn-teal, .bg-olive, .bg-olive-2, .btn-olive, .bg-lime, .bg-lime-2, .btn-lime, .bg-orange, .bg-orange-2, .btn-orange, .bg-fuchsia, .bg-fuchsia-2, .btn-fuchsia, .bg-purple, .bg-purple-2, .btn-purple, .bg-maroon, .bg-maroon-2, .btn-maroon, .bg-black, .bg-black-2 .btn-black {
	color: #f9f9f9 !important;
}
.bg-gray, .btn-gray {
	background-color: #eaeaec !important;
}
.bg-gray-2, .btn-gray:hover {
	background-color: #D1D1D3 !important;
}
.bg-black, .btn-black {
	background-color: #222222 !important;
}
.bg-black-2, .btn-black:hover {
	background-color: #090909 !important;
}
.bg-red, .btn-red {
	background-color: #f56954 !important;
}
.bg-red-2, .btn-red:hover {
	background-color: #DC503B !important;
}
.bg-yellow, .btn-yellow {
	background-color: #f39c12 !important;
}
.bg-yellow-2, .btn-yellow:hover {
	background-color: #DA8300 !important;
}
.bg-aqua, .btn-aqua {
	background-color: #00c0ef !important;
}
.bg-aqua-2, .btn-aqua:hover {
	background-color: #00A7D6 !important;
}
.bg-blue, .btn-blue {
	background-color: #0073b7 !important;
}
.bg-blue-2, .btn-blue:hover {
	background-color: #005A9E !important;
}
.bg-light-blue, .btn-light-blue {
	background-color: #3c8dbc !important;
}
.bg-light-blue-2, .btn-light-blue:hover {
	background-color: #2374A3 !important;
}
.bg-green, .btn-green {
	background-color: #00a65a !important;
}
.bg-green-2, .btn-green:hover {
	background-color: #008D41 !important;
}
.bg-navy, .btn-navy {
	background-color: #001f3f !important;
}
.bg-navy-2, .btn-navy:hover {
	background-color: #000626 !important;
}
.bg-teal, .btn-teal {
	background-color: #39cccc !important;
}
.bg-teal-2, .btn-teal:hover {
	background-color: #20B3B3 !important;
}
.bg-olive, .btn-olive {
	background-color: #3d9970 !important;
}
.bg-olive-2, .btn-olive:hover {
	background-color: #248057 !important;
}
.bg-lime, .btn-lime {
	background-color: #01ff70 !important;
}
.bg-lime-2, .btn-lime:hover {
	background-color: #00E657 !important;
}
.bg-orange, .btn-orange {
	background-color: #ff851b !important;
}
.bg-orange-2, .btn-orange:hover {
	background-color: #E66C02 !important;
}
.bg-fuchsia, .btn-fuchsia {
	background-color: #f012be !important;
}
.bg-fuchsia-2, .btn-fuchsia:hover {
	background-color: #D700A5 !important;
}
.bg-purple, .btn-purple {
	background-color: #932ab6 !important;
}
.bg-purple-2, .btn-purple:hover {
	background-color: #7A119D !important;
}
.bg-maroon, .btn-maroon {
	background-color: #85144b !important;
}
.bg-maroon-2, .btn-maroon:hover {
	background-color: #6C0032 !important;
}
/* Border colors */
.border-gray {
	border-color: #eaeaec !important;
}
.border-black {
	border-color: #222222 !important;
}
.border-red {
	border-color: #f56954 !important;
}
.border-yellow {
	border-color: #f39c12 !important;
}
.border-aqua {
	border-color: #00c0ef !important;
}
.border-blue {
	border-color: #0073b7 !important;
}
.border-light-blue {
	border-color: #3c8dbc !important;
}
.border-green {
	border-color: #00a65a !important;
}
.border-navy {
	border-top-color: #001f3f !important;
}
.border-teal {
	border-color: #39cccc !important;
}
.border-olive {
	border-color: #3d9970 !important;
}
.border-lime {
	border-color: #01ff70 !important;
}
.border-orange {
	border-color: #ff851b !important;
}
.border-fuchsia {
	border-color: #f012be !important;
}
.border-purple {
	border-color: #932ab6 !important;
}
.border-maroon {
	border-color: #85144b !important;
}
/* Text colors */
.text-gray, .border-gray .panel-title i {
	color: #eaeaec !important;
}
.text-gray-2 {
	color: #D1D1D3 !important;
}
.text-black, .border-black .panel-title i {
	color: #222222 !important;
}
.text-black-2 {
	color: #090909 !important;
}
.text-red, .border-red .panel-title i {
	color: #f56954 !important;
}
.text-red-2 {
	color: #DC503B !important;
}
.text-yellow, .border-yellow .panel-title i {
	color: #f39c12 !important;
}
.text-yellow-2 {
	color: #DA8300 !important;
}
.text-aqua, .border-aqua .panel-title i {
	color: #00c0ef !important;
}
.text-aqua-2 {
	color: #00A7D6 !important;
}
.text-blue, .border-blue .panel-title i {
	color: #0073b7 !important;
}
.text-blue-2 {
	color: #005A9E !important;
}
.text-light-blue, .border-light-blue .panel-title i {
	color: #3c8dbc !important;
}
.text-light-blue-2 {
	color: #2374A3 !important;
}
.text-green, .border-green .panel-title i {
	color: #00a65a !important;
}
.text-green-2 {
	color: #008D41 !important;
}
.text-navy, .border-navy .panel-title i {
	color: #001f3f !important;
}
.text-navy-2 {
	color: #000626 !important;
}
.text-teal, .border-teal .panel-title i {
	color: #39cccc !important;
}
.text-teal-2 {
	color: #20B3B3 !important;
}
.text-olive, .border-olive .panel-title i {
	color: #3d9970 !important;
}
.text-olive-2 {
	color: #248057 !important;
}
.text-lime, .border-lime .panel-title i {
	color: #01ff70 !important;
}
.text-lime-2 {
	color: #00E657 !important;
}
.text-orange, .border-orange .panel-title i {
	color: #ff851b !important;
}
.text-orange-2 {

	color: #E66C02 !important;
}
.text-fuchsia, .border-fuchsia .panel-title i {
	color: #f012be !important;
}
.text-fuchsia-2 {
	color: #D700A5 !important;
}
.text-purple, .border-purple .panel-title i {
	color: #932ab6 !important;
}
.text-purple-2 {
	color: #7A119D !important;
}
.text-maroon, .border-maroon .panel-title i {
	color: #85144b !important;
}
.text-maroon-2 {
	color: #6C0032 !important;
}
/*Hide elements by display none only*/
.hide {
	display: none !important;
}
/* Remove borders */
.no-border {
	border: 0px !important;
}
/* Remove padding */
.no-padding {
	padding: 0px !important;
}
/* Remove margins */
.no-margin {
	margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
	box-shadow: none!important;
}
/* Don't display when printing */
@media print {
.no-print {
	display: none;
}
.left-side,  .header,  .content-header {
	display: none;
}
.right-side {
	margin: 0;
}
}
/* Remove border radius */
.flat {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
/* Change the color of the striped tables */
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f3f4f5;
}
/* .text-center in tables */
table.text-center td, table.text-center th {
	text-align: center;
}
/* Sortable fix */
table tbody#sort tr td.handle:hover {
	cursor: pointer;
}
#links ul#sort {
	overflow-y: hidden !important;
	padding:0px !important;
}
#links ul#sort li {
	list-style:none !important;
	float:left !important;
	display:block;
	margin:0 5px 5px 0 !important;
}
/* _fix for sparkline tooltip */
.jqstooltip {
	padding: 5px!important;
	width: auto!important;
	height: auto!important;
}
/* Progress bars*/
.progress.sm {
	height: 10px;
}
.progress.xs {
	height: 7px;
}
/* Vertical bars */
.progress.vertical {
	position: relative;
	width: 30px;
	height: 200px;
	display: inline-block;
	margin-right: 10px;
}
.progress.vertical > .progress-bar {
	width: 100%!important;
	position: absolute;
	bottom: 0;
}
.progress.vertical.sm {
	width: 20px;
}
.progress.vertical.xs {
	width: 10px;
}
/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
	margin: 0;
}
.progress-bar-light-blue, .progress-bar-primary {
	background-color: #3c8dbc;
}
.progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary {
	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: 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);
}
.progress-bar-green, .progress-bar-success {
	background-color: #00a65a;
}
.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
	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: 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);
}
.progress-bar-aqua, .progress-bar-info {
	background-color: #00c0ef;
}
.progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info {
	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: 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);
}
.progress-bar-yellow, .progress-bar-warning {
	background-color: #f39c12;
}
.progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning {
	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: 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);
}
.progress-bar-red, .progress-bar-danger {
	background-color: #f56954;
}
.progress-striped .progress-bar-red, .progress-striped .progress-bar-danger {
	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: 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);
}
.tile-progressbar {
	height: 2px;
	background: rgba(0,0,0,0.18);
	margin: 0;
}
.tile-progressbar span {
	background: #fff;
}
.tile-progressbar span {
	display: block;
	background: #fff;
	width: 0;
	height: 100%;
	-webkit-transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
/*Panels*/
.panel {
	position: relative;
	background: #ffffff;
	border: 0px;
	border-top: 2px solid #c1c1c1;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.panel.panel-primary {
	border-top-color: #3c8dbc;
}
.panel.panel-info {
	border-top-color: #00c0ef;
}
.panel.panel-danger {
	border-top-color: #f56954;
}
.panel.panel-warning {
	border-top-color: #f39c12;
}
.panel.panel-success {
	border-top-color: #00a65a;
}
.panel.height-control .panel-body {
	max-height: 300px;
	overflow: auto;
}
.panel .panel-header {
	position: relative;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom: 0px solid #f4f4f4;
	color: #444;
	padding-bottom: 10px;
}
.panel .panel-heading:before, .panel .panel-heading:after {
	display: table;
	content: " ";
}
.panel .panel-heading:after {
	clear: both;
}
.panel .panel-heading h3 {
	display: inline-block;
	margin: 0;
	margin-top: 5px;
	font-size: 16px;
	font-weight: 400;
	float: left;
	cursor: default;
}
.panel .panel-header a {
	color: #444;
}
.panel .panel-header > .panel-tools {
	padding: 5px 10px 5px 5px;
}
.panel .panel-body {
	padding: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.panel .panel-body > table, .panel .panel-body > .table {
	margin-bottom: 0;
}
.panel .panel-body.chart-responsive {
	width: 100%;
	overflow: hidden;
}
.panel .panel-body > .chart {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.panel .panel-body > .chart svg, .panel .panel-body > .chart canvas {
	width: 100%!important;
}
.panel .panel-body .fc {
	margin-top: 5px;
}
.panel .panel-body .fc-header-title h2 {
	font-size: 15px;
	line-height: 1.6em;
	color: #666;
	margin-left: 10px;
}
.panel .panel-body .fc-header-right {
	padding-right: 10px;
}
.panel .panel-body .fc-header-left {
	padding-left: 10px;
}
.panel .panel-body .fc-widget-header {
	background: #fafafa;
	box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}
.panel .panel-body .fc-grid {
	width: 100%;
	border: 0;
}
.panel .panel-body .fc-widget-header:first-of-type, .panel .panel-body .fc-widget-content:first-of-type {
	border-left: 0;
	border-right: 0;
}
.panel .panel-body .fc-widget-header:last-of-type, .panel .panel-body .fc-widget-content:last-of-type {
	border-right: 0;
}
.panel .panel-body .table {
	margin-bottom: 0;
}
.panel .panel-body .full-width-chart {
	margin: -19px;
}
.panel .panel-body.no-padding .full-width-chart {
	margin: -9px;
}
.panel .panel-footer {
	border-top: 0px;
	;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px;
}
.panel.panel-solid {
	border-top: 0px;
}
.panel.panel-solid > .panel-header {
	padding-bottom: 0px!important;
}
.panel.panel-solid > .panel-header .btn.btn-default {
	background: transparent;
}
.panel.panel-solid.panel-primary > .panel-header {
	color: #fff;
	background: #3c8dbc;
	background-color: #3c8dbc;
}
.panel.panel-solid.panel-primary > .panel-header a {
	color: #444;
}
.panel.panel-solid.panel-info > .panel-header {
	color: #fff;
	background: #00c0ef;
	background-color: #00c0ef;
}
.panel.panel-solid.panel-info > .panel-header a {
	color: #444;
}
.panel.panel-solid.panel-danger > .panel-header {
	color: #fff;
	background: #f56954;
	background-color: #f56954;
}
.panel.panel-solid.panel-danger > .panel-header a {
	color: #444;
}
.panel.panel-solid.panel-warning > .panel-header {
	color: #fff;
	background: #f39c12;
	background-color: #f39c12;
}
.panel.panel-solid.panel-warning > .panel-header a {
	color: #444;
}
.panel.panel-solid.panel-success > .panel-header {
	color: #fff;
	background: #00a65a;
	background-color: #00a65a;
}
.panel.panel-solid.panel-success > .panel-header a {
	color: #444;
}
.panel.panel-solid > .panel-header > .panel-tools > .btn {
	border: 0;
	box-shadow: none;
}
.panel.panel-solid.collapsed-box .panel-header {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.panel.panel-solid[class*='bg'] > .panel-header {
	color: #fff;
}
.panel .panel-group > .panel {
	margin-bottom: 5px;
}
.panel .todo-list {
	margin: 0;
	padding: 0px 0px;
	list-style: none;
}
.panel .todo-list > li {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
	background: #f3f4f5;
	margin-bottom: 2px;
	border-left: 2px solid #e6e7e8;
	color: #444;
}
.panel .todo-list > li:last-of-type {
	margin-bottom: 0;
}
.panel .todo-list > li.danger {
	border-left-color: #f56954;
}
.panel .todo-list > li.warning {
	border-left-color: #f39c12;
}
.panel .todo-list > li.info {
	border-left-color: #00c0ef;
}
.panel .todo-list > li.success {
	border-left-color: #00a65a;
}
.panel .todo-list > li.primary {
	border-left-color: #3c8dbc;
}
.panel .todo-list > li > input[type='checkbox'] {
	margin: 0 10px 0 5px;
}
.panel .todo-list > li .text {
	display: inline-block;
	margin-left: 5px;
	font-weight: 600;
}
.panel .todo-list > li .label {
	margin-left: 10px;
	font-size: 9px;
}
.panel .todo-list > li .tools {
	display: none;
	float: right;
	color: #f56954;
}
.panel .todo-list > li .tools > .fa, .panel .todo-list > li .tools > .glyphicon, .panel .todo-list > li .tools > .ion {
	margin-right: 5px;
	cursor: pointer;
}
.panel .todo-list > li:hover .tools {
	display: inline-block;
}
.panel .todo-list > li.done {
	color: #999;
}
.panel .todo-list > li.done .text {
	text-decoration: line-through;
	font-weight: 500;
}
.panel .todo-list > li.done .label {
	background: #eaeaec !important;
}
.panel .todo-list .handle {
	display: inline-block;
	cursor: move;
	margin: 0 5px;
}
.panel .chat {
	padding: 5px 20px 5px 10px;
}
.panel .chat .item {
	margin-bottom: 10px;
}
.panel .chat .item:before, .panel .chat .item:after {
	display: table;
	content: " ";
}
.panel .chat .item:after {
	clear: both;
}
.panel .chat .item > img {
	width: 40px;
	height: 40px;
	border: 2px solid transparent;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}
.panel .chat .item > img.online {
	border: 2px solid #00a65a;
}
.panel .chat .item > img.offline {
	border: 2px solid #f56954;
}
.panel .chat .item > .message {
	margin-left: 55px;
	margin-top: -40px;
}
.panel .chat .item > .message > .name {
	display: block;
	font-weight: 600;
}
.panel .chat .item > .attachment {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f0f0f0;
	margin-left: 65px;
	margin-right: 15px;
	padding: 10px;
}
.panel .chat .item > .attachment > h4 {
	margin: 0 0 5px 0;
	font-weight: 600;
	font-size: 14px;
}
.panel .chat .item > .attachment > p, .panel .chat .item > .attachment > .filename {
	font-weight: 600;
	font-size: 13px;
	font-style: italic;
	margin: 0;
}
.panel .chat .item > .attachment:before, .panel .chat .item > .attachment:after {
	display: table;
	content: " ";
}
.panel .chat .item > .attachment:after {
	clear: both;
}
.panel > .overlay, .panel > .loading-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.panel > .overlay {
	z-index: 1010;
	background: rgba(255, 255, 255, 0.7);
}
.panel > .overlay.dark {
	background: rgba(0, 0, 0, 0.5);
}
.panel > .loading-img {
	z-index: 1020;
	background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}
/*Boxes with circle icons*/
.box {
	margin-bottom: 20px;
}
.box > .icon {
	text-align: center;
	position: relative;
}
.box > .icon > .image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #63B76C;
	vertical-align: middle;
}
.box > .icon:hover > .image {
	background: #333;
}
.box > .icon > .image > i {
	font-size: 36px !important;
	color: #fff !important;
}
.box > .icon:hover > .image > i {
	color: white !important;
}
.box > .icon > .info {
	margin-top: -24px;
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid #e0e0e0;
	padding: 15px 0 10px 0;
	border-radius:3px;
}
.box > .icon > .info > h3.title {
	margin-top: 20px;
	font-size: 16px;
	color: #222;
	font-weight: 500;
}
.box > .icon > .info > p {
	font-size: 14px;
	color: #fff;
	margin: 20px;
}
/*Buttons*/
.btn {
	font-weight: 500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid transparent;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
	border: 0px;
}
.btn.btn-default {
	background-color: #fafafa;
	color: #666;
	border-color: #ddd;
	border-bottom-color: #ddd;
}
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default.hover {
	background-color: #f4f4f4!important;
}
.btn.btn-default.btn-flat {
	border-bottom-color: #d9dadc;
}
.btn.btn-primary {
	background-color: #3c8dbc;
	border-color: #367fa9;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.hover {
	background-color: #367fa9;
}
.btn.btn-success {
	background-color: #00a65a;
	border-color: #008d4c;
}
.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success.hover {
	background-color: #008d4c;
}
.btn.btn-info {
	background-color: #00c0ef;
	border-color: #00acd6;
}
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info.hover {
	background-color: #00acd6;
}
.btn.btn-danger {
	background-color: #f56954;
	border-color: #f4543c;
}
.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger.hover {
	background-color: #f4543c;
}
.btn.btn-warning {
	background-color: #f39c12;
	border-color: #e08e0b;
}
.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning.hover {
	background-color: #e08e0b;
}
.btn.btn-flat {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px;
}
.btn:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:focus {
	outline: none;
}
.btn.btn-file {
	position: relative;
	width: 120px;
	height: 35px;
	overflow: hidden;
}
.btn.btn-file > input[type='file'] {
	display: block !important;
	width: 100% !important;
	height: 35px !important;
	opacity: 0 !important;
	position: absolute;
	top: -10px;
	cursor: pointer;
}
.btn.btn-app {
	position: relative;
	padding: 15px 5px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	height: 60px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	background-color: #fafafa;
	font-size: 12px;
}
.btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion {
	font-size: 20px;
	display: block;
}
.btn.btn-app:hover {
	background: #f4f4f4;
	color: #444;
	border-color: #aaa;
}
.btn.btn-app:active, .btn.btn-app:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.btn-app > .badge {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	font-weight: 400;
}
.btn.btn-social-old {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 0.9;
	padding: 0;
}
.btn.btn-social-old > .fa {
	padding: 10px 0;
	width: 40px;
}
.btn.btn-social-old > .fa + span {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.btn.btn-social-old span {
	padding: 10px;
}
.btn.btn-social-old:hover {
	opacity: 1;
}
.btn.btn-circle {
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/* NAV PILLS */
.nav.nav-pills > li > a {
	border-top: 3px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #444;
}
.nav.nav-pills > li > a > .fa, .nav.nav-pills > li > a > .glyphicon, .nav.nav-pills > li > a > .ion {
	margin-right: 5px;
}
.nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:hover {
	background-color: #f6f6f6;
	border-top-color: #3c8dbc;
	color: #444;
}
.nav.nav-pills > li.active > a {
	font-weight: 600;
}
.nav.nav-pills > li > a:hover {
	background-color: #f6f6f6;
}
.nav.nav-pills.nav-stacked > li > a {
	border-top: 0;
	border-left: 3px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #444;
}
.nav.nav-pills.nav-stacked > li.active > a, .nav.nav-pills.nav-stacked > li.active > a:hover {
	background-color: #f6f6f6;
	border-left-color: #3c8dbc;
	color: #444;
}
.nav.nav-pills.nav-stacked > li.header {
	border-bottom: 1px solid #ddd;
	color: #777;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom > .nav-tabs {
	margin: 0;
	border-bottom-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li {
	border-top: 3px solid transparent;
	margin-bottom: -2px;
	margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
	background: transparent;
	margin: 0;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
	border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
	border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
	background-color: #fff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
	border-top: 0;
	border-left-color: #f4f4f4;
	border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
	margin-left: 0px;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
	border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
	float: none!important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
	float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
	margin-right: 0px;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
	border-left-width: 1px;
	border-right-width: 0px;
}
.nav-tabs-custom > .nav-tabs > li.header {
	font-weight: 400;
	line-height: 35px;
	padding: 0 10px;
	font-size: 20px;
	color: #444;
	cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion {
	margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
	background: #fff;
	padding: 10px;
}
/* PAGINATION */
.pagination > li > a {
	background: #fafafa;
	color: #666;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}
.pagination > li:first-of-type a, .pagination > li:last-of-type a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* Add fade animation to dropdown menus */
.open > .dropdown-menu {
	animation-name: fadeAnimation;
	animation-duration: .7s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: fadeAnimation;
	-webkit-animation-duration: .7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: fadeAnimation;
	-moz-animation-duration: .7s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
 from {
 opacity: 0;
 top: 120%;
}
to {
	opacity: 1;
	top: 100%;
}
}
@-webkit-keyframes fadeAnimation {
 from {
 opacity: 0;
 top: 120%;
}
to {
	opacity: 1;
	top: 100%;
}
}
/* Fix dropdown menu for small screens to display correctly on small screens */
@media screen and (max-width: 767px) {
.navbar-nav > .notifications-menu > .dropdown-menu,  .navbar-nav > .user-menu > .dropdown-menu,  .navbar-nav > .tasks-menu > .dropdown-menu,  .navbar-nav > .messages-menu > .dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	background: #ffffff;
}
}
/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (max-width: 480px) {
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,  .navbar-nav > .tasks-menu > .dropdown-menu > li.header,  .navbar-nav > .messages-menu > .dropdown-menu > li.header {
/* Remove arrow from the top */
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,  .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,  .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
	border-width: 0px!important;
}
.navbar-nav > .tasks-menu > .dropdown-menu {
	position: absolute;
	right: -120px;
	left: auto;
}
.navbar-nav > .notifications-menu > .dropdown-menu {
	position: absolute;
	right: -170px;
	left: auto;
}
.navbar-nav > .messages-menu > .dropdown-menu {
	position: absolute;
	right: -210px;
	left: auto;
}
}

::-webkit-scrollbar {
 width: 10px;
}
::-webkit-scrollbar-track {
 background-color: #f0f0f0;
}
 
::-webkit-scrollbar-thumb {
 background-color: rgba(0, 0, 0, 0.2);
}
 
::-webkit-scrollbar-button {
 background-color: #f0f0f0;
}
 
::-webkit-scrollbar-corner {
 display:none;
}
.navbar-header {
	background: #3c8dbc;
}
.db-logo {
	display:block;
	height:50px;
	width:220px;
	background: #3c8dbc;
	float:left;
}
.db-logo a {
	display:block;
	width:100%;
	text-align:center;
	margin-top: -7px;
	color:#fff !important;
	font-size:30px;
	margin-left:-5px;
}
.db-logo i {
	font-size:35px;
	color:rgba(0,0,0,0.2);
}
.db-logo a:hover i {
	color:rgba(0,0,0,0.3);
}
.announcement-heading {
	font-size: 35px;
	margin: 5px 0;
}
.announcement-heading i {
	font-size: 50px;
}
.announcement-bottom.panel-footer {
	font-size: 14px;
	padding:5px 15px;
}
.announcement-text {
	margin: 0;
}
/* Wrappers */
#wrapper {
	width: 100%;
}
#page-wrapper {
	padding: 0 15px;
	/* min-height: 568px;*/
	background-color: #fafafa;
	padding-top: 10px;
}
 @media(min-width:768px) {
#page-wrapper {
	position: inherit;
	margin: 0 0 0 220px;
	padding: 0 30px;
	/*min-height: 1300px;*/
	padding-top: 70px;
}
}
.page-header {
	z-index:1000;
	width:100%;
	margin-bottom:20px;
	padding:0px;
	border-radius:5px;
	background:#fff;
	border-top:2px solid #3c8dbc;
}
.page-header .col-md-6 {
	padding:0px;
}
.page-header .breadcrumb {
	margin:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-left:0;
	border-right:0;
	border-top:1px solid #f5f5f5;
	background:transparent !important;
}
.page-header h1 {
	font-size:22px;
	margin-left:10px;
}
 @media(min-width:768px) {
.page-header .breadcrumb {
	background:#fdfdfd;
	border:0px;
	text-align:right;
	padding-top:10px;
}
}
/* Navigation */
.navbar-static-side {
	background:#fff;
	box-shadow:5px 0px 5px -3px rgba(0,0,0,0.1);
}
.navbar-static-top {
	background: #fff;
	border:0;
	box-shadow:0px 1px 5px rgba(0,0,0,0.1);
	box-shadow:0px 1px 1px rgba(0,0,0,0.1);
}
/*.navbar-static-side ul li {
	border-bottom: 1px solid #e7e7e7;
}*/
.navbar-static-side ul li.divider {
	height:1px;
	margin:9px 0;
	overflow:hidden;
	background-color:#e7e7e7
}
.custom-search-form {
	padding:10px;
}
.navbar-top-links li {
	display: inline-block;
}
.navbar-top-links li:last-child {
	margin-right: 15px;
}
.navbar-top-links li a {
	padding: 15px;
	min-height: 50px;
}
.menu-img img {
	height: 20px;
	margin-top:-5px;
}
.navbar-top-links .dropdown-menu {
	border-top:2px solid #3c8dbc;
	padding:0;
}
.navbar-top-links .dropdown-menu .progress {
	margin:0px;
	margin-top:5px;
}
.navbar-top-links .dropdown-menu .navbar-dd {
	margin:0px;
	padding:0px;
	height:165px;
	width: 250px;
}
.navbar-top-links .dropdown-menu li {
	display: block;
	margin:0;
	padding:0;
}
.dropdown-header, .dropdown-footer {
	padding:5px 10px;
	text-align:center;
	font-size:14px;
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);
}
.dropdown-footer {
	box-shadow:0px -2px 5px rgba(0,0,0,0.1);
}
.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
	margin:0;
	min-height:0;
	display:block;
	padding:10px;
	color:#555;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	min-width: 0;
	margin:0px;
	height:165px;
	width: 250px;
}
.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}
.navbar-top-links .dropdown-messages .message-notif a {
	margin-bottom:-10px;
}
.navbar-top-links .dropdown-messages .message-img {
	padding-right:10px;
}
.navbar-top-links .dropdown-messages .message-body {
	padding-bottom:-10;
}
.navbar-top-links .dropdown-messages .message-body p {
	font-size:12px;
	color:#999;
}
.navbar-top-links .dropdown-messages .message-img img {
	width:50px;
}
.navbar-top-links .label {
	webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 10px;
	font-weight: normal;
	width: 17px;
	height: 17px;
	line-height: 1.0em;
	text-align: center;
	padding: 3px;
}
/* Sidebar Menu Styles */
#side-menu {
	padding-top: 10px;
}
#side-menu li a {
	color: #555;
	font-weight:500;
}
#side-menu li.active,
#side-menu li:hover {
	background: #f3f3f3;
}
#side-menu li a.active,
#side-menu li a:hover {
	background: #f3f3f3;
	color: #000;
}
#side-menu li a.active{
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);
}
.sidebar-search {
	padding: 15px;
}
.side-footer {
	display: none;
}
.arrow {
	float: right;
}
.fa.arrow:before {
	content: "\f104";
}
.active > a > .fa.arrow:before {
	content: "\f107";
}
.nav-second-level li, .nav-third-level li {
	border-bottom: none !important;
}
li.active .nav-second-level li a.active, li.active .nav-third-level li a.active,
li.active .nav-second-level li a:hover, li.active .nav-third-level li a:hover {
	background:#dadada !important;
}
.nav-second-level li a {
	padding-left: 37px;
}
.nav-third-level li a {
	padding-left: 52px;
}
 @media(min-width:768px) {
.navbar-static-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}
.navbar-static-side {
	z-index: 1000;
	position: absolute;
	width: 220px;
	position: fixed;
	padding: 0;
	left: 0px;
	top: 0px;
	bottom: 0px;
	top:50px;
}
#side-menu {
	bottom:152px;
}
.navbar-top-links .dropdown-messages,  .navbar-top-links .dropdown-tasks,  .navbar-top-links .dropdown-alerts {
	margin: auto;
}
.side-footer {
	display: block;
	width: 220px;
	text-align: center;
	bottom: 0px;
	position: absolute;
	padding: 10px 0;
	background-color: #fff;
	background: rgba(255,255,255,0.7);
}
.side-footer-facebook {
	width: 200px;
	overflow: hidden;
	margin: 0 auto;
}
}
/* Buttons */

/* ------------------------------- */

.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}
.btn-primary.btn-outline {
	color: #428bca;
}
.btn-success.btn-outline {
	color: #5cb85c;
}
.btn-info.btn-outline {
	color: #5bc0de;
}
.btn-warning.btn-outline {
	color: #f0ad4e;
}
.btn-danger.btn-outline {
	color: #d9534f;
}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
	color: #fff;
}
/* Pages */

/* ------------------------------- */
/* Dashboard Chat */

.chat, .note {
	margin: 0;
	padding: 0;
	list-style: none;
}
.chat li, .note li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #B3A9A9;
}
.chat li:last-child, .note li:last-child {
	border-bottom: none;
}
.chat li.left .chat-body {
	margin-left: 70px;
}
.chat li.right .chat-body {
	margin-right: 70px;
}
.chat li .chat-body p, note li .note-body p {
	margin: 0;
	color: #777777;
}
.panel .slidedown .glyphicon, .chat .glyphicon, .chat .glyphicon {
	margin-right: 5px;
}
.chat-panel .chat-img img {
	width: 60px;
}
.chat-panel .panel-body, .note-panel .panel-body {
	height: 310px;
}
.todo-item .fa { margin-right:5px; }
.panel-body .radio, .checkbox { display:inline; margin:0px; padding:0px;}
.todo-list input[type=checkbox] { opacity:0 !important; }
.panel-body input[type=checkbox]:checked + label, .panel-body label.done { text-decoration: line-through; color: #999; }
.list-group { margin-bottom:0px; }
.todo-item {
	todo-item
}
/* Flot Chart Containers */

.flot-chart {
	display: block;
	height: 400px;
}
.flot-chart-small {
	display: block;
	height: 200px;
}
.flot-chart-content {
	width: 100%;
	height: 100%;
}
/* DataTables Overrides */

table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	background: transparent;
}
table.dataTable thead .sorting_asc:after {
	content: "\f0de";
	float: right;
	font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
	content: "\f0dd";
	float: right;
	font-family: fontawesome;
}
table.dataTable thead .sorting:after {
	content: "\f0dc";
	float: right;
	font-family: fontawesome;
	color: rgba(50,50,50,.5);
}
/* Circle Buttons */

.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 1.33;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 24px;
	line-height: 1.33;
}
.show-grid [class^="col-"] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	background-color: #eee !important;
}
.show-grid {
	margin: 15px 0;
}
/*Image gallery modal window*/

.modal {
	overflow: auto;
	color: #333;
}
/*Glyphicons demo page*/

.bs-glyphicons {
	margin: 0 -19px 20px -16px;
	overflow: hidden
}
.bs-glyphicons-list {
	padding-left: 0;
	list-style: none
}
.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #fff;
	background-color: #f9f9f9
}
.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px
}
.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word
}
.bs-glyphicons li:hover {
	color: #fff;
	background-color: #005A9E
}
@media (min-width:768px) {
.bs-glyphicons {
	margin-left: 0;
	margin-right: 0
}
.bs-glyphicons li {
	width: 12.5%;
	font-size: 12px
}
}
/*Bootstrap Alert notifications*/

.notifications {
	position: fixed;
	z-index: 9999;
}
.notifications.top-right {
	right: 10px;
	top: 60px;
}
.notifications.bottom-right {
	right: 10px;
	bottom: 25px;
}
.notifications > div {
	position: relative;
	z-index: 9999;
	margin: 5px 0px;
}
p.help-block ul {
	padding: 0;
	list-style: none;
}
.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-radius: 4px;
}
/*Profile page*/
.profile {
    background-color: #3c8dbc;
    border: 1px solid #2374A3;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.profile img {
    display: block;
    border: 10px solid rgba(255, 255, 255, 0.3);
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.profile h3, .profile p {
    text-align: center;
    color: #fff;
}

.list-group-item {
    background-color: #fff;
    border-radius: 0px !important;
    border: 1px solid #DDD;
}

.list-group-item.active, .list-group-item:hover {
    border-left: 3px solid #2374A3;
    background-color: #F8F7F5;
	cursor:pointer;
}

.list-group li:last-child {
    border-bottom-left-radius:3px !important;
	border-bottom-right-radius:3px !important;
}
/*Navbar profile*/
.navbar-content img {
	height:80px;
}
.navbar-content
{
	height:110px;
    width:300px;
    padding: 15px;
	padding-bottom:60px;
    padding-bottom:0px;
}
.navbar-footer 
{
    background-color:#ddd;
}
.navbar-footer-content { padding:10px; }
.dropdown-user {
	padding: 0px;
	overflow: hidden;
}
.dropdown-user a {
	padding:5px !important;
}
.well {
	background: #fff;
}