/*
 *  Document   : main.css
 *  Author     : pixelcave
 */
body.login {
	padding: 80px 0 0;
	background-color: #f9f9f9;
	background-image: url(../img/template/login_bg.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 6px 1px
}
#login-container {
	width: 270px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
	border: 5px solid #ddd;
	background-color: #fff
}
#login-btn-facebook, #login-btn-twitter {
	width: 130px;
	padding: 6px 0
}
#login-btn-facebook {
	margin: 0 6px 5px 0
}
#login-btn-twitter {
	margin: 0 0 5px
}
#login-btn-email {
	margin: 0;
	padding: 4px 0;
	width: 270px
}
#login-form {
	margin: 0;
	padding-top: 10px;
	display: none
}
#login-form input[type=text], #login-form input[type=password] {
	width: 229px
}
body {
	background-color: #f9f9f9;
	color: #000000;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}
#page-container {
	width: 100%;
	min-width: 320px;
	max-width: 1920px
}
#inner-container {
	background-color: #ddd
}
#page-sidebar {
	width: 200px;
	position: absolute;
	border-right: 1px solid #ccc
}
#page-content {
	/*margin: 0 0 0 200px;*/
	padding: 20px;
	/*background-color: #fff;*/
	border-left: 1px solid #ccc;
	min-height: 1200px;
	background-image:url(../images/LogoBanner2.png);
}
footer {
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	height: 30px;
	padding: 0 20px;
	background-color: #f6f6f6;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	/*margin: 0 0 0 200px;*/
	color: #555
}
.widget {
	padding: 0
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.widget ul li {
	padding: 0 5px
}
.widget>li {
	width: 250px;
	padding: 3px 5px;
	font-size: 12px
}
.widget.widget-fluid>li {
	width: auto;
	min-width: 180px;
	max-width: 250px
}
.widget>li:first-child {
	margin: 3px 0 0
}
.widget li.new-on {
	background-color: #f9f9f9
}
.widget li.li-hover:hover {
	background-color: #f9f9f9
}
.widget li.widget-heading {
	padding-top: 7px;
	padding-bottom: 6px;
	color: #555;
	font-size: 13px;
	font-weight: 700;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #e5e5e5
}
.widget>li.widget-heading>a>[class^=icon-], .widget>li.widget-heading>a >[class*=" icon-"], .widget>li.widget-heading>[class^=icon-], .widget>li.widget-heading>[class*=" icon-"] {
	font-size: 18px;
	font-weight: 400;
	vertical-align: bottom
}
.widget>li.widget-heading>a:hover {
	color: #999;
	text-decoration: none
}
.widget li.label {
	padding: 5px;
	width: auto;
	display: block
}
.widget li.divider {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 0
}
.widget a.widget-link {
	display: inline-block;
	margin: 0!important;
	padding: 0!important;
	white-space: normal;
	color: inherit;
	font-weight: 700
}
.widget a.widget-link:hover {
	text-decoration: underline;
	background: none!important;
	color: inherit
}
.widget a.widget-link:hover [class^=icon-], .widget a.widget-link:hover [class*=" icon-"] {
	text-decoration: none
}
.widget .media {
	margin: 0;
	line-height: 15px;
	padding: 0;
	background: 0
}
.widget .media-heading {
	margin: 0
}
.widget .media-heading .label {
	font-size: 10px;
	float: right
}
#loading {
	padding: 10px;
	font-size: 20px
}
#loading i {
	color: #fff
}
#sidebar-search {
	margin: 0;
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #eee;
	background-color: #eee
}
#sidebar-search input[type=text] {
	padding: 0 10px;
	height: 30px;
	line-height: normal;
	width: 157px;
	border: 0;
	background-color: #eee;
	font-style: italic;
	font-size: 12px
}
.lt-ie9 #sidebar-search input[type=text] {
	line-height: 30px
}
#sidebar-search button {
	border: 0;
	background-color: #eee;
	margin: 5px 0 0;
	padding: 0;
	color: #999
}
#sidebar-search button:hover {
	color: #fff
}
#primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 15px 0
}
#primary-nav li a {
	display: block;
	margin: 3px 0 0;
	background-color: #e9e9e9;
	color: #999;
	padding: 9px 10px 6px 40px
}
#primary-nav li a:hover {
	color: #777;
	background-color: #f6f6f6;
	text-decoration: none
}
#primary-nav li a.active {
	padding-left: 35px;
	color: #333;
	background-color: #fff;
	border-left: 5px solid #db4a39
}
#primary-nav li i {
	margin: 0 10px 0 -30px;
	width: 20px;
	text-align: center;
	display: inline-block;
	color: #999
}
#primary-nav li a:hover i, #primary-nav li a.active i {
	color: #555
}
#primary-nav li span {
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
#primary-nav li.active>ul {
	display: block
}
#primary-nav li>ul {
	padding: 0;
	margin: 0;
	display: none
}
#primary-nav li>ul a {
	margin: 0;
	background: #eee;
	font-size: 13px
}
#primary-nav li>ul i {
	opacity: .4;
	font-size: 14px;
	filter: alpha(opacity=40)
}
#primary-nav li>ul a.active i, #primary-nav li>ul a:hover i {
	opacity: 1;
	filter: alpha(opacity=100)
}
#primary-nav li>ul a.active {
	margin: 0
}
#nav-info {
	list-style: none;
	margin: -20px -20px 5px;
	padding: 0;
	border-bottom: 1px solid #ddd;
	background-color: #f6f6f6
}
#nav-info>li:first-child {
	background: 0;
	padding: 0 15px
}
#nav-info>li {
	float: left;
	padding: 0 15px 0 20px;
	height: 30px;
	line-height: 33px;
	color: #999;
	font-size: 12px;
	background-image: url(../img/template/nav_info_seperator.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 5px 30px
}
#nav-info>li>a {
	color: #555
}
#nav-info>li.active {
	color: #555
}
#nav-info>li.active a {
	color: #db4a39
}
.nav-dash {
	list-style: none;
	margin: 0 -20px 20px;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #f9f9f9
}
.nav-dash>li {
	display: inline-block;
	margin: 0 3px
}
.nav-dash>li>a {
	position: relative;
	font-size: 32px;
	line-height: 32px;
	color: #777;
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	width: 45px;
	height: 45px;
	padding: 27px 20px 13px;
	text-align: center;
	margin: 0 0 5px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px
}
.nav-dash>li>a:hover, .nav-dash>li.active>a {
	color: #fff;
	background-color: #db4a39;
	border: 1px solid #db4a39;
	text-decoration: none
}
.nav-dash>li>a>.badge, .nav-dash>li>a>.label {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0 0 3px;
	padding: 3px 7px
}
.sub-header {
	margin: 10px -20px 20px;
	padding: 10px 20px;
	border-bottom: 2px solid #ccc
}
.grid-box, .grid-boxes>div {
	background-color: #ddd;
	padding: 5px;
	margin: 0 0 20px;
	text-align: left;
	font-size: 12px
}
.dash-tile {
	min-height: 190px;
	background-color: #e9e9e9;
	margin: 0 0 20px;
	padding: 0 20px
}
.dash-tile-2x {
	/*min-height: 400px*/
}
.dash-tile-header {
	margin: 0 -20px;
	padding: 0 4px 0 10px;
	min-height: 38px;
	line-height: 45px;
	font-weight: 700;
	border-bottom: 2px solid #ddd;
	background-color: #eee
}
.dash-tile-options {
	float: right;
	height: 38px;
	line-height: 41px
}
.dash-tile-options a:hover {
	text-decoration: none;
	color: #333
}
.dash-tile-content {
	margin: 0 -20px;
	padding: 10px
}
.dash-tile-2x .dash-tile-content {
	padding: 10px
}
.dash-tile-content-inner {
	height: 130px
}
.dash-tile-2x .dash-tile-content-inner {
	height: 230px
}
.dash-tile-content-inner-fluid {
	min-height: 130px
}
.dash-tile-2x .dash-tile-content-inner-fluid {
min-height: 200px
}
.dash-tile-content-light {
	background-color: #f9f9f9;
	padding: 10px
}
.dash-tile-content .alert {
	margin: 5px 0
}
.dash-tile-icon, .dash-tile-text {
	line-height: normal;
	color: #fff
}
.dash-tile-icon {
	float: left;
	padding: 40px 0 0;
	font-size: 48px;
	text-align: left
}
.dash-tile-text {
	float: right;
	padding: 48px 0 0;
	font-size: 36px;
	text-align: right
}
.dash-tile-leaf .dash-tile-header, .dash-tile-dark .dash-tile-header, .dash-tile-ocean .dash-tile-header, .dash-tile-flower .dash-tile-header, .dash-tile-fruit .dash-tile-header, .dash-tile-oil .dash-tile-header, .dash-tile-balloon .dash-tile-header, .dash-tile-doll .dash-tile-header {
	border-bottom: 2px solid #f9f9f9;
	background-color: #375cb1;
	opacity: 2.45;
	filter: alpha(opacity=45)
}
.dash-tile-leaf.no-opacity .dash-tile-header, .dash-tile-dark.no-opacity .dash-tile-header, .dash-tile-ocean.no-opacity .dash-tile-header, .dash-tile-flower.no-opacity .dash-tile-header, .dash-tile-fruit.no-opacity .dash-tile-header, .dash-tile-oil.no-opacity .dash-tile-header, .dash-tile-balloon.no-opacity .dash-tile-header, .dash-tile-doll.no-opacity .dash-tile-header {
	opacity: 1;
	filter: alpha(opacity=100)
}
.dash-tile-leaf:hover, .dash-tile-dark:hover, .dash-tile-ocean:hover, .dash-tile-flower:hover, .dash-tile-fruit:hover, .dash-tile-oil:hover, .dash-tile-balloon:hover, .dash-tile-doll:hover {
	opacity: .9;
	filter: alpha(opacity=90)
}
.dash-tile-leaf.no-opacity:hover, .dash-tile-dark.no-opacity:hover, .dash-tile-ocean.no-opacity:hover, .dash-tile-flower.no-opacity:hover, .dash-tile-fruit.no-opacity:hover, .dash-tile-oil.no-opacity:hover, .dash-tile-balloon.no-opacity:hover, .dash-tile-doll.no-opacity:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.dash-tile-leaf {
	background-color: #c2db39
}
.dash-tile-dark {
	background-color: #FFF
}
.dash-tile-ocean {
	background-color: #3991db
}
.dash-tile-flower {
	background-color: #9139db
}
.dash-tile-fruit {
	background-color: #db9839
}
.dash-tile-oil {
	background-color: #d9db39
}
.dash-tile-balloon {
	background-color: #db6739
}
.dash-tile-doll {
	background-color: #db39bb
}
.content-text img.pull-left {
	margin: 0 20px 10px 0
}
.content-text img.pull-right {
	margin: 0 0 10px 20px
}
#to-top {
	font-size: 20px;
	padding: 10px;
	position: fixed;
	bottom: 5px;
	left: 5px;
	color: #555;
	display: none;
	opacity: .75;
	background-color: #fff;
	filter: alpha(opacity=75);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}
#to-top:hover {
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100)
}
.chart {
	height: 300px;
	margin: 20px
}
.chart-live {
	height: 540px;
	margin: -20px
}
.chart-tooltip {
	position: absolute;
	display: none;
	color: #fff;
	background-color: #333;
	padding: 2px 5px
}
.chart-pie-label {
	font-size: 10px;
	text-align: center;
	padding: 2px 5px;
	color: #fff
}
#error-tabs {
	width: 320px;
	margin: 0 auto 20px
}
#error-tabs li {
	font-size: 15px
}
.error-container {
	padding: 20px;
	text-align: center;
	border: 10px solid #eee;
	background: #f9f9f9
}
.error-code {
	font-size: 120px;
	line-height: 120px;
	color: #db4a39;
	margin-bottom: 30px
}
.error-text {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 30px
}
.error-search, .error-search div, .error-search input {
	margin: 0
}
#fc-external-events {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 5px 10px;
	margin-bottom: 20px
}
.fc-external-event {
	background-color: #db4a39;
	padding: 2px;
	color: #fff;
	margin-bottom: 5px;
	cursor: move;
	border: 1px dashed #333
}
.wizard-steps>div {
	padding: 20px 2px;
	font-size: 18px;
	color: #ddd
}
.wizard-steps>div.active {
	color: #db4a39;
	font-weight: 700
}
.gmap-con img {
	max-width: none!important
}
.price-tables {
	text-align: center
}
.plan {
	width: 260px;
	margin: 10px 0;
	padding: 0 0 20px;
	background-color: #eee;
	display: inline-block;
	opacity: .85;
	filter: alpha(opacity=85)
}
.plan:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.plan-header {
	color: #fff;
	background: #555;
	padding: 15px 10px;
	margin: 0
}
.plan ul {
	list-style-type: none;
	font-size: 16px;
	padding: 0 10px;
	margin: 20px 0 20px 30px;
	text-align: left
}
.plan ul li {
	margin: 0 0 5px
}
.plan h1 {
	font-size: 90px;
	margin: 20px 0;
	padding: 15px 20px;
	line-height: normal;
	background-color: #f9f9f9
}
.plan h1 sup {
	font-size: 45px
}
.plan h1 small {
	display: block;
	font-size: 16px
}
.plan-featured {
	border: 20px solid #333;
	background-color: #fff
}
.plan-featured .plan-header {
	background-color: #db4a39
}
.plan-featured h1 {
	background-color: #fff;
	color: #db4a39
}
.iconset-list {
	list-style: none;
	margin: 0;
	padding: 0
}
.iconset-list li {
	padding: 5px;
	margin: 0 10px 10px 0;
	float: left;
	width: 200px;
	text-align: center
}
.iconset-list i {
	line-height: normal;
	margin: 10px 0;
	font-size: 32px;
	color: #999
}
.iconset-list code {
	display: block;
	margin: 5px
}
.iconset-list-dark li {
	background: #777;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.inbox-menu {
	float: left;
	width: 180px;
	background-color: #f9f9f9;
	padding: 10px 0
}
.inbox-menu i {
	display: inline-block;
	width: 15px;
	margin-right: 5px
}
.inbox-menu a {
	padding-top: 14px!important;
	padding-bottom: 12px!important;
	color: #555
}
.inbox-menu a:hover {
	color: #555
}
.inbox-menu-count {
	float: right;
	font-weight: 700
}
.inbox-menu-count i {
	margin: 0;
	width: auto
}
.inbox-messages-outer {
	margin-left: 200px
}
.inbox-messages {
	background-color: #e9e9e9;
	width: 100%;
	display: table
}
.inbox-messages-list {
	width: 250px;
	display: table-cell;
	vertical-align: top
}
.inbox-messages-list>input {
	width: 236px;
	margin: 0;
	padding: 8px 5px;
	border: 2px solid #e5e5e5;
	border-right-color: #fff;
	border-bottom-color: #fff
}
.inbox-messages-list .nav {
	margin-bottom: 0
}
.inbox-messages-list a {
	margin: 2px 0!important;
	padding: 12px 10px!important;
	color: #555;
	border-left: 3px solid #ddd
}
.inbox-messages-list a.unread {
	border-color: #468847
}
.inbox-messages-list a:hover {
	color: #555
}
.inbox-messages-list li.active a {
	border: 0
}
.inbox-messages-list-username, .inbox-messages-list-meta {
	font-weight: 700;
	font-size: 12px;
	font-style: italic
}
.inbox-messages-list-meta {
	float: right;
	font-weight: 400;
	margin: -1px
}
.inbox-messages-list-title {
	font-weight: 700;
	padding: 8px 0 0;
	display: inline-block
}
.inbox-messages-list-preview {
	padding: 3px 0 0;
	line-height: 1.6;
	display: inline-block
}
.inbox-messages-container {
	background-color: #f5f5f5;
	display: table-cell;
	vertical-align: top;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 3px solid #db4a39
}
.inbox-messages-content-actions {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
	background: #eee
}
.inbox-messages-content-actions li {
	float: left
}
.inbox-messages-content-actions a {
	display: block;
	padding: 11px 10px;
	height: 28px;
	line-height: 28px
}
.inbox-messages-content-actions i {
	display: inline-block;
	width: 12px;
	margin-right: 5px
}
.inbox-messages-content-actions a:hover {
	text-decoration: none;
	background-color: #db4a39;
	color: #fff
}
.inbox-messages-content-header, .inbox-messages-content-body, .inbox-messages-content-reply {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.inbox-messages-content-body {
	background-color: #f9f9f9;
	color: #555
}
.inbox-messages-content-reply {
	border: 0
}
.chat-container {
	background: #333
}
.chat-people, .chat-messages {
	height: 600px;
	overflow-y: scroll
}
.chat-people {
	padding: 5px 10px;
	margin: 0;
	width: 250px;
	float: right
}
.chat-people ul {
	margin: -10px;
	padding: 0;
	list-style: none
}
.chat-people img {
	margin-right: 10px;
	float: left
}
.chat-people a {
	min-height: 74px;
	display: block;
	color: #fff;
	padding: 5px 10px 5px 15px;
	margin: 0 0 2px;
	font-weight: 700
}
.chat-people a.chat-online {
	border-left: 5px solid #468847
}
.chat-people a.chat-away {
	border-left: 5px solid #c09853
}
.chat-people a.chat-offline {
	border-left: 5px solid #b94a48
}
.chat-people a:hover, .chat-people li.active a {
	background: #ccc;
	text-decoration: none;
	color: #000
}
.chat-people li.active a {
	border-width: 13px;
	padding-left: 7px
}
.chat-name, .chat-info {
	display: inline-block
}
.chat-name {
	margin: 15px 0 0
}
.chat-info {
	padding: 5px 0 0;
	color: #777;
	font-style: italic
}
.chat-messages {
	padding: 0;
	margin: 0;
	border: 5px solid #ccc;
	background-color: #fff
}
.chat-messages ul {
	list-style: none;
	padding: 5px 10px;
	margin: 0
}
.chat-messages li {
	margin: 5px 0;
	padding: 10px 10px 20px;
	background-color: #f1f1f1;
	min-height: 55px;
	position: relative
}
.chat-messages li img {
	width: 52px;
	height: 52px;
	border: 3px solid #fff;
	position: absolute;
	top: 3px
}
.chat-messages .chat-msg-left {
	text-align: left;
	margin-right: 15%;
	padding-left: 72px;
	background-color: #db4a39;
	color: #fff
}
.chat-messages .chat-msg-left img {
	left: 3px
}
.chat-messages .chat-msg-left .chat-msg-time {
	position: absolute;
	bottom: 3px;
	left: 3px
}
.chat-messages .chat-msg-right {
	text-align: right;
	margin-left: 15%;
	padding-right: 72px
}
.chat-messages .chat-msg-right img {
	right: 3px
}
.chat-messages .chat-msg-right .chat-msg-time {
	position: absolute;
	bottom: 3px;
	right: 3px
}
.chat-input {
	background-color: #db4a39;
	padding: 5px;
	height: 40px
}
.chat-input img {
	width: 40px;
	height: 40px;
	float: left
}
.chat-input-inner {
	margin-left: 45px
}
.chat-input input {
	width: 100%;
	padding: 10px;
	height: 40px;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: .6;
	filter: alpha(opacity=60)
}
.chat-input input:hover {
	opacity: .8;
	filter: alpha(opacity=80)
}
.chat-input input:focus {
	opacity: 1;
	filter: alpha(opacity=100)
}
.landing-container {
	padding-top: 40px
}
.landing-container .navbar-inner {
	position: relative
}
.landing-container header .nav-left {
	position: absolute;
	top: 0;
	left: 0
}
.landing-container .brand {
	float: none;
	display: inline-block
}
.landing-section-outer {
	background-color: #eee;
	color: #444
}
.landing-section-outer.grey {
	background-color: #ddd;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.landing-section-outer.dark {
	background-color: #444;
	color: #aaa;
	border-top: 1px solid #222;
	border-bottom: 0
}
.landing-section {
	margin: 0 auto;
	width: 100%;
	min-width: 320px;
	max-width: 1140px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.landing-section h4 {
	margin: 0 0 20px;
	padding-top: 10px
}
.landing-section p {
	margin: 0 0 15px
}
.landing-section-outer.dark a {
	color: #fff
}
.table.forum th, .table.forum td {
	vertical-align: middle;
	background-color: #fcfcfc
}
.table.forum th {
	background-color: #f0f0f0;
	padding: 5px 8px 3px
}
.table.forum .cell-stat {
	width: 80px
}
.table.forum .cell-stat-2x {
	width: 160px
}
.table.forum td.forum-post {
	padding: 20px
}
.table.forum td.forum-post p {
	margin-bottom: 20px
}
.table.forum .forum-sign {
	margin: 0 -20px -20px;
	padding: 8px 20px;
	border-top: 1px dashed #ddd
}
.table.forum .forum-avatar {
	vertical-align: top;
	padding: 20px;
	width: 20%
}
.table.forum-cat h5 {
	margin: 0
}
.table.forum-cat .sticky td {
	background-color: #f5f5f5
}
.table.forum-cat td.sticky {
	background-color: #eee
}
a.btn-theme-options {
	color: #999;
	font-size: 14px;
	margin: 0;
	display: block;
	padding-top: 9px;
	padding-bottom: 6px;
	text-align: left;
	border: 0;
	background: #f1f1f1
}
a.btn-theme-options i {
	margin: 0 6px 0 -1px;
	width: 20px;
	text-align: center;
	display: inline-block;
	color: #999
}
a.btn-theme-options:hover {
	color: #db4a39;
	background: #e9e9e9
}
a.btn-theme-options.open {
	background: #eee
}
#theme-options-content {
	margin: 0;
	padding: 10px 15px;
	background-color: #e9e9e9;
	display: none
}
.theme-colors {
	list-style: none;
	padding: 0;
	margin: 0
}
.theme-colors li {
	float: left;
	margin: 0 4px 10px
}
.theme-colors li a {
	display: block;
	width: 22px;
	height: 22px;
	border-width: 2px;
	border-style: solid
}
.theme-colors li.active a {
	border-color: #000!important
}
[class^=loader-], [class*=" loader-"] {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 1px;
*margin-right:.3em;
	line-height: 16px;
	vertical-align: text-top;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 16px 16px
}
.loader-01 {
	background-image: url(../img/loading.gifs/loading01.gif)
}
.loader-02 {
	background-image: url(../img/loading.gifs/loading02.gif)
}
.loader-03 {
	background-image: url(../img/loading.gifs/loading03.gif)
}
.loader-04 {
	background-image: url(../img/loading.gifs/loading04.gif)
}
.loader-05 {
	background-image: url(../img/loading.gifs/loading05.gif)
}
.loader-06 {
	background-image: url(../img/loading.gifs/loading06.gif)
}
.loader-07 {
	background-image: url(../img/loading.gifs/loading07.gif)
}
.loader-08 {
	background-image: url(../img/loading.gifs/loading08.gif)
}
.loader-09 {
	background-image: url(../img/loading.gifs/loading09.gif)
}
.loader-10 {
	background-image: url(../img/loading.gifs/loading10.gif)
}
.loader-11 {
	background-image: url(../img/loading.gifs/loading11.gif)
}
.loader-12 {
	background-image: url(../img/loading.gifs/loading12.gif)
}
.page-header {
	margin: 20px -20px;
	padding: 10px 20px 9px;
	background-color: #f3f3f3;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}
.page-header-top {
	margin: -20px -20px 20px;
	border-top: 0
}
.page-header-sub {
	border-bottom: 1px solid #ddd
}
.well {
	background-color: #f9f9f9
}
.navbar a>.badge {
	margin: 0 0 0 3px;
	padding: 2px 5px
}
.text-black {
	color: #000
}
.text-left {
	text-align: left!important
}
.text-right {
	text-align: right!important
}
.text-center {
	text-align: center!important
}
.dropdown-user img {
	margin: 32px 5px 5px 0
}
.dropdown-menu {
	margin: -1px 0 0;
	z-index: 1051;
	min-width: 100px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2)
}
.dropdown-menu i {
	display: inline-block;
	width: 20px;
	text-align: center
}
.dropdown-menu .divider {
	margin: 5px 0
}
.dropdown-menu>li>a {
	padding: 3px 10px
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background: #db4a39;
	filter: none
}
.dropdown-submenu>a:after {
	margin-right: 0
}
header.navbar {
	margin: 0
}
header>.navbar-inner>.container-fluid {
	padding: 0
}
.navbar .navbar-inner, .navbar-inverse .navbar-inner {
	border: 0;
	padding: 0
}
.navbar .navbar-inner {
	background: #e6e6e6;
	filter: none
}
.navbar-inverse .navbar-inner {
	background: #FFFFFF;
	filter: none;
	border-bottom: solid 2px #e5790d
}
.navbar .brand, .navbar-inverse .brand {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0
}
header.navbar .brand, header.navbar-inverse .brand {
	padding-top: 8px;
	padding-bottom: 7px;
	margin: 0
}
.navbar .divider-vertical {
	border-right-color: #ccc;
	border-left-color: #eee
}
.navbar-inverse .divider-vertical {
	border-right-color: #e5790d;
	border-left-color: #e5790d
}
.navbar-fixed-bottom .dropdown .dropdown-menu {
	margin-bottom: -1px
}
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
	background-color: #304c90
}
.pagination ul>.active>a, .pagination ul>.active>a:hover, .pagination ul>.active>span {
	color: #fff;
	background-color: #304c90;
	border: 1px solid #304c90
}
.pagination-large ul>li>a, .pagination-large ul>li>span {
	padding: 7px 15px
}
.tab-content {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 12px;
	margin: -20px 0 0;
	background: #fff;
	opacity:0.95;
}
.tab-content-default {
	border: 0;
	padding: 0;
	margin: 0
}
.tabs-left .tab-content, .tabs-right .tab-content {
	border: 0;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0
}
.media {
	padding: 10px;
	background: #f9f9f9
}
.media-hover:hover {
	background: #f1f1f1
}
.modal-header {
	padding-bottom: 0;
	background: #f6f6f6
}
.modal-footer {
	padding: 10px
}
.carousel {
	border: 5px solid #ccc
}
.carousel-indicators {
	left: 15px
}
.carousel-indicators li {
	cursor: pointer;
	background-color: #999
}
.thumbnails>li {
	position: relative
}
.thumbnails-options {
	right: 0;
	position: absolute;
	display: none
}
a.thumbnail {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
a.thumbnail:hover, a.thumbnail:focus {
	border-color: #db4a39;
	-webkit-box-shadow: 0 1px 3px rgba(219,74,57,.25);
	-moz-box-shadow: 0 1px 3px rgba(219,74,57,.25);
	box-shadow: 0 1px 3px rgba(219,74,57,.25)
}
.thumbnails-borderless a.thumbnail, .thumbnails-borderless a.thumbnail:hover, .thumbnails-borderless a.thumbnail:focus, a.thumbnail-borderless:hover, a.thumbnail-borderless:focus, a.thumbnail-borderless {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.thumbnails-borderless .thumbnail, .thumbnails .thumbnail-borderless {
	border: 0;
	padding: 5px
}
.tooltip {
	font-size: 12px;
	z-index: 1052
}
.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100)
}
.tooltip-inner {
	padding: 6px;
	background-color: #333
}
.tooltip.top .tooltip-arrow {
	border-top-color: #333
}
.tooltip.right .tooltip-arrow {
	border-right-color: #333
}
.tooltip.left .tooltip-arrow {
	border-left-color: #333
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #333
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
	border-color: #555;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
textarea {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.textarea-large {
	width: 95%
}
.uneditable-textarea {
	width: 206px
}
.uneditable-input {
	background-color: #f6f6f6
}
.form-box {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	background-color: #f9f9f9;
	opacity:0.82;
}
.form-box-header {
	margin: 0;
	padding: 20px;
	border-bottom: 2px solid #ddd;
	background-color: #f5f5f5;
	
}
.form-box-header-push {
	margin: 0 0 20px
}
.form-box-content {
	padding: 0 00px
}
.form-box .control-group {
	margin: 0 0px;
	padding: 5px 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee
}
.form-box .form-actions {
	/*padding-left: 200px;*/
	margin: -1px 10px 0;
	padding-left: 5px;
	border-top: 2px solid #ddd
}
.form-box .help-inline, .form-box .help-block {
	color: #999
}
.form-box .help-block {
	margin: 7px 0 3px
}
.table-borderless th, .table-borderless td {
	border-top: 0
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
	background-color: #eee
}
.editable-td {
	cursor: pointer
}
.dataTables_wrapper>div {
	background-color: #f9f9f9;
	padding: 8px 0 3px;
	width: auto;
	border: 1px solid #ddd
}
.dataTables_length label {
	float: left;
	text-align: left
}
.dataTables_length select {
	width: 55px;
	margin: 0 0 0 10px
}
.dataTables_filter label {
	float: right;
	margin: 0 10px 0 0
}
.dataTables_info {
	padding-top: 5px;
	margin: 0 0 0 10px
}
.dataTables_paginate {
	float: right;
	margin: 0 10px 0 0
}
table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled {
	cursor: pointer;
*cursor:hand
}
.table thead .sorting, .table thead .sorting_asc, .table thead .sorting_desc, .table thead .sorting_asc_disabled, .table thead .sorting_desc_disabled {
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 19px 19px
}
.table thead .sorting {
	background-image: url(../img/jquery.datatables/sort_both.png)
}
.table thead .sorting_asc {
	background-image: url(../img/jquery.datatables/sort_asc.png)
}
.table thead .sorting_desc {
	background-image: url(../img/jquery.datatables/sort_desc.png)
}
.table thead .sorting_asc_disabled {
	background-image: url(../img/jquery.datatables/sort_asc_disabled.png)
}
.table thead .sorting_desc_disabled {
	background-image: url(../img/jquery.datatables/sort_desc_disabled.png)
}
.dataTable {
	clear: both;
	margin-bottom: 0!important;
	max-width: none!important
}
.dataTable th:active {
	outline: 0
}
.dataTables_scrollHead table {
	margin-bottom: 0!important
}
.dataTables_scrollBody table {
	border-top: 0;
	margin-bottom: 0!important
}
.dataTables_scrollBody tbody tr:first-child th, .dataTables_scrollBody tbody tr:first-child td {
	border-top: 0
}
.dataTables_scrollFoot table {
	border-top: 0
}
.btn, .btn-primary {
	filter: none;
	text-shadow: none
}
.btn {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	background-color: #ddd
}
.btn-primary {
	background: #006dcc
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: #04c
}
.btn-success {
	background: #032678;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background: #28156F
}
.btn-danger {
	background: #304c90
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background: #bd362f
}
.btn-warning {
	background: #faa732
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	background: #f89406
}
.btn-info {
	background: #49afcd
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background: #2f96b4
}
.btn-inverse {
	background: #363636
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background: #222
}
.btn-link {
	background: transparent
}
.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .btn-link.disabled, .btn-link[disabled] {
	background: transparent
}
.label, .badge {
	text-indent: 0
}
.progress-mini {
	height: 10px;
	margin: 5px 0
}
a {
	
	color:#ffffff;
}
a:hover, a:active, a:focus {
	color: #ffffff
}
.pager li>a, .pager li>span, .nav-tabs>li>a, .nav-pills>li>a, .accordion-group, .label, .well, .alert, .modal, .progress, .popover, .thumbnail, .dropdown-menu, .table-bordered, .table-bordered th, .table-bordered td, .add-on, .btn, .tooltip-inner, select, 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], .uneditable-input, .pagination ul>li:first-child>a, .pagination ul>li:first-child>span, .pagination ul>li:last-child>a, .pagination ul>li:last-child>span, .popover-title {
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important
}
.push {
	margin-bottom: 20px!important
}
.lt-ie9 .hidden-lt-ie9 {
	display: none
}
.display-none {
	display: none
}
.remove-margin {
	margin: 0!important
}
.remove-padding {
	padding: 0!important
}
.remove-radius {
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important
}
.remove-box-shadow {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important
}
.remove-transition {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}

@media (min-width:1200px) {
.fixed #page-container {
	margin: 0 auto!important;
	width: 1140px!important
}
.fixed #inner-container {
	border-left: 1px solid #ccc!important;
	border-right: 1px solid #ccc!important
}
}

@media (max-width:979px) {
#page-container, .landing-container {
	padding: 0!important
}
#page-sidebar {
	width: 100%;
	background: #ddd;
	border: 0;
	z-index: 1050;
	position: relative
}
.navbar-fixed-bottom .dropdown .dropdown-menu {
	margin-top: 0;
	margin-bottom: 0;
	border-top-width: 0;
	border-bottom-width: 5px;
	top: 100%;
	bottom: auto
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
	border-top: 0;
	border-bottom: 6px solid #fff;
	bottom: auto;
	top: -6px
}
#sidebar-search .input-append {
	width: 100%
}
#sidebar-search input[type=text] {
	width: 80%;
	max-width: 800px;
	min-width: 250px
}
#sidebar-search button {
	float: right;
	margin-right: 10px
}
#page-content {
	margin: 0;
	border: 0
}
footer {
	margin: 0;
	border-left: 0
}
.nav-dash>li>a {
	font-size: 26px;
	width: 45px;
	height: 45px;
	padding: 20px 12px 5px
}
.dash-tile-text {
	font-size: 32px
}
}

@media (max-width:767px) {
body {
	padding: 0
}
body.login {
	padding: 20px 0
}
.modal-body {
	max-height: 150px
}
#login-container {
	width: 280px;
	padding: 20px 10px
}
#widgets .dropdown-toggle {
	padding-left: 8px;
	padding-right: 8px
}
#nav-info {
	margin: -10px -10px 10px
}
#page-content {
	padding: 10px
}
.page-header, .nav-dash, .sub-header {
	margin: 10px -10px
}
.nav-dash>li>a {
	font-size: 22px;
	width: 45px;
	height: 45px;
	padding: 14px 8px 1px
}
.page-header-top {
	margin: -10px -10px 10px
}
.chart-live {
	height: 300px;
	margin: -10px
}
.fc-header-title h2 {
	font-size: 1.1em
}
.tabs-left .tab-content, .tabs-right .tab-content {
	padding: 0
}
.tabs-left>.nav-tabs, .tabs-right>.nav-tabs {
	border: 0
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
	border: 1px solid #fff;
	margin-right: 0
}
.tabs-left>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:hover {
	border: 1px solid #fff
}
.tabs-left>.nav-tabs>.active>a, .tabs-right>.nav-tabs>.active>a, .tabs-left>.nav-tabs>.active>a:hover, .tabs-right>.nav-tabs>.active>a:hover {
	border: 1px solid #ddd
}
.inbox-menu {
	float: none;
	width: auto;
	margin-bottom: 10px
}
.inbox-menu .nav {
	margin-bottom: 10px
}
.inbox-messages-outer {
	margin-left: 0
}
.inbox-messages-list {
	width: 180px
}
.inbox-messages-list>input {
	width: 166px
}
.chat-people {
	width: 160px
}
.chat-messages .chat-msg-left {
	margin-right: 0
}
.chat-messages .chat-msg-right {
	margin-left: 0
}
.chat-people img {
	display: none
}
}

@media (max-width:480px) {
#widgets {
	background-color: #565656;
	width: 100%
}
#widgets>li:last-child {
	float: right
}
#widgets .widget>li {
	width: 190px
}
#widgets>li.divider-vertical {
	display: none
}
.dropdown-left-responsive .dropdown-menu {
	left: 0!important;
	right: auto!important
}
.dropdown-center-responsive .dropdown-menu {
	left: -80px!important;
	right: auto!important
}
.dropdown-menu:before, .dropdown-menu:after {
	display: none!important
}
#twitter-widget .media .pull-left, #messages-widget .media .pull-left {
	float: left
}
.nav-dash>li {
	margin: 0 5px
}
.form-box .form-actions {
	padding-left: 5px
}
.form-box .input-prepend, .form-box .input-append, .form-box .input-switch {
	margin-top: 2px
}
.help-inline {
	padding-top: 5px;
	display: block!important
}
.fc-header td {
	display: block
}
.fc-header-right {
	padding-left: 10px
}
.inbox-messages-list {
	width: auto;
	border-bottom: 10px solid #fff
}
.inbox-messages-list>input {
	width: auto
}
.inbox-messages-list, .inbox-messages-container {
	display: block
}
.chat-people {
	width: auto;
	float: none;
	height: 250px
}
.chat-messages {
	margin: 0;
	height: 300px
}
}

@media only screen and (-Webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
body.login {
	background-image: url(../img/template/login_bg@2x.png)
}
#nav-info>li {
	background-image: url(../img/template/nav_info_seperator@2x.png)
}
.table thead .sorting {
	background-image: url(../img/jquery.datatables/sort_both@2x.png)
}
.table thead .sorting_asc {
	background-image: url(../img/jquery.datatables/sort_asc@2x.png)
}
.table thead .sorting_desc {
	background-image: url(../img/jquery.datatables/sort_desc@2x.png)
}
.table thead .sorting_asc_disabled {
	background-image: url(../img/jquery.datatables/sort_asc_disabled@2x.png)
}
.table thead .sorting_desc_disabled {
	background-image: url(../img/jquery.datatables/sort_desc_disabled@2x.png)
}
.loader-01 {
	background-image: url(../img/loading.gifs/loading01@2x.gif)
}
.loader-02 {
	background-image: url(../img/loading.gifs/loading02@2x.gif)
}
.loader-03 {
	background-image: url(../img/loading.gifs/loading03@2x.gif)
}
.loader-04 {
	background-image: url(../img/loading.gifs/loading04@2x.gif)
}
.loader-05 {
	background-image: url(../img/loading.gifs/loading05@2x.gif)
}
.loader-06 {
	background-image: url(../img/loading.gifs/loading06@2x.gif)
}
.loader-07 {
	background-image: url(../img/loading.gifs/loading07@2x.gif)
}
.loader-08 {
	background-image: url(../img/loading.gifs/loading08@2x.gif)
}
.loader-09 {
	background-image: url(../img/loading.gifs/loading09@2x.gif)
}
.loader-10 {
	background-image: url(../img/loading.gifs/loading10@2x.gif)
}
.loader-11 {
	background-image: url(../img/loading.gifs/loading11@2x.gif)
}
.loader-12 {
	background-image: url(../img/loading.gifs/loading12@2x.gif)
}
}
