* { outline:none !important; -moz-outline: none !important; }
html, body { height:100%;}
/* Main */

/*Bootstrap-overlay*/

body { overflow-x: hidden; margin-top: -10px; font-family:'Microsoft yahei'; font-size:14px; color:#666; }
a { color:#666; }
a:hover, a:focus { text-decoration: none; color:#28b779; }
.dropdown-menu .divider { margin:4px 0px; }
.dropdown-menu { min-width:180px; }
.dropdown-menu > li > a { padding:3px 10px; color:#666; font-size:12px; }
.dropdown-menu > li > a i { padding-right:3px; }
.userphoto img { width:19px; height:19px; }
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, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert { border-radius:0px; }
.btn, 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 { box-shadow:none; }
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary { background-image:none; }
.accordion-heading h5 { width:70%; }
.form-actions { padding-left:50px !important; 	position:fixed;
	bottom:-6px;
	left:0;
	width:100%;
	z-index:1887;
	_position: absolute;
	_top: expression(documentElement . scrollTop +   documentElement . clientHeight-this . offsetHeight);
	padding:10px 20px 10px;
	background:#f8f8f8;
	border-top:1px solid #d8d8d8 !important;
}
.form-actions{ border: none;  text-align: left; }
#footer { padding:10px; text-align:center; }
hr { border-top-color:#dadada; }
.carousel { margin-bottom:0px; }
.fl { float:left }
.fr { float:right }
.label-important, .badge-important { background:#f74d4d; }
/*Metro Background color class*/
.bg_lb { background:#27a9e3; }
.bg_db { background:#2295c9; }
.bg_lg { background:#28b779; }
.bg_dg { background:#28b779; }
.bg_ly { background:#ffb848; }
.bg_dy { background:#da9628; }
.bg_ls { background:#2255a4; }
.bg_lo { background:#da542e; }
.bg_lr { background:#f74d4d; }
.bg_lv { background:#603bbc; }
.bg_lh { background:#b6b3b3; }
/* Header */
#header { height: 77px; position: relative; width: 100%; z-index: -9; }
#header h1 { height: 50px; margin:0px !important;overflow: hidden; position: relative; width: 170px;padding: 12px 10px 15px 10px;background-color: #2E363F; text-align: center; line-height: 50px }
#header h1 a { display: block; }
/* Search input */
#search { position: absolute; z-index: 25; top: 6px; right:10px; }
#search input[type=text] { padding: 4px 10px 5px; border: 0; width: 100px; }
#search button { border: 0; margin-left:-3px; margin-top: -11px; padding: 5px 10px 4px; }
#search button i { opacity: 0.8; color:#fff; }
#search button:hover i, #search button:active i { opacity: 1; }
/* Top user navigation */
#user-nav { position: absolute; left: 190px; top:0px; z-index: 20; margin: 0; }
#user-nav > ul { margin: 0; padding: 0; list-style: none;}
#user-nav > ul > li { float: left; list-style-type: none; margin: 0; position: relative; padding: 0; border-left: 1px solid #0087b4; }
#user-nav > ul > li > a { padding:15px 10px; display: block; font-size: 13px; }
#user-nav > ul > li > a:hover, #user-nav > ul > li.open > a { color: #ffffff; background:#0087b4; }
#user-nav > ul > li > a > i, #sidebar li a i {  margin-top: 2px; }
#user-nav > ul > li > a:hover > i, #user-nav > ul > li.open > a > i { opacity: 1; }
#user-nav > ul > li > a > .label { vertical-align: middle; padding: 1px 4px 1px; margin: -2px 4px 0; display: inline-block; }
#user-nav > ul ul > li > a { text-align: left; }
#user-nav > ul ul > li > a:hover { }
/* Sidebar Navigation */
#sidebar { display: block; float: left; position: relative; width: 190px; z-index: 16; }
#sidebar > ul { list-style: none; margin: 0px 0 0; padding: 0; position: absolute; width: 190px; }
#sidebar > ul > li { display: block; position: relative; }
#sidebar > ul > li > a { padding: 10px 0 10px 15px; display: block; color: #939da8; }
#sidebar > ul > li > a > i { margin-right: 10px; }
#sidebar > ul > li.active > a { background: url("img/menu-active.png") no-repeat scroll right center transparent !important; text-decoration:none; }
#sidebar > ul > li > a > .label,#sidebar > ul > li > a > .often { margin: 3px 15px 0 0; float: right; padding: 0px 1px 0px;width: 14px;display: block;position: relative;height: 16px;}
#sidebar > ul > li > a > .label i,#sidebar > ul > li > a > .often i {float: left;position: absolute;left: -7px;top: 0px;}
#sidebar > ul li ul { display: none; margin: 0; padding: 0; }
#sidebar > ul li.open ul { display: block; }
#sidebar > ul li ul li a { padding: 10px 0 10px 48px; display: block; color: #777777; }
#sidebar > ul li ul li:first-child a { border-top: 0; }
#sidebar > ul li ul li:last-child a { border-bottom: 0; }
/* Content */


#main_content { background: none repeat scroll 0 0 #eeeeee; margin-right: 0; position: relative; min-height:100%; width: auto; }
#content-header { position: absolute; width: 100%; margin-top: -27px; z-index: 20; }
#content-header h1 { color: #555555; font-size: 28px; font-weight: normal; float: none; text-shadow: 0 1px 0 #ffffff; margin-left: 20px; position: relative; }
#content-header .btn-group { float: right; right: 20px; position: absolute; }
#content-header h1, #content-header .btn-group { margin-top: 20px; }
#content-header .btn-group .btn { padding: 11px 14px 9px; }
#content-header .btn-group .btn .label { position: absolute; top: -7px; }

.container-fluid .row-fluid:first-child { margin-top: 20px; }
/* Breadcrumb */
#breadcrumb { background-color: #fff; border-bottom: 1px solid #e3ebed; }
#breadcrumb a { padding: 8px 20px 8px 10px; display: inline-block; background-image: url('img/breadcrumb.png'); background-position: center right; background-repeat: no-repeat; font-size: 11px; color: #666666; }
#breadcrumb a:hover { color: #333333; }
#breadcrumb a:last-child { background-image:none; }
#breadcrumb a.current { font-weight: bold; color: #444444; }
#breadcrumb a i { margin-right: 5px; opacity: .6; }
#breadcrumb a:hover i { margin-right: 5px; opacity: .8; }
/*todo-list*/
.todo ul { list-style: none outside none; margin: 0; }
.todo li { border-bottom: 1px solid #EBEBEB; margin-bottom: 0; padding: 10px 0; }
.todo li:hover { background: none repeat scroll 0 0 #FCFCFC; border-color: #D9D9D9; }
.todo li:last-child { border-bottom:0px; }
.todo li .txt { float: left; }
.todo li .by { margin-left: 10px; margin-right: 10px; }
.todo li .date { margin-right: 10px; }
/* Stat boxes and quick actions */
.quick-actions_homepage { width:100%; text-align:center; position:relative; float:left; margin-top:10px; }
.stat-boxes, .quick-actions, .quick-actions-horizontal, .stats-plain { display: block; list-style: none outside none; margin: 15px 0; text-align: center; }
.stat-boxes2 { display: inline-block; list-style: none outside none; margin:0px; text-align: center; }
.stat-boxes2 li { display: inline-block; line-height: 18px; margin: 0 10px 10px; padding: 0 10px; background:#fff; border: 1px solid #DCDCDC }
.stat-boxes2 li:hover { background: #f6f6f6; }
.stat-boxes2 .left, .stat-boxes .right { text-shadow: 0 1px 0 #fff; float: left; }
.stat-boxes2 .left { border-right: 1px solid #DCDCDC; box-shadow: 1px 0 0 0 #FFFFFF; font-size: 10px; font-weight: bold; margin-right: 10px; padding: 10px 14px 6px 4px; }
.stat-boxes2 .right { color: #666666; font-size: 12px; padding: 9px 10px 7px 0; text-align: center; min-width: 70px; float:left }
.stat-boxes2 .left span, .stat-boxes2 .right strong { display: block; }
.stat-boxes2 .right strong { font-size: 26px; margin-bottom: 3px; margin-top: 6px; }
.quick-actions_homepage .quick-actions li { position:relative; }
.quick-actions_homepage .quick-actions li .label { position:absolute; padding:5px; top:-10px; right:-5px; }
.stats-plain { width: 100%; }
.stat-boxes li, .quick-actions li, .quick-actions-horizontal li { float: left; line-height: 18px; margin: 0 10px 10px 0px; padding: 0 10px; }
.stat-boxes li a:hover, .quick-actions li a:hover, .quick-actions-horizontal li a:hover, .stat-boxes li:hover, .quick-actions li:hover, .quick-actions-horizontal li:hover { background: #2E363F; }
.quick-actions li { min-width:14%; min-height:70px; }
.quick-actions_homepage .quick-actions .span3 { width:30%; }
.quick-actions li, .quick-actions-horizontal li { padding: 0; }
.stats-plain li { padding: 0 30px; display: inline-block; margin: 0 10px 20px; }
.quick-actions li a { padding:10px 30px; }
.stats-plain li h4 { font-size: 40px; margin-bottom: 15px; }
.stats-plain li span { font-size: 14px; color: #fff; }
.quick-actions-horizontal li a span { padding: 10px 12px 10px 10px; display: inline-block; }
.quick-actions li a, .quick-actions-horizontal li a { display: block; color: #fff; font-size:14px; font-weight:lighter; }
.quick-actions li a i[class^="icon-"], .quick-actions li a i[class*=" icon-"] {
 font-size:30px;
 display: block;
 margin: 0 auto 5px;
}
.quick-actions-horizontal li a i[class^="icon-"], .quick-actions-horizontal li a i[class*=" icon-"] {
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-position: center;
 background-color: transparent;
 width: 16px;
 height: 16px;
 display: inline-block;
 margin: -2px 0 0 !important;
 border-right: 1px solid #dddddd;
 margin-right: 10px;
 padding: 10px;
 vertical-align: middle;
}
.quick-actions li:active, .quick-actions-horizontal li:active { background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#EEEEEE), to(#F4F4F4)); background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%); background-image: -moz-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%); background-image: -ms-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%); background-image: -o-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%); background-image: linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.4); }
.stat-boxes .left, .stat-boxes .right { text-shadow: 0 1px 0 #fff; float: left; }
.stat-boxes .left { border-right: 1px solid #DCDCDC; box-shadow: 1px 0 0 0 #FFFFFF; font-size: 10px; font-weight: bold; margin-right: 10px; padding: 10px 14px 6px 4px; }
.stat-boxes .right { color: #666666; font-size: 12px; padding: 9px 10px 7px 0; text-align: center; min-width: 70px; }
.stat-boxes .left span, .stat-boxes .right strong { display: block; }
.stat-boxes .right strong { font-size: 26px; margin-bottom: 3px; margin-top: 6px; }
.stat-boxes .peity_bar_good, .stat-boxes .peity_line_good, {
 color: #459D1C;
}
.stat-boxes .peity_bar_neutral, .stat-boxes .peity_line_neutral { color: #757575; }
.stat-boxes .peity_bar_bad, .stat-boxes .peity_line_bad { color: #BA1E20; }
.stats-plain { }
.site-stats { margin: 0; padding: 0; text-align:center; list-style: none; }
.site-stats li { cursor: pointer; display:inline-block; margin: 0 5px 10px; text-align:center; width:42%; padding:10px 0; color:#fff; position: relative; }
.site-stats li i { font-size:24px; clear:both }
.site-stats li:hover { background:#2E363F; }
.site-stats li i { vertical-align: baseline; }
.site-stats li strong { font-weight: bold; font-size: 20px; width:100%; float:left; margin-left:0px; }
.site-stats li small { margin-left:0px; font-size: 11px; width:100%; float:left; }
/* Charts & graphs **/
.chart, .pie, .bars, #donut, #interactive, #placeholder, #placeholder2 { height: 300px; max-width: 100%; }
#choices { border-top:1px solid #dcdcdc; margin:10px 0; padding:10px; }
#choices br { display:none; }
#choices input { margin:-5px 5px 0 0; }
#choices label { display:inline-block; padding-right:20px; }
#tooltip { position: absolute; display:none; border: none; padding: 3px 8px; border-radius: 3px; font-size: 10px; background-color: #222222; color: #ffffff; z-index: 25; }
/* Widgets */
.widget-box { background: none repeat scroll 0 0 #F9F9F9; border-left: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; clear: both; margin-top: 16px; margin-bottom: 16px; position: relative; }
.widget-box.widget-calendar, .widget-box.widget-chat { overflow:hidden !important; }
.accordion .widget-box { margin-top: -2px; margin-bottom: 0; border-radius: 0; }
.widget-box.widget-plain { background: transparent; border: none; margin-top: 0; margin-bottom: 0; }
.widget-title, .modal-header, .table th, div.dataTables_wrapper .ui-widget-header { background:#efefef; border-bottom: 1px solid #CDCDCD; height: 36px; }
.widget-title .nav-tabs { border-bottom: 0 none; }
.widget-title .nav-tabs li a { border-bottom: medium none !important; border-left: 1px solid #DDDDDD; border-radius: 0 0 0 0; border-right: 1px solid #DDDDDD; border-top: medium none; color: #999999; margin: 0; outline: medium none; padding: 9px 10px 8px; font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; }
.widget-title .nav-tabs li:first-child a { border-left: medium none !important; }
.widget-title .nav-tabs li a:hover { background-color: transparent !important; border-color: #D6D6D6; border-width: 0 1px; color: #2b2b2b; }
.widget-title .nav-tabs li.active a { background-color: #F9F9F9 !important; color: #444444; }
.widget-title span.icon { padding: 5px 10px 7px 11px; float: left; border-right:1px solid #dadada; }
.widget-title h5 { color: #666; float: left; font-size: 12px; font-weight: bold; padding: 12px; line-height: 12px; margin: 0; }
.widget-title .buttons { float: right; margin: 8px 10px 0 0; }
.widget-title .label { padding: 3px 5px 2px; float: right; margin: 9px 11px 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 #ffffff; }
.widget-calendar .widget-title .label { margin-right: 190px; }
.widget-box .nav-tabs>li{margin-bottom: -2px !important}
.widget-box .navs li a,.widget-box .navs li a:hover,.widget-box .navs li .iconfont{ line-height: 20px; color: #09c;font-size: 12px}
.widget-box .navs li.active .iconfont ,.widget-box .navs li.active a:hover{color: #444444 !important;}
.widget-box .navs li .iconfont{ margin-right: 2px }
.widget-content { padding:15px; border-bottom: 1px solid #cdcdcd; }
.widget-box.widget-plain .widget-content { padding: 12px 0 0; }
.widget-box.collapsible .collapse.in .widget-content { border-bottom: 1px solid #CDCDCD; }
.recent-posts, .recent-comments, .recent-users { margin: 0; padding: 0; }
.recent-posts li, .recent-comments li, .article-post li, .recent-users li { border-bottom: 1px dotted #AEBDC8; list-style: none outside none; padding: 10px; }
.recent-posts li.viewall, .recent-comments li.viewall, .recent-users li.viewall { padding: 0; }
.recent-posts li.viewall a, .recent-comments li.viewall a, .recent-users li.viewall a { padding: 5px; text-align: center; display: block; color: #888888; }
.recent-posts li.viewall a:hover, .recent-comments li.viewall a:hover, .recent-users li.viewall a:hover { background-color: #eeeeee; }
.recent-posts li:last-child, .recent-comments li:last-child, .recent-users li:last-child { border-bottom: none !important; }
.user-thumb { background: none repeat scroll 0 0 #FFFFFF; float: left; height: 40px; margin-right: 10px; margin-top: 5px; padding: 2px; width: 40px; }
.user-info { color: #666666; font-size: 11px; }
.invoice-content { padding: 20px; }
.invoice-action { margin-bottom: 30px; }
.invoice-head { clear: both; margin-bottom: 40px; overflow: hidden; width: auto; }
.invoice-meta { font-size: 18px; margin-bottom: 40px; }
.invoice-date { float: right; font-size: 80%; }
.invoice-content h5 { color: #333333; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.invoice-content ul { list-style: none; margin: 0; padding: 0; }
.invoice-to { float: left; width: 370px; }
.invoice-from { float: right; width: 300px; }
.invoice-to li, .invoice-from li { clear: left; }
.invoice-to li span, .invoice-from li span { display: block; }
.invoice-content th.total-label { text-align: right; }
.invoice-content th.total-amount { text-align: left; }
.amount-word { color: #666666; margin-bottom: 40px; margin-top: 40px; }
.amount-word span { color: #5476A6; font-weight: bold; padding-left: 20px; }
.panel-left { margin-top:103px; }
.panel-left2 { margin-left:176px; }
.panel-right { width: 100%; background-color: #fff; border-bottom: 1px solid #dddddd; position: absolute; right: 0; overflow:auto; top:38px; height:76px; }
.panel-right2 { width: 100%; background-color: #fff; border-right: 1px solid #dddddd; position: absolute; left: 0; overflow:auto; top:0px; height:94%; width:175px; }
.panel-right .panel-title, .panel-right2 .panel-title { width: 100%; background-color: #ececec; border-bottom: 1px solid #dddddd; }
.panel-right .panel-title h5, .panel-right2 .panel-title h5 { font-size: 12px; color: #777777; text-shadow: 0 1px 0 #ffffff; padding: 6px 10px 5px; margin: 0; }
.panel-right .panel-content { padding: 10px; }
.chat-content { height: 470px; padding: 15px; }
.chat-messages { height: 420px; overflow: auto; position: relative; }
.chat-message { padding: 7px 15px; margin: 7px 0 0; }
.chat-message input[type=text] { margin-bottom: 0 !important; width: 100%; }
.chat-message .input-box { display: block; margin-right: 90px; }
.chat-message button { float: right; }
#chat-messages-inner p { padding:0px; margin: 10px 0 0 0; }
#chat-messages-inner p img { display: inline-block; float: left; vertical-align: middle; width: 28px; height: 28px; margin-top:-1px; margin-right:10px; }
#chat-messages-inner .msg-block, #chat-messages-inner p.offline span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #cccccc; box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.05); display: block; margin-left:0px; padding: 10px; position: relative; }
#chat-messages-inner p.offline span { background: none repeat scroll 0 0 #FFF5F5; }
#chat-messages-inner .time { color: #999999; font-size: 11px; float:right; }
#chat-messages-inner .msg { display: block; margin-top: 13px; border-top:1px solid #dadada; }
#chat-messages-inner .msg-block:before { border-right: 7px solid rgba(0, 0, 0, 0.1); border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ""; display:none; left: -7px; position: absolute; top: 11px; }
#chat-messages-inner .msg-block:after { border-right: 6px solid #ffffff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; display: none; left: -6px; position: absolute; top: 12px; }
.chat-users { padding: 0 0 30px; }
.chat-users .contact-list { line-height: 21px; list-style: none outside none; margin: 0; padding: 0; font-size: 10px; }
.chat-users .contact-list li { border: 1px solid #DADADA; margin:5px 5px; padding: 1px; position: relative; }
.chat-users .contact-list li:hover { background-color: #efefef; }
.chat-users .contact-list li a { color: #666666; display: block; padding: 8px 5px; }
.chat-users .contact-list li.online a { font-weight: bold; }
.chat-users .contact-list li.new { background-color: #eaeaea; }
.chat-users .contact-list li.offline { background-color: #EDE0E0; }
.chat-users .contact-list li a img { display: inline-block; margin-right: 10px; vertical-align: middle; width: 28px; height: 28px; }
.chat-users .contact-list li .msg-count { padding: 3px 5px; position: absolute; right: 10px; top: 12px; }
.taskDesc i { margin: 1px 5px 0; }
.taskStatus, .taskOptions { text-align: center !important; }
.taskStatus .in-progress { color: #64909E; }
.taskStatus .pending { color: #AC6363; }
.taskStatus .done { color: #75B468; }
.activity-list { list-style: none outside none; margin: 0; }
.activity-list li { border-bottom: 1px solid #EEEEEE; display: block; }
.activity-list li:last-child { border-bottom: medium none; }
.activity-list li a { display: block; padding: 7px 10px; }
.activity-list li a:hover { background-color: #FBFBFB; }
.activity-list li a span { color: #AAAAAA; font-size: 11px; font-style: italic; }
.activity-list li a i { margin-right: 10px; opacity: 0.6; vertical-align: middle; }
.new-update { border-top: 1px solid #DDDDDD; padding: 10px 12px; }
.new-update:first-child { border-top: medium none; }
.new-update span { display:block; }
.new-update i { float: left; margin-top: 3px; margin-right: 13px; }
.new-update .update-date { color: #BBBBBB; float: right; margin: 4px -2px 0 0; text-align: center; width: 30px; }
.new-update .update-date .update-day { display: block; font-size: 20px; font-weight: bold; margin-bottom: -4px; }
.update-done, .update-alert, .update-notice { display: block; float: left; max-width: 76%; }
/* Tables */
tr:hover { background:#f6f6f6; }
span.icon .checker { margin-top: -5px; margin-right: 0; }
.dataTables_length { color: #878787; margin: 7px 5px 0; position: relative; left:5px; width:50%; top: -2px; }
.dataTables_length div { vertical-align: middle; }
.dataTables_paginate { line-height: 16px; text-align: right; margin-top: 5px; margin-right: 10px; }
.dataTables_paginate { line-height: 16px; text-align: right; margin-top: 5px; margin-right: 10px; }
.dataTables_paginate .ui-button, .pagination.alternate li a { font-size: 12px; padding: 4px 10px !important; border-style: solid; border-width: 1px; border-color: #dddddd #dddddd #cccccc; /* for IE < 9 */ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); display: inline-block; line-height: 16px; background: #f5f5f5; color: #333333; text-shadow: 0 1px 0 #ffffff; }
.dataTables_paginate .ui-button:hover, .pagination.alternate li a:hover { background: #e8e8e8; color: #222222; text-shadow: 0 1px 0 #ffffff; cursor: pointer; }
.dataTables_paginate .first { border-radius: 4px 0 0 4px; }
.dataTables_paginate .last { border-radius: 0 4px 4px 0; }
.dataTables_paginate .ui-state-disabled, .fc-state-disabled, .pagination.alternate li.disabled a { color: #AAAAAA !important; }
.dataTables_paginate .ui-state-disabled:hover, .fc-state-disabled:hover, .pagination.alternate li.disabled a:hover { background: #f5f5f5; cursor: default !important; }
.dataTables_paginate span .ui-state-disabled, .pagination.alternate li.active a { background: #41BEDD !important; color: #ffffff !important; cursor: default !important; }
div.dataTables_wrapper .ui-widget-header { border-right: medium none; border-top: 1px solid #D5D5D5; font-weight: normal; margin-top: -1px; }
.dataTables_wrapper .ui-toolbar { padding: 5px; }
.dataTables_filter { color: #878787; font-size: 11px; right: 0; top:37px; margin: 4px 8px 2px 10px; position: absolute; text-align: left; }
.dataTables_filter input { margin-bottom: 0; }
.table th { height: auto; font-size: 10px; padding: 5px 10px 2px; border-bottom: 0; text-align: center; color: #666666; }
.table.with-check tr th:first-child, .table.with-check tr td:first-child { width: 10px; }
.table.with-check tr th:first-child i { margin-top: -2px; opacity: 0.6; }
.table.with-check tr td:first-child .checker { margin-right: 0; }
.table tr.checked td { background-color: #FFFFE3 !important; }
/* Misc */
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }
.padding_tb10 { padding: 10px 0 !important; }
.padding_t10 { padding:10px 0 0 0!important; }
.nopadding .table { margin-bottom: 0; }
.nopadding .table-bordered { border: 0; }
.thumbnails { margin-left: -2.12766% !important; }
.thumbnails [class*="span"] {
 margin-left: 2.12766% !important;
 position: relative;
}
.thumbnails .actions { width: auto; height: 16px; background-color:#000; padding: 4px 8px 8px 8px; position: absolute; bottom:0%; left:50%; margin-top: -13px; margin-left: -24px; opacity: 0; top:10%; transition:1s ease-out; -moz-transition: opacity 0.3s ease-in-out; }
.thumbnails li:hover .actions, .thumbnails li:hover .actions a:hover { opacity: 1; color:#fff; top:50%; transition:1s ease-out; }
.line { background: url("img/line.png") repeat-x scroll 0 0 transparent; display: block; height: 8px; }
.modal { z-index: 99999 !important; }
.modal-backdrop { z-index: 999 !important; }
.modal-header { height: auto; padding: 8px 15px 5px; }
.modal-header h3 { font-size: 12px; text-shadow: 0 1px 0 #ffffff; }
.notify-ui ul { list-style: none; margin: 0; padding: 0; }
.notify-ui li { background: #eeeeee; margin-bottom: 5px; padding: 5px 10px; text-align: center; border: 1px solid #dddddd; }
.notify-ui li:hover { cursor: pointer; color: #777777; }
/* Forms */
form { margin-bottom: 0; }
.form-horizontal .control-group,.form-horizontal .ad_list li { border-top: 1px solid #ffffff; border-bottom: 1px solid #eeeeee; margin-bottom: 0; }
.form-horizontal .control-group:last-child { border-bottom: 0; }
.form-horizontal .control-label { padding-top: 15px; width: 120px; }
.form-horizontal .controls { margin-left: 140px; margin-right:20px; padding: 10px 0; overflow:hidden}
.form-horizontal .controls label { float: left; margin:6px 16px 0 0; padding-bottom:7px;}
.form-horizontal .controls a.delete_thumb{ background:url(img/delete.png) no-repeat; display:none; height:21px; width:21px;}
.form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea { }
.row-fluid .span20 { width:97.8% }
.form-horizontal .form-actions { margin-top: 0; margin-bottom: 0; }
.help-block, .help-inline { color: #999999; }
/***********light-box***************/
#lightbox { position:fixed; /* keeps the lightbox window in the current viewport */ top:0; left:0; width:100%; height:100%; background:url(overlay.png) repeat #000; text-align:center; z-index:9999; }
#lightbox p { position:absolute; top:10px; right:10px; width:22px; height:22px; cursor:pointer; z-index:22; border:1px solid #fff; border-radius:100%; padding:2px; text-align:center; transition:0.5s; }
#lightbox p:hover { transform:rotate(180deg) }
#imgbox { position:absolute; /* keeps the lightbox window in the current viewport */ left:0; top:0px; width:100%; height:100%; background:url(overlay.png) repeat #000; text-align:center; z-index:21; }
#imgbox img { margin-top:100px; border:10px solid #fff; }
/***********Error Page******************/
.error_ex { text-align:center; }
.error_ex h1 { font-size:140px; font-weight:bold; padding:50px 0; color:#28B779 }
#sidebar .content { padding:10px; position: absolute; color:#939da8; border-top:none; bottom:0px; text-align:center }
#sidebar .content span{ margin-left:16px}
#sidebar .percent { font-weight: 700; position: absolute; right: 10px; top:25px; }
#sidebar .progress { margin-bottom: 2px; margin-top: 2px; width: 70%; }
#sidebar .progress-mini { height: 6px;}
#sidebar .stat { font-size: 11px; }
/***********light-box-end***************/

.btn-icon-pg ul { margin:0px; padding:0px; }
.btn-icon-pg ul li { margin:5px; padding:5px; list-style:none; display:inline-block; border:1px solid #dadada; min-width:187px; cursor:pointer }
.btn-icon-pg ul li:hover i { transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; margin-left:8px; }
.accordion { margin-top:16px; }
.fix_hgt { height:115px; overflow-x:auto; }
.input-append .add-on:last-child, .input-append .btn:last-child { border-radius:0px; padding:6px 5px 2px; }
.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
 width:none;
}
.input-append input, .input-append select, .input-prepend span, .input-prepend input { border-radius:0px!important; }
/***********pop-over********************/
.bs-docs-tooltip-examples { list-style: none outside none; margin: 0 0 10px; position:relative; text-align: center; }
.bs-docs-tooltip-examples li { display: inline; padding: 0 10px; list-style:none; position:relative; }
/* Responsive design */
.control-group .controls .input-prepend label{ margin-bottom:0px; margin-right:5px}
.control-group .controls .input-prepend input{ max-width:60px;}
.control-group .controls .input-prepend input.input100{ max-width:100px !important;}
.control-group .controls .input-prepend input.input160{ max-width:160px !important;}
.control-group .controls .input-prepend input.input200{ max-width:200px !important;}
.control-group .controls .input-prepend input.input50{ max-width:50px !important;}
.control-group .controls .input-prepend input.input30{ max-width:30px !important;}
.control-group .controls .input-prepend select{ max-width:150px;}
.control-group .controls .input-prepend{ margin-right:15px;}
.control-group .controls.ad-config{ margin-left:160px;}
.control-group .controls .input-prepend span.qy{position:absolute; top:5px; left:45px;}
.control-group .controls .input-prepend a.del{ margin-left:18px}
.form-actions .btn-info,.form-actions .btn-warning{ margin-left:15px}
.form-actions .error{ color:red; margin-left: 20px}
.form-horizontal .ad_list .controls img{ border:1px solid #EEEEEE; padding:2px;}
.form-horizontal .ad_list .controls.img_tag{ max-width:80%; overflow:hidden; margin-bottom:10px;}


 
#loading { left:50%; top:40%; position: fixed; z-index: 11; }
.navs { margin-top:12px; }
#main_content .nav { margin-top:20px; margin-bottom:0px !important; border-bottom:1px solid #CDCDCD !important; }
#main_content .nav li.active a { cursor:pointer; border-color:#CDCDCD !important; border-bottom:1px solid #FFF !important }
#main_content .nav li a { color:#555 }
.table th { font-size:12px !important; }
.tags { background-color: #FFFFFF; border: 1px solid #D5D5D5; color: #777777; display: inline-block; padding: 4px 6px; vertical-align: middle; width: 39%; }
.tags:hover { border-color: #B5B5B5; }
.tags-hover, .tags-hover:hover { border-color: #F59942; outline: 0 none; }
.tags[class*="span"] {
 float: none;
 margin-left: 0;
}
.tags input[type="text"], .tags input[type="text"]:focus { border: 0 none; box-shadow: none; display: inline; line-height: 14px; margin: 0; outline: 0 none; padding: 0; width: 100%; }
.tags .tag { background-color: #91B8D0; color: #FFFFFF; display: inline-block; font-size: 13px; font-weight: normal; margin-bottom: 3px; margin-right: 3px; padding: 4px 22px 5px 9px; position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); transition: all 0.2s ease 0s; vertical-align: baseline; white-space: nowrap; }
.tags .tag:empty { display: none; }
.tags .tag-important { background-color: #D15B47; }
.tags .tag-warning { background-color: #FFB752; }
.tags .tag-success { background-color: #87B87F; }
.tags .tag-info { background-color: #6FB3E0; }
.tags .tag-inverse { background-color: #555555; }
.tags .tag .close { bottom: 0; color: #FFFFFF; float: none; font-size: 15px; line-height: 20px; opacity: 1; position: absolute; right: 0; text-align: center; text-shadow: none; top: 0; width: 18px; }
.tags .tag .close:hover { background-color: rgba(0, 0, 0, 0.2); }
select option { padding: 3px 4px; }
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
table th{ vertical-align:middle !important}
.f-l{ float:left}
.f-r{ float:right}
.all_label{  margin-left:0px !important;}
.table td label{ margin-bottom:0px !important;}
.control-group .input-small{ font-size:12px;}
.space-10{max-height:0;overflow:hidden;margin:10px 0}
.space-6{max-height:0;overflow:hidden;margin:6px 0}

.nav-tabs > li{ margin-bottom:0px !important}
.nav-box{border-bottom:1px solid #FFF !important; margin-bottom:10px}
.user-nav-right{right:10px !important;left:auto !important;}
.user-nav-right > ul > li > a{ color:#28B779 !important}

.control-group .extend_field li{ margin-bottom:5px;}


.c-lv a{color:#28B779 !important}
.c-lv a:hover{color:#28B779 !important}
.t-l{text-align:left !important}
.input_edit{ border:none !important; background:none !important;}
.input_edit_class{background-color:#FFFFFF !important;border:1px solid #CCCCCC !important}
.input_edit_class:focus{border-color:rgba(82,168,236,0.8)!important;}
.table .btn-group a{ margin-right:2px !important;}

.pl-7{ padding-left:7.3% !important;}
.c-ccc{ color:#CCCCCC !important}
.c-999{ color:#999 !important}
.nav .required {line-height: 20px; padding-bottom: 8px;padding-top: 8px;}
.nav .required .red,.control-group .control-label .red{ vertical-align:text-top}

.max-width-60{ max-width:60px !important;}
.max-width-70{ max-width:70px !important;}
.max-width-80{ max-width:80px !important;}
.max-width-90{ max-width:90px !important;}
.max-width-100{ max-width:100px !important;}
.max-width-110{ max-width:110px !important;}
.max-width-120{ max-width:120px !important;}
.max-width-130{ max-width:130px !important;}
.max-width-140{ max-width:140px !important;}
.max-width-150{ max-width:150px !important;}

.pd20{ padding-left:20px !important}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml30{ margin-left:30px !important;}
.ml30{ margin-left:30px !important;}
.ml40{ margin-left:40px !important;}
.ml50{ margin-left:50px !important;}
.ml60{ margin-left:60px !important;}
.ml70{ margin-left:70px !important;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}

.control-group .input-prepend input,.control-group .input-prepend .add-on{ font-size:12px}
.control-group .input-prepend select{ font-size:12px;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


.input-prepend .btn-nobr{border-radius:0!important;}
.t-l{ text-align:left}

.min-w540{ min-width:540px !important;}

.table.with-check tr th.order{width:35px;}
.table.with-check tr th.title{width:400px;}
.table.with-check tr th.thumb{width:50px;}
.table.with-check tr th.category{width:100px;}
.table.with-check tr th.time{width:60px;}

.table-bordered th:first-child , .table-bordered td:first-child ,.table-bordered tfoot td{ border-left:none}

.line-24{ line-height:24px}

.c_red{ color:red !important}
div.checker{ margin-right:0 !important; margin-top: -3px}
#main_content{ padding-bottom:80px;}
.list-dot .J_ajax_del{ text-decoration:none}
.list-dot .J_ajax_del:hover{ color:red !important}
.left{ text-align:left !important}

#content { background: none repeat scroll 0 0 #eeeeee; margin-left: 190px; margin-right: 0; padding-bottom: 25px; position: relative; width: auto; }
.iframeclass{ padding-top: 12px }
.iconfont{
    font-family:"iconfont" !important;
    font-size:14px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
    
#loading { left:50%; top:40%; position: fixed; z-index: 11;margin-left: -50px;border:2px solid #09C;background:#FFF;padding:10px 18px;}
#loading img{ float: left;}
#loading span{margin:8px 0 0 10px;float: left;color:gray}
.extend_list{ margin-top: 8px; }
.extend_list tr th{ border: 1px solid #e5e3e3; border-bottom: none; }
.alert-tip{border:none 0;border-left:solid 4px #edd28a;background:#fcf8e2!important;color:#9d7437;padding:10px 12px; margin-bottom: 10px}
.alert-tip a{color: #09c}
/*
=============
搜索类型 
=============
*/
.pannel-top{padding:0 20px;}
.pannel-top .panel-body{padding-bottom: 5px;}
.pannel-top .row{margin-bottom: 10px;overflow: hidden; position:relative; border-bottom:1px solid #f2f2f2; padding-bottom:10px;}
.pannel-top .row:last-child{ border:none; padding-bottom:0px;margin-bottom: 0px}
.pannel-top .row label{float: left;padding-right:18px;color:#999;margin-top: 8px}
.pannel-top .row .con{overflow: hidden; padding-right:3em}
.pannel-top .row .con a{margin-bottom: 5px; font-size:12px;border: 1px solid #ddd}
.pannel-top .row a,.radio_box a,.radio_box span.more,.check_box a,.check_box span.more,.checks_box a{display: inline-block;padding:4px 11px;color:#333; text-decoration:none;position:relative; margin:4px 3px; cursor: pointer;background: #FFF;}
.radio_box a.cancel,.check_box a.cancel,.checks_box a.cancel{background: #FFF; border: 1px dashed #eaedf1}
.pannel-top .row a:hover,.radio_box a:hover{background: #09C; color: #FFF}
.pannel-top .row a.hide{ display:none}
.pannel-top .row .more a{ position:absolute; top:0px; right:0px; color:#4a9e02; font-size:12px;}
.pannel-top .row a i,.radio_box i,.check_box i,.checks_box i{width:16px;height:17px;position:absolute;top:0;right:0;background:url('img/icon-checkbox.png') no-repeat;}



.header_message i{ font-size: 20px !important;  }
.header_message em{ display: none;font-style:normal; }
.header_message.cur em{font-size: 12px; margin-left: 5px; height: 16px; min-width: 16px; padding: 0 3px; background: red; border-radius: 2px; display: inline-block; color: #FFF; line-height: 16px; text-align: center; font-weight: bold; }


.index_message_box{ display: none; width: 350px; height: 150px; 
	background: #FFF ;right:0; bottom: 0px; position: fixed; z-index: 999; border: 1px solid #0099cc;
	text-align: center;
}
.index_message_box .info{margin:50px 0 20px 0}
.index_message_box .btn{display: inline-block; background: #0099cc; color: #FFF;  margin-top: 20px; text-shadow:none;}
.index_message_box .btn_close{ background: #EEE; color: #666; margin-left: 12px; text-shadow:none}
@-webkit-keyframes ANIMATION_BOUNCE { 
	4% {
-webkit-transform:translateY(-20px) scaleY(0.99)
}
8% {
-webkit-transform:none
}
12% {
-webkit-transform:translateY(-20px) scaleY(0.99)
}
16% {
-webkit-transform:none
}
}
@keyframes ANIMATION_BOUNCE { 4% {
transform:translateY(-20px) scaleY(0.99)
}
8% {
transform:none
}
12% {
transform:translateY(-20px) scaleY(0.99)
}
16% {
transform:none
}
}