body {
	background-color: #f8f8f8;
	/*background-color: #383E4C;*/
	color: #5c626e;
}

.form-group select, .form-group textarea, .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="datetime"], .form-group input[type="datetime-local"], .form-group input[type="date"], .form-group input[type="month"], .form-group input[type="time"], .form-group input[type="week"], .form-group input[type="number"], .form-group input[type="email"], .form-group input[type="url"], .form-group input[type="search"], .form-group input[type="tel"], .form-group input[type="color"] {
	background: #FFF;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	border-radius: 0 !important;
	color: #858585;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	padding: 5px 4px 6px;
	font-size: 14px;
	font-family: inherit;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
}

label {
	font-weight: normal;
	font-size: 14px;
}

.no-padding {
	padding: 0 !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-border {
	border-width: 0;
}
.no-border-bottom {
	border-bottom-width: 0;
}
.no-border-top {
	border-top-width: 0;
}
.no-border-left {
	border-left-width: 0;
}
.no-border-right {
	border-right-width: 0;
}
.center, .align-center {
	text-align: center !important;
}

.btn {
	display: inline-block;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
	background-image: none !important;
	/*border: 5px solid #FFF;*/
	border-radius: 0;
	box-shadow: none !important;
	-webkit-transition: all ease .15s;
	transition: all ease .15s;
	cursor: pointer;
	vertical-align: middle;
	margin: 0;
	position: relative;
}

#wrapper {
	width: 100%;
	background-color: #383E4C;
}

#page-wrapper {
	padding: 0 15px;
	min-height: 568px;
	background-color: #fff;
}

@media(min-width:768px) {
	#page-wrapper {
		position: inherit;
		margin: 0 0 0 250px;
		padding: 0 30px;
		border-left: 1px solid #e7e7e7;
	}
}

@media(max-width:768px) {
	.sm-hidden {
		display: none;
	}
}

.navbar-top-links {
	margin-right: 0;
}

.navbar-top-links li {
	display: inline-block;
}

.navbar-top-links li:last-child {
	margin-right: 15px;
}

.navbar-top-links li a {
	padding: 15px;
	min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
	display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
	white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
	width: 310px;
	min-width: 0;
}

.navbar-top-links .dropdown-messages {
	margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
	margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
	margin-left: -123px;
}

.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}

.sidebar .sidebar-search {
	padding: 15px;
}

.sidebar ul li {
	border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
	background-color: #eee;
}

.sidebar .arrow {
	float: right;
}

.sidebar .fa.arrow:before {
	content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
	content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
	border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
	padding-left: 37px;
}

.sidebar .nav-third-level li a {
	padding-left: 52px;
}

@media(min-width:768px) {
	.sidebar {
		z-index: 1;
		position: absolute;
		width: 250px;
		margin-top: 51px;
	}

	.navbar-top-links .dropdown-messages,
	.navbar-top-links .dropdown-tasks,
	.navbar-top-links .dropdown-alerts {
		margin-left: auto;
	}
}

.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}

.btn-primary.btn-outline {
	color: #428bca;
}

.btn-success.btn-outline {
	color: #5cb85c;
}

.btn-info.btn-outline {
	color: #5bc0de;
}

.btn-warning.btn-outline {
	color: #f0ad4e;
}

.btn-danger.btn-outline {
	color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
	color: #fff;
}

.chat {
	margin: 0;
	padding: 0;
	list-style: none;
}

.chat li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
	margin-left: 60px;
}

.chat li.right .chat-body {
	margin-right: 60px;
}

.chat li .chat-body p {
	margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
	margin-right: 5px;
}

.chat-panel .panel-body {
	height: 350px;
	overflow-y: scroll;
}

.login-panel {
	/*margin-top: 25%;*/
}

.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	width: 100%;
	height: 100%;
}

.dataTables_wrapper {
	position: relative;
	clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	background: 0 0;
}

table.dataTable thead .sorting_asc:after {
	content: "\f0de";
	float: right;
	font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
	content: "\f0dd";
	float: right;
	font-family: fontawesome;
}

table.dataTable thead .sorting:after {
	content: "\f0dc";
	float: right;
	font-family: fontawesome;
	color: rgba(50,50,50,.5);
}

.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
}

.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 1.33;
}

.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 24px;
	line-height: 1.33;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	background-color: #eee!important;
}

.show-grid {
	margin: 15px 0;
}

.huge {
	font-size: 40px;
}

.panel-green {
	border-color: #5cb85c;
}

.panel-green .panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}

.panel-green a {
	color: #5cb85c;
}

.panel-green a:hover {
	color: #3d8b3d;
}

.panel-red {
	border-color: #d9534f;
}

.panel-red .panel-heading {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}

.panel-red a {
	color: #d9534f;
}

.panel-red a:hover {
	color: #b52b27;
}

.panel-yellow {
	border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}

.panel-yellow a {
	color: #f0ad4e;
}

.panel-yellow a:hover {
	color: #df8a13;
}


#wrapper .navbar{
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4fa252), color-stop(100%, #4c954c));
	background-image: -webkit-linear-gradient(#4fa252,#4c954c);
	background-image: -moz-linear-gradient(#4fa252,#4c954c);
	background-image: -o-linear-gradient(#4fa252,#4c954c);
	background-image: linear-gradient(#4fa252,#4c954c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4fa252", endColorstr="#4c954c");
}

#wrapper .sidebar .nav>li>a {
	padding: 15px;
}
#wrapper .navbar-default a.navbar-brand{
	color: #fff;
}

#wrapper .sidebar{
	background-color: #383e4c;
}
#wrapper .sidebar a{
	color: #fff;
}
#wrapper .sidebar .nav>li:after {
	position: absolute;
	bottom: -2px;
	content: '';
	height: 1px;
	background: #444a5a;
	width: 100%;
}
#wrapper .nav-user-photo {
	margin: -10px 8px -10px 0;
	border-radius: 100%;
	border: 2px solid #FFF;
	max-width: 40px;
}

#wrapper .user-info {
	max-width: 100px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	position: relative;
	top: 2px;
}

#wrapper .sidebar ul li {
	border-top: 1px solid #20242d;
	/*border-left: 3px solid transparent;*/
	border-bottom: 0;
}
#wrapper .navbar-default .navbar-toggle {
	border-color: #fff;
}
#wrapper .navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

#wrapper .navbar-collapse{
	border-top: 0;
}

#wrapper a.dropdown-toggle{
	color: #fff;
}
#wrapper .sidebar ul li a.active {
	background-color: #2e323d;
	border-left: 3px solid #f34640 !important;
}

#wrapper .sidebar .nav>li>a:focus, #wrapper .sidebar .nav>li>a:hover {
	background-color: #2e323d;
}

#wrapper .navbar-right>li>a:focus, #wrapper .navbar-right>li>a:hover {
	background-color: #448846;
}

#wrapper .sidebar .nav-second-level li a {
	padding-left: 37px;
}

@media(min-width:768px) {
	#wrapper .sidebar {
		margin-top: 50px;
	}
}



/*login page*/
.omb_login .omb_authTitle {
	text-align: center;
	line-height: 300%;
}

.omb_login .omb_socialButtons a {
	color: white;
	opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
	color: white;
	opacity:1;
}
.omb_login .omb_socialButtons .omb_btn-qq {background: #3b5998;}
.omb_login .omb_socialButtons .omb_btn-weibo {background: #00aced;}
.omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;}

.omb_login .omb_loginOr {
	position: relative;
	font-size: 1.5em;
	color: #aaa;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
	display: block;
	position: absolute;
	left: 43%;
	top: -0.6em;
	margin-left: -1.5em;
	background-color: white;
	width: 6em;
	text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
	width: 2em;
}
.omb_login .omb_loginForm  .help-block {
	color: #888;
}

@media (min-width: 768px) {
	.omb_row-sm-offset-3 div:first-child[class*="col-"] {
		margin-left: 25%;
	}
	.omb_login .omb_forgotPwd {
		text-align: right;
		margin-top:10px;
	}
}

/*profile*/
.profile-user-info {
	display: table;
	/*width: 98%;*/
	width: calc(100% - 24px);
	margin: 0 auto;
}

.profile-picture {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 4px;
	display: inline-block;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.profile-info-row {
	display: table-row;
}

.profile-info-row:first-child .profile-info-name {
	border-top: none;
}

.profile-info-name {
	text-align: right;
	padding: 6px 10px 6px 4px;
	font-weight: normal;
	color: #667E99;
	background-color: transparent;
	border-top: 1px dotted #D5E4F1;
	display: table-cell;
	width: 110px;
	vertical-align: middle;
}


.profile-info-row:first-child .profile-info-value {
	border-top: none;
}

.profile-info-value {
	display: table-cell;
	padding: 6px 4px 6px 6px;
	border-top: 1px dotted #D5E4F1;
}


/*validate*/
input:focus.error,input.error{border-color: #cc0000;}

/* pay */
.pay{ padding:35px 20px 24px; }
.pay label{ width:150px; text-align: right; font-size:16px; float: left; line-height: 50px; }
.pay input{ width:100px; height:50px; border:1px solid #ccc; text-align:center; }
.pay .section{ height:70px; }
.pay .section .mr-10{ margin-left:10px; color:#c2c2c2; }
.pay .moneylist li{ float: left; width:100px; height:50px; line-height: 50px; border:1px solid #ccc; text-align: center; margin-right: 15px; color:#999; cursor:pointer; list-style: none; }
.pay .moneylist li.active{ border-color:#ff781e; color:#ed8b20; }
.pay .section .imgs li{ width: 150px; height: 50px; padding:10px; border:1px solid #ccc; float: left; margin-right:20px; text-align:center; cursor:pointer; list-style: none;  }
.pay .section .imgs li.active{ border-color:#ed8b20; }
.pay .paybtn{ margin-left: 150px; width: 200px; height:50px; background: #ff781e; color:#fff; float: none; border:none; border-radius:2px; font-size:18px;  margin-bottom: 20px;  }
.pay .tips{ border-top:1px solid #ccc; }
.pay .tips h1{ font-size:18px; color:#ee872b; margin:20px 0 10px; }
.pay .tips p{ line-height:26px; font-size:14px; }