/* here you can put your own css to customize and override the theme */

body {
background-color: #2F3E41 !important;
}
.badge {
	background-color: #D63239;
}

/*header*/
.header {
	height: auto;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background: #1eb190 url(../img/bg-header.jpg) fixed !important;
}

.header .navbar-brand {
	width: 303px;
	
	background-color: rgba(255,255,255,0.9);
	filter: alpha(opacity=90);

-webkit-border-top-right-radius: 90px !important;
-webkit-border-bottom-right-radius: 90px !important;
-moz-border-radius-topright: 90px !important;
-moz-border-radius-bottomright: 90px !important;
border-top-right-radius: 90px !important;
border-bottom-right-radius: 90px !important;

-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
padding: 40px;


}
.header .navbar-brand img {
	text-align: center;
	margin-left: 0;
	width: 180px;

}
.navbar-brand:hover {
	background-color: #fff !important;
}
.page-header-fixed .page-container {
	margin-top: 0;
}

/*User*/
.header .navbar-nav {
	position: relative;
	top: 40px
}
.header .navbar-nav li.dropdown .dropdown-toggle i {
	color:#fff !important;
}
.header .navbar-nav > li.dropdown.user .dropdown-toggle, .header .navbar-nav > li.dropdown .dropdown-toggle {
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
}
.header .navbar-nav > li.dropdown.user .dropdown-toggle img {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}


/*sidebar*/
ul.page-sidebar-menu > li.active > a {
background: #1EB190 !important;
}
.page-sidebar {
background-color: #2F3E41;
}

.page-sidebar .sidebar-search .input-box {
border-bottom: none !important;
}
.page-sidebar .sidebar-search input {
background-color: #2F3E41 !important;
}
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover{
background: #273436 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
background: #1B2425 !important;
}
ul.page-sidebar-menu > li > a {
border-top: 1px solid #415052 !important;
}
.header .navbar-nav > li.dropdown.user .dropdown-toggle .username {
	color:#fff;
}
/*Dashboard*/
.dashboard-stat, .dashboard-stat:hover .number, .dashboard-stat:hover .desc {
		-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	    -ms-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
}
.dashboard-stat:hover {
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	overflow: hidden;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	    -ms-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
	        background-color: #E9E9E9;
	        color: #000 !important;
}
.dashboard-stat:hover .number, .dashboard-stat:hover .desc {
color: #2F3E41;
}
.visual img {
	width: 100%;
}
.visual {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	/*width: auto !important;
	height: auto !important;*/
	padding: 10px !important;
	background-color: #fff;
	overflow: hidden;
	margin: 10px;
	
}

.dashboard-stat .details .number {
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
}