@charset "utf-8";
//
@import "custom/mixins/shape";
//重置变量
@import "custom/resetVariables";
//重置 padding和margin
@import "bootstrap/resetMarginAndPadding";
//字体图标
@import 'custom/iconfont';
//重置webUploader样式
@import "custom/resetWebUploader";
@import 'bootstrap.src';
@import "custom/formsChange";
//表单步骤组件
@import "custom/formStep";
//重构弹出层
@import 'custom/artdialog';
//美化SELECT
@import "bootstrap/select";
//指定的INPUT长度
@import "bootstrap/inputSize";
//内容为空时，列表样式
@import "bootstrap/emptylist";
//头部按钮小模块

@import "custom/topBarWidget";
@import "custom/schedule_nav";
////输出所有背景颜色 CLASS
//@include bgColorList();
//@include bgColorList('dark');
//@include bgColorList('light');
//@include bgColorList('xlight');

html, body {
	background-color: $body-bg;
}
ul, li {
	margin: 0;
	padding: 0;
}
li {

	list-style: none;
}
:focus {
	outline: none;
}
html.single-screen {
	overflow: hidden;
	height: $fullSize;

	body, .page-wrapper {
		overflow: hidden;
		height: $fullSize;
	}
}
.p-base {
	padding: paddings() !important;
}
.p-lr-5 {
	padding: 0 paddings('xSmall') !important;
}
.page-wrapper {
	// overflow: hidden;
	// background-color: $sidebar-bg;
}
.page-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: $sidebarWidth;
	min-height: 100%;
	background-color: $sidebar-bg;
	white-space: nowrap;

	li ul {
		overflow: hidden;
		background-color: $nav-link-hover-bg;

		li:last-child {
			margin-bottom: 10px;
		}
	}

	.open{
      .open {
        border: none !important;

      }
    }
	.logo {
		display: block;
		height: 130px;
		overflow: hidden;
		&:before {
			content: '';
			display: block;
			height: $fullSize;
			width: $fullSize;
		}
	}
	.nav{
		> li > a{
			height: $navHeight;
			padding-left: 45px;

			> i{
				position: absolute;
				left: 20px;
				top: 11px;
			}
		}
		.label{
			position: absolute;
			right: 15px;
			@include translate(0, 0);
		}
		.fa-angle-down{
			position: absolute;
			right: 15px;
			margin-top: 2px;
		}
	}

	span{
		opacity: 1;
		width: auto;
	}
}

.page-sidebar,
.page-content-wrapper,
.logo, .logo:before,
.page-sidebar span{
	@include transition(.4s);
}

.page-content-wrapper {
	height: $fullSize;
	margin-left: $sidebarWidth;
	background-color: $body-bg;
	position: relative;
}
.page-content-outer {
	position: absolute;
	top: $titleHeight;
	right: 0;
	bottom: 0;
	left: 0;
}
.page-content-inner {
	width: 100%;
	height: 100%;
	overflow: auto;
}
.page-content {
	margin-top: -$footerHeight;
	padding-top: $footerHeight;
	min-width: $mainMinWidth;
	min-height: calc(100% - 1px);
	width: 100%;
	display: inline-block;
}

.sidebar-mini {
	.logo {
		&:before {
			background-image: url(/common/image/logo-mini.png?v=3.0);
		}
	}
	.page-sidebar {
		width: $minisidebarWidth;

		.nav > li {
			ul {
				position: absolute;
				left: $minisidebarWidth;
				top: 0;
				min-width: 140px;
				padding: 8px 10px;
				background-color: $nav-link-hover-bg;
				overflow: hidden;
				display: none;

				a {
					padding: 7px 0 !important;
					text-align: center;
					border-radius: $border-radius-small;

					&:hover{
						background: $sidebar-bg;
						// color: $gray-dark;
					}
				}
			}
			&.open {
				> a{
					@include navCurrent;
				}
			}
			&:hover {
				> a{
					@include navCurrent;
				}
				ul {
					display: block !important;
					height: auto !important;
				}
			}
			> a {
				overflow: hidden;
				> i{
					font-size: 1.286em;
					margin: -1px 0 0 -1px;
				}

				// 收起和展开的当前状态颜色不一致
				&[aria-expanded="true"]{
					color: $nav-link-hover-color;
				}

				// &:only-child{
				// 	padding-left: 0;
				// }
			}
			span {
				// display: none;
				opacity: 0;
				width: 0;
			}
		}

		.label{
			@include translate(50px, 0);
		}
	}
	.page-content-wrapper {
		margin-left: $minisidebarWidth;
	}


}
.page-title {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	line-height: 32px;
	@include sectionSpac;
	margin: 0;
	padding: 13px 20px 0;
	height: $titleHeight;
	z-index: 101;
	background-color: $body-bg;
	border-bottom: 1px solid $table-border-color;
	min-width: 950px;

	.btn {
		float: left;
		margin-right: 16px;
	}
	h2 {
		float: left;
		margin: 0;
		line-height: 32px;
		font-size: $font-size-h3;
	}
	small {
		font-size: 70%;
		margin-left: 15px;
		color: $gray;

		i {
			margin-right: 8px;
		}
		a {
			color: $gray;
		}
	}
	.dropdown-toggle {
		cursor: default;
	}

	.gm-icon,
	.fa{
		color: $gray-light;
	}
	.btn-info{
		.gm-icon,
		.fa{
			color: $white;
		}
	}
}
.login-state{
  >li {
    display: inline-block;
    color: $gray;
  }
  .open .fa{
    display: inline-block;
    transform: rotateZ(180deg);

  }
}
.common-notice {
	a {
		color: $gray !important;
		text-decoration: none;
	}
	margin-right: 15px;

	.label {
		display: inline-block;
		position: relative;
		left: -10px;
		top: -10px;
		padding: 1px 3px;
	}
}
.sub-title {
	position: relative;
	padding: 12px 20px 3px 40px;
	background-color: lighten($gray-base, 100%);
	border-bottom: 1px solid $table-border-color;
	h2 {
		margin: 0;
		font-size: $font-size-h4;
	}
	.page-tool {
		position: absolute;
		right: $paddingContent;
		top: 50%;
		margin-top: -($btn-line-height * $font-size-base + $padding-base-vertical * 2) / 2;
		font-size: 0;

		.btn {
			margin-left: $paddingContent / 2;

		}
		.gm-icon {
			color: $gray;
			margin-right: 2px;
		}
	}
}

.page-main {
	margin: $paddingContent $paddingContent 0;
	// min-width: $mainMinWidth;
}
.mainContent {
	background: $main-bg;
	padding: $paddingContent;
}
.item {
	border: 1px solid $border-color;
	background-color: lighten($gray-base, 100%);
	margin-bottom: $paddingContent;

	> h4{
		line-height: 40px;
		margin: 0;
		padding: 0 $paddingContent;
		font-size: $font-size-h4;
		background-color: #f5f5f5;
		border-bottom: 1px solid $border-color;
	}
	> .item-head {
		margin: $paddingContent $paddingContent $smallPadding;

		h4{
			margin: 0;
			line-height: $btn-height-base;
		}
	}
	h4 > small {
		margin-left: 15px;
		font-size: $font-size-h5;
	}
	.item-main {
		padding: $smallPadding $paddingContent;
	}
	.tips {
		float: right;
		font-size: $font-size-base;
		color: $gray-light;
	}
	.focus {
		outline: none !important;
	}
	strong, h1, h2, h3, h4, h5, h6 {
		color: $gray-base;
	}
}
.common-tips {
	padding: ($padding-base-vertical + 3) $paddingContent;
	min-width: 200px;
	@include opacity(0.85);
	cursor: default;

	.fa{
		font-size: $font-size-h4;
	}
}
.common-required {
	color: $brand-danger;
	font-size: 20px;
	font-family: 'Arial';
	vertical-align: top;
	margin-right: 4px;
}
// 第二级浮动工具栏
.secondbar-fixed {
	position: absolute;
	top: 0;
	right: 17px;
	left: 0;
	z-index: 20;
	background-color: rgba(255, 255, 255, 0.95) !important;
}
// 底部
.page-footer {
	min-width: $mainMinWidth;
	width: 100%;
	height: $footerHeight;
	padding: 0 $paddingContent;
	line-height: $footerHeight;
	font-size: 14px;
	color: $gray;
	border-top: 1px solid $border-color;
	font-size: $font-size-small;
	background: white;
	a {
		color: inherit;
		text-decoration: none;
	}
	li {
		float: left;
		margin: 0;
		position: relative;

		&:nth-child(n+2) {
			margin-left: 15px;
		}
	}
	.copyright {
		color: $gray;

	}
}
.common-loading {
	&:before {
		content: $fa-var-spinner;
		@include fa-icon;
		font-size: 16px;
		@extend .fa-spin;
		margin-right: 5px;
	}

}
//tooltip style reset
#tooltip, #tooltip pre {
	background: #fff !important;
	color: inherit !important;
}
#tooltip {
	box-shadow: 1px 1px 1px #ccc;
}

[data-role="delete"]{
	padding-left: 9px;
	padding-right: 9px;
}

// 广告模版页截屏特殊样式
html.single-screen.nature-screen {
	overflow: auto;
	height: auto;
	body, .page-wrapper {
		height: auto;
		overflow: visible;
	}
	.page-sidebar {
		position: fixed;
		z-index: 150;
	}
	.page-title {
		position: fixed;
		left: $sidebarWidth;
		z-index: 150;
	}
	.sidebar-mini .page-title {
		left: $minisidebarWidth;
	}
	.page-content-wrapper {
		width: 100%;
	}
	.page-content-outer {
		position: static;
	}
	.page-content-inner {
		width: auto;
		height: auto;
		overflow: visible !important;
	}
	.page-content {
		margin-top: 0;
	}
	.page-main {
		overflow: visible !important;
	}
	.secondbar-fixed {
		position: static !important;
	}
}


// 浏览器升级提示
.browser{width: 100%;height: 50px;background-color: #EB8739;color:#fff;text-align: center;line-height: 50px;font-family: "微软雅黑";font-size: 14px;}
.browser .downBrowser{position: absolute;top:0;right: 200px;}
.browser_desc{position: relative;}
.browser .browser_info{position: absolute;top: 1px;left: -20px;background:url(/common/plugins/browser/images/info.png) no-repeat;display:inline-block;width:20px;height:16px;line-height:50px;}
.browser_btn{float:left;width:44px;height:50px;border-right:1px solid lightgrey;line-height: 50px;background:#fff url(/common/images/icon.png) no-repeat 39px 45px;text-decoration: none;color: black;position: relative;	}
a.browser_btn{position: relative;}
.browser_btn img{margin:11px 10px;}

#nav-button{padding: 4px 9px;}