/* CSS common */
html{
    position:relative;
    min-height:100%;
}
a {
    cursor: pointer;
}

body {
     margin: 5px;
}

.titleColor {
    color: #333333;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.leftWidth {
    width: 20%;
}

.rightWidth {
    width: 80%;
}

.tableWidth10 {
width: 10%;
}
.tableWidth15 {
    width: 15%;
}
.tablebgcolor {
    background-color:#f2f2f2;
}


/* 分页控件样式*/
#AspNetPager1 > .paginator {
    width: auto !important;
}

#AspNetPager1 > .paginator:first-child {
    margin-right: 20px;
}

#AspNetPager1 > .paginator:last-child {
    text-align: right !important;
}

.paginator {
    font: 11px Arial, Helvetica, sans-serif;
    margin: 0px;
}

.paginator a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}
/*
.paginator .cpb {
    background-color: #009688;
    color: #ffffff;
    border-color: #009688;
}
*/
.paginator > span:not(.cpb) {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
}
/*
.paginator a:hover {
    color: #009688;
}
*/

.paginator a[disabled="disabled"] {
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}

/* 分页控件样式2*/
#AspNetPager1 > .paginator2 {
    width: auto !important;
}

#AspNetPager1 > .paginator2:first-child {
    margin-right: 20px;
}

#AspNetPager1 > .paginator2:last-child {
    text-align: right !important;
}

.paginator2 {
    font: 11px Arial, Helvetica, sans-serif;
    margin: 0px;
}

.paginator2 a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
}

.paginator2 .cpb {
    background-color: #3281CB;
    color: #ffffff;
    border-color: #3281CB;
}

.paginator2 > span:not(.cpb) {
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
}

.paginator2 a:hover {
    color: #3281CB;
}

.paginator2 a[disabled="disabled"] {
    color: #d2d2d2!important;
    cursor: not-allowed!important;
}





/* 目录树 */
.tree {
    width: 22%;
    overflow: auto;
    float: left;
    clear: right;
    min-Width: 180px;
    min-height: 550px;
    margin-top: 10px;
}

/* common */
/* 兼容ie8不支持栅格化 */
.widthSet {
    width: 33.33%;
}
/* 条件选择框样式 重定义 */
.layui-form-pane label.labelStyle {
    padding: 8px 5px;
    width: 80px;
}

.layui-form-pane .styleReset {
    width: 120px;
    margin-right: 5px;
    top: 0px;
    left: 0px;
    height: 21px;
}

/* 显示页面top部 */
.main_top {
    height: 38px;
    line-height: 38px;
    padding: 6px;
    border-bottom: 1px solid #E6E6E6;
}
/* 显示页面数据选择显示列 */
.main_selectInfo {
    padding: 6px 0;
    border-bottom: 1px solid #E6E6E6;
}

    .main_selectInfo .layui-form-item {
        margin-bottom: 5px;
    }

/* 新增个人信息 */
/*.main_title {
    height: 40px;
    line-height: 40px;
    background: #F2F2F2;
}

.main_title h4 {
    margin-left: 10px;
    font-weight: 600;
}*/

/* div弹出层 */
#dialogWrap {
    display: none;
    border: 6px solid rgba(0,0,0,.3);
    border-radius: 5px;
    height: 70vh;
    width: 70%;
    position: absolute; /*让节点脱离文档流,我的理解就是,从页面上浮出来,不再按照文档其它内容布局*/
    top: 100px; /*节点脱离了文档流,如果设置位置需要用top和left,right,bottom定位*/
    left: 15%;
    z-index: 2; /*个人理解为层级关系,由于这个节点要在顶部显示,所以这个值比其余节点的都大*/
    background: white;
    overflow:auto;
}
#dialogOver {
    opacity: 0.8; /*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/
    filter: alpha(opacity=80);
    display: none;
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right:0;
    z-index: 1;
    background: silver;
}