/* ************************ */

/* Theme name  : Brave UI   */

/* Author name : Ashok      */

/* ************************ */

/* Open Sans  */

@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600');

/* Basic CSS starts */

/* General */

body {

	color: #666666;

	font-size: 13px;

	line-height: 23px;

	background: #fff;

	font-family: 'Open Sans', sans-serif;

	-webkit-font-smoothing: antialiased;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	color: #fff;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

	margin: 2px 0px;

	padding: 0px;

}

h1 {

	font-size: 30px;

	line-height: 45px;

}

h2 {

	font-size: 25px;

	line-height: 40px;

}

h3 {

	font-size: 22px;

	line-height: 37px;

	color:#000;

}

h4 {

	font-size: 18px;

	line-height: 33px;

}

h5 {

	font-size: 15px;

	line-height: 30px;

}

h6 {

	font-size: 13px;

	line-height: 28px;

}

h2 a,

h3 a,

h4 a,

h5 a,

h6 a,

h2 a:hover,

h3 a:hover,

h4 a:hover,

h5 a:hover,

h6 a:hover{

	color: #666;

}

p {

	margin: 2px 0px;

	padding: 0px;

	line-height:28px;

	margin-bottom:5px;

}

a{

	color:#000;

}

a:hover,

a:active,

a:focus {

	text-decoration: none !important;

	outline: none !important;

	color:#999;

}

:focus {

	outline: none !important;

}

::-moz-focus-inner {

	border: 0 !important;

}

::selection {

	color:#fff;

	background:#32c8de;

}

::-moz-selection {

	color:#fff;

	background:#32c8de;

}

hr {

	margin: 15px 0px;

	padding: 0px;

	border-top: 0px;

	border-bottom: 1px solid #4cb050;

}

/* Form */

input,

textarea,

select,

.form input,

.form textarea,

.form select {

	box-shadow: none !important;

}

form{

	line-height:20px !important;

}

form label{

	font-weight:400;

}

dl dt,

dl dd{

	font-size:13px;

	line-height:28px;

}

/* Table */

table,

table.table{

	margin:0px;

}

.table>thead>tr>th, 

.table>tbody>tr>th, 

.table>tfoot>tr>th, 

.table>thead>tr>td, 

.table>tbody>tr>td, 

.table>tfoot>tr>td {

	padding: 10px 8px;

}

.table-striped>tbody>tr:nth-child(odd){

	background-color:#f4f8fd;

}

.table-hover>tbody>tr:hover{

	background-color:#f4f8fd;

}

.table-responsive{

	border:0px;

}

/* Modal */

.modal{

	z-index:110000;

}

/* Helper classes */

.padd-5 {

	padding: 5px 8px;

}

.padd-10 {

	padding: 10px 13px;

}

.padd-15{

	padding:15px 18px;

}

strong{

	font-weight: 600;

}

/* Transition */

.transition{

	-webkit-transition: background 1s ease;

	-moz-transition: background 1s ease;

	-o-transition: background 1s ease;

	-ms-transition: background 1s ease;

	transition: background 1s ease;	

}

/* Remove Column Padding */

.col-bor{

	padding-left:0px;

	padding-right:0px;

}

/* Column Mobile */

@media(max-width: 500px){

	.col-mob{

		width:100%;

		float:none;	

	}

}

/* Well */

.well {

	line-height: 28px;

	border: 0px;

	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);

	background:#fcfcfc;

}

/* Tooltip */

.tooltip .tooltip-inner{

	font-family:"Open Sans", sans-serif;	

}

/* Popover */

.popover{

	border-radius:5px;

	padding:10px 20px;

	box-shadow:0px 3px 10px rgba(0,0,0,0.1);

	border:1px solid rgba(0,0,0,0.06);

}

.popover .popover-title{

	font-size:16px;

	line-height:30px;

	font-weight:600;

	background:#fff;

	padding:0px;

	padding-bottom:5px;

	border-bottom:1px solid #f4f4f4;

}

.popover .popover-content{

	font-size:13px;

	line-height:28px;

	padding:0px;

	padding-top:5px;

	font-family:"Open Sans", sans-serif;

}

/* Dropcaps */

.dropcap-1{

	display: block;

	margin-top: 15px;

	margin-right:5px;

	margin-bottom:3px;

	float: left;

	font-size: 400%;

	color:#32c8de;

}

.dropcap-2 { 

	display: block;

	float: left;

	font-size: 400%;

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	margin-top: 10px;

	margin-right: 10px;

	color: #fff;

	border-radius:100%;

	background:#32c8de;

}

.dropcap-3 { 

	display: block;

	float: left;

	font-size: 400%;

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	margin-top: 10px;

	margin-right: 10px;

	color: #fff;

	background:#32c8de;

}

/* List styles */

.list-1,

.list-2,

.list-3,

.list-4,

.list-5,

.list-6,

.list-7,

.list-8,

.list-9{

	list-style-type:none;

	padding-left:20px;

}

.list-1 li:before,

.list-2 li:before,

.list-3 li:before,

.list-4 li:before,

.list-5 li:before,

.list-6 li:before,

.list-7 li:before,

.list-8 li:before,

.list-9 li:before{

	color:#32c8de;

}

.list-1 li:before{

	content: "\f069"; /* Asterisk */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-2 li:before{

	content: "\f00c"; /* Check */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-3 li:before{

	content: "\f046"; /* Check-Square-o */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-4 li:before{

	content: "\f067"; /* Plus */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-5 li:before{

	content: "\f005"; /* Star */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-6 li:before{

	content: "\f101"; /* Angle Double Right */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-7 li:before{

	content: "\f0a4"; /* hand-o-right */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-8 li:before{

	content: "\f0da"; /* caret-right */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

.list-9 li:before{

	content: "\f138"; /* chevron-circle-right */

	font-family: 'FontAwesome';

	float: left;

	margin-left: -20px;

}

/* Shapes */

/* Square */

.square-1 {

	display:inline-block;

	height: 20px;

	width: 20px;

	line-height: 20px;

	text-align: center;

}	

.square-2 {

	display:inline-block;

	height: 25px;

	width: 25px;

	line-height: 25px;

	text-align: center;

}	

.square-3 {

	display:inline-block;

	height: 35px;

	width: 35px;

	line-height: 35px;

	text-align: center;

}

.square-4 {

	display:inline-block;

	height: 50px;

	width: 50px;

	line-height: 50px;

	text-align: center;

}

.square-5 {

	display:inline-block;

	height: 70px;

	width: 70px;

	line-height: 70px;

	text-align: center;

}

/* Circle */

.circle-1 {

	display:inline-block;

	height: 20px;

	width: 20px;

	line-height: 20px;

	text-align: center;

	border-radius: 100%;

}

.circle-2 {

	display:inline-block;

	height: 25px;

	width: 25px;

	line-height: 25px;

	text-align: center;

	border-radius: 100%;

}

.circle-3 {

	display:inline-block;

	height: 35px;

	width: 35px;

	line-height: 35px;

	text-align: center;

	border-radius: 100%;

}

.circle-4 {

	display:inline-block;

	height: 50px;

	width: 50px;

	line-height: 50px;

	text-align: center;

	border-radius: 100%;

}

.circle-5 {

	display:inline-block;

	height: 70px;

	width: 70px;

	line-height: 70px;

	text-align: center;

	border-radius: 100%;

}

/* Border radius */

.sharp {

	border-radius: 0px !important;

}

.rounded-1 {

	border-radius: 2px !important;

}

.rounded-2 {

	border-radius: 4px !important;

}

.rounded-3 {

	border-radius: 6px !important;

}

.rounded-4 {

	border-radius: 10px !important;

}

.rounded-5 {

	border-radius: 100% !important;

}

/* Dividers */

.divider-1{

	height:8px;

	background:url("../img/dividers/1.png") repeat-x;

	background-size:20px 20px;

	margin:20px 0px;

}

.divider-2{

	height:7px;

	background:url("../img/dividers/2.png") repeat-x;

	background-size:7px 7px;

	margin:20px 0px;

}

.divider-3{

	height:10px;

	background:url("../img/dividers/3.png") repeat-x;

	background-size:10px 10px;

	margin:20px 0px;

}

.divider-4{

	border-bottom:1px dashed #d4d4d4;

	margin:20px 0px;

}

.divider-5{

	border-bottom:1px dotted #d4d4d4;

	margin:20px 0px;

}

.divider-6{

	border-top:1px solid #d4d4d4;

	border-bottom:1px solid #d4d4d4;

	padding:2px;

	margin:20px 0px;

}

.divider-7{

	border-top:1px dashed #d4d4d4;

	border-bottom:1px dashed #d4d4d4;

	padding:2px;

	margin:20px 0px;

}

.divider-8{

	border-top:1px dotted #d4d4d4;

	border-bottom:1px dotted #d4d4d4;

	padding:2px;

	margin:20px 0px;

}

.divider-9{

	background:#f5f5f5;

	height:6px;

	margin:20px 0px;

}

.divider-10{

	border-top:1px solid #f1f1f1;

	border-bottom:1px solid #e4e4e4;

	background:#f8f8f8;

	box-shadow:0px 2px 5px rgba(0,0,0,0.05);

	padding:2px;

	margin:20px 0px;

}

/* Text color classes */

.white {

	color: #ffffff !important;

}

a.white {

	color: #ffffff !important;

}

a.white:hover,

a.white:focus {

	color: #ffffff !important;

}

.grey {

	color: #eeeeee !important;

}

a.grey {

	color: #eeeeee !important;

}

a.grey:hover,

a.grey:focus {

	color: #d5d5d5 !important;

}

.black {

	color: #666666 !important;

}

a.black {

	color: #666666 !important;

}

a.black:hover,

a.black:focus {

	color: #4d4d4d !important;

}

.red {

	color: #ed5441 !important;

}

a.red {

	color: #ed5441 !important;

}

a.red:hover,

a.red:focus {

	color: #e52d16 !important;

}

.green {

	color: #51d466 !important;

}

a.green {

	color: #51d466 !important;

}

a.green:hover,

a.green:focus {

	color: #30c247 !important;

}

.lblue {

	color: #1E4D5F !important;

}

a.lblue {

	color: #32c8de !important;

}

a.lblue:hover,

a.lblue:focus {

	color: #1faabe !important;

}

.blue {

	color: #609cec !important;

}

a.blue {

	color: #609cec !important;

}

a.blue:hover,

a.blue:focus {

	color: #3280e7 !important;

}

.orange {

	color: #f8a841 !important;

}

a.orange {

	color: #f8a841 !important;

}

a.orange:hover,

a.orange:focus {

	color: #f69110 !important;

}

.yellow {

	color: #fcd419 !important;

}

a.yellow {

	color: #fcd419 !important;

}

a.yellow:hover,

a.yellow:focus {

	color: #dfb803 !important;

}

.purple {

	color: #cb79e6 !important;

}

a.purple {

	color: #cb79e6 !important;

}

a.purple:hover,

a.purple:focus {

	color: #ba4ede !important;

}

.rose {

	color: #ff61e7 !important;

}

a.rose {

	color: #ff61e7 !important;

}

a.rose:hover,

a.rose:focus {

	color: #ff2edf !important;

}

.brown {

	color: #d08166 !important;

}

a.brown {

	color: #d08166 !important;

}

a.brown:hover,

a.brown:focus {

	color: #c4613f !important;

}

/* Background color classes */

.bg-white {

	background-color: #ffffff !important;

}

.bg-grey {

	background-color: #eeeeee !important;

}

.bg-black {

	background-color: #666666 !important;

}

.bg-red {

	background-color: #ed5441 !important;

}

.bg-green {

	background-color: #51d466 !important;

}

.bg-lblue {

	background-color: #32c8de !important;

}

.bg-blue {

	background-color: #609cec !important;

}

.bg-orange {

	background-color: #f8a841 !important;

}

.bg-yellow {

	background-color: #fcd419 !important;

}

.bg-purple {

	background-color: #cb79e6 !important;

}

.bg-rose {

	background-color: #ff61e7 !important;

}

.bg-brown {

	background-color: #d08166 !important;

}

/* Border class */

/* Border color */

.br-white {

	border: 1px solid #ffffff;

}

.br-grey {

	border: 1px solid #eeeeee;

}

.br-black {

	border: 1px solid #666666;

}

.br-red {

	border: 1px solid #ed5441;

}

.br-green {

	border: 1px solid #51d466;

}

.br-lblue {

	border: 1px solid #32c8de;

}

.br-blue {

	border: 1px solid #609cec;

}

.br-orange{

	border: 1px solid #f8a841;

}

.br-yellow {

	border: 1px solid #fcd419;

}

.br-purple {

	border: 1px solid #cb79e6;

}

.br-rose {

	border: 1px solid #ff61e7;

}

.br-brown {

	border: 1px solid #d08166;

}

/* Border size */

.br-size-1 {

	border-width: 2px !important;

}

.br-size-2 {

	border-width: 4px !important;

}

.br-size-3 {

	border-width: 6px !important;

}

.br-size-4 {

	border-width: 10px !important;

}

.br-size-5 {

	border-width: 15px !important;

}

/* Border style */

.br-style-1 {

	border-style: dotted !important;

}

.br-style-2 {

	border-style: dashed !important;

}

.br-style-3 {

	border-style: double !important;

	border-width:3px !important;

}

/* Border position */

.br-no-left {

	border-left: 0px !important;

}

.br-no-right {

	border-right: 0px !important;

}

.br-no-top {

	border-top: 0px !important;

}

.br-no-bottom {

	border-bottom: 0px !important;

}

/* Button classes */

.btn {

	border-radius: 2px;

	position: relative;

}

.btn.btn-no-border {

	border: 0px !important;

}

/* Round button */

.btn.btn-round {

	width: 60px;

	height: 60px;

	border-radius: 100%;

	font-size: 15px;

	text-align: center;

}

.btn.btn-round i {

	display: block;

	margin: 3px 0px 2px 0px;

}

.btn.btn-round span {

	font-weight: bold;

}

/* Transparent button */

.btn.btn-transparent {

	border: 1px solid #ffffff !important;

	background: transparent !important;

	color: #ffffff !important;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.btn.btn-transparent:hover,

.btn.btn-transparent:focus,

.btn.btn-transparent.active,

.btn.btn-transparent:active {

	background: #ffffff !important;

	color: #808080 !important;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.btn.btn-white {

	background: #ffffff;

	color: #666666;

	border: 1px solid #dddddd;

}

.btn.btn-white:hover,

.btn.btn-white:focus,

.btn.btn-white.active,

.btn.btn-white:active {

	background: #f7f7f7;

	color: #666666;

}

.btn.btn-white.btn-outline {

	background: transparent !important;

	border: 1px solid #f7f7f7 !important;

	color: #666666;

}

.btn.btn-grey {

	background: #eeeeee;

	color: #666666;

	border: 1px solid #d5d5d5;

}

.btn.btn-grey:hover,

.btn.btn-grey:focus,

.btn.btn-grey.active,

.btn.btn-grey:active {

	background: #d5d5d5;

	color: #999;

}

.btn.btn-grey.btn-outline {

	background: transparent !important;

	border: 1px solid #d5d5d5 !important;

	color: #666666;

}

.btn.btn-black {

	color: #ffffff;

	background: #666666;

	border: 1px solid #4d4d4d;

}

.btn.btn-black:hover,

.btn.btn-black:focus,

.btn.btn-black.active,

.btn.btn-black:active {

	background: #4d4d4d;

	color: #ffffff;

}

.btn.btn-black.btn-outline {

	background: transparent !important;

	border: 1px solid #4d4d4d !important;

	color: #4d4d4d;

}

.btn.btn-red {

	color: #ffffff;

	background: #ed5441;

	border: 1px solid #e52d16;

}

.btn.btn-red:hover,

.btn.btn-red:focus,

.btn.btn-red.active,

.btn.btn-red:active {

	color: #ffffff;

	background: #e52d16;

}

.btn.btn-red.btn-outline {

	background: transparent !important;

	border: 1px solid #e52d16 !important;

	color: #e52d16;

}

.btn.btn-green {

	color: #ffffff;

	background: #51d466;

	border: 1px solid #30c247;

}

.btn.btn-green:hover,

.btn.btn-green:focus,

.btn.btn-green.active,

.btn.btn-green:active {

	background: #30c247;

	color: #ffffff;

}

.btn.btn-green.btn-outline {

	background: transparent !important;

	border: 1px solid #30c247 !important;

	color: #30c247;

}

.btn.btn-lblue {

	color: #ffffff;

	background: #32c8de;

	border: 1px solid #1faabe;

}

.btn.btn-lblue:hover,

.btn.btn-lblue:focus,

.btn.btn-lblue.active,

.btn.btn-lblue:active {

	background: #1faabe;

	color: #ffffff;

}

.btn.btn-lblue.btn-outline {

	background: transparent !important;

	border: 1px solid #1faabe !important;

	color: #1faabe;

}

.btn.btn-blue {

	color: #ffffff;

	background: #609cec;

	border: 1px solid #3280e7;

}

.btn.btn-blue:hover,

.btn.btn-blue:focus,

.btn.btn-blue.active,

.btn.btn-blue:active {

	background: #3280e7;

	color: #ffffff;

}

.btn.btn-blue.btn-outline {

	background: transparent !important;

	border: 1px solid #3280e7 !important;

	color: #3280e7;

}

.btn.btn-orange {

	color: #ffffff;

	background: #f8a841;

	border: 1px solid #f69110;

}

.btn.btn-orange:hover,

.btn.btn-orange:focus,

.btn.btn-orange.active,

.btn.btn-orange:active {

	background: #f69110;

	color: #ffffff;

}

.btn.btn-orange.btn-outline {

	background: transparent !important;

	border: 1px solid #f69110 !important;

	color: #f69110;

}

.btn.btn-yellow {

	background: #fcd419;

	color: #ffffff;

	border: 1px solid #dfb803;

}

.btn.btn-yellow:hover,

.btn.btn-yellow:focus,

.btn.btn-yellow.active,

.btn.btn-yellow:active {

	background: #dfb803;

	color: #ffffff;

}

.btn.btn-yellow.btn-outline {

	background: transparent !important;

	border: 1px solid #dfb803 !important;

	color: #dfb803;

}

.btn.btn-purple {

	background: #cb79e6;

	color: #ffffff;

	border: 1px solid #ba4ede;

}

.btn.btn-purple:hover,

.btn.btn-purple:focus,

.btn.btn-purple.active,

.btn.btn-purple:active {

	background: #ba4ede;

	color: #ffffff;

}

.btn.btn-purple.btn-outline {

	background: transparent !important;

	border: 1px solid #ba4ede !important;

	color: #ba4ede;

}

.btn.btn-rose {

	background: #ff61e7;

	color: #ffffff;

	border: 1px solid #ff2edf;

}

.btn.btn-rose:hover,

.btn.btn-rose:focus,

.btn.btn-rose.active,

.btn.btn-rose:active {

	background: #ff2edf;

	color: #ffffff;

}

.btn.btn-rose.btn-outline {

	background: transparent !important;

	border: 1px solid #ff2edf !important;

	color: #ff2edf;

}

.btn.btn-brown {

	background: #d08166;

	color: #ffffff;

	border: 1px solid #c4613f;

}

.btn.btn-brown:hover,

.btn.btn-brown:focus,

.btn.btn-brown.active,

.btn.btn-brown:active {

	background: #c4613f;

	color: #ffffff;

}

.btn.btn-brown.btn-outline {

	background: transparent !important;

	border: 1px solid #c4613f !important;

	color: #c4613f;

}

/* Label */

.label {

	border-radius: 2px;

	font-weight: normal;

	padding: 3px 7px;

	font-size: 12px;

	line-height: 18px;

}

/* Label sizes */

.label.label-xs {

	font-size: 10px;

	padding: 1px 5px;

	line-height: 12px;

}

.label.label-sm {

	font-size: 11px;

	padding: 2px 6px;

	line-height: 15px;

}

.label.label-lg {

	font-size: 13px;

	padding: 5px 9px;

	line-height: 23px;

}

/* Label colors */

.label.label-white{

	color: #666666 !important;

	background: #f7f7f7;

}

.label.label-grey {

	color: #666666 !important;

	background: #eeeeee;

}

.label.label-black {

	color: #ffffff;

	background: #666666;

}

.label.label-red {

	color: #ffffff;

	background: #ed5441;

}

.label.label-green {

	color: #ffffff;

	background: #51d466;

}

.label.label-lblue {

	color: #ffffff;

	background: #32c8de;

}

.label.label-blue {

	color: #ffffff;

	background: #609cec;

}

.label.label-orange {

	color: #ffffff;

	background: #f8a841;

}

.label.label-yellow {

	background: #fcd419;

	color: #ffffff;

}

.label.label-purple {

	background: #cb79e6;

	color: #ffffff;

}

.label.label-rose {

	background: #ff61e7;

	color: #ffffff;

}

.label.label-brown {

	background: #d08166;

	color: #ffffff;

}

/* Badges */

.badge {

	min-width: 10px;

	padding: 3px 7px !important;

	font-size: 12px;

	line-height: 12px;

	font-weight: normal;

	display: inline-block;

	color: #fff;

	border-radius: 10px;

}

.badge.badge-white {

	color: #666666;

	background: #ffffff;

}

.badge.badge-grey {

	color: #a2a2a2;

	background: #eeeeee;

}

.badge.badge-black {

	color: #ffffff;

	background: #666666;

}

.badge.badge-red {

	color: #ffffff;

	background: #ed5441;

}

.badge.badge-green {

	color: #ffffff;

	background: #51d466;

}

.badge.badge-lblue {

	color: #ffffff;

	background: #32c8de;

}

.badge.badge-blue {

	color: #ffffff;

	background: #609cec;

}

.badge.badge-orange {

	color: #ffffff;

	background: #f8a841;

}

.badge.badge-yellow {

	color: #ffffff;

	background: #fcd419;

}

.badge.badge-purple {

	color: #ffffff;

	background: #cb79e6;

}

.badge.badge-rose {

	color: #ffffff;

	background: #ff61e7;

}

.badge.badge-brown {

	color: #ffffff;

	background: #d08166;

}

.btn .badge {

	position: absolute;

	top: -13px;

	right: -8px;

}

/* Dropdown menu */

.dropdown{

	position:relative;

}

.dropdown-menu{

	box-shadow:0px 2px 4px rgba(0,0,0,0.05);

	margin-top:0px;

	border-color:#73b759;

	padding:0px;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

	background: #7cc95f;
}

.dropdown-menu > li > a{

	padding:9px 12px;

	color:#000;

	border-bottom:1px solid rgba(0,0,0,0.07);

	-webkit-transition: background 0.5s ease;

	-moz-transition: background 0.5s ease;

	-o-transition: background 0.5s ease;

	-ms-transition: background 0.5s ease;

	transition: background 0.5s ease;

}

.dropdown-menu > li:last-child > a{

	border-bottom:0px;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}

.dropdown-menu > li.active > a,

.dropdown-menu > li.active > a:hover,

.dropdown-menu > li.active > a:focus,

.dropdown-menu > li > a:hover {

	background-color: #33691E;

	color:#fff;

}

/* Highlight   */

.highlight-color{

	color: #fff;

	padding: 2px 4px;

}

.highlight-white {

	background: #ffffff;

	color: #666666;

	padding: 2px 4px;

}

.highlight-grey {

	background: #eeeeee;

	color: #666666;

	padding: 2px 4px;

}

.highlight-black {

	background: #666666;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-red {

	background: #ed5441;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-green {

	background: #51d466;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-lblue {

	background: #32c8de;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-blue {

	background: #609cec;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-orange {

	background: #f8a841;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-yellow {

	background: #fcd419;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-purple {

	background: #cb79e6;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-rose {

	background: #ff61e7;

	color: #ffffff;

	padding: 2px 4px;

}

.highlight-brown {

	background: #d08166;

	color: #ffffff;

	padding: 2px 4px;

}

/* Box Shadows */

.box-shadow-block{

	padding:15px 20px;

	border:1px solid #eee;

	background:#fff;

	border-top:2px solid #32c8de;

}

.box-shadow-outer {

	position: relative;

	z-index: 1;

}

.box-shadow-outer .box-shadow-1 {

	box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);

}

.box-shadow-outer .box-shadow-2 {

	position: relative;

}

.box-shadow-outer .box-shadow-2:before,

.box-shadow-outer .box-shadow-2:after {

	z-index: -1;

	position: absolute;

	content: "";

	bottom: 15px;

	left: 10px;

	width: 50%;

	top: 50%;

	max-width: 300px;

	background: rgba(0, 0, 0, 0.3);

	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);

	-webkit-transform: rotate(-3deg);

	-moz-transform: rotate(-3deg);

	-o-transform: rotate(-3deg);

	-ms-transform: rotate(-3deg);

	transform: rotate(-3deg);

}

.box-shadow-outer .box-shadow-2:after {

	-webkit-transform: rotate(3deg);

	-moz-transform: rotate(3deg);

	-o-transform: rotate(3deg);

	-ms-transform: rotate(3deg);

	transform: rotate(3deg);

	right: 10px;

	left: auto;

}

.box-shadow-outer .box-shadow-3 {

	position: relative;

}

.box-shadow-outer .box-shadow-3:before {

	z-index: -1;

	position: absolute;

	content: "";

	bottom: 15px;

	left: 10px;

	width: 50%;

	top: 50%;

	max-width: 300px;

	background: rgba(0, 0, 0, 0.25);

	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);

	-webkit-transform: rotate(-3deg);

	-moz-transform: rotate(-3deg);

	-o-transform: rotate(-3deg);

	-ms-transform: rotate(-3deg);

	transform: rotate(-3deg);

}

.box-shadow-outer .box-shadow-4 {

	position: relative;

}

.box-shadow-outer .box-shadow-4:after {

	z-index: -1;

	position: absolute;

	content: "";

	bottom: 15px;

	right: 10px;

	left: auto;

	width: 50%;

	top: 40%;

	max-width: 300px;

	background: rgba(0, 0, 0, 0.2);

	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);

	-webkit-transform: rotate(3deg);

	-moz-transform: rotate(3deg);

	-o-transform: rotate(3deg);

	-ms-transform: rotate(3deg);

	transform: rotate(3deg);

}

.box-shadow-outer .box-shadow-5 {

	position: relative;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.05) inset;

}

.box-shadow-outer .box-shadow-5:before,

.box-shadow-outer .box-shadow-5:after {

	content: "";

	position: absolute;

	z-index: -1;

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

	top: 0;

	bottom: 0;

	left: 10px;

	right: 10px;

}

.box-shadow-outer .box-shadow-5:after {

	right: 10px;

	left: auto;

	-webkit-transform: skew(8deg) rotate(3deg);

	-moz-transform: skew(8deg) rotate(3deg);

	-ms-transform: skew(8deg) rotate(3deg);

	-o-transform: skew(8deg) rotate(3deg);

	transform: skew(8deg) rotate(3deg);

}

.box-shadow-outer .box-shadow-6 {

	position: relative;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

.box-shadow-outer .box-shadow-6:before,

.box-shadow-outer .box-shadow-6:after {

	content: "";

	position: absolute;

	z-index: -1;

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);

	top: 10px;

	bottom: 10px;

	left: 0;

	right: 0;

}

.box-shadow-outer .box-shadow-6:after {

	right: 10px;

	left: auto;

	-webkit-transform: skew(8deg) rotate(3deg);

	-moz-transform: skew(8deg) rotate(3deg);

	-ms-transform: skew(8deg) rotate(3deg);

	-o-transform: skew(8deg) rotate(3deg);

	transform: skew(8deg) rotate(3deg);

}

/* Box shadow alt */

.box-shadow{

	box-shadow:10px 10px 0px 0px rgba(0,0,0,0.15);

}

/* Pagination */

.pagination li a {

  color: #555555;

}

.pagination li a:hover {

  background-color: #32c8de;

  border-color: #1faabe;

  color: #ffffff;

}

.pagination li.active a {

  background-color: #32c8de;

  border-color: #1faabe;

}

.pagination li.active a:hover {

  background-color: #32c8de;

  border-color: #1faabe;

}

.pagination li.active a:focus {

  background-color: #32c8de;

  border-color: #1faabe;

}

.pagination li.active span {

  background-color: #32c8de;

  border-color: #1faabe;

}

.pagination li.active span:hover {

  background-color: #32c8de;

  border-color: #1faabe;

}

.pagination li.active span:focus {

  background-color: #32c8de;

  border-color: #1faabe;

}

/* Pager */

.pager li a {

  background-color: #32c8de;

  color: #ffffff;

  border-color: #1faabe;

  padding:2px 15px;

  margin:0px 2px;

}

.pager li a:focus{

  background-color: #32c8de;

  color: #ffffff;

  border-color: #1faabe;

}

.pager li a:hover {

  background: #1faabe;

}

/* Progress bar */

.progress {

	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);

}

/* Progress bar sizes */

.progress.pb-xs {

	height: 3px !important;

}

.progress.pb-xs .progress-bar {

	line-height: 3px !important;

}

.progress.pb-sm {

	height: 6px !important;

}

.progress.pb-sm .progress-bar {

	line-height: 6px !important;

}

.progress.pb-md {

	height: 10px !important;

}

.progress.pb-md .progress-bar {

	line-height: 10px !important;

}

.progress.pb-lg {

	height: 24px !important;

}

.progress.pb-lg .progress-bar {

	line-height: 24px !important;

}

.progress .progress-bar {

	box-shadow: none;

}

/* Progress bar colors */

.progress .progress-bar.progress-bar-white {

	background: #eeeeee;

}

.progress .progress-bar.progress-bar-grey {

	background: #d5d5d5;

}

.progress .progress-bar.progress-bar-black {

	background: #666666;

}

.progress .progress-bar.progress-bar-red {

	background: #ed5441;

}

.progress .progress-bar.progress-bar-green {

	background: #51d466;

}

.progress .progress-bar.progress-bar-lblue {

	background: #32c8de;

}

.progress .progress-bar.progress-bar-blue {

	background: #609cec;

}

.progress .progress-bar.progress-bar-orange {

	background: #f8a841;

}

.progress .progress-bar.progress-bar-yellow {

	background: #fcd419;

}

.progress .progress-bar.progress-bar-purple {

	background: #cb79e6;

}

.progress .progress-bar.progress-bar-rose {

	background: #ff61e7;

}

.progress .progress-bar.progress-bar-brown {

	background: #d08166;

}

/* Nav tabs */

.nav-tabs li a {

  color: #555555;

}

.nav-tabs li a:hover {

  background: #32c8de;

  color: #ffffff;

  border-color: #32c8de;

}

.nav-tabs li.open a {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs li.open a:hover {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs li.open a:focus {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.tab-content {

	padding-top: 10px;

}

/* Nav tabs style #1 */

.nav-tabs-one .nav-tabs  li{

	margin-right:2px;

}

.nav-tabs-one .nav-tabs  li a{

	background:#fcfcfc;

	border:1px solid #eee;

	color:#555;

}

.nav-tabs-one .nav-tabs  li a:hover{

	background: #32c8de;

	color: #ffffff;

	border-color: #32c8de;

}

.nav-tabs-one .nav-tabs li.active a {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs-one .nav-tabs li.active a:hover {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs-one .nav-tabs li.open a {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs-one .nav-tabs li.open a:hover {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs-one .nav-tabs li.open a:focus {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-tabs-one .tab-content{

	border:1px solid #eee;

	border-top:0px;

	padding:10px 15px;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}

/* Nav tabs style #2 */

.nav-tabs-two .nav-tabs  li{

	margin-right:2px;

}

.nav-tabs-two .nav-tabs  li a{

	background-color:#fcfcfc;

	border:1px solid #eee;

	border-bottom:1px solid #fcfcfc;

	padding:12px 15px 10px;

	color:#555;

}

.nav-tabs-two .nav-tabs  li a:hover{

	background-color:#fff;

	color:#555;

	border-bottom:1px solid #eee;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top: 2px solid #32c8de;

}

.nav-tabs-two .nav-tabs li.active a{

	background-color:#fff;

	color:#555;

	border-bottom:1px solid #fff;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top: 2px solid #32c8de;

}

.nav-tabs-two .nav-tabs li.active a:hover{

	border-bottom:1px solid #fff;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top: 2px solid #32c8de;

}

.nav-tabs-two .nav-tabs li.open a{

	background:#fff;

	color:#555;

	border-bottom:1px solid #fff;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top: 2px solid #32c8de;

}

.nav-tabs-two .nav-tabs li.open a:hover{

	border-bottom:1px solid #fff;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top: 2px solid #32c8de;

}

.nav-tabs-two .nav-tabs li.open a:focus{

	border-bottom:1px solid #fff;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-top: 2px solid #32c8de;

}

.nav-tabs-two .tab-content{

	border:1px solid #eee;

	border-top:0px;

	padding:10px 15px;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}

/* Nav tabs style 3 */

.nav-tabs-three .nav-tabs-three-sidebar {

	width:230px;

	float:left;

	position:absolute;

}

.nav-tabs-three .nav-tabs-three-sidebar ul{

	padding:0px;

	margin:0px;

}

.nav-tabs-three .nav-tabs-three-content{

	margin-left:240px;

}

@media (max-width: 767px){

	.nav-tabs-three{

		max-width:400px;

		margin:10px auto;

	}

	.nav-tabs-three .nav-tabs-three-sidebar{

		width:100%;

		float:none;

		position:static;

	}

	.nav-tabs-three .nav-tabs-three-content{

		margin-left:0px !important;

		margin-top:20px;

	}

}

.nav-tabs-three .nav li a{

	font-size:13px;

	padding:8px 12px;

	background:#fcfcfc;

	border:1px solid #eee;

	border-radius:3px;

	margin-bottom:5px;

	color:#555;

}

.nav-tabs-three .nav li a:hover {

	background: #32c8de;

	border-color: #32c8de;

}

.nav-tabs-three .nav  li:hover a{

	border:1px solid;

	color:#fff;

}

.nav-tabs-three .nav li.active a{

	border:1px solid #32c8de;

	color:#fff;

	background: #32c8de;

}

.nav-tabs-three .tab-content{

	border:1px solid #eee;

	padding:15px 15px 10px 15px;

	border-radius:3px;

}

/* Panels */

.panel .panel-heading h4{

	font-weight:400;

}

.panel.panel-white {

	border-color: #eeeeee;

}

.panel.panel-white .panel-heading {

	background: #f7f7f7;

	border-color: #eeeeee;

	color: #666666;

}

.panel.panel-white .panel-heading h4 a{

	color:#888;

}

.panel.panel-white .panel-heading h4 a:hover{

	color:#666;

}

.panel.panel-white .panel-footer {

	background: #f7f7f7;

	border-color: #eeeeee;

	color: #666666;

}

.panel.panel-grey {

	border-color: #d5d5d5;

}

.panel.panel-grey .panel-heading {

	background: #eeeeee;

	border-color: #d5d5d5;

	color: #666666;

}

.panel.panel-grey .panel-heading h4 a{

	color:#888;

}

.panel.panel-grey .panel-heading h4 a:hover{

	color:#666;

}

.panel.panel-grey .panel-footer {

	background: #eeeeee;

	border-color: #d5d5d5;

	color: #666666;

}

.panel.panel-black {

	border-color: #4d4d4d;

}

.panel.panel-black .panel-heading {

	background: #666666;

	border-color: #4d4d4d;

	color: #ffffff;

}

.panel.panel-black .panel-heading h4 a{

	color:#fff;

}

.panel.panel-black .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-black .panel-footer {

	background: #666666;

	border-color: #4d4d4d;

	color: #ffffff;

}

.panel.panel-red {

	border-color: #e52d16;

}

.panel.panel-red .panel-heading {

	background: #ed5441;

	border-color: #e52d16;

	color: #ffffff;

}

.panel.panel-red .panel-heading h4 a{

	color:#fff;

}

.panel.panel-red .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-red .panel-footer {

	background: #ed5441;

	border-color: #e52d16;

	color: #ffffff;

}

.panel.panel-green {

	border-color: #30c247;

}

.panel.panel-green .panel-heading {

	background: #51d466;

	border-color: #30c247;

	color: #ffffff;

}

.panel.panel-green .panel-heading h4 a{

	color:#fff;

}

.panel.panel-green .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-green .panel-footer {

	background: #51d466;

	border-color: #30c247;

	color: #ffffff;

}

.panel.panel-lblue {

	border-color: #1faabe;

}

.panel.panel-lblue .panel-heading {

	background: #32c8de;

	border-color: #1faabe;

	color: #ffffff;

}

.panel.panel-lblue .panel-heading h4 a{

	color:#fff;

}

.panel.panel-lblue .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-lblue .panel-footer {

	background: #32c8de;

	border-color: #1faabe;

	color: #ffffff;

}

.panel.panel-blue {

	border-color: #3280e7;

}

.panel.panel-blue .panel-heading {

	background: #609cec;

	border-color: #3280e7;

	color: #ffffff;

}

.panel.panel-blue .panel-heading h4 a{

	color:#fff;

}

.panel.panel-blue .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-blue .panel-footer {

	background: #609cec;

	border-color: #3280e7;

	color: #ffffff;

}

.panel.panel-orange {

	border-color: #f69110;

}

.panel.panel-orange .panel-heading {

	background: #f8a841;

	border-color: #f69110;

	color: #ffffff;

}

.panel.panel-orange .panel-heading h4 a{

	color:#fff;

}

.panel.panel-orange .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-orange .panel-footer {

	background: #f8a841;

	border-color: #f69110;

	color: #ffffff;

}

.panel.panel-yellow {

	border-color: #dfb803;

}

.panel.panel-yellow .panel-heading {

	background: #fcd419;

	border-color: #dfb803;

	color: #ffffff;

}

.panel.panel-yellow .panel-heading h4 a{

	color:#fff;

}

.panel.panel-yellow .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-yellow .panel-footer {

	background: #fcd419;

	border-color: #dfb803;

	color: #ffffff;

}

.panel.panel-purple {

	border-color: #ba4ede;

}

.panel.panel-purple .panel-heading {

	background: #cb79e6;

	border-color: #ba4ede;

	color: #ffffff;

}

.panel.panel-purple .panel-heading h4 a{

	color:#fff;

}

.panel.panel-purple .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-purple .panel-footer {

	background: #cb79e6;

	border-color: #ba4ede;

	color: #ffffff;

}

.panel.panel-rose {

	border-color: #ff2edf;

}

.panel.panel-rose .panel-heading {

	background: #ff61e7;

	border-color: #ff2edf;

	color: #ffffff;

}

.panel.panel-rose .panel-heading h4 a{

	color:#fff;

}

.panel.panel-rose .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-rose .panel-footer {

	background: #ff61e7;

	border-color: #ff2edf;

	color: #ffffff;

}

.panel.panel-brown {

	border-color: #c4613f;

}

.panel.panel-brown .panel-heading {

	background: #d08166;

	border-color: #c4613f;

	color: #ffffff;

}

.panel.panel-brown .panel-heading h4 a{

	color:#fff;

}

.panel.panel-brown .panel-heading h4 a:hover{

	color:#fff;

}

.panel.panel-brown .panel-footer {

	background: #d08166;

	border-color: #c4613f;

	color: #ffffff;

}

/* Accordion */

.accordion-alt3 .panel-heading {

	padding:5px 0px !important;

}

.accordion-alt3 .panel-heading h4{

	font-size:13px;

	line-height:28px;

}

.accordion-alt3 .panel-heading h4 a i{

	font-size:13px;

	line-height:18px;

	width:18px;

	height:18px;

	margin-right:5px;

	color:#fff;

	text-align:center;

	background:#32c8de;

}

.accordion-alt3 .panel-body{

	padding:15px 0px;

}

/* Brand & Social Media */

/* Brand with background color */

.brand-bg a i {

	display: inline-block;

	text-decoration: none;

	text-align: center;

	margin-right: 5px;

	color: #fff;

	font-size:14px;

	-webkit-transition: background 2s ease;

	-moz-transition: background 2s ease;

	-o-transition: background 2s ease;

	-ms-transition: background 2s ease;

	transition: background 2s ease;

}

.brand-bg a i:hover {

	-webkit-transition: background 2s ease;

	-moz-transition: background 2s ease;

	-o-transition: background 2s ease;

	-ms-transition: background 2s ease;

	transition: background 2s ease;

}

.brand-bg a.facebook i {

	background: #3280e7;

}

.brand-bg a.facebook i:hover {

	background: #134fa0;

}

.brand-bg a.twitter i {

	background: #32c8de;

}

.brand-bg a.twitter i:hover {

	background: #188392;

}

.brand-bg a.google-plus i {

	background: #f96f4a;

}

.brand-bg a.google-plus i:hover {

	background: #eb6440;

}

.brand-bg a.linkedin i {

	background: #729fda;

}

.brand-bg a.linkedin i:hover {

	background: #3069b6;

}

.brand-bg a.pinterest i {

	background: #ed5441;

}

.brand-bg a.pinterest i:hover {

	background: #b72411;

}

.brand-bg a.dropbox i {

	background: #32c8de;

}

.brand-bg a.dropbox i:hover {

	background: #188392;

}

.brand-bg a.bitcoin i {

	background: #f8a841;

}

.brand-bg a.bitcoin i:hover {

	background: #cc7607;

}

.brand-bg a.foursquare i {

	background: #22bed4;

}

.brand-bg a.foursquare i:hover {

	background: #146f7c;

}

.brand-bg a.flickr i {

	background: #ff61e7;

}

.brand-bg a.flickr i:hover {

	background: #fa00d4;

}

.brand-bg a.github i {

	background: #666666;

}

.brand-bg a.github i:hover {

	background: #333333;

}

.brand-bg a.instagram i {

	background: #d6917a;

}

.brand-bg a.instagram i:hover {

	background: #b35637;

}

.brand-bg a.skype i {

	background: #32c8de;

}

.brand-bg a.skype i:hover {

	background: #188392;

}

.brand-bg a.tumblr i {

	background: #84a1c8;

}

.brand-bg a.tumblr i:hover {

	background: #476d9f;

}

.brand-bg a.vimeo i {

	background: #32c8de;

}

.brand-bg a.vimeo i:hover {

	background: #188392;

}

.brand-bg a.dribbble i {

	background: #ff2edf;

}

.brand-bg a.dribbble i:hover {

	background: #c700a9;

}

.brand-bg a.youtube i {

	background: #ed5441;

}

.brand-bg a.youtube i:hover {

	background: #b72411;

}

/* Brand without background color */

.brand a i {

	display: inline-block;

	text-decoration: none;

	text-align: center;

	margin-right: 10px;

	color: #fff;

	font-size:14px;

	-webkit-transition: color 2s ease;

	-moz-transition: color 2s ease;

	-o-transition: color 2s ease;

	-ms-transition: color 2s ease;

	transition: color 2s ease;

}

.brand a i:hover {

	-webkit-transition: color 2s ease;

	-moz-transition: color 2s ease;

	-o-transition: color 2s ease;

	-ms-transition: color 2s ease;

	transition: color 2s ease;

}

.brand a.facebook i {

	color: #3280e7;

}

.brand a.facebook i:hover {

	color: #134fa0;

}

.brand a.twitter i {

	color: #32c8de;

}

.brand a.twitter i:hover {

	color: #188392;

}

.brand a.google-plus i {

	color: #f96f4a;

}

.brand a.google-plus i:hover {

	color: #eb6440;

}

.brand a.linkedin i {

	color: #729fda;

}

.brand a.linkedin i:hover {

	color: #3069b6;

}

.brand a.pinterest i {

	color: #ed5441;

}

.brand a.pinterest i:hover {

	color: #b72411;

}

.brand a.dropbox i {

	color: #32c8de;

}

.brand a.dropbox i:hover {

	color: #188392;

}

.brand a.bitcoin i {

	color: #f8a841;

}

.brand a.bitcoin i:hover {

	color: #cc7607;

}

.brand a.foursquare i {

	color: #22bed4;

}

.brand a.foursquare i:hover {

	color: #146f7c;

}

.brand a.flickr i {

	color: #ff61e7;

}

.brand a.flickr i:hover {

	color: #fa00d4;

}

.brand a.github i {

	color: #666666;

}

.brand a.github i:hover {

	color: #333333;

}

.brand a.instagram i {

	color: #d6917a;

}

.brand a.instagram i:hover {

	color: #b35637;

}

.brand a.skype i {

	color: #32c8de;

}

.brand a.skype i:hover {

	color: #188392;

}

.brand a.tumblr i {

	color: #84a1c8;

}

.brand a.tumblr i:hover {

	color: #476d9f;

}

.brand a.vimeo i {

	color: #32c8de;

}

.brand a.vimeo i:hover {

	color: #188392;

}

.brand a.dribbble i {

	color: #ff2edf;

}

.brand a.dribbble i:hover {

	color: #c700a9;

}

.brand a.youtube i {

	color: #ed5441;

}

.brand a.youtube i:hover {

	color: #b72411;

}

/* List group */

.list-group a:hover {

  background: #f7f7f7;

  color: #555555;

}

.list-group a:hover .list-group-item-heading {

  color: #555555;

}

.list-group a.active {

  background: #32c8de;

  border-color: #1faabe;

}

.list-group a.active:hover {

  background: #32c8de;

  border-color: #1faabe;

  color: #ffffff;

}

.list-group a.active:hover .list-group-item-heading {

  color: #ffffff;

}

.list-group a.active:hover .list-group-item-text {

  color: #ffffff;

}

.list-group a.active .list-group-item-heading {

  color: #ffffff;

}

.list-group a.active .list-group-item-text {

  color: #ffffff;

}

/* Nav Pills */

.nav-pills > li > a {

  background: #ffffff;

  border: 1px solid #dddddd;

  color: #555555;

  padding:2px 15px;

}

.nav-pills > li > a:hover {

  background: #32c8de;

  color: #ffffff;

  border-color: #32c8de;

}

.nav-pills > li.active > a {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-pills > li.active > a:hover {

  background-color: #1faabe;

  color: #ffffff;

}

.nav-pills > li.open > a {

  background-color: #32c8de;

  border-color: #32c8de;

  color: #ffffff;

}

.nav-pills > li.open > a:hover {

  background-color: #1faabe;

  color: #ffffff;

}

.nav-pills > li.open > a:focus {

  background-color: #32c8de;

  border-color: #1faabe;

  color: #ffffff;

}

/* Basic CSS ends */

/* Gritter Notification */

#gritter-notice-wrapper {

	width:300px !important;

	z-index:7000;

}

.gritter-item img{

	border-radius:100px;

	margin-top:2px;

}

.gritter-title{

	font-weight:600;

	font-size:14px;

	line-height:20px;

	color:#fff;

	font-family: 'Open Sans', sans-serif;

	text-shadow:none;

}

.gritter-custom p{

	font-size: 11px;

	line-height: 18px;

	color: rgba(255,255,255,0.7);

	font-weight:400;

	font-family: 'Open Sans', sans-serif;

	text-shadow:none;

}

/* Sparkline tooltip */

.jqstooltip {

  width: auto !important;

  height: auto !important;

  border-radius: 5px;

  padding: 4px 6px !important;

  background-color: rgba(0, 0, 0, 0.5) !important;

  border: 0 !important;

}

/* Bootstrap switch */

.bootstrap-switch{

	border:0px;

	box-shadow:none !important;

}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, 

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, 

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{

	font-size:11px;

	padding:2px 3px;

}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, 

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, 

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{

	font-size:11px;

	padding:4px 5px;

}

.bootstrap-switch .bootstrap-switch-handle-on, 

.bootstrap-switch .bootstrap-switch-handle-off, 

.bootstrap-switch .bootstrap-switch-label{

	font-size:12px;

	padding:6px 7px;

}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, 

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, 

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{

	font-size:13px;

	padding:9px 9px;

}

.bootstrap-switch .bootstrap-switch-label{

	background:#fafafa;

	box-shadow:inset 0px 0px 2px rgba(0,0,0,0.2);

}

/* Magnific popup */

.mfp-bg{

	z-index:12000;

}

.mfp-wrap{

	z-index:12500;

}

/* WYSIWYG - Summernote */

.note-editor{

	border-color:#ccc;

	border-radius:3px;

	margin:5px 0px;

}

.note-editor .note-toolbar{

	background-color:#fafafa;

	border-bottom:1px solid #ccc;

}

.note-editor .note-statusbar .note-resizebar{

	border-top:1px solid #ccc;

}

.note-editor .dropdown-menu{

	z-index:5000;

}

.note-editor.fullscreen{

	z-index:18000;

}	

/* Vector maps */

.jqvmap-zoomin, 

.jqvmap-zoomout{

	width:15px;

	height:15px;

	text-align:center;

	padding:0px;

	line-height:15px;

	background:#fff;

	border-radius:2px;

	color:#888;

	box-shadow:0px 0px 1px rgba(0,0,0,0.5);

}

/* Select2 */

.select2-container *{

	border-color:#ccc !important;

}

.select2-drop{

	border-color:#ccc !important;	

}

.select2-container .select2-choice {

	background: #fff;

	padding: 3px 8px;

	height: auto;

}

.select2-dropdown-open.select2-drop-above .select2-choice,

.select2-dropdown-open.select2-drop-above .select2-choices {

	background: #fff;

}

.select2-drop.select2-drop-above,

.select2-container-active .select2-choice,

.select2-container-active .select2-choices {

	box-shadow: none;

}

.select2-container .select2-choice .select2-arrow {

	width: 30px;

	background-color: #fff;

}

.select2-container .select2-choice .select2-arrow b {

  background-position: 7px 4px;

}

.select2-dropdown-open .select2-choice .select2-arrow b {

  background-position: -13px 3px;

}

.select2-container-multi *{

	box-shadow:none !important;

}

.select2-container-multi .select2-choices .select2-search-choice {

  border: 1px solid #ddd;

  background-color: #fff;

  background-image:none;

}

.select2-container-multi .select2-choices {

  padding: 5px 5px 1px 5px;

  background: #fff;

  box-shadow:none;

}

/* Multi select */

.ms-container .ms-list{

	box-shadow:none !important;

	border:1px solid #ccc !important;

}

.ms-container .ms-selectable li.ms-elem-selectable,

.ms-container .ms-selection li.ms-elem-selection{

	padding:5px 10px;

}

.ms-container .ms-selectable li.ms-hover,

.ms-container .ms-selection li.ms-hover{

	background:#fafafa;

	color:#777;

}

/* Color picker */

.colpick {

	font-family: "Open Sans", sans-serif;

	background: #fafafa;

	border: 1px solid #ddd;

	border-radius: 3px;

	height:180px;

}

.colpick_field_letter{

	width:17px;

}

/* noUiSlider */

.noUi-target{

	margin:18px 0px;

	box-shadow:none;

	border-color:#eee;

	height:12px;

}

.noUi-connect{

	border-color:#eee;

	box-shadow:none;

}

.noUi-handle{

	width:21px !important;

	height:21px !important;

	border-radius:100%;

	box-shadow:none;

}

.noUi-handle:before{

	display:none;

}

.noUi-handle:after{

	display:none;

}	

.nos-red .noUi-connect{

	background:#ed5441;

}

.nos-green .noUi-connect{

	background:#51d466;

}

.nos-lblue .noUi-connect{

	background:#32c8de;

}

.nos-blue .noUi-connect{

	background:#609cec;

}

.nos-orange .noUi-connect{

	background:#f8a841;

}

.nos-yellow .noUi-connect{

	background:#fcd419;

}

.nos-purple .noUi-connect{

	background:#cb79e6;

}

.nos-rose .noUi-connect{

	background:#ff61e7;

}

.nos-brown .noUi-connect{

	background:#d08166;

}

/* Right sidebar */

.rs-btn{

	position:fixed;

	width:40px;

	height:35px;

	background:#32c8de;

	line-height:35px;

	text-align:center;

	border-top-left-radius:2px;

	border-bottom-left-radius:2px;

	right:0px;

	top:150px;

	font-size:15px;

	color:#fff;

	box-shadow: -1px 0px 5px rgba(0,0,0,0.07);

	cursor:pointer;

	z-index:9000;

}

@media (max-width:767px){

	. !important .rs-btn{

		top:300px;

	}

}

.r-sidebar{

	background:#fff;

	width:260px;

	position:absolute;

	top:0px;

	right:0px;

	display:none;

	z-index:9000;

	border-left:2px solid #32c8de;

	border-bottom:2px solid #32c8de;

	box-shadow:inset 0px 0px 15px rgba(0,0,0,0.05), -5px -5px 5px rgba(0,0,0,0.07);

}

@media (max-width:500px){

	.r-sidebar{

		display:none;

	}

}

.r-sidebar .rs-close{

	position:relative;

	height:25px;

	line-height:25px;

}

.r-sidebar .rs-close span{

	display:inline-block;

	width:25px;

	height:25px;

	font-size:15px;

	line-height:20px;

	border:1px solid #32c8de;

	text-align:center;

	color:#777;

	border-radius:100%;

	position:absolute;

	right:10px;

	top:10px;

	cursor:pointer;

}

.r-sidebar .rs-close span:hover{

	color:#fff;

	background:#32c8de;

}

.r-sidebar .rs-content{

	padding:20px 15px;

}

.r-sidebar .nav-tabs{

	width:100%;

	border-bottom:1px solid #eee;

}

.r-sidebar .nav-tabs li{

	display:table-cell;

	width:1%;

	float:none;

	text-align:center;

}

.r-sidebar .nav-tabs li a {

	color: #777;

	font-size:16px;

	padding:10px 0px;

	border-bottom:0px;

	border-top-left-radius:3px;

	border-top-left-radius:3px;

}

.r-sidebar .nav-tabs li a:hover {

	background-color: #fcfcfc;

	border-color: #eee;

	color: #888;

	border-top:2px solid #32c8de;

}

.r-sidebar .nav-tabs li.active a,

.r-sidebar .nav-tabs li.active a:hover {

	background-color: #fcfcfc;

	border-color: #eee;

	color: #888;

	border-bottom:0px;

	border-top:2px solid #32c8de;

}

.r-sidebar .nav-tabs li.open a,

.r-sidebar .nav-tabs li.open a:hover,

.r-sidebar .nav-tabs li.open a:focus  {

	background-color: #fcfcfc;

	border-color: #eee;

	color: #888;

	border-top:2px solid #32c8de;

}

.r-sidebar h4{

	font-size:13px;

	line-height:23px;

	color:#888;

	text-transform:uppercase;

	margin-bottom:12px;

	padding-bottom:8px;

	border-bottom:1px dashed #eee;

}

.r-sidebar .r-btn{

	margin:5px 0px;

	text-align:center;

}

.r-sidebar .r-btn .btn{

	border-radius:40px;

	padding:8px 20px;

	border:0px;

}

/* Quick links */

.r-sidebar .r-quick{

	list-style-type:none;

	padding:0px;

	margin:10px 0px;

	font-size:12px;

}

.r-sidebar .r-quick li{

	margin:6px 0px;

}

.r-sidebar .r-quick li.rq-head{

	text-transform:uppercase;

	color:#777;

	padding-bottom:4px;

	border-bottom:1px dashed #eee;

	font-weight:600;

}

.r-sidebar .r-quick li a i{

	color:#bbb;

	font-weight:normal;

	margin-left:5px;

}

/* Right sidebar user */

.r-sidebar .r-user ul{

	margin:0px;

	padding:0px;

	list-style-type:none;

	font-weight:600;

}

.r-sidebar .r-user ul li{

	margin:15px 0px;

}

.r-sidebar .r-user a img{

	max-width:40px;

	float:left;

	margin-right:15px;

	border-radius:100%;

}

.r-sidebar .r-user a span{

	position:relative;

	top:3px;

}

.r-sidebar .r-user a b{

	width:8px;

	height:8px;

	float:right;

	position:relative;

	top:13px;

	border-radius:100%;

}

/* Right navigation */

.r-sidebar .r-nav ul{

	margin:10px 0px;

	padding:0px;

	list-style-type:none;

}

.r-sidebar .r-nav ul li{

	position:relative;

	margin:5px 3px;

	padding:3px 0px;

}

.r-sidebar .r-nav ul li:before{

	font-family:"FontAwesome";

	content:"\f101";

	margin-right:5px;

	color:#aaa;

	font-weight:normal;

}

.r-sidebar .r-nav ul li a{

	color:#888;

}

.r-sidebar .r-nav ul li.rn-head{

	background:#fafafa;

	padding:3px 10px;

	border-radius:3px;

	border:1px solid #eee;

	margin:5px 0px;

	font-weight:600;

}

.r-sidebar .r-nav ul li.rn-head:before{

	content:"";

}

.r-sidebar .r-nav ul li span{

	position:absolute;

	right:0px;

	color:#aaa;

}

.r-sidebar .r-nav ul li.rn-head span{

	right:10px;

}

.r-sidebar .r-nav ul li span.badge{

	margin-top:2px;

	color:#fff;

}

/* Right notification */

.r-sidebar .r-noty .rn-item{

	margin:14px 0px;

	border-top:1px solid #eee !important;

	border-right:1px solid #eee !important;

	border-bottom:1px solid #eee !important;

	padding:5px;

	padding-left:8px;

	line-height:25px;

	color:#777;

	font-weight:600;

}

.r-sidebar .r-noty .rn-item div{

	color:#777;

	text-transform:uppercase;

	font-size:12px;

	margin-top:3px;

	font-weight:400;

}

.r-sidebar .r-noty .rn-item div a{

	font-weight:600;

}

/* Theme CSS starts */

.head{

	background:#fff;

	height:60px;

	border-bottom:1px solid #e9e9e9;

	box-shadow:0px 0px 8px rgba(0,0,0,0.05);

	position:fixed;

	z-index:6000;

	width:100%;

	top:0px;

}

@media (max-width:767px){

	.head{

		height:auto;

		position:static;

	}

}

/* Logo */

.head .logo{

	background:#C2F366;

	width:220px;

	height:60px;

	float:left;

	padding-left:0;

	padding-right:10px;

	position:relative;

}

.head .logo h1{

	font-size:16px;

	line-height:60px;

	margin:0px;

}

.head .logo h1 a,

.head .logo h1 a:hover{

	color:#fff;

}

@media (max-width:800px){

	.head .logo{

		width:200px;

	}

}

@media (max-width:767px){

	.head .logo{

		width:100%;

		float:none;

	}

}

.head .logo span{

	color:#3a1a1a;

	position:absolute;

	right:15px;

	top:23px;

	font-weight:normal;

	cursor:pointer;

}

/* Head content */

.head .head-content{

	margin-left:220px;

	width:auto;

	height:60px;

	line-height:58px;

}

@media (max-width:800px){

	.head .head-content{

		margin-left:200px;

	}

}

@media (max-width:767px){

	.head .head-content{

		margin-left:0px;

		height:auto;

	}	

}

/* Head search */

.head .h-search{

	margin-top:15px;

}	

.head .h-search input{

	border:0px;

	box-shadow:0px;

	color:#999;

	padding-right:8px;

}

.head .h-search ::-webkit-input-placeholder { /* WebKit browsers */

    color:#aaa;

}

.head .h-search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:#aaa;

   opacity:1;

}

.head .h-search ::-moz-placeholder { /* Mozilla Firefox 19+ */

   color:#aaa;

   opacity:1;

}

.head .h-search :-ms-input-placeholder { /* Internet Explorer 10+ */

   color:#aaa;

}

.head .h-search .btn{

	background:transparent;

	border:0px;

	padding-left:8px;

	color:#777;

	box-shadow:none !important;

}

@media (max-width:767px){

	.head .h-search{

		margin-top:20px;

		margin-bottom:15px;

		text-align:center;	

		max-width:220px;

	}

	.head .h-search input{

		border:1px solid #ddd;

	}

}

/* Head button */

.head .h-latest{

	border-radius:40px;

	padding-left:20px;

	padding-right:20px;

	position:relative;

	top:-2px;

}

/* Head notification */

.head .h-alerts{

	text-align:right;

}

@media (max-width:767px){

	.head .h-alerts{

		text-align:left;

	}

}

.head .h-alerts > div{

	display:inline-block;

	position:relative;

}

.head .h-alerts > div > a{

	display:inline-block;

	margin:0px 6px;

	color:#000;

	border:1px solid #fff;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

	border-radius:100px;

	position:relative;

}

.head .h-alerts  > div > a span{

	position:absolute;

	top:-6px;

	right:-6px;

	display:inline-block;

	padding:4px 5px;

	border-radius:3px;

	color:#fff; 

	font-size:12px;

	line-height:10px;

}	

@media (max-width:400px){

	.head .h-alerts  > div > a{

		margin:0px 4px;

		border:0px;

		width:auto;

		height:auto;

		line-height:auto;

	}

	.head .h-alerts  > div > a span{

		font-size:10px;

		padding:2px 4px;

		right:0px;

	}

}

/* Alerts dropdown */

.head .h-alerts .dd-dropdown{

	position: absolute;

	left: -15px;

	z-index: 1024;

	min-width:270px;

	background: #fff;

	border: 1px solid #eee;

	border-top:2px solid #32c8de;

	border-bottom:2px solid #32c8de;

	border-radius: 5px;

	box-shadow: 0 3px 10px rgba(0,0,0,0.1);

	display: none;

	text-align:left;

}

.head .h-alerts .dd-dropdown:after,

.head .h-alerts .dd-dropdown:before {

	bottom: 100%;

	left: 25px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.head .h-alerts .dd-dropdown:after {

	border-color: rgba(240, 253, 255, 0);

	border-width: 9px;

	margin-left: 1px;

	border-bottom-color: #32c8de; 

}

.head .h-alerts .dd-dropdown:before {

	border-color: rgba(194, 225, 245, 0);

	border-width: 10px;

	border-bottom-color: #32c8de;

}

.head .h-alerts .dd-dropdown h4{

	font-size:13px;

	line-height:13px;

	padding:12px 15px 12px 15px;

	color:#888;

}

/* Head alert user dropdown */

.head .ha-user .hu-item{

	padding:15px;

	border-top:1px solid #f3f3f3;

}

.head .ha-user .hu-item:hover{

	background:#fafafa;

}

.head .ha-user .hu-item img{

	max-width:40px;

	float:left;

}

.head .ha-user .hu-details{

	margin-left:50px;

	width:auto;

}

.head .ha-user .hu-details h5{

	font-size:13px;

	line-height:13px;

	margin:0px;

	padding:0px;

	margin-bottom:10px;

}

.head .ha-user .hu-details p{

	line-height:13px;

	margin:0px;

	padding:0px;

	color:#999;

}

/* Head alert user dropdown */

.head .ha-noty .hn-item{

	padding:15px;

	border-top:1px solid #f3f3f3;

}

.head .ha-noty .hn-item:hover{

	background:#fafafa;

}

.head .ha-noty .hn-item h6{

	line-height:13px;

	font-size:13px;

	font-weight:400;

	color:#777;

}

.head .ha-noty .hn-item h6 i{

	margin-right:5px;

	display:inline-block;

	width:15px;

	text-align:center;

}

.head .ha-noty .hn-item h6 span{

	color:#999;

}

/* Head alert messages dropdown */

.head .ha-messages .hm-item{

	padding:15px;

	border-top:1px solid #f3f3f3;

	position:relative;

}

.head .ha-messages .hm-item:hover{

	background:#fafafa;

}

.head .ha-messages .hm-item .btn{

	position:absolute;

	top:15px;

	right:10px;

	display:none;

}	

.head .ha-messages .hm-item:hover .btn{

	display:block;

}

.head .ha-messages h6{

	line-height:13px;

	margin-bottom:5px;

}

.head .ha-messages h6 i{

	font-size:10px;

	margin-right:3px;

}

.head .ha-messages p{

	line-height:20px;

	color:#999;

}

/* Head User */

.head .h-user .dropdown-menu{

	min-width:140px;

	right:0px;

	left:auto;

}	

.head .h-user img{

	max-width:37px;

	border-radius:100%;

	display:inline-block;

	color: #3a1a1a;

}

.head .h-user > a  > span{

	margin-left:7px;

	margin-right:7px;

	text-transform:uppercase;

	color:#777;

	font-weight:600;

}

.head .h-user > a > i{

	color:#3a1a1a;

}

@media (max-width:400px){

	.head .h-user img{

		display:none;

	}

}

@media (max-width:767px){

	.head .h-user{

		margin-top:5px;

	}

}

/* Scroll to top */

.totop {

	position: fixed;

	bottom: 10px;

	right: 10px;

	z-index: 10000;

	display:none;

}

.totop a i{

	display: block;

	width: 32px;

	height: 32px;

	line-height: 30px;

	text-align: center;

	font-size: 20px;

	border-radius: 2px;

}

.totop a, .totop a:visited{

	color: #fff;

}

.totop a:hover {

	color: #fff;

	text-decoration: none;

}

/* Main */

.main{

	width:100%;

	background:#7CC95F;

}

/* Sidebar */

.main .sidebar{

	width:220px;

	float:left;

	background:#7CC95F;

	position:absolute;

	padding:15px 0;		

	z-index:5000;

	overflow:hidden;

}

@media (max-width:800px){

	.main .sidebar{

		width:220px;

	}

}

@media (max-width:767px){

	.main .sidebar{

		display:none;

		border-right:1px solid #eaeaea;

		border-bottom:1px solid #eaeaea;

		position:absolute;

	}

}

/* Sidebar top button */

.sidebar .sb-btn{

	margin:22px 0px 20px 0px;

}

.sidebar .sb-btn a.btn{

	border-radius:40px;

	padding:7px 20px;

	font-weight:600;

}

@media (max-width:767px){

	.sidebar .sb-btn{

		margin-top:5px;

	}

}

/* Sidebar navigation */

.sidebar .sb-nav{

	margin:20px 0px;

}

.sidebar .sb-nav > ul{

	margin:0px;

	padding:0px;

	list-style-type:none;

}

.sidebar .sb-nav > ul > li > a{

	display:block;

	width:100%;

	padding:8px 17px;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

	font-weight:600;

	font-size:14px;

	text-transform:uppercase;

	border-top:1px solid #4D8A35;

	position:relative;

}

.sidebar .sb-nav > ul > li:last-child > a{

	border-bottom:1px solid #4D8A35;

}

.sidebar .sb-nav > ul > li > a > i{

	display:inline-block;

	width:27px;

	height:27px;

	line-height:29px;

	text-align:center;

	border-radius:100%;

	color:#fff;

	font-size:13px;

	margin-right:5px;

	font-weight:normal;

}	

.sidebar .sb-nav > ul > li.active > a,

.sidebar .sb-nav > ul > li.s-open > a{

	background:#548B2E;

	color:#fff;

}

.sidebar .sb-nav > ul > li.has-sub > a:after{

	font-family:"FontAwesome";

	content:"\f105";

	position:absolute;

	top:12px;

	right:15px;

	color:#000;

	font-weight:normal;

}

.sidebar .sb-nav > ul > li > a .badge{

	position:absolute;

	right:10px;

	display:inline-block;

	margin-top:5px;

	font-size:12px;

	text-transform:none;

	z-index:100;

}

.sidebar .sb-nav > ul > li > a:hover{

	color:#fff;

	background:#689F39;

	padding-left:22px;

}

.sidebar .sb-nav ul li ul{

	margin:0px;

	padding:0px;

	list-style-type:none;

	/*padding-left:55px;*/

	padding-bottom:8px;

	display:none;

	padding-top:8px;

	background:#29551A;

}

.sidebar .sb-nav ul li.s-open ul{

	display:block;

}

.sidebar .sb-nav ul li ul li{

	/*padding:5px 0px;*/

}

.sidebar .sb-nav ul li ul li a{

	font-size:13px;

	display:inline-block;

	color:#B3DD8B;

	font-weight:600;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

	padding:5px 0 5px 55px;



}

.sidebar .sb-nav ul li ul li.active a{

	color:#999;

}

.sidebar .sb-nav ul li ul li a:before{

	font-family:"FontAwesome";

	content:"\f101";

	margin-right:5px;

	color:#B3DD8B;

	font-weight:normal;

}

.sidebar .sb-nav ul li ul li a:hover{

	color:#fff;

	background:#254C17;

	display:block;

}

.sidebar h4{ 

	font-size:12px;

	line-height:23px;

	margin-bottom:12px;

	text-transform:uppercase;

	color:#888;

}

.sidebar h4 i{

	font-size:14px;

}

.sidebar hr{

	margin:7px 0px;

}

/* Sidebar progress */

.sidebar .sb-progress{

	padding:7px 20px;

}

.sidebar .sb-progress h5{

	font-size:12px;

	line-height:23px;

	font-weight:400;

}

.sidebar .sb-progress h5 span{

	font-weight:600;

	float:right;

	font-size:11px;

}

.sidebar .sb-progress .progress{

	margin-top:8px;

	margin-bottom:8px;

	height:4px !important;

}

/* Sidebar chart */

.sidebar .sb-chart{

	padding:7px 20px;

}

.sidebar .sb-chart .sb-spark{

	margin:7px 0px;

	color:#fff;

}

.sidebar .sb-chart .sbc-details{

	font-weight:600;

	font-size:14px;

}

/* Sidebar quick links */

.sidebar .sb-quick{

	padding:7px 20px;

}

.sidebar .sb-quick li{

	margin:6px 0px;

	font-size:12px;

}

.sidebar .sb-quick li a{

	color:#666;

}

.sidebar .sb-quick li a i{

	display:inline-block;

	width:20px;

	text-align:center;

	margin-right:3px;

	font-size:13px;

	color:#bbb;

}

/* Mainbar */

.main .mainbar{

	width:auto;

	margin-left:220px;

	background:#fff;

	border-left:1px solid #E6F8FB;

	margin-top:40px;	

	padding:20px 0;

	min-height:1000px;

}

.main .mainbar.main-margin{

	margin-left:0px;

	border-left:0px;

}

@media (max-width:800px){

	.main .mainbar{

		margin-left:200px;

	}

}

@media (max-width:767px){

	.main .mainbar{

		margin-top:0px;

		margin-left:0px;

		border-left:0px;

		padding:0px;

	}

}

/* Menu */

.mainbar .main-navigation{

	position:relative;

	background:#fff;

	box-shadow:0px 0px 8px rgba(0,0,0,0.05);

	border-bottom:1px solid #e9e9e9;

	margin-bottom:15px;

}

.main-navigation .main-nav{

	padding:10px;

}

@media(max-width:767px){

	.main-navigation .main-nav{

		display:none;

	}

}

.main-navigation .nav-btn{

	position:absolute;

	width:50px;

	height:25px;

	line-height:23px;

	color:#fff;

	font-size:11px;

	bottom:-25px;

	font-weight:600;

	right:60px;

	cursor:pointer;

	box-shadow:inset 0px 0px 2px rgba(0,0,0,0.2);

	text-align:center;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

	z-index:1000;

}

.main-nav ul{

	margin:0px;

}

.main-nav > ul > li{

	display:inline-block;

	margin:0px 5px;

}

.main-nav > ul > li > a{

	display:inline-block;

	padding:4px 15px;

	margin:6px 0px;

	border-radius:50px;

	color:#888;

	font-size:13px;

	background:#f6f6f6;

	box-shadow:inset 0px 0px 1px rgba(0,0,0,0.4);

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	transition: all 0.5s ease;	

}

.main-nav > ul > li > a:hover{

	background:#fafafa;	

}

.main-nav > ul > li > a i{

	margin-right:3px;

}

.main-nav > ul > li.has-sub > a:after{

	font-family:"FontAwesome";

	content:"\f105";

	color:#999;

	font-weight:normal;

	margin-left:10px;

	display:inline-block;

	width:18px;

	height:18px;

	background:#fff;

	line-height:18px;

	text-align:center;

	border-radius:100%;

	box-shadow:inset 0px 0px 1px rgba(0,0,0,0.3);

}

.main-nav .dropdown{

	position:relative;

}

.main-nav .dropdown-menu{

	box-shadow:2px 2px 4px rgba(0,0,0,0.08);

	margin-top:0px;

	border-color:#e7e7e7;

	padding:0px;

	border-radius:5px;

	background:#fff;

	font-size:12px;

}

.main-nav .dropdown-menu > li > a{

	padding:9px 12px;

	color:#777;

	border-bottom:1px solid rgba(0,0,0,0.07);

	-webkit-transition: background 0.5s ease;

	-moz-transition: background 0.5s ease;

	-o-transition: background 0.5s ease;

	-ms-transition: background 0.5s ease;

	transition: background 0.5s ease;

}

.main-nav .dropdown-menu > li > a:before{

	font-family:"FontAwesome";

	content:"\f101";

	color:#ccc;

	display:inline-block;

	text-align:center;

	width:10px;

	margin-right:5px;

}

.main-nav .dropdown-menu > li:first-child > a{

	border-top-left-radius:3px;

	border-top-right-radius:3px;

}

.main-nav .dropdown-menu > li:last-child > a{

	border-bottom:0px;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}

.main-nav .dropdown-menu > li.active > a,

.main-nav .dropdown-menu > li.active > a:hover,

.main-nav .dropdown-menu > li.active > a:focus,

.main-nav .dropdown-menu > li > a:hover {

	background-color: #fafafa;

}

/* Top nav layout */

.main.top-nav{

	background:#fff;

}

.main.top-nav .navbar .container{

	max-width:1100px;

}

.main.top-nav .navbar{

	background:#fff;

	border:0px;

	box-shadow:0px 0px 15px rgba(0,0,0,0.1);

	border-radius:0px;

	margin-bottom:0px;

}

.main.top-nav .navbar .navbar-nav>.open>a, 

.main.top-nav .navbar .navbar-nav>.open>a:hover, 

.main.top-nav .navbar .navbar-nav>.open>a:focus{

	background:#32c8de;

	color:#fff;

}

.main.top-nav .navbar .navbar-nav>.active>a, 

.main.top-nav .navbar .navbar-nav>.active>a:hover, 

.main.top-nav .navbar .navbar-nav>.active>a:focus{

	background:#32c8de;

	color:#fff;

}

.main.top-nav .navbar .navbar-toggle:hover, 

.main.top-nav .navbar .navbar-toggle:focus{

	background:#fcfcfc;

}

.main.top-nav .mainbar{

	margin:0px;

	margin-left:0px;

	width:100%;

	margin-left:auto;

	margin-right:auto;

	border-left:0px;

	background:#fff;

	padding-top:70px;

}

.main.top-nav .mainbar .page-head{

	max-width:1070px;

	margin-left:auto;

	margin-right:auto;

	border-radius:0px;

	border:0px;

	box-shadow:none;

	padding-left:0px;

	padding-right:0px;

	border-bottom:1px solid #eee;

}

@media (max-width:1140px){

	.main.top-nav .mainbar .page-head{

		padding-left:20px;

		padding-right:20px;

	}

}

.main.top-nav .mainbar .page-body{

	max-width:1070px;

	margin-left:auto;

	margin-right:auto;

	border:0px;

	box-shadow:none;

	padding:0px;

}

.main.top-nav .mainbar .copyright{

	max-width:1070px;

	margin-left:auto;

	margin-right:auto;

}

/* Page */

/* Page heading */

.mainbar .page-head{

	margin:15px 15px 20px 15px;

	background:#DBFBDD;

	padding:17px 20px;

	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.05);

	border-radius:4px;

	border:1px solid rgba(0,0,0,0.05);

}

.mainbar .page-head h2{

	font-size:15px;

	line-height:25px;

	margin:0px;

	padding:0px;

	color:#000;

	font-weight:400;

	float:left;

}	

.mainbar .page-head h2 i{

	color:#fff;

	display:inline-block;

	width:25px;

	height:25px;

	text-align:center;

	line-height:25px;

	margin-right:3px;

	border-radius:2px;

}

.mainbar .page-head .breadcrumbs{

	color:#000;

	font-size:12px;

	float:right;

}

.mainbar .page-head .breadcrumbs a{

	color:#bd1500;

}

@media (max-width:500px){

	.mainbar .page-head h2{

		float:none;

		margin-bottom:10px;

	}

	.mainbar .page-head .breadcrumbs{

		float:none;

	}

}	

.mainbar .page-body{

	background:#F1F8F2;

	padding:20px;

	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.05);

	border-radius:4px;

	border:1px solid rgba(0,0,0,0.1);

}

/* Copyright */

.copyright{

	margin-top:0;

	border-top:1px solid rgba(0,0,0,0.1);

	color:#a0afc1;

	padding:20px 0px 0px 0px;

	font-size:12px;

}

/* Widget */

.widget{

	margin:0px 0px 30px 0px;

	background:#fff;

	padding:0px 22px 0px 22px;

	border:1px solid #e5e5e5;

	border-radius:4px;

}

.widget.w-fs{

	position:fixed;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:10000;

}

/* Widget placeholder for drag and drop */

.widget-placeholder{

	border-radius:5px;

	border:1px dashed #ebe3c9;

	background:#fffcf4;

	height:100px;

	margin:10px 0px 20px 0px;

}

.widget-placeholder:before{

	content: "Drop Here";

	font-size:20px;

	color:rgba(0,0,0,0.2);

	text-align:center;

	display:block;

	margin-top:35px;

}

/* Nice scroll */

.nicescroll-cursors{

	z-index:10000;

}

/* Widget Border color */

.widget.w-grey {

	border-top: 2px solid #eeeeee;

}

.widget.w-black {

	border-top: 2px solid #888888;

}

.widget.w-red {

	border-top: 2px solid #ed5441;

}

.widget.w-green {

	border-top: 2px solid #51d466;

}

.widget.w-lblue {

	border-top: 2px solid #32c8de;

}

.widget.w-blue {

	border-top: 2px solid #609cec;

}

.widget.w-orange{

	border-top: 2px solid #f8a841;

}

.widget.w-yellow {

	border-top: 2px solid #fcd419;

}

.widget.w-purple {

	border-top: 2px solid #cb79e6;

}

.widget.w-rose {

	border-top: 2px solid #ff61e7;

}

.widget.w-brown {

	border-top: 2px solid #d08166;

}

/* Widget head */

.widget .w-head{

	border-bottom:1px solid #f3f3f3;

	padding:10px 0px;

}

.w-dragdrop .widget .w-head{

	cursor:move;

}	

.widget .w-head h3{

	font-size:14px;

	line-height:34px;

	color:#888;

	margin:0px;

	padding:0px;

}

.widget .w-head h3 i{

	margin-right:5px;

	font-weight:400;

}

.widget .w-head .w-links > a{

	color:#aaa;

	font-weight:normal;

}

.widget .w-head .w-links > a.w-full{

	font-size:11px;

}

.widget .w-head .dropdown-menu{

	min-width:120px;

}

.widget .w-head .dropdown-menu a{

	padding:6px 10px;

	font-size:12px;

}

.widget .w-head .pagination{

	display:block;

	margin:0px;

}

.widget .w-head .breadcrumb{

	margin:0px;

}

.widget .w-head .pager{

	margin:0px;

}

/* Widget body */

.widget .w-body.w-scroll{

	height:300px;

}

/* Widget foot */

.widget .w-foot{

	padding:14px 0px;

	border-top:1px solid #f3f3f3;

}

.widget .w-foot{

	font-size:12px;

}

.widget .w-foot .dropdown-menu{

	min-width:120px;

}

.widget .w-foot .dropdown-menu a{

	padding:6px 10px;

	font-size:12px;

}

.widget .w-foot .pagination{

	display:block;

	margin:0px;

}

.widget .w-foot .breadcrumb{

	margin:0px;

}

.widget .w-foot .pager{

	margin:0px;

}

/* Widget table */

.widget table tr:first-child td,

.widget table tr:first-child th{

	border-top:0px !important;

}

/* Chat widget */

.chat-widget{

	background:#f4f8fd;

	padding:0px 15px;

}

.chat-widget ul li{

	margin:20px 0px;

}

.chat-widget .avatar{

	width:50px;

	text-align:center;

	position:relative;

}

.chat-widget .avatar img{

	border-radius:4px;

	border:2px solid #fff;

}	

.chat-widget .avatar span{

	color:#888;

	font-size:12px;

}

.chat-widget .avatar b{

	width:10px;

	height:10px;

	display:block;

	border-radius:100%;

	position:absolute;

	right:-2px;

	top:-2px;

}

.chat-widget .avatar b.c-on{

	background:#51d466;

}

.chat-widget .avatar b.c-off{

	background:#ed5441;

}

.chat-widget .avatar b.c-idle{

	background:#f8a841;

}

.chat-widget .chat-meta{

	font-size: 12px;

	color: #aaa;

}

.chat-widget .by-me .chat-content{

    background: #fff;

	margin-left: 70px;

	position: relative; 

	color:#888;

	line-height:24px;

	padding: 8px 10px;

	border-radius: 5px;

	border:1px solid #eee;

	box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);

}

.chat-widget .by-me .chat-content:after, 

.chat-widget .by-me .chat-content:before { 

	right: 100%; 

	border: solid transparent; 

	content: " "; 

	height: 0; 

	width: 0; 

	position: absolute; 

	pointer-events: none; 

} 

.chat-widget .by-me .chat-content:after { 

	border-color: rgba(255, 255, 255, 0); 

	border-right-color: #fff; 

	border-width: 6px; 

	top: 30%; 

	margin-top: -10px; 

} 

.chat-widget .by-me .chat-content:before { 

	border-color: rgba(238, 238, 238, 0); 

	border-right-color: #e4e4e4; 

	border-width: 7px; 

	top: 30%; 

	margin-top: -11px; 

}

.chat-widget .by-other .chat-content{

	background: #fff;	

	margin-right: 70px;

	position: relative; 

	border: 1px solid #eee;

	padding: 8px 10px;

	border-radius: 5px;

	line-height:24px;

	color:#888;

	box-shadow:-1px 1px 0px 1px rgba(0,0,0,0.05);

}

.chat-widget .by-other  .chat-content:after, 

.chat-widget .by-other  .chat-content:before {

	left: 100%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.chat-widget .by-other  .chat-content:after {

	border-color: rgba(255, 255, 255, 0);

	border-left-color: #fff;

	border-width: 6px;

	top: 30%;

	margin-top: -6px;

}

.chat-widget .by-other  .chat-content:before {

	border-color: rgba(204, 204, 204, 0);

	border-left-color: #e4e4e4;

	border-width: 7px;

	top: 30%;

	margin-top: -7px;

}

/* Task widget */

.task-widget{

	background:#f4f8fd;

	padding:10px 15px;

}

.task-widget li{

	background:#fff;

	border:1px solid #eee;

	box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);

	padding:6px 12px 6px 6px;

	margin:10px 0px;

	border-radius:3px;

}

.task-widget li i:before{

	content:"\f0c9";

	font-family:"FontAwesome";

	font-style:normal;

	color:#ccc;

	width:30px;

	text-align:center;

	display:inline-block;

	cursor:move;

}

.task-widget li input{

	position:relative;

	top:2px;

}

.task-widget li span{

	margin-left:5px;

	color:#888;

}

.task-widget .task-important{

	border-left:3px solid #f84951;

}

.task-widget .task-normal{

	border-left:3px solid #34df34;

}

.task-widget .task-pending{

	border-left:3px solid #f2e336;

}

/* Pages widget */

.pages-widget .table *{

	text-align:center !important;

}

.pages-widget .table i{

	font-size:14px;

}

/* Contacts widget */

.contacts-widget{

	background:#f4f8fd;

	padding:10px 15px;

}

.contacts-widget ul li.contact-alpha{

	margin:5px 0;

}

.contacts-widget ul li.contact-alpha .badge{

	position:relative;

	top:4px;

	font-size:11px;

}

.contacts-widget ul li.c-list{

	cursor:pointer;

	padding:11px 13px;

	border-radius:5px;

	background:#fff;

	margin-bottom:15px;

	border:1px solid #eee;

	box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);

}

.contacts-widget ul li:first-child{

	padding-top:0px;

	margin-top:0px;

}

.contacts-widget .c-list .contact-pic{

	width:35px;

	float:left;

}

.contacts-widget .c-list .contact-pic img{

	border-radius:3px;

}

.contacts-widget .c-list .contact-details{

	margin-left:50px;

	width:auto;

	line-height:18px;

}

.contacts-widget .c-list .contact-details small{

	display:block;

	color:#aaa;

}

.contacts-widget .c-list .contact-details .btn{

	margin-top:5px;

	margin-right:4px;

	border-radius:3px;

	text-align:center;

	width:23px;

	height:23px;

	line-height:23px;

	padding:0px;

	font-size:13px;

	border:0px;

}

/* Report widget */

.report-widget{

	font-size:12px;

}	

/* Project widget */

.projects-widget ul{

	margin-bottom:0px;

}

.projects-widget li{

	padding:12px 10px;

    border-bottom: 1px solid #eee;

	background:#fff;

}

.projects-widget li:hover{

	background:#f4f8fd;

}

.projects-widget li:last-child{

	border-bottom: 0px;

}

.projects-widget p{

	margin: 0px !important;

	padding: 0px !important;

	line-height:20px;

}

.projects-widget p strong{

	position:relative;

	top:-3px;

	color:#888;

	margin-left:5px;

}

.projects-widget .p-meta{

	font-size: 12px;

	font-weight: normal;

	margin:0px;

	padding:0px;

	color:#aaa;

	margin-left: 20px !important;

	margin-bottom: 8px !important;

}

.projects-widget .progress{

	margin:3px 0px !important;

	padding: 0px !important;

	margin-left: 20px !important;

}

/* Quick post widget */

.quick-post-widget{

	padding:10px 0px;

}

.quick-post-widget .alert{

	line-height:15px;

}

/* Support ticket widget */

.support-widget .sticket{

	margin:10px 0;

}

.support-widget  .sticket-img{

	width:60px;

	float:left;

}

.support-widget  .sticket-img img{

	border-radius:4px;

	margin-top:5px;

}

.support-widget  .sticket-details{

	width:auto;

	margin-left:75px;

}

.support-widget .sticket-details h4{

	font-size:13px;

	margin:0px;

	line-height:25px;

}

.support-widget .sticket-details h4 .label{

	margin-left:5px;

}

.support-widget .sticket-details p{

	line-height:23px;

	font-size:13px;

	margin-bottom:5px;

	color:#888;

}

.support-widget .sticket hr{

	margin:0px;

	margin-top:10px;

}

/* Plugins widget */

.plugins-widget ul li{

	margin:8px 0px;

	padding:8px 0px;

	border-bottom:1px dashed #eee;

}

.plugins-widget ul li:last-child{

	border-bottom:0px;

}

.plugins-widget .plug-icon{

	width:60px;

	float:left;

}

.plugins-widget .plug-icon a{

	width:60px;

	margin:0 auto;

	height:60px;

	color:#fff;

	border-radius:4px;

	text-align:center;

	line-height:60px;

	font-size:20px;

	display:inline-block;

	margin-top:3px;

}

.plugins-widget .plug-details{

	width:auto;

	margin-left:75px;

}

.plugins-widget .plug-details h6{

	font-size:13px;

	line-height:23px;

	margin:0px;

	padding:0px;

	margin-bottom:2px;

}

.plugins-widget .plug-details h6 a,

.plugins-widget .plug-details h6 a:hover{

	margin-left:4px;

	font-size:13px;

}

.plugins-widget .plug-details p{

	line-height:20px;

	font-size:13px;

	color:#888;

	margin-bottom:4px;

}

/* File upload widget */

.file-upload-widget ul{

	margin-bottom:0px;

}

.file-upload-widget li{

	padding:7px 10px;

	background-color: #fff;

	border-bottom:1px solid #e7e7e7;

}

.file-upload-widget li i{

	margin-right:3px;

}

.file-upload-widget li:last-child{

	border-bottom:0px;

}

.file-upload-widget li:hover{

	background: #f4f8fd;

}

.file-upload-widget .file-meta{

	font-size: 12px;

	color:#888;

}

.file-upload-widget .progress{

	margin: 5px 0px !important;

}

/* Recent comments widget */

.comments-widget .comment{

	padding:13px 10px;

	position:relative;

}

.comments-widget .comment:hover{

	background:#f4f8fd;

}

.comments-widget  .comment-img{

	width:60px;

	float:left;

}

.comments-widget  .comment-img img{

	border-radius:100%;

}

.comments-widget  .comment-details{

	width:auto;

	margin-left:75px;

}

.comments-widget .comment-details h4{

	font-size:13px;

	margin:0px;

	line-height:25px;

}

.comments-widget .comment-details p{

	line-height:23px;

	font-size:13px;

	color:#888;

}

.comments-widget .comment-details .btn-group{

	position:absolute;

	top:4px;

	right:5px;

	display:none;

}

.comments-widget .comment:hover .btn-group{

	display:block;

}

.comments-widget hr{

	margin:0px !important;

	padding:0px !important;

	height:0px;

}

/* News widget */

.news-widget{

	padding:10px 0px;

}

.news-widget h5 small{

	margin-left:2px;

	font-size:12px;

}

/* Latest activity widget */

.latest-widget .lw-item{

	padding:7px 7px;

	border-bottom:1px solid #eee;

}

.latest-widget .lw-item:hover{

	background:#f4f8fd;

}

.latest-widget .lw-item:last-child{

	border-bottom:0px;

}

.latest-widget .lw-item i{

	color:#fff;

	display:inline-block;

	width:20px;

	height:20px;

	text-align:center;

	line-height:20px;

	margin-right:5px;

	border-radius:2px;

}

/* Enable disable widget */

.ed-widget .ed-item{

	padding:7px 0px;

	border-bottom:1px solid #eee;

}

.ed-widget .ed-item:last-child{

	border:0px;

}

.ed-widget .ed-item h5{

	font-size:13px;

	line-height:28px;

	color:#888;

	font-weight:400;

}

.ed-widget .ed-item .btn{

	top:4px;

}

/* Email widget */

.email-widget .ew-item{

	padding:12px 5px;

	border-bottom:1px solid #eee;

}

.email-widget .ew-item:last-child{

	border:0px;

}

.email-widget .ew-letter{

	text-align:center;

	display:block;

	width:50px;

	height:50px;

	line-height:50px;

	font-size:25px;

	color:#fff;

	margin-top:5px;

}

.email-widget .ew-details{

	margin-left:60px;

}

.email-widget .ew-details h4{

	margin:0px;

	padding:0px;

	font-size:13px;

	line-height:20px;

}

.email-widget .ew-details h4 a{

	color:#888;

}

.email-widget .ew-details h4 span{

	float:right;

	color:#999;

	font-size:12px;

	font-weight:400;

}

.email-widget .ew-details p{

	color:#999;

	font-size:13px;

	line-height:23px;

	margin:0px;

}

/* Calendar page */

.p-calendar .fc-toolbar button{

	background:#fff;

	border:1px solid #eee;

	line-height:22px;

	height:32px;

	box-shadow:none;

}

.p-calendar .fc-toolbar h2{

	font-size:16px;

}

.p-calendar .fc-view{

	background:#fff;

}

.p-calendar .fc-widget-header {

	color: #999;

	background: #fafafa;

}

.p-calendar .fc-widget-content{

	border-color:#e7e7e7;

}

.p-calendar .fc-widget-content td:hover{

	background: #f9f9f9;	

}

.p-calendar .fc-event {

	background:#32c8de;

	border:0px;

	padding:4px 5px;

	border-radius:0px;

}

/* Charts */

.chart-container {

	width: 100%;

	height: 300px;

}

.chart-placeholder {

	width: 100%;

	height: 100%;

}

#pie-chart1, 

#pie-chart2, 

#pie-chart3{

	margin-top: 20px;

	height: 250px;

	max-width: 100%;

}

/* 404 Error One */

.error-one {

	max-width:600px;

	margin:0 auto;

	margin-top:100px;

	background:#fff;

	text-align:center;

	box-shadow:0px 0px 10px rgba(0,0,0,0.2);

	border-radius:5px;

	padding:50px;

}

.error-one  h2{

	font-size:50px;

	line-height:65px;

}

@media (max-width:767px){

	.error-one{

		max-width:500px;

	}

	.error-one h2{

		font-size:35px;

		line-height:50px;

	}

}

.error-one  h3{

	color:#888;

}

.error-one  p{

	max-width:400px;

	margin:0 auto;

	margin-top:10px;

}

.error-one  form{

	max-width:250px;

	margin:20px auto;

}

.error-one  form input{

	color:#888;

}

/* 404 Error Two */

.error-two {

	max-width:450px;

	margin:0 20px 0px 7%;

	margin-top:100px;

	background:#fff;

	box-shadow:10px 10px 0px 1px rgba(0,0,0,0.1);

	border-radius:0px;

	padding:30px;

}

.error-two  h2{

	font-size:30px;

	line-height:45px;

}

@media (max-width:767px){

	.error-two {

		margin-left:auto;

		margin-right:auto;

	}

}

.error-two  h3{

	font-size:18px;

	line-height:35px;

	color:#999;

}

.error-two  p{

	font-size:14px;

	line-height:24px;

	color:#aaa;

	margin-top:5px;

}

.error-two  form{

	max-width:250px;

	margin:20px 0;

}

.error-two  form input{

	color:#888;

}

/* Error Log */

.p-errorlog{

	background: #fcfcfc;

	padding: 10px;

	border: 1px solid #eee;

	height: 400px;

	overflow: auto;

	font-family: "Courier New", monospace;

}

.p-errorlog ul{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

/* Data tables */

.p-datatable .dataTable{

	margin-bottom: 20px;

}

.p-datatable .dataTables_length label{

	margin-top:5px;

	margin-bottom:5px;

	font-size:12px;

	font-weight:400;

	color:#888;

}

.p-datatable .dataTables_length select{

	border-color: #ddd;

	border-radius: 2px;

}

.p-datatable .dataTables_filter label{

	margin-top:5px;

	margin-bottom:5px;

	font-size:12px;

	font-weight:400;

	color:#888;

}

.p-datatable .dataTables_filter input{

	border-radius:3px;

	border:1px solid #ddd;

	padding:3px;

	line-height:12px;

}

.p-datatable .dataTable{

	border:1px solid #ddd !important;

}

.p-datatable .dataTable thead th{

	padding:7px 10px;

	font-weight:600;

	border-bottom:0px;

	background-color:#fff !important;

}

.p-datatable .dataTable tfoot th{

	border-top:1px solid #ddd !important;

	padding:7px 10px;

	font-weight:600;

	background-color:#fff !important;

}

.p-datatable .dataTable td{

	background:#fafafa !important;

	border-top:1px solid #ddd !important;

}

.p-datatable .dataTables_info{

	margin-bottom:20px;

}

.p-datatable .dataTables_paginate{

	margin-bottom:20px;

}

.p-datatable .dataTables_paginate .paginate_button{

	background:#fff;

	border:1px solid #ddd;

	border-radius:2px;

	margin-right:2px;

	padding: 3px 10px;

	color: #aaa;

}

.p-datatable .dataTables_paginate .paginate_button.current{

	background:#f1f1f1;

}

.p-datatable .dataTables_paginate .paginate_button:hover{

	background:#f1f1f1;

	border:1px solid #ddd;

	border-radius:2px;

	margin-right:2px;

	padding: 3px 10px;

	color: #777 !important;

}

/* Login-Register */

.login-reg{

	max-width:450px;

	margin:0 auto;

	margin-top:100px;

	padding:30px;

	background:#fff;

	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);

	border-radius:5px;

}

.login-reg h4{

	text-align:center;

}

.login-reg .s-media{

	text-align:center;

}

.login-reg .s-media a.btn{

	margin:0px 5px;

}

/* Inside login and register form */

.login-reg-form form{

	max-width:400px;

}

@media (max-width:991px){

	.login-reg-form{

		max-width:500px;

	}

}

/* Login register two */

.login-reg.lg-two{

	max-width:450px;

	margin:0 20px 0px 7%;

	margin-top:100px;

	padding:30px;

	background:#fff;

	box-shadow:10px 10px 0px 1px rgba(0, 0, 0, 0.1);

	border-radius:0px;

}

@media (max-width:767px){

	.login-reg.lg-two {

		margin-left:auto;

		margin-right:auto;

	}

}

/* Lock page */

.lock{

	max-width:450px;

	min-height:160px;

	margin:0px auto;

	box-shadow:7px 7px 0px 1px rgba(0, 0, 0, 0.1);

	padding:20px 10px;

	margin-top:150px;

	background:#fff;

}

.lock .lock-user-pic{

	width:140px;

	float:left;

	margin:0px auto;

	margin-top:10px;

}

.lock .lock-user-pic img{

	max-width:100px;

	border-radius:4px;

	margin:0px auto;

	box-shadow:3px 3px 0px 1px rgba(0, 0, 0, 0.05);	

}

.lock .unlock-form{

	margin-top:10px;

	margin-left:150px;

}

.lock .unlock-form input{

	border:1px solid #eee;

	box-shadow:none;

	font-size:12px;

	max-width:160px;

}

.lock .unlock-form h5{

	font-size:16px;

	line-height:26px;

	color:#777;

	margin:0px;

}

.lock .unlock-form p{

	color:#999;

	margin:5px 0px 8px 0px;

	font-size:12px;

}

@media (max-width:767px){

	.lock .lock-user-pic{

		width:140px;

		float:none;

		margin:0px auto;

		margin-top:10px;

	}

	.lock .unlock-form{

		margin-top:15px;

		margin-left:0px;

		text-align:center;

	}

	.lock .unlock-form input{

		margin:0px auto;

	}

}

/* Sitemap */

.p-sitemap hr{

	margin:8px 0px;

}

.p-sitemap ul{

	padding-left:20px;

}

.p-sitemap ul li{

	margin:7px 0px;

}

.p-sitemap ul li a{

	color:#777;

}

/* Form wizard */

.form-wizard .nav{

	margin-bottom:20px;

}

/* Coming Soon Page */

.cs-header{

	position:fixed;

	width:100%;

	top:0px;

}

.cs-header .navigation{

	text-align:center;

	background:#fff;

	padding:11px 16px 11px;

	box-shadow:0px 0px 15px rgba(0,0,0,0.2);

	border-bottom-left-radius:4px;

	border-bottom-right-radius:4px;

}

.cs-header .logo h2{

	font-size:22px;

	line-height:32px;

	text-align:left;

}

.cs-header .logo h2 a{

	color:#666;

}

.cs-header .logo h2 a i{

	margin-right:6px;

}

.cs-header .contact-details ul{

	margin:0px;

	padding:0px;

}

.cs-header .contact-details li{

	margin:0px 10px;

}

.cs-header .contact-details li i{

	text-align:center;

	color:#fff;

	margin-right:3px;

}

.coming-soon{

	text-align:center;

	color:#fff;

	margin-top:120px;

}

.coming-soon h4 span{

	color:#fff;

	padding:8px 15px;

	background:rgba(0,0,0,0.1);

}

.coming-soon h3{

	font-size:60px;

	line-height:75px;

	color:#fff;

	margin:10px 0px;

	text-shadow:0px 0px 10px rgba(0,0,0,0.2);

}

.coming-soon .countdown{

	margin-top:30px;

	text-align:center;

}

.coming-soon .countdown .date{

	display:inline-block;

	font-size:40px;

	width:120px;

	height:120px;

	border-radius:100px;

	color:#fff;

	padding-top:35px;

	margin-right:7px;

	margin-left:7px;

	background:rgba(0,0,0,0.2);

	border:3px solid rgba(0, 0, 0, 0.1);

	box-shadow:inset 0px 0px 15px rgba(0,0,0,0.1);

}

.countdown .date span{

	display:block;

	font-size:13px;

	color:rgba(255,255,255,0.6);

	margin-top:5px;

}

.coming-soon hr{

	max-width:500px;

	margin:0 auto;

	margin-top:40px;

	margin-bottom:40px;

	border-top:1px solid rgba(0,0,0,0.1);

	border-bottom:0px

}

.coming-soon h4{

	color:#fff;

	margin-bottom:10px;

}

.coming-soon form{

	max-width:350px;

	margin:0 auto;

}

.coming-soon form input{

	background:rgba(0,0,0,0.3);

	border: 1px solid rgba(0,0,0,0.1); 

	color:#fff;

	font-size:15px;

}

.coming-soon form input:focus{

	border: 1px solid rgba(0,0,0,0.1); 	

}

.coming-soon form ::-webkit-input-placeholder { /* WebKit browsers */

    color: #fff !important;

}

.coming-soon form ::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #fff !important;

    opacity:  1 !important;

}

.coming-soon form *:-ms-input-placeholder {

    /* IE 10+ */

    color: #fff !important;

}

.cs-footer{

	text-align:center;

	margin-top:40px;

	color:#fff;

}

.cs-footer a{

	color:#fff !important;

}

@media (max-width: 480px){

	.cs-header .logo h2{

		text-align:center !important;

	}

	.coming-soon h4{

		font-size:13px !important;

	}

	.coming-soon h3{

		font-size:40px !important;

	}

	.countdown{

		margin-top:40px !important;

	}

	.coming-soon form{

		max-width:300px !important;

	}

}

@media (max-width: 767px){

	.coming-soon h4{

		font-size:18px;

	}

	.coming-soon h4 span{

		padding:6px 13px;

	}

	.coming-soon h3{

		font-size:50px;

	}

	.countdown{

		margin-top:30px !important;

		margin-bottom:40px;

	}

	.countdown .date{

		font-size:35px !important;

		height:95px !important;

		width:95px !important;

		margin-left:5px !important;

		margin-right:5px !important;

		padding-top:20px !important;

	}

	.coming-soon-item hr{

		max-width:400px;

	}

}

@media (max-width: 991px){

	.cs-header .contact-details li{

		margin:0px 1px;

	}

	.cs-header .contact-details li i{

		margin-right:2px;

	}

}

/* Search */

.p-search form{

	margin:10px 0px;

}

.p-search input,

.p-search seelct{

	margin-bottom:5px;

}

/* Search results */

.p-search-results .s-result-item{

	margin-bottom:15px;

	padding-bottom:15px;

	border-bottom:1px solid #eee;

}

.p-search-results .s-result-item h5{

	font-size:18px;

}

.p-search-results .s-result-item .s-links{

	font-weight:600;

}

/* Plugins */

.p-plugins table h6{

	line-height:13px;

	line-height:15px;

}

.p-plugins table p{

	line-height:25px;

}

/* Form validation */

.parsley-errors-list{

	margin:0px;

	padding:0px;

	margin-top: 5px;

	list-style-type:none;

}

.parsley-errors-list li {

	color: #c7254e;

}

.parsley-error {

	border-color: #c7254e !important;

}

/* Gallery page */

.p-gallery .gallery-item {

	position: relative;

	z-index: 10;

	overflow: hidden;

	margin:10px auto;

	max-width:300px;

}

.p-gallery .gallery-item img {

	-webkit-transition: all 2s ease;

	   -moz-transition: all 2s ease;

		-ms-transition: all 2s ease;

		 -o-transition: all 2s ease;

			transition: all 2s ease;

}

.p-gallery .gallery-item .image-hover {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.7);

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	-webkit-transition: all 0.5s ease;

	   -moz-transition: all 0.5s ease;

		-ms-transition: all 0.5s ease;

		 -o-transition: all 0.5s ease;

			transition: all 0.5s ease;

}

.p-gallery .gallery-item:hover .image-hover {

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.p-gallery .gallery-item  .image-caption {

	margin-top: 30%;

	text-align: center;

}

.p-gallery .gallery-item .image-caption a i{

	display:inline-block;

	width:35px;

	height:35px;

	margin:0px 2px;

	line-height:35px;

	color:#fff;

}

/* Timeline */

.p-timeline .o-timeline{

	border-left:1px solid #eee;

	margin-left:70px;

	padding:10px 0px;

}

.p-timeline .timeline-item{

	position:relative;

	margin:40px 0px;

}

.p-timeline .timeline-circle{

	width:120px;

	height:120px;

	text-align:center;

	line-height:35px;

	font-size:14px;

	text-transform:uppercase;

	border-radius:100%;

	position:absolute;

	left:-60px;

	color:#fff;

	padding-top:25px;

}

.p-timeline .timeline-circle span{

	display:block;

	font-size:40px;

}

.p-timeline .timeline-content{

	margin-left:90px;

	position:relative;

	background:#fff;

	border:1px solid #e8e8e8;

	border-radius:6px;

	padding:20px 25px;

	box-shadow:4px 4px 0px 1px rgba(0,0,0,0.06);

}

.p-timeline .timeline-content:after, 

.p-timeline .timeline-content:before {

	right: 100%;

	top: 35%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}

.p-timeline .timeline-content:after {

	border-color: rgba(255, 255, 255, 0);

	border-right-color: #ffffff;

	border-width: 13px;

	margin-top: -20px;

}

.p-timeline .timeline-content:before {

	border-color: rgba(238, 238, 238, 0);

	border-right-color: #e4e4e4;

	border-width: 14px;

	margin-top: -21px;

}

.p-timeline .timeline-content p{

	font-size:14px;

	color:#888;

}

@media (max-width:900px){

	.p-timeline .timeline-circle{

		width:90px;

		height:90px;

		font-size:13px;

		left:-45px;

		padding-top:15px;

		line-height:25px;

	}

	.p-timeline .timeline-circle span{

		font-size:30px;

	}

	.p-timeline .timeline-content{

		margin-left:75px;

	}

	.p-timeline .timeline-content:after, 

	.p-timeline .timeline-content:before {

		top: 15%;

	}

	.p-timeline .timeline-content p{

		font-size:13px;

	}

}

@media (max-width:500px){

	.p-timeline .o-timeline{

		margin-left:40px;

	}

	.p-timeline .timeline-content{

		padding:10px 15px;

	}

	.p-timeline .timeline-content:after, 

	.p-timeline .timeline-content:before {

		top: 8%;

	}

}

/* Projects */

.p-projects .progress{

	margin:0px;

	margin-top:5px;

}

/* Users */

.p-users .user-item{

	max-width:350px;

	margin:10px auto 20px auto;

	padding:12px 10px;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.05);

	border:1px solid #e8e8e8;

	position:relative;

}

.p-users .user-item img{

	width:70px;

	float:left;

	border-radius:100%;

	display:inline-block;

}

.p-users .u-details{

	margin-left:85px;

}

.p-users .u-details h5{

	font-size:13px;

	line-height:24px;

	font-weight:400;

	color:#666;

}

.p-users .u-details h5 i{

	color:#bbb;

	display:inline-block;

	width:22px;

	text-align:center;

}

.p-users .user-btns{

	position:absolute;

	top:5px;

	right:9px;

	display:none;

}

.p-users .user-btns .btn{

	border-radius:100%;

}	

.p-users .user-item:hover .user-btns{

	display:block;

}

@media (max-width:500px){

	.p-users .user-item{

		text-align:center;

	}

	.p-users .user-item img{

		max-width:70px;

		margin:5px auto;

		float:none;

	}

	.p-users .u-details{

		margin-left:0px;

	}

	.p-users .user-btns{

		display:block;

	}

}

/* Email */

.email{

	background:#fff;

	border-bottom:1px solid rgba(0,0,0,0.08);

	position:relative;

	top:-15px;

}

/* Email sidebar */

.email .email-sidebar{

	padding:10px 0px;

	width:220px;

	float:left;

	position:absolute;

	background:#fff;

}

@media (max-width:900px){

	.email .email-sidebar{

		width:60px;

	}

}

/* Email user */

.email .email-user{

	padding:10px 15px 10px 15px;

}

.email .email-user img{

	max-width:40px;

	float:left;

	border-radius:100%;

}

.email .email-user .eu-details{

	margin-left:50px;

}

@media (max-width:900px){

	.email .email-user{

		text-align:center;

		padding:10px 0px;

	}

	.email .email-user img{

		float:none;

		max-width:30px;

		margin:0 auto;

	}	

	.email .email-user .eu-details{

		display:none;

	}

}

.email .email-user h5{

	font-size:14px;

	line-height:19px;

	color:#888;

}

.email .email-user h5 i{

	font-size:10px;

}

.email .email-user h6{

	font-weight:400;

	line-height:17px;

	color:#aaa;

}

/* Email compose */

.email .e-compose{

	padding:15px;

	text-align:center;

}

.email .e-compose a{

	display:block;

	padding-top:10px;

	padding-bottom:10px;

	border:0px;

	text-transform:uppercase;

	font-size:14px;

}

.email .e-compose a i{

	margin-right:3px;

	font-weight:normal;

}

@media (max-width:900px){

	.email .e-compose{

		padding:10px 7px;

	}

	.email .e-compose a{

		text-align:center;

		padding-left:0px;

		padding-right:0px;

	}

	.email .e-compose a i{

		margin:0px;

	}

	.email .e-compose a span{

		display:none;

	}

}

/* Email navigation */

.email .email-nav{

	margin:10px 0px;

}

.email .email-nav ul{

	margin:0px;

	padding:0px;

}

.email .email-nav ul li{

	position:relative;

}

.email .email-nav ul li a{

	display:block;

	background:#fdfdfd;

	padding:10px 20px;

	border-top:1px solid #eee;

	font-size:13px;

	font-weight:600;

	position:relative;

	text-transform:uppercase;

}

.email .email-nav ul li.active a{

	background:#f7f7f7;	

}

.email .email-nav ul li:last-child a{

	border-bottom:1px solid #eee;

}

.email .email-nav ul li a:hover{

	background:#f7f7f7;

	color:#777;

}

.email .email-nav ul li a i{

	color:#a8b2be;

	margin-right:10px;

	font-weight:normal;

}

.email .email-nav ul li a span{

	position:absolute;

	right:10px;

	top:14px;

	border-radius:2px;

}

@media (max-width:900px){

	.email .email-nav ul li a{

		padding-left:0px;

		padding-right:0px;

		text-align:center;

	}

	.email .email-nav b,

	.email .email-nav span{

		display:none;

	}

	.email .email-nav ul li a i{

		font-size:15px;

		margin-right:0px;

	}

}

/* Email labels */

.email .email-label{

	padding:10px 20px;

}

@media (max-width:900px){

	.email .email-label{

		display:none;

	}

}

.email .email-label h5{

	font-size:13px;

	text-transform:uppercase;

}

.email .email-label ul li{

	padding:5px 0px;

	position:relative;

}

.email .email-label ul li i{

	margin-right:5px;

}

.email .email-label ul li a{

	font-weight:600;

}

.email .email-label ul li span{

	position:absolute;

	right:0px;

	top:3px;

	background:#f5f5f5;

	display:inline-block;

	border-radius:3px;

	padding:0px 7px;

	color:#888;

	font-weight:400;

	font-size:12px;

}

/* Email mainbar */

.email .email-mainbar{

	border-left:1px solid #e8e8e8;

	margin-left:220px;

	padding:15px 20px;

	width:auto;

}

@media (max-width:900px){

	.email .email-mainbar{

		margin-left:60px;

	}

}

/* Email mainbar top bar */

.email .em-top{

	margin-bottom:10px;

}

.email .em-top h2{

	font-weight:400;

}

.email .em-top h2 span{

	position:relative;

	top:-2px;

}

.email .em-top form{

	margin-top:10px;

	max-width:200px;

}

/* Email lists */

.email .email-icons i{

	color:#999;

}

/* Email item */

.email .email-lists{

	margin:20px 0px;

}

.email .el-item{

	padding:10px 10px;

	position:relative;

	background:#fff;

	border-top:1px solid #eee;

}

.email .el-item:last-child{

	border-bottom:1px solid #eee;

}	

.email .el-item.el-read{

	background:#fcfcfc;

}

.email .el-item input{

	position:relative;

	top:2px;

}

.email .el-item .el-star{

	color:#bbb;

}

.email .el-item .el-star i{

	cursor:pointer;

	margin:0px 6px;

}

.email .el-item .el-star i.s-active{

	color:#ffcd77;

}

.email .el-item .el-name{

	font-weight:600;

	display:inline-block;

	width:130px;

}

.email .el-item .el-subject{

	font-weight:600;

}

.email .el-item.el-read  .el-subject{

	font-weight:400;

}

.email .el-item .el-time{

	float:right;

	color:#999;

	font-size:12px;

	font-style:italic;

}

@media (max-width:900px){

	.email .el-item .el-name{

		width:auto;

		margin-bottom:5px;

	}

	.email .el-item .el-subject{

		display:block;

		margin-left:45px;

	}

	.email .el-item .el-time{

		position:absolute;

		top:10px;

		right:10px;

		float:none;

	}

}

/* Email item */

.email .email-item h2{

	font-weight:400;

}

.email .email-tag{

	margin:15px 0px;

}

.email .email-tag span{

	color:#fff;

	padding:2px 10px;

	border-radius:10px;

}

.email .email-tag em{

	color:#999;

}

.email .email-item form{

	margin-top:10px;

}

/* Email attachments */

.email .email-attachments .ea-item{

	background:#fafafa;

	border:1px solid #eee;

	padding:5px 8px;

	margin:10px 0px;

	position:relative;

}

.email .ea-item i{

	margin-right:5px;

}

.email .ea-item span{

	position:absolute;

	right:10px;

	cursor:pointer;

}

/* Email compose */

.email .email-compose h2{

	font-weight:400;

}

/* Status UI */

/* Status One */

.status-one .item{

	max-width:320px;

	text-align:center;

	margin:20px 0px;

	padding:26px 0px;

	border:1px solid #ddd;

}

/* Header Border color */

.status-one .br-red{

	/*border-top:3px solid #f75353;*/

	background: #892D82;

}

.status-one .br-green{

	/*border-top:3px solid #51d466;*/

	background: #11A9AE;

}

.status-one .br-lblue{

	/*border-top:3px solid #32c8de;*/

	background: #DB651B;

}

.status-one .br-orange{

	/*border-top:3px solid #f78153;*/

	background: #D813A8;

}

.status-one .br-purple{

	border-top:3px solid #cb79e6;

}

.status-one .br-rose{

	border-top:3px solid #ff61e7;

}

.status-one .br-brown{

	border-top:3px solid #d08166;

}

.status-one .br-yellow{

	border-top:3px solid #fcd419;

}

/* Big Heading */

.status-one .item  h4{

	font-size:40px;

	line-height:40px;

	font-weight:600;

	color:#fff;

	display:inline-block;

}

@media(max-width: 767px){

	.status-one .item  h4{

		font-size:30px;

		line-height:40px;

	}

}

.status-one .item  h4 span{

	font-size:20px;

	font-weight:400;

	display:inline-block;

	margin-bottom:0px;

}

/* Heading */

.status-one .item h5{

	font-size:18px;

	color:#fff;

	margin-bottom:15px;

	font-weight:400;

}

/* Icon */

.status-one .item i{

	width:30px;

	height:30px;

	border-radius:100%;

	line-height:30px;

	text-align:center;

	font-size:20px;

	color:#fff;

}

/* Status Two */

.status-two .item{

	max-width:320px;

	margin:20px 0px;

}	

/* Heading */

.status-two .item h5{

	font-size: 60px;

	line-height: 70px;

	font-weight:600;

}

/* Small Title */

.status-two .item span{

	display:block;

	color:#aaa;

	font-size:14px;

	line-height:24px;

}

.status-two .item span b{

	font-weight:400;

}

/* Status Three */

.status-three .item{

	max-width:320px;

	text-align:center;

	margin:20px 0px 0px;

	padding:26px 10px;

}

/* Heading */

.status-three .item h4{

	font-size:50px;

	line-height:60px;

	color:#fff;

}

.status-three .item span{

	font-size:15px;

	color:#fff;

}

/* Icon */

.status-three .icon{

	max-width:320px;

	background:#000;

	margin:0px 0px 20px;

	text-align:center;

	padding:10px 10px;

}

.status-three .icon i{

	font-size:20px;

}

.status-three .icon span{

	font-size:15px;

	color:#fff;

}

/* Status Four */

.status-four .item{

	max-width:200px;

	border:1px solid #eee;

	text-align:center;

	margin:20px 0px;

	padding:30px 0px;

	-webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}

.status-four .item:hover{

	background:#f4f8f0;

}

/* Big Number */

.status-four .item h4{

	font-size:50px;

	line-height:60px;

}

/* Text And Icon */

.status-four .item span{

	font-size:15px;

	color:#aaa;

}

/* Status Five */

.status-five .item{

	margin:20px 0px;

	max-width:320px;

}

/* Heading */

.status-five .item h5{

	font-size: 16px;

	font-weight:400;

	line-height:26px;

	color:#aaa;

}

/* Big Heading */ 

.status-five .item h4{

	font-size: 35px;

	font-weight: 600;

	line-height: 45px;

	margin-bottom:7px;

}

.status-five .item h4 i{

	font-size:25px;

}

/* Pie Chart */

.status-five .item  .five-visitor span.pie-chart{

	line-height:18px;

	position:relative;

	top:6px;

}

/* Visitor */

.status-five .item .five-visitor{

	font-size:14px;

	color:#999;

	font-weight:600;

	margin-bottom:10px;

}

/* Status Six */

.status-six .item{

	max-width:320px;

	margin:20px 0px 0px;

	padding:20px 10px;

}

/* Bar Chart */

.status-six .item .bar-chart{	

	width:65px;

	float:left;

	position:relative;

	top:10px;

	margin-bottom:20px;

	text-align:center;

}

/* Content */

.status-six .item .content{

	margin-left:75px;

	margin-top:10px;

}

/* Heading */

.status-six .item .content h5{

	font-size:18px;

	color:#fff;

	font-weight:400;

}

/* Big Number */

.status-six .item .content h4{

	font-size:25px;

	color:#fff;

	font-weight:400;

}

.status-six .details{

	max-width:320px;

	margin-bottom:20px;

	padding:5px 10px;

	color:#fff;

	font-size:15px;

}

/* Angle Icon */

.status-six .details > i{	

	font-size: 20px;

	margin-left:8px;

	line-height: 30px;

}

.status-six .details a > i{

	float:right;

	font-size:20px;	

	line-height:30px;

	color:#fff;

}

/* Text Background Color */

.status-six .bg-red-dark{

	background:#e52d16;

}

.status-six .bg-lblue-dark{

	background:#1faabe;

}

.status-six .bg-green-dark{

	background:#30c247;

}

.status-six .bg-purple-dark{

	background:#ba4ede;

}

/* Status Seven */

.status-seven .item{

	margin:20px 0px;

	max-width:556px;

	padding:0px 15px;

}

/* Small Heading */

.status-seven .item h5{

	font-size:15px;

	line-height:25px;

	font-weight:400;

	color:#aaa;

	margin-bottom:10px;

}

/* Heading */

.status-seven .item .heading{

	float:left;

	width:138px;

	margin-bottom:20px;

}

@media(max-width: 308px){

	.status-seven .item .heading{

		width:120px;

	}

}

/* Dolor Sign */

.status-seven .item .heading h4 span{

	font-size:25px;

}

/* Big Number */

.status-seven .item .heading h4{

	font-size:35px;

	font-weight:600;

	line-height:45px;

	margin-top:4px;

	margin-bottom:10px;

}

@media(max-width: 350px){

	.status-seven .item .heading h4{

		font-size:25px;

	}

}

/* Bar Chart */

.status-seven .item .bar-chart{

	float:left;

	width:94px;

	margin-bottom:20px;

	position:relative;

	bottom:12px;

}

@media(max-width: 308px){

	.status-seven .item .bar-chart{

		width:70px;

	}

}

/* Content */

.status-seven .item .content{

	float:left;

	width:212px;

	margin-bottom:20px;

}

/* Visitors And Profit */

.status-seven .item .seven-content{

	font-size:14px;

	color: #888;

	line-height:24px;

	border-bottom:1px solid #eee;

	padding-bottom:5px;

}

.status-seven .item .seven-border{

	border-bottom:0px;

	padding-top:5px;

}

/* Circle */

.status-seven .item .seven-content > i{

	font-size:10px;

}

/* Number */

.status-seven .item .seven-content span{

	float:right;

	font-weight:600;

}

/* Status Eight */

.status-eight .item{

	margin:20px 0px;

	max-width:320px;

}

/* Heading */

.status-eight .item h5{

	font-size:13px;

	font-weight:600;

	text-transform:uppercase;

	line-height:24px;

	color:#888;

}

/* Big Heading */

.status-eight .item h4{

	font-size:30px;

	font-weight:400;

	line-height:40px;

}

/* Emphasis */

.status-eight .item em{

	color:#aaa;

	font-size:13px;

	display:block;

	line-height:18px;

	font-style:normal;

}

/* Status Nine */

.status-nine .item{

	max-width:320px;

	margin:20px 0px;

}

/* Knob */

.status-nine .item .nine-item-knob{

	width:80px;

	float:left;

}

/* Details */

.status-nine .item .details{

	margin-left:90px;

}

/* Big Heading */

.status-nine .item .details h4{

	font-size:22px;

	line-height:40px;

	font-weight:600;

}

/* Icon */

.status-nine .item .details h4 i{

	font-size:18px;

	font-weight:400;

}

/* Heading */

.status-nine .item .details h5{

	font-size:15px;

	font-weight:400;

	color:#aaa;

	display:inline;

}

/* Status Ten */

.status-ten .item{

	max-width:320px;

	margin:20px 0px;

	background:#fff;

	border:1px solid #eee;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.08);

	padding:10px 15px;

	border-radius:3px;

}

/* Heading */

.status-ten .item h5{

	font-size:14px;

	color:#aaa;

	font-weight:600;

	line-height:24px;

}

/* Big Heading */

.status-ten .item h4{

	font-size:35px;

	font-weight:600;

	line-height:45px;

}

/* Small Number */

.status-ten .item h4 span{

	position:relative;

	bottom:6px;

	font-size:16px;

	font-weight:600;

	padding:0px 8px;

	border-radius:4px;

	color:#fff;

	margin-left:10px;

	line-height:26px;

}

/* Status Eleven */

.status-eleven .item{

	margin:20px 0px;

	max-width:280px;

	background:#555;

	text-align:center;

	padding:20px 0px;

}

/* Top Border */

.status-eleven .eleven-br-red{

	border-top:4px solid #f75353;

}

.status-eleven .eleven-br-lblue{

	border-top:4px solid #32c8de;

}

.status-eleven .eleven-br-green{

	border-top:4px solid #51d466;

}

.status-eleven .eleven-br-yellow{

	border-top:4px solid #fcd419;

}

.status-eleven .item h5{

	color:#aaa;

	text-transform:uppercase;

}

/* Big Heading */

.status-eleven .item h4{

	font-size:35px;

	font-weight:400;

	color:#fff;

	line-height:45px;

}

/* Chart */

.status-eleven .chart{

	margin:20px 0px;

}

.status-eleven .item span.eleven-pie{

	position:relative;

	left:10px;

}

/* Small Number */

.status-eleven .item span{

	color:#fff;

	font-size:20px;

	line-height:30px;

}

/* Icon */

.status-eleven .item span > i{

	width:20px;

	height:20px;

	line-height:20px;

	margin-right:5px;

	border-radius:2px;

}

/* Status Twelve */

.status-twelve .item{

	margin:80px auto 20px;

	text-align:center;

	max-width:320px;

}

/* Details */

.status-twelve .item .details{

	border:1px solid #e5e5e5;

	padding:40px 20px 10px;

	max-width:200px;

	border-radius:4px;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.05);

	margin-left:auto;

	margin-right:auto;

	background:#fff;

}

/* Chart */

.status-twelve .item .chart{

	position:absolute;

	top:28px;

	left: 50%;

	margin-left: -40px;

}

@media(max-width: 500px){

	.status-twelve .item .chart{

		top:-50px;

	}

}

/* Unordered Listing */

.status-twelve .item  ul{

	padding-left:0px;

	padding-right:0px;

	margin-top:6px;

	list-style-type:none;

}

.status-twelve .item  ul li{

	text-align:right;

	color:#999;

	padding:5px 0px;

}

/* Span */

.status-twelve .item  span{

	float:left;

	font-size:13px;

}

/* Angle Icon */

.status-twelve .item  span > i{

	font-size:18px;

	position:relative;

	top:2px;

}

/* Dashboard #1 */

.db-one h2{

	font-weight:400;

}

.db-one h3{

	font-size:20px;

	font-weight:400;

	margin-bottom:10px;

}

.db-one h3 i{

	font-size:18px;

}

/* Nav */

.db-one .dbx-nav{

	margin-top:20px;

}

/* Nav Tabs */

.db-one .nav-tabs > li > a{

	text-align: left;

	font-size:16px;

	padding: 13px 15px;

	border:1px solid #eee;

	border-top:3px solid #eee;

	border-radius:0px; 

	background:#f9f9f9;

	font-weight:600;

	color:#888;

}

.db-one .nav-tabs > .active > a{

	background:#fff;

}

/* Nav Tabs Border */

.db-one .nav-tabs > .active > a.db-br-red{

	border-top: 3px solid #ed5441;

}

.db-one .nav-tabs > .active > a.db-br-lblue{

	border-top: 3px solid #32c8de;

}

.db-one .nav-tabs > .active > a.db-br-green{

	border-top: 3px solid #51d466;

}

.db-one .nav-tabs > .active > a.db-br-purple{

	border-top: 3px solid #cb79e6;

}

/* Span */

.db-one .nav-tabs > li > a > span{

	display:inline-block;

	width:30px;

	height:30px;

	line-height:28px;

	text-align:center;

	border-radius:100%;

	border:1px solid #ddd;

	font-size:13px;

}

/* Span Border */

.db-one .nav-tabs > .active > a > span.br-red{

	border:1px solid #ed5441;

}

.db-one .nav-tabs > .active > a > span.br-lblue{

	border:1px solid #32c8de;

}

.db-one .nav-tabs > .active > a > span.br-green{

	border:1px solid #51d466;

}

.db-one .nav-tabs > .active > a > span.br-purple{

	border:1px solid #cb79e6;

}

/* Badge */

.db-one .nav-tabs > li > a > b{

	float:right;

	margin-top: 4px;

	background:#ccc;

	padding:5px 8px !important;

}

/* Badge Background */

.db-one .nav-tabs > .active > a > b.badge-red{

	background:#ed5441;

}

.db-one .nav-tabs > .active > a > b.badge-lblue{

	background:#32c8de;

}

.db-one .nav-tabs > .active > a > b.badge-green{

	background:#51d466;

}

.db-one .nav-tabs > .active > a > b.badge-purple{

	background:#cb79e6;

}

/* Tab Content */

.db-one .tab-content{

	margin-top:10px;

}

/* Home */

/* PlaceHolder(Chart) */

.db-one .db-chart{

	width:100%;

	height:300px;

}

/* Table */

.db-one .db-table .dbt-item{

	max-width:350px;

	margin:20px auto;

}

/* Heading */

.db-one .db-table .dbt-item .dbt-head h5 {

	margin:0px;

	color:#fff;

	padding:4px 15px;

	font-size:14px;

	border-top-right-radius:4px;

	border-top-left-radius:4px;

}

/* Table */

.db-one .db-table .dbt-item .dbt-table{

	border:1px solid #ddd;

	border-bottom-left-radius:4px;

	border-top:0px;

	border-bottom-right-radius:4px;

}

.db-one .db-table .dbt-item .dbt-table .table{

	margin-bottom:0px;

}

.db-one .db-table .dbt-item .dbt-table td{

	border-right:1px solid #ddd;

	margin:0px 5px;

}

.db-one .db-table .dbt-item .dbt-table td:last-child{

	border-right:0px;

}

.db-one .db-table .dbt-item .dbt-table td i{

	font-size:15px;

}

.db-one .db-table .dbt-item .table tr > td:first-child{

	width:40px;

}

.db-one .db-table .dbt-item .table-td tr > td:nth-child(3){

	width:40px;

}

.db-one .db-table .dbt-item .table-td-fourth tr > td:nth-child(4){

	width:40px;

}

/* db Knob */

.db-one .db-knob{

	margin:20px 0px;

	text-align:center;

}

.db-one .db-knob h4{

	margin:15px 0px;

}

/* Table */

.db-one .db-table .table tr > td > img{

	max-width:30px;

	border-radius:100%;

}	

/* Dashboard #2 */

/* Main Content */

.db-two .dbx-block:nth-child(even){

	background: #fff;

	padding:15px 20px; 

	border-radius:4px;

	border:1px solid rgba(0,0,0,0.07);

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.06);

}

/* Status Two */

.db-two .status-two .item{

	max-width:320px;

	margin:0px;

}	

/* Report *//

.db-two .db-report .dbr-earnings{

	max-width:350px;

}

/* Heading */

.db-two .db-report .dbr-earnings h3{

	font-size: 40px;

	font-weight: 400;

	line-height: 55px;

}

.db-two .db-report .dbr-earnings .table tr > td{

	font-size:14px;

	font-weight:700;

}

.db-two .db-report .dbr-earnings .table tr > td > a > i{

	font-size:15px;

	font-weight:700;

}

.db-two .db-report .dbr-earnings .table tr > td{

	border-top:0px;

}

/* Pie Chart */

.db-two .db-report .dbr-pie-chart{

	max-width:350px;

}

/* Pie Chart 1 */

.db-two .db-report .dbr-pie-chart #db-pie-chart1{

	height:280px;

}

/* Pie Chart 2 */

.db-two .db-report .dbr-pie-chart #db-pie-chart2{

	height:280px;

}

/* Bar Chart */

.db-two .db-bar-chart{

	margin:30px 0px;

}

/* Bar Chart */

.db-two .db-bar-chart #bar-chart{

	width:100%;

	height:300px;

}

/* Table Item */

.db-two .db-table .table tr{

	font-size:14px;

	color:#999;

	font-weight:600;

}

.db-two .db-table .table tr > th{

	color:#aaa;

	padding:20px 10px;

	background:#fcfcfc;

}

.db-two .db-table .table tr > th:last-child{

	text-align:center;

}

.db-two .db-table .table tr > th:first-child{

	text-align:center;

}

.db-two .db-table .table tr > th:nth-child(2){

	text-align:center;

}

.db-two .db-table .table tr > td{

	vertical-align:middle;

	padding:20px 10px;

}

.db-two .db-table .table tr > td:first-child{

	text-align:center;

}

.db-two .db-table .table tr > td:last-child{

	text-align:center;

}

.db-two .db-table .table tr > td > a > img{

	max-width:118px;

	margin-left:auto;

	margin-right:auto;

}

/* Dashboard #3 */

.db-three .db-chart  #db-line-chart{

	width:100%;

	height:300px;

}

/* Sales */

.db-three .db-sales{

	margin:30px 0px 20px 0;

}

.db-three .db-sales .db-table{

	margin-top:20px;

	font-weight:600;

}

.db-three .db-sales .db-table .table tr:first-child{

	background:#f4f8fd;

}

/* Chart */

.db-three .db-sales #db-bar-chart{

	height:280px;

	margin-top:20px;

}

/* Dashboard #4 */

.db-four h2{

	font-size:20px;

	line-height:30px;

	margin-bottom:20px;

	font-weight:400;

}

/* Nav Bar */

.db-four .db-nav{

	float:left;

	width:20%;

	position:relative;

	left:1px;

}

@media(max-width: 1000px) and (min-width: 767Px){

	.db-four .db-nav{

		width:30%;

	}

}

@media(max-width: 767px){

	.db-four .db-nav{

		float:none;

		width:100%;

	}

}

.db-four .db-nav ul > li > a{

	padding:10px 15px;

	text-transform:uppercase;

	font-weight:600;

	font-size:14px;

}

@media(max-width: 767px){

	.db-four .db-nav ul > li {

		float:left;

	}

}

@media(max-width: 571px){

	.db-four .db-nav ul > li {

		float:none;

	}

}

.db-four .db-nav ul > li.active > a{

	border:1px solid #eee;

	border-left:3px solid #51d466;	

	border-right:0px;

	background:#fff;		

}

@media(max-width: 767px){

	.db-four .db-nav ul > li.active > a{

		border-top:3px solid #51d466;

		border-left:1px solid #eee;		

		border-right:1px solid #eee;	

		border-bottom:0px;

	}

}

.db-four .db-nav ul > li > a:hover{

	background:#51d466;	

	color:#fff;

}

/* DB Content */

.db-four .db-content{

	float:left;

	width:80%;

}

@media(max-width: 1000px) and (min-width: 767Px){

	.db-four .db-content{

		width:70%;

	}

}

@media(max-width: 767px){

	.db-four .db-content{

		float:none;

		width:100%;

	}

}

.db-four .db-content .tab-content{

	border:1px solid #eee;

	padding:15px 20px;

	background:#fff;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.05);

	border-radius:4px;

	border-top-left-radius:0px;

}

/* Chart */

.db-four .db-chart{

	padding:20px 15px;

	margin:20px 0px;

}

/* Line Chart */	

.db-four .db-chart  #db-line-chart{

	width:100%;

	height:250px;

}

.db-four .db-sales{

	margin-top:20px;

}

/* Report */

.db-four .db-report{

	margin:30px 0px;

	text-align:center;

}

.db-four .db-report .db-item{

	margin-bottom:30px;

}

/* User */

.db-four .db-user{

	margin:20px 0px;

}

.db-four .db-user .db-item{

	max-width:300px;

	border:1px solid #eee;

	border-radius:3px;

	margin:10px 0px;

	padding:15px;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.08);

}

@media(max-width: 1305px) and (min-width: 992px){

	.db-four .db-user .db-item{

		text-align:center;

	}

}

@media(max-width: 571px){

	.db-four .db-user .db-item{

		text-align:center;

	}

}

/* Image */

.db-four .db-user .db-item img{

	border-radius:5px;

	width:65px;

	float:left;

	text-align:center;

	margin:0px auto;

}

@media(max-width: 1305px) and (min-width: 992px){

	.db-four .db-user .db-item img{

		float:none;

	}

}

@media(max-width: 571px){

	.db-four .db-user .db-item img{

		float:none;

	}

}

/* DB Details */

.db-four .db-user .db-item .db-details{

	margin-left:85px;

}

@media(max-width: 1305px) and (min-width: 992px){

	.db-four .db-user .db-item .db-details{

		margin-left:0px;

		margin-top:10px;

	}

}

@media(max-width: 571px){

	.db-four .db-user .db-item .db-details{

		margin-bottom:16px;

		margin-left:0px;

		margin-top:10px;

	}

}

/* Name, Email, Phone */

.db-four .db-user .db-item .db-details span{

	display:block;

	font-size:13px;

	margin-bottom:5px;

}

.db-four .db-user .db-item .db-details span i{

	color:#51d466;

}

/* Plugins */

.db-four .db-plugins .db-item{

	border:1px solid #eee;

	margin:20px auto;

	text-align:center;

	padding:20px;

	border-radius:4px;

	max-width: 230px;

	margin-left: auto;

	margin-right: auto;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.08);

}

.db-four .db-plugins .db-item i{

	font-size:40px;

}

@media(max-width: 1110px) and (min-width: 992px){

	.db-four .db-plugins .db-item i{

		font-size: 30px;

	}

}

@media(max-width: 315px){

	.db-four .db-plugins .db-item i{

		font-size: 30px;

	}

}

@media(max-width: 1110px) and (min-width: 992px){

	.db-four .db-plugins .db-item h4{

		font-size:14px;

	}

}

@media(max-width: 315px){

	.db-four .db-plugins .db-item h4{

		font-size:14px;

	}

}

.db-four .db-plugins .db-item p{

	margin-bottom:12px;

	color:#999;

}

@media(max-width: 1110px) and (min-width: 992px){

	.db-four .db-plugins .db-item a.btn{

		padding: 6px 4px;

	}

}

@media(max-width: 315px){

	.db-four .db-plugins .db-item a.btn{

		padding: 6px 4px;

	}

}

/* Dashboard #5 */

/* Chart Report */

.db-five .db-chart-report{

	border:1px solid #eee;

	background:#fff;

	padding:15px 20px;

	border-radius:4px;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.08);

	margin-bottom:25px;

}

/* Line Chart */	

.db-five .db-chart  #db-line-chart{

	width:100%;

	height:300px;

}

/* Report */

.db-five .db-report{

	margin-top:40px;

}

.db-five .db-report .db-item {

	max-width: 262px;

	margin-bottom:20px;

}

.db-five .db-report .table tr > td{

	border-top:0px;

}

.db-five .db-report .table tr > td:first-child{

	font-weight:600;

}

.db-five .db-report .table tr > td:nth-child(2){

	text-align:right;

	color:#888;

}

/* First Child Icon */

.db-five .db-report .db-item .table tr > td:first-child > i{

	font-size:12px;

}

/* Last Child Icon */

.db-five .db-report .db-item .table tr > td:last-child > i{

	font-size:18px;

}

/* Gallery */

.db-five .db-gallery .db-item{

	max-width:250px;

	margin:20px auto;

}

.db-five .db-gallery .db-image{

	position:relative;

	overflow:hidden;

	border-radius:5px;

	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.1);

	z-index:10;

}

.db-five .db-gallery .db-image .db-hover{

	position:absolute;

	width:100%;

	height:0%;

	top:100%;

	left:0px;

	z-index:25;

	border-radius:4px;

	background:rgba(0,0,0,0.5);

	text-align:center;

	 -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

	transition: all 0.5s;

}

/* On Hover Effect */

.db-five .db-gallery .db-image:hover .db-hover{

	height:100%;

	top:0px;

}

.db-five .db-gallery .db-image .db-image-hover{

	position:absolute;

	top:30%;

	left:30%;

	z-index:35;

	text-align:center;

	opacity:0;

	 -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

	transition: all 1s;

}

.db-five .db-gallery .db-image:hover .db-image-hover{

	opacity:1;

}

.db-five .db-gallery .db-image .db-image-hover i{

	width:35px;

	height:35px;

	line-height:35px;

	color:#fff;

	font-size:15px;

	border-radius:100%;

	text-align:center;

	margin-top:28%;

	margin-right:5px;

}

.db-five .db-item h4{

	font-size:14px;

	text-transform:uppercase;

	margin-top:5px;

}

/* Dashboard Six */

/* Chart */

.db-six .db-chart{

	margin:10px 0px;

}

/* Line Chart */	

.db-six .db-chart  #line-chart{

	width:100%;

	height:300px;

}

/* Bar Chart */

.db-six .db-chart #bar-chart{

	width:100%;

	height:300px;

}

/* Live Chart */

.db-six .db-chart #live-chart{

	width:100%;

	height:300px;

	margin-bottom:10px;

}

.db-six .db-chart .form-control{

	max-width:150px;

	display:inline;

	margin-left:5px;	

}

/* Pie Chart */

.db-six .db-report .db-item{

	border:1px solid #ddd;

	max-width:500px;

	margin:10px 0px;

	padding:15px;

}

.db-six .db-report .db-item-br-red{

	border-top:3px solid #f75353;	

}

.db-six .db-report .db-item-br-green{

	border-top:3px solid #51d466;	

}

/* Pie Chart */

.db-six .db-report .db-pie-chart{

	width:200px;

	float:left;

}

@media(min-width: 768px) and (max-width: 1100px){

	.db-six .db-report .db-pie-chart{

		width:100%;

		float:none;

	}

}

@media(max-width: 500px){

	.db-six .db-report .db-pie-chart{

		width:100%;

		float:none;

	}

}

/* Pie Chart 1 */

.db-six .db-report  .db-pie-chart #db-pie-chart1{

	height:200px;	

}

/* Pie Chart 2 */

.db-six .db-report .db-pie-chart #db-pie-chart2{

	height:200px;

}

/* Label */

.db-six .db-report  .db-label{

	margin:20px 0px 20px 220px;

}

@media(min-width: 768px) and (max-width: 1100px){

	.db-six .db-report  .db-label{

		margin:0px;

	}

}

@media(max-width: 500px){

	.db-six .db-report  .db-label{

		margin:0px;

	}

}

.db-six .db-report .table tr > td{

	border-top:0px;

}

.db-six .db-report .table tr > td:last-child{

	text-align:right;

}

/* Tasks */

.db-six .db-task .db-item{

	max-width:320px;

	margin:15px 0;

	border:1px solid #eee;

	padding:10px 15px;

	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.08);	

	border-radius:3px;

	position:relative;

	background: #f4f8fd;

}

.db-six .db-task .db-item p{

	color:#aaa;

}

.db-six .db-task .db-item span{

	position:absolute;

	top:5px;

	right:8px;

	color:#ccc;

	cursor:pointer;

}

/* Dashboard #7 */

/* Chart Knob */

.db-seven .db-chart-knob{

	padding:15px;

	border-radius:4px;

}

/* Chart */

.db-seven .db-chart{

	margin-top:20px;

}

/* Line Chart Placeholder */		

.db-seven .db-chart  #db-line-chart{

	width:100%;

	height:300px;

}

/* Knob */

.db-seven .db-knob .db-item{

	margin:30px auto;

	text-align:center;

	max-width:300px;

}

.db-seven .db-knob .db-item h4{

	color:#fff;

}

/* Status */

.db-seven .status-ten .item{

	margin:10px 0px;

}

/* Progress Report */

.db-seven .db-project{

	padding:15px 20px;

	border-radius:5px;

	background:#fff;

	border:1px solid #eee;

	box-shadow:4px 4px 0px 1px rgba(0,0,0,0.08);

}

.db-seven .db-project .table .progress{

	margin-top:5px;

}

/* Dashboard eight */

/* Report */

.db-eight .db-report .db-item{

	max-width:280px;

	margin:15px auto;

	text-align:center;

	padding:30px 20px;	

	border:1px solid rgba(0,0,0,0.1);

	box-shadow:inset 0px 0px 18px rgba(0,0,0,0.04);

}

.db-eight .db-report .db-item h5{

	font-size:16px;

	line-height:28px;

	margin-bottom:20px;

	color:rgba(0,0,0,0.3);	

	font-weight:600;

	text-transform:uppercase;

}

.db-eight .db-report .db-item h4{

	font-size:30px;

	line-height:40px;

	color:#fff;

	font-weight:400;

}

@media(max-width: 500px){

	.db-eight .col-mob{

		width:100%;

	}

}

@media(min-width: 768px) and (max-width: 934px){

	.db-eight .col-mob{

		width:50%;

	}

}

/* Chart */

.db-eight .db-chart{

	margin:20px 0;

}		

.db-eight .db-chart  #db-line-chart{

	width:100%;

	height:300px;

}

/* Demography */

.db-eight .db-demography .db-item{

	max-width:500px;

	margin:10px 0;

}

.db-eight .db-demography .db-item h5{

	font-size:13px;

	text-transform:uppercase;

	padding-bottom:5px;

	margin-bottom:5px;

	border-bottom:1px solid #f5f5f5;

}

.db-eight .db-demography .db-item .table tr > td{

	border-top:0px;

}

.db-eight .db-demography .db-item .table tr > td > span{

	text-transform:uppercase;

	color:#555;

}

.db-eight .db-demography .table tr > td > span > b{

	color:#555;

}

/* Dashboard #9 */

.db-nine .db-item{

	max-width:250px;

	height:250px;

	margin:0px auto 25px;

	border:1px solid #eee;

	padding:15px;

	text-align:center;

	background:#fff;

	border-radius:4px;

	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.05);

}

.db-nine .db-item h4{

	font-size:13px;

	line-height:13px;

	margin-bottom:20px;

	margin-top:3px;

	text-transform:uppercase;

}

/* Border Top */

.db-nine .db-br-red{

	border-top:4px solid #f75353;

}

.db-nine .db-br-green{

	border-top:4px solid #51d466;

}

.db-nine .db-br-yellow{

	border-top:4px solid #fcd419;

}

.db-nine .db-br-lblue{

	border-top:4px solid #32c8de;

}

.db-nine .db-br-purple{

	border-top:4px solid #cb79e6;

}

.db-nine .db-br-blue{

	border-top:4px solid #609cec;

}

.db-nine .db-br-brown{

	border-top:4px solid #d08166;

}

.db-nine .db-br-orange{

	border-top:4px solid #f78153;

}

.db-nine .db-br-rose{

	border-top:4px solid #ff61e7;

}

/* Item One */

.db-nine .item-one .db-details{

	margin:5px 10px 0px 10px;

}

.db-nine .item-one .db-details ul > li{

	padding:5px 0px;

}

.db-nine .item-one .db-details ul > li > b{

	float:right;

}

/* Item Two */

.db-nine .item-two  .db-details{

	margin:32px 0px;

	font-size:34px;

	font-weight:400;

}

.db-nine .item-two .db-details i{

	font-size:24px;	

}

/* Item Three */

.db-nine .item-three .db-social{

	padding:0px 5px;

}

.db-nine .item-three .db-social ul > li{

	padding:5px 0px;

}

.db-nine .item-three .db-social ul > li > b{

	float:right;

	margin-top:3px;

}

/* Item Four */

.db-nine .item-four h3{

	font-size:35px;

	line-height:45px;

	font-weight:400;

	color:#888;

}

.db-nine .item-four i.arrow{

	width:40px;

	height:40px;

	line-height:40px;

	border-radius:100%;

	color:#fff;

	font-size:30px;

	margin:14px 0px;

}

.db-nine .item-four .db-details{

	padding:0px 5px;

}

.db-nine .item-four .db-details ul > li{

	padding:3px 0px;

}

.db-nine .item-four .db-details ul > li > i{

	font-size:16px;

	font-weight:600;

}

.db-nine .item-four .db-details ul > li > i.circle{

	font-size:8px;

	position:relative;

	top:-2px;

}

.db-nine .item-four .db-details ul > li > b{

	float:right;

}

/* Item Five */

.db-nine .item-five h4{

	text-align:center;

}

.db-nine .item-five{

	text-align:left;

	font-weight:600;

}

.db-nine .item-five .progress{

	margin:5px 0px 12px 0px;

}

/* Item Six */

.db-nine .item-six .db-details ul > li{

	padding:2px 3px;

	color:#888;

}

.db-nine .item-six .db-details ul > li > b{

	float:right;

	color:#444;

}

/* Item Seven */

.db-nine .item-seven h3{

	font-size:38px;

	line-height:48px;

	font-weight:400;

	margin-bottom:15px;

}

.db-nine .item-seven h4{

	margin-top:27px;

}

/* Item eight */ 

.db-nine .item-eight ul > li{

	padding:6px 0px;

	font-weight:600;

}

.db-nine .item-eight ul > li > i{

	font-size:15px;

	color:#bbb;

	font-weight:normal;

}

.db-nine .item-eight ul > li > a.btn{

	float:right;

}

/* Item Nine */

.db-nine .item-nine{

	padding:0px;

	border-top:0px;

}

.db-nine .item-nine .db-chart{

	height:160px;

	padding:15px 10px;

	border-top-left-radius:4px;

	border-top-right-radius:4px;

}

.db-nine .item-nine .db-chart h4{

	color:#fff;

}

.db-nine .item-nine .db-details{

	height:90px;

}

.db-nine .item-nine .db-details h3{

	font-size:25px;

	line-height:35px;

	font-weight:400;

	margin-top:5px;

}

.db-nine .item-nine .db-details .db-content-one{

	float:left;

	width:50%;

	height:100%;

	padding:10px;

	border-right:1px solid #eee;

}

.db-nine .item-nine .db-details .db-content-two{

	margin-left:50%;

	height:100%;

	padding:10px;

}

/* Item Ten */

.db-nine .item-ten .db-chart{

}

.db-nine .item-ten .db-details .db-content-one{

	width:50%;

	float:left;

}

.db-nine .item-ten .db-details .db-content-two{

	margin-left:50%;

}

.db-nine .item-ten .db-details h3{

	font-size:22px;

	line-height:32px;

}

.db-nine .item-ten .db-details h3 > i{

	font-size:18px;

}

/* Item Eleven */

.db-nine .item-eleven h3{

	font-size:50px;

	line-height:60px;

	font-weight:400;

	margin: 12px 0px;

}

.db-nine .item-eleven h3 span{

	font-size:34px;

	margin-right:5px;

}

.db-nine .item-eleven > span{

	font-size:26px;

	line-height:36px;

	font-weight:400;

	display:block;

	margin: 10px 0px;

}

/* Item Twelve */

.db-nine .item-twelve{

	padding:0px;

	border-top:0px;

}

.db-nine .item-twelve .db-icon{

	padding:15px 10px;

	height:155px;

}

.db-nine .item-twelve .db-details{

	padding:25px 10px;

	height:95px;

}

.db-nine .item-twelve i{

	font-size: 60px;

	width: 60px;

	height: 60px;

	line-height: 47px;

	border: 2px solid #fff;

	border-radius: 100%;

	color:#fff;

	text-align:center;

	margin:13px 0px;

	background:rgba(0,0,0,0.08);

}

.db-nine .item-twelve span{

	display:block;

	font-size:32px;

	line-height:42px;

}

/* Dashboard #10 */

.db-ten .status-ten .item{

	margin:5px 0px;

}

/* Chart */

.db-ten .db-chart{

	box-shadow:0px 0px 2px rgba(0,0,0,0.13);

	padding:20px 15px;

	border-radius:4px;

	margin:30px 0px;

}

/* Live Chart Placeholder */

.db-ten .db-chart #live-chart{

	width:100%;

	height:300px;

}

/* Input Box */

.db-ten .db-chart .form-control{

	width:150px;

	display:inline;

	margin-left:5px;	

}

/* Demography */

/* Item */

.db-ten .db-demography .db-item{

	max-width:500px;

	margin:0px auto 20px;

}

.db-ten .db-demography .db-item h4{

	font-size:14px;

	text-transform:uppercase;

	line-height:24px;

}

.db-ten .db-demography .db-item h4 i{

	margin-right:3px;

	position:relative;

	top:-1px;	

}

.db-ten .db-demography .db-item .table tr > td{

	border-top:0px;

}

.db-ten .db-demography .db-item i{

	font-size:10px;

	position:relative;

	top:-1px;	

}

.db-ten .db-demography .db-item .table tr > td > span{

	text-transform:uppercase;

	color:#444;

}

.db-ten .db-demography .table tr > td > span > b{

	color:#333;

}

/* Application */

@media(max-width: 656px){

	.db-ten .db-app .col-mob{

		width:50%;

	}

}

@media(max-width: 346px){

	.db-ten .db-app .col-mob{

		width:100%;

	}

}

.db-ten .db-app{

	margin-top:20px;

}

.db-ten .db-app .db-item{

	margin:1px;

	border:1px solid #eee;

	border-radius:2px;

	padding: 20px;

	background:#fff;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.db-ten .db-app .db-item:hover{

	background:#fbfbfb;

}

.db-ten .db-app .db-content{

	float:left;

	width:40px;

}

.db-ten .db-app .db-content .icon{

	position: relative;

	font-size: 30px;

	line-height: 40px;

	color:#aaa;

}

.db-ten .db-app .db-content span{

	position: absolute;

	top: 18px;

	left: 40px;

	color: #fff;

	display:inline-block;

	width:18px;

	height:18px;

	line-height:18px;

	text-align:center;

	border-radius:3px;

}

.db-ten .db-app .db-item h4{

	margin-left: 50px;

	font-size: 14px;

	margin-top: 9px;

	line-height: 24px;

}

/* Social Media */

.db-ten  .db-social .db-item{

	padding:20px;

	max-width:260px;

	margin:10px auto;

	color:#fff;

	position:relative;

}

.db-ten  .db-social .db-social-icon{

	width:50px;

	text-align:center;

	float:left;

}

@media(min-width: 767px) and (max-width: 930px){

	.db-ten  .db-social .db-social-icon{

		width:40px;

	}

}

.db-ten .db-social .db-social-icon a > i{

	font-size:40px;

	line-height:50px;

	color:rgba(0,0,0,0.2);

	margin-top:10px;

}

@media(min-width: 767px) and (max-width: 930px){

	.db-ten  .db-social .db-social-icon a > i{

		font-size:30px;

		line-height:40px;

	}

}

.db-ten .db-social .db-details{

	margin-left:60px;

	margin-bottom:20px;

}

@media(min-width: 767px) and (max-width: 930px){

	.db-ten  .db-social .db-details{

		margin-left:46px;

	}

}

.db-ten .db-social .db-details h3{

	font-size:44px;

	font-weight:400;

	line-height:54px;

}

.db-ten .db-social .db-details h3 a{

	color:#fff;

}

.db-ten .db-social .db-details span{

	color:#fff;

	font-size:16px;

	text-transform:uppercase;

}

@media(min-width: 767px) and (max-width: 930px){

	.db-ten .db-social .db-details span{

		font-size:14px;

	}

}

@media(min-width: 767px) and (max-width: 930px){

	.db-ten  .db-social .db-details h3{

		font-size:30px;

		line-height:30px;

	}

}

.db-ten .db-social .db-item  > a > i{

	width:30px;

	height:30px;

	border-radius:100%;

	border:2px solid #fff;

	line-height:26px;

	color:#fff;

	text-align:center;

	font-size:20px;

	position:absolute;

	bottom:10px;

	right:10px;

	margin-top:120px;

}

/* Wonderland */

.wonderland{

	text-align:center;

}

.wonderland img{

	border:1px solid #d7d7d7;

	max-width:350px;

	display:block;

	margin:0px auto 0px auto;

	max-width:100%;

	border-radius:3px;

	border-bottom-left-radius:0px;

	border-bottom-right-radius:0px;

}

.wonderland h5{

	margin:0px;

	margin-bottom:40px;

	text-transform:uppercase;

	font-size:13px;

	line-height:40px;

	color:#999;

	background:#f8f8f8;

	border:1px solid #d7d7d7;

	border-bottom-left-radius:3px;

	border-bottom-right-radius:3px;

}