/*
 *******************************************************************************
 * All rights Reserved, Copyright (C) www.gm-sz.com 2013
 * FileName: layout.css
 * Modify record:
 * NO. |     Date       |    Version      |    Name         |      Content
 * 1   | 2013-11-06     |       1.0       |  GMSZ)GuoRuofei | original version
 *******************************************************************************
 */
@CHARSET "UTF-8";

/* 页头 */
.lay-header{/*background:url("image/bg5.png") repeat-x;*/ background-color:#1970a9;border-bottom:1px solid #3990c9}
.lay-header-brand{padding:15px 0;font-size:20pt;text-decoration:none;color:#FFF;}

.lay-header-point{padding:15px 10px;font-size:13pt;text-decoration:none;color:#eee;}
.lay-header-currpoint{display:inline;color: #fff;cursor: pointer;font-size: 15px;line-height: 15px;margin-left: 30px;}
.lay-header-logo{margin-right: 0px;margin-left: 4px;}
.lay-header-avatar{padding:10px 15px !important;}
.lay-header-notice-panel{width:300px;padding:0;}
.lay-header-notice-panel .list-group-item-heading{display:block;}
.lay-navbar-nav{list-style: none;}


/* 左边栏 */
.lay-left-bar{background-color:#9fbcd8;min-height:100%;position:relative;}
.lay-left-up{height:18px;top:0;position:absolute;width:100%;z-index:1;}
.lay-left-down{height:18px;bottom:0;position:absolute;width:100%;z-index:1;}
.lay-left-up[disabled],
.lay-left-down[disabled]{opacity:1;pointer-events:auto;}
.lay-left-item{position:relative;width: 150px;border-bottom:1px solid #FFFFFF;}
.lay-left-menu{text-align:left;font-size:12px;padding:0 0 0;display:block;margin-bottom:1px;background-color:#9fbcd8;
	height:40px;color: #333;}
.lay-left-menu:hover{background-color:#9fbcd8;text-decoration:none;color: #333}
/*.lay-left-menu.com-active{background-color:#FFFFFF;color:#000;}*/
.lay-left-menu.com-active{background:#9fbcd8 url(../../page/images/icon/icon_off_00.png) no-repeat right;color:#333;border-left: 4px solid  #4296f5;}
.lay-left-menu.com-noactive{border-left: 4px solid  #9fbcd8;}

.lay-left-menu.com-menu{background:rgb(82, 147, 211);color:#fff;}

.lay-left-menu-img{height:17px;width:17px;display:block;margin:12px 0  0 8px;position: absolute;index:-1}
.lay-left-menu-img2{}
.lay-left-menu-text-first{display:inline-block;margin-top: 12px;width: 120px;text-align:left;padding-left:33px;font-weight:bold}
.lay-left-menu-text{display:inline-block;margin-top: 12px;width: 120px;padding-left:33px;}
.lay-left-remind{position:absolute;top:5px;right:5px;width:18px;height:18px;font-size:18px;color:#666;}
.lay-left-remind.active{color:red;}
.lay-left-remind.active.flicker{
	animation: colorFlicker 1.5s linear 0s infinite alternate;
	-moz-animation: colorFlicker 1.5s linear 0s infinite alternate;	/* Firefox */
	-webkit-animation: colorFlicker 1.5s linear 0s infinite alternate;	/* Safari 閸滐拷 Chrome */
	-o-animation: colorFlicker 1.5s linear 0s infinite alternate;	/* Opera */
}
.lay-left-remind .popover{left:18px;font-size:10pt;line-height:1.2;}
.lay-left-remind:hover .popover{display:block;}
.lay-left-remind .popover-content{width:170px;}
.lay-left-bar .list-group{margin:0;}

/* 右边栏 */
/*bootstrap .modal-backdrop 是1030 所以lay-right-bar z-index 要提升到1040 才能使bootstrap的模式窗口在最前面*/
.lay-right-bar{width:450px;position:fixed;top:50px;right:0;bottom:1px;background-color:#fff;display:none;z-index:1040;
	border:1px solid #a7a7a7;border-radius:5px 0 0 5px;}
.lay-right-bar.com-active{display:block;}
.lay-right-bar-header{padding-right:25px;}
.lay-right-bar-body{position:absolute;top:41px;left:0;right:0;bottom:0;overflow:auto;}
.lay-right-bar.large{width:900px;}

/* 包裹页面内容的容器，为固定的页头及左边栏留空 */
.lay-wrap{margin-top:50px;width:auto;position:relative;}

/* 主内容区 */
.lay-main{min-height:650px;position:relative;padding:10px 0px 24px 0px;background-color:#fff;width:auto;margin-left:150px;float:none;z-index: 0;background-color:#7f8c8d}

.lay-main-wide{min-height:400px;position:relative;padding:20px 15px 70px;background-color:#f5f5f5;width:auto;float:none;}

.lay-left{position:fixed;top:52px;bottom:0;left:0;padding:0;z-index:1;padding:20px 0;width:150px;overflow:hidden}

/* 功能一级菜单 */
.lay-menu{padding:25px 20px;}

.lay-left-menu-wide {background: #101116 url(../../page/images/new/icon_on_23.png) no-repeat center;border: 0}
.lay-left-menu-narrow{background: #101116 url(../../page/images/new/icon_on_24.png) no-repeat center;border: 0}
/* 功能二级菜单 */
.lay-sub-menu{position:absolute;top:10px;right:-170px;width:170px;list-style:none;height: 100%;background: #eeeff4;padding-top: 10px}

/* 页脚 */
.lay-footer{text-align:center;padding:10px 0;clear:both;color:#333;background-color:#BFE1FD; position:fixed;bottom:0;left:0;right:0; }

.lay-error-wrap{margin:0 auto;min-height:200px;padding:20px 0;width:700px;color:#333;}
.lay-error-title{font-size:20pt;font-weight:bold;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;color:#fff;}


.lay-head-point{z-index: 999;display: none; }
.lay-head-point-bg{height:280px;}
.lay-head-point-bg,.lay-head-point-menu {width: 100%; position:absolute;right:0px;top:61px;}
/*.lay-head-point-bg {background-color:#FFF;filter:alpha(opacity:80);opacity:0.8; }*/
.lay-head-point-menu {padding: 0 90px 0 90px;}
.lay-head-point-menu-item{float: left;width:240px;  background-color:#FFF;color: #9a966a;margin-bottom:5px;margin-right:5px; height: 30px;line-height: 30px;border: 1px solid;text-align: center;cursor: pointer;}