/*自加:屏幕小于 991PX时:手机*/
@media (max-width: 991px) {
.xa_header_bg { margin-top: 0px !important; }
.navbar-fixed-top { position: static; }/*navbar-fixed-top 原有固定顶部,固定时手机浏览器对滚动条无效,因此去掉固定*/
}

@media (min-width: 992px) and (max-width: 1200px) {
.page-boxed .header .dropdown .username { display: none; }
}


@media (min-width: 992px) {
/***
 	Page sidebar
 	***/
.page-sidebar { position: absolute; width: 215px; }
.page-sidebar-menu .search-form { display: none; }
.page-sidebar.navbar-collapse { max-height: none !important; }
.page-sidebar-fixed .page-sidebar { position: fixed !important; top: 45px; }
.page-sidebar-fixed ul.page-sidebar-menu > li.last { margin-bottom: 15px !important; }
.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar { z-index: 10000; width: 35px; }
.page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected { display: none; }
.page-sidebar-fixed.page-sidebar-hover-on .page-content { margin-left: 35px; }
.page-sidebar-fixed.page-sidebar-hover-on .footer { margin-left: 35px; }
.page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
 .page-sidebar-fixed .page-sidebar .sidebar-toggler { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.page-sidebar-hovering { overflow: hidden !important; }
.page-sidebar-hovering .sub-menu,
 .page-sidebar-hovering span.title,
 .page-sidebar-hovering span.arrow { display: none !important; }
.page-sidebar-hovering .submit { opacity: 0; width: 0 !important; height: 0 !important; }
/***
  	Page content
  	***/
.page-content { margin-left: 215px; margin-top: 0px; min-height: 760px; padding: 25px 20px 20px 20px; }
.page-sidebar-fixed .page-content { min-height: 600px; }
.page-content.no-min-height { min-height: auto; }
/***
	Footer
	***/

	/* fixed sidebar */
.page-footer-fixed .footer { position: fixed; left: 0; right: 0; z-index: 10000; bottom: 0; }
.page-footer-fixed .page-container { margin-bottom: 32px; }
.page-footer-fixed.page-sidebar-fixed .footer { margin-left: 0 !important; }
/* end: fixed footer */

.page-boxed .footer { padding: 8px 0 5px 0; }
.page-sidebar-fixed .footer { margin-left: 215px; background-color: #fff; padding: 8px 20px 5px 20px; }
.page-sidebar-fixed .footer .footer-inner { color: #333; }
.page-sidebar-fixed.page-sidebar-closed .footer { margin-left: 35px; }
.page-sidebar-fixed .footer .footer-tools .go-top { background-color: #666; }
.page-sidebar-fixed .footer .footer-tools .go-top i { color: #ddd; }
/* boxed layout */
.page-boxed .header .navbar-brand { margin-left: 0px !important; width: 226px; }
.page-boxed .header .navbar-brand img { margin-left: 10px; }
.page-boxed .header .navbar-nav { margin-right: 0px; }
.page-boxed .page-container { border-radius: 0 0 4px 4px; }
.page-boxed .page-content { border-radius: 0 0 4px 0; }
.page-boxed.page-sidebar-fixed .page-content,
 .page-boxed.page-sidebar-fixed .page-container { border-radius: 0; }
}

/***
Up To Medium Devices
***/

@media (max-width:991px) {
/***
 	Page header
 	***/
.header { padding: 0 20px 0 20px; position: relative; clear: both; }
.header .navbar-toggle { display: inline-block; }
.header .search-form { display: none; }
.sidebar-search-menu .search-form { display: block; }
.page-sidebar.navbar-collapse { max-height: 340px; }
.page-sidebar.navbar-collapse.collapse { display: none !important;/*
		左菜单不见问题修改为:display: none;
		原: display: none !important;
		*/
}
.page-sidebar.navbar-collapse.in { overflow: hidden !important; overflow-y: auto !important; }
.header .nav li.dropdown i { display: inline-block; position: relative; top: 1px; right: 0px; }
.header .navbar-nav { display: block; margin-bottom: 0px !important; }
.header .navbar-nav .open .dropdown-menu { position: absolute; }
.header .navbar-nav { display: inline-block; float: right; margin: 0; }
.header .navbar-nav > li { float: left; }
.header .navbar-brand { margin-left: 0px !important; padding-left: 0px !important; }
.header .navbar-brand img { margin-left: 4px !important; }
/***
	Page container
	***/
.page-container { margin: 0 !important; padding: 0 !important; }
/***
  	Page content
  	***/
.page-content { margin: 0px !important; padding: 20px 20px 20px 20px !important; min-height: 280px; }
/***
	Page sidebar
	***/
.page-sidebar { border-top: 0 !important; margin: 20px; }
.page-sidebar.in { border-top: 0 !important; margin: 20px; position: relative; z-index: 5; }
.page-sidebar .sidebar-toggler { display: none; }
.page-sidebar ul { margin-top: 0px; width: 100%; }
.page-sidebar .selected { display: none !important; }
.page-sidebar .sidebar-search .input-box { width: 220px; }
/***
	Styler panel
	***/
.styler-panel { top: 55px; right: 20px; }
/***
	Boxed Layout
	***/
.page-boxed .header > .container,
 .page-boxed .footer > .container,
 .page-boxed > .container { max-width: none !important; margin: 0 !important; padding: 0 !important; }
}

/***
From Small Devices Up To Medium Devices
***/
 
@media (min-width: 768px) and (max-width: 991px) {
/***
	Body
	***/
body { padding-top: 0px; }
/***
	Page sidebar
	***/
.page-sidebar .btn-navbar.collapsed .arrow { display: none; }
.page-sidebar .btn-navbar .arrow { position: absolute; right: 25px; width: 0; height: 0; top: 50px; border-bottom: 15px solid #5f646b; border-left: 15px solid transparent; border-right: 15px solid transparent; }
}

/***
Extra Small Devices Only
***/

@media (max-width: 767px) {
/***
	Page header
	***/
	
.header { padding: 0 10px 0 10px; }
.header .top-nav .nav { margin-top: 0px; margin-right: 5px; }
.header .nav > li > .dropdown-menu.notification:after,
 .header .nav > li > .dropdown-menu.notification:before { margin-right: 160px; }
.header .nav > li > .dropdown-menu.notification { margin-right: -160px; }
.header .nav > li > .dropdown-menu.inbox:after,
 .header .nav > li > .dropdown-menu.inbox:before { margin-right: 120px; }
.header .nav > li > .dropdown-menu.inbox { margin-right: -120px; }
.header .nav > li > .dropdown-menu.tasks:after,
 .header .nav > li > .dropdown-menu.tasks:before { margin-right: 70px; }
.header .nav > li > .dropdown-menu.tasks { margin-right: -70px; }
/* Header logo */
.header .navbar-brand { margin-left: 0px !important; width: 110px; }
/***
	Page content
	***/
.page-content { padding: 20px 10px 10px 10px !important;/*overflow: hidden;*/  /*修改处:后台手机浏览时,无法向横滚动,无法看到右边内容,没有显示横滚动条*/
}
/***
	Page title
	***/
.page-title { margin-bottom: 20px; font-size: 18px; }
.page-title small { font-size: 13px; padding-top: 3px; }
/***
	Styler pagel
	***/
.styler-panel { top: 58px; right: 12px; }
/***
	Page breadcrumb
	***/
.breadcrumb { padding-left: 10px; padding-right: 10px; }
/***
	Portlet form action
	***/
.portlet-body.form .form-actions { padding-left: 15px; }
/***
	Form input validation states
	***/
.input-icon .input-error,
 .input-icon .input-warning,
 .input-icon .input-success { top: -27px; float: right; right: 10px !important; }
/***
	Advance tables
	***/
.table-advance tr td.highlight:first-child a { margin-left: 8px; }
/***
	Footer	
	***/	
.footer { padding-left: 10px; padding-right: 10px; }
.footer .go-top { float: right; display: block; margin-right: 0px; }
/***
	Vertical inline menu
	***/
.ver-inline-menu li.active:after { display: none; }
/***
	Form controls
	***/
.form-horizontal .form-actions { padding-left: 180px; }
.portlet .form-horizontal .form-actions { padding-left: 190px; }
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 480px) {
/***
	Header navbar
	***/

.header .navbar-nav { display: block !important; margin-top: 0px !important; }
/***
	Page sidebar
	***/
.page-sidebar,
 .page-sidebar.in { margin: 0 10px 10px 10px; }
/***
	Page title
	***/
.page-title small { display: block; clear: both; }
/***
	Forms
	***/
.portlet .form-horizontal .form-actions { padding-left: 10px; }
/***
	Dashboard date range panel
	***/
.page-content .breadcrumb .dashboard-date-range { padding-bottom: 8px; }
.page-content .breadcrumb .dashboard-date-range span { display: none; }
.page-content .breadcrumb > .btn-group span { display: none; }
.page-content .breadcrumb > .btn-group > .btn { padding-left: 7px; padding-right: 7px; }
.header .navbar-nav > li.dropdown .dropdown-toggle .username { display: none; }
.header .navbar-nav > li.devider { margin-left: 2px !important; margin-right: 2px !important; }
/***
	Hidden phone
	***/
.hidden-480 { display: none !important; }
}

/***
The Most Extra Small Devices Portrait Mode Only
***/

@media (max-width: 320px) {
.header .nav > li.dropdown .dropdown-toggle { padding-left: 8px !important; padding-right: 8px !important; }
/***
	Hidden phone
	***/
.hidden-320 { display: none; }
.header .navbar-brand { width: 100px; }
}