/*
 * 系统通用css
 */
i, em {font-style:normal;}
ul {list-style:none; padding:0; margin:0;}
mark {background:none;}



.pa-form-label{font-weight: bold;}
.pa-important:before{
    content: "*";
    color: #f00;
}

.pa-column-with-btn{display: flex;justify-content: space-between;}
.pa-column-with-btn>:first-child{width: calc(100% - 60px - 10px);}
.pa-column-with-btn>:last-child{width: 60px;}


.pa-field-panel input{
    height: 28px;
    line-height: 24px;
    padding: 2px 3px;
}


.pa-field-panel select{
    height: 28px;
    line-height: 24px;
    padding: 2px 3px;
}

.com-dialog{
    background: white;
    border: 2px solid #606f82;
    border-radius: 7px !important;
    -moz-box-shadow: 2px 2px 10px #96b5dd;
    -webkit-box-shadow: 2px 2px 10px #96b5dd;
    box-shadow: 2px 2px 10px #96b5dd !important;
}
.com-dialog .layui-layer-title{
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 7px 7px 0 0 !important;
    background-color: #487AB7 !important;
    color:#ffffff;
    font-family:"Microsoft Yahei";
    text-align: left;
}
.com-dialog .layui-layer-setwin{
    top: 10px !important;
}
.com-dialog-shade{
    background-color: initial !important;
    opacity: 1 !important;
    background: url(../../images/folder_hei.png);
}

.pa-btn{color: #409EFF;cursor: pointer;}
.pa-btn:hover{color: #66B1FF;}

.ucPageBox{line-height: 28px;padding:2px 0;text-align: right;}
.ucPageBox>*{
    display: inline-block!important;
    margin-left: 8px;
    color: #666;
    font-size:13px!important;
}
.ucPageBox .filp{
    background-color: #409EFF;color:#ffffff;
    display: inline-block;
    padding: 0 8px;
    border-radius: 2px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    user-select: none;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.ucPageBox .filp.dis{
    background-color: #F4F4F5;color:#606266;
}
.ucPageBox input{
    width: 50px;
}
.ucPageBox select{
    width: 83px;
}
.ucPageBox input,.ucPageBox select{
    height: 28px;
    padding: 2px 5px;
}


.radio_items label{font-weight:normal;padding:0 10px 0 20px;position:relative;}
.radio_items label input{position:absolute;top:50%;transform:translateY(-50%);left:5px;margin-top:0;}


.pa-field-error.important{
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    text-align: left;
    line-height: 24px;
    padding:0 0 0 10px;color:#f00;
}



.czw-loading {
    position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;z-index:1010;
}
.loading_overlayer_czw {
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    filter: alpha(opacity=60);
    opacity: .01;
    background:#000;
    z-index:1000;
}
.loading_show_czw {
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1010;
    vertical-align: middle;
}
.loading_image_czw {
    position: fixed;
    background:url(../../../js/layer/skin/default/loading-0.gif) no-repeat;
    width:60px;
    height:60px;
    left:50%;
    top:50%;
    margin-left:-30px;
    margin-top:-30px;
}





.notify-container {
    text-align: initial;
    width: auto;
    z-index: 10000000;
    box-sizing: border-box;
}


* html .notify-container {
    position: absolute;
}

.notify-item {
    height: auto;
    background: #333;
    /*opacity: 0.9;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #eee;
    padding: 15px 15px 15px 20px;
    font-family: lucida Grande;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #999;
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    min-width: 380px;
    margin-top: -25px;
}

.notify-item p {
    text-align: left;
    /*margin-left: 50px;*/
    /*margin-right: 40px;*/
    /*padding-top:10px;*/
}

.notify-item-close {
    background:url(../img/close.gif);
    width:22px;
    height:22px;
    position: absolute;
    top:7px;
    right:7px;
}

.notify-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}



/**
 * notify types
 *
 * pattern: notify-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.notify-type-notice {
    color: white;
}

.notify-type-success {
    color: white;
}

.notify-type-warning {
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #E6A23C;
}
.notify-type-success {
    background-color: #F0F9EB;
    border-color: #E1F3D8;
    color: #67C23A;
}
.notify-type-info {
    background-color: #EDF2FC;
    border-color: #EBEEF5;
    color: #909399;
}

.notify-type-error {
    background-color: #FEF0F0;
    border-color: #FDE2E2;
    color: #F56C6C;
}

/**
 * positions
 *
 * pattern: notify-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.notify-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.notify-position-top-center {
    position: fixed;
    top: 36px;
    left: 50%;
    -webkit-transform:translateX(-50%);transform:translateX(-50%);
}

.notify-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.notify-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.notify-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.notify-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.p1_upload_div h3{height:40px;color:#fff;background:#437bcf;font-size:16px;line-height:40px;padding-left:20px;}
.p1_upload_div em{display:block;width:80%;margin:15px 0 0 20px;height:14px;border-radius:20px;background:#e6e6e6;position:relative;}
.p1_upload_div em i{position:absolute;display:block;height:100%;left:0;top:0;background:#47b55a;border-radius:20px;}
.p1_upload_div em span{position:absolute;right:-52px;top:-3px;font-style:normal;}



.czw-upload-file-list{padding-left: 10px;font-size: 14px;}
.czw-upload-file-list span{color:#005FD3;cursor:pointer;}
.czw-upload-file-list span i{margin-left:5px;color:#ff2a2a;}


.czw-form{font-size: 14px;}
.czw-form-rows{color:#666666;}
.czw-form-rows>div{line-height: 28px;padding: 8px 0;}
.czw-form-el-label{text-align: right;font-weight: bold;padding: 0 5px;}




.pa-field-content .form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.pa-field-content .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.pa-field-content textarea.form-control {
    height: auto;
}
.pa-field-content .form-control[disabled],.pa-field-content .form-control[readonly] {
    background-color: #eee!important;
    opacity: 1;
}
.pa-field-content .form-control.Wdate {
    /*background:url(../../../../unieap/pages/workflow/js/Calendar/skin/datePicker.gif) no-repeat right;*/
    background:url(../../../../tzxmweb/pages/buildInfo/images/calendar.gif) no-repeat right;
}


.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    cursor: pointer;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.webuploader-pick-hover {
    /*background: #00a2d4;*/
}
.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}
.czw-atts-btn-upload{padding: 0 10px !important;height: 30px;line-height: 28px;}
.czw-atts-btn-upload .webuploader-container label{margin-bottom: 0;}
.czw-atts-btn-upload{position: relative;}
.czw-atts-btn-upload>div{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.czw-atts-btn-upload>div>div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.czw-alert{
    text-align: initial;
}