#mainContent {
    /*padding: 2%;*/
    font-size: 12px;
}

input {
    width: 145px;
    padding: 2px;
    height: 25px;
    border: 1px solid #999;
    border-radius: 5px;
}

textarea {
    width: 420px;
    padding: 2px;
    height: 50px;
    border: 1px solid #999;
    border-radius: 5px;
}

select {
    width: 150px;
    padding: 2px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 5px;
}

table tr td {
    height: 40px;
    font-size: 13px;
}

.left {
    text-align: left;
}

.right {
    width: 90px;
    text-align: right;
}

.editer {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 5px 10px;
    background: #ceccc8;
}

.buttonA {
    text-align: center;
    margin: auto;
    background: #559efe;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    border: 0px;
    width: 60px;
}

.input-checkbox {
    width: 15px;
    padding: 2px;
    height: 15px;
    vertical-align: -3px;
}

.dialog-btn {
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .dialog-btn input {
        width: 45px;
        height: 30px;
        color: #fff;
        border-radius: 5px;
        margin: 20px 12px 10px;
        border: 0 none;
    }

.btn-save {
    background-color: #f8b551;
}

    .btn-save:hover {
        cursor: pointer;
    }

.btn-cancel {
    border: 1px solid #f8b551;
    background-color: #cccccc;
}

    .btn-cancel:hover {
        cursor: pointer;
    }

.rolecheckbox {
    display: inline-block !important;
    width: 30%;
    margin-top: 6px;
}

.listcheckbox {
    width:40px;
    height:14px;
}

.imgShow {
    display: inline-block !important;
    width: 90%;
    margin-top: 3px;
}

.showImages {
    /*display: inline-block !important;*/
    width: 24%;
    margin-top: 5px;
    float: left;
}

.showAddImage {
    display: inline-block;
    /*position: relative;
    top: -50px;*/
    height: 100px;
    width: 24%;
    margin-left: 15px;
}

.btn-add {
    line-height: 20px;
    height: 20px;
    width: 84px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 0 none;
    color: #3fa4eb;
    background: none;
}

    .btn-add.btn-add-icon {
        background: url('../images/add.png') no-repeat left center;
        background-size: 12px 12px;
        padding-left: 15px;
        width: auto;
    }

.btn-add.btn-dd-icon {
    background: url('../images/add.png') no-repeat;
    padding-left: 15px;
}

/*动态表格列表*/
.table-list {
    margin: 10px 0 0;
    padding: 0 10px;
}
.table-list table {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d3dae3;
    border-right: 1px solid #d3dae3;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.table-list table thead {
    background-color: #ebebeb;
    font-size: 13px;
}

.table-list table td, .table-list table th {
    position: relative;
    border: 1px solid #cccccc;
    border-right: 0 none;
    border-bottom: 0 none;
    padding: 5px 5px;
    word-break: break-all;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: normal;
}

.table-list table th {
    white-space: nowrap;
    padding: 8px 5px;
}

.table-list table tr:hover {
    background-color: #f4f7f9;
}

.btn-table-handle {
    height: 22px;
    line-height: 22px;
    background: none;
    border-radius: 2px;
    border: 0 none;
    padding: 0 4px;
    margin: 3px;
    color: #d60202;
}

.btn-table-handle:hover { /*background:#ee9912;*/
    text-decoration: underline;
}

.upfile-info {
}

.upfile-info .edging {
    width: 100%;
}

.upfile-info .edging td {
    padding: 0 10px;
    line-height: 30px;
}

.upfile-info .edging td label, .upfile-info .edging td .ipt {
    float: left;
    display: inline;
}

.upfile-info .edging td label {
    text-align: right;
    min-width: 0;
}
.upfile-info input {
    width:98%;
}
/*动态表格列表*/
.tdmore {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

/**上传图片 CSS Start**/
.addImageUrl {
    width: 50px;
    height: 50px;
    position: relative;
    left: 90px;
    top: 40px;
}

.closer {
    position: relative;
    top: -100px;
    left: 90px;
    cursor: pointer;
    width: 10px;
    height: 10px;
}

.imageDiv {
    width: 100px;
    height: 100px;
    position:relative;
}
    .imageDiv .runningTimeDiv {
    position:absolute;
    height:30px;line-height:30px;
    color:#fff;
    opacity:0.7;
    width:100%;
    text-align:center;
    bottom:0;
    background:#000;
    }
.runningTimeDiv font {
    margin: 0 2px;
    font-weight: 400;
}

.showurl {
    width: 100px;
    height: 100px;
    cursor: pointer;
    background: #ececec;
    text-decoration: none;
    color: #666;
    display: inline-block;
}

.grow {
    transition-duration: .3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

    .grow:hover {
        transform: scale(1);
        opacity: 0.5;
        filter: Alpha(opacity=50);
    }
/**上传图片 CSS End**/

[v-cloak] {
  display: none;
}

/**解决el-table 在chrome浏览器中列错位的问题 CSS End**/

body .el-table th.gutter {
    display: table-cell !important;
}

body .el-table colgroup.gutter {
    display: table-cell !important;
}

/*只读字段，控件内容改为高亮显示 2019/12/30 14:39 ZMZ修改，只读字段与需求确认显示成纯黑色 */
[disabled=disabled].el-input__inner, [disabled=disabled].el-textarea__inner {color: #000 !important;}

/*工单状态颜色（0:待响应1草稿2等待批准3不批准4等待执行 5处理中 6等待物料 7等待现场条件 8已处理(待验收) 10已处理(验收通过) 9已处理（验收不通过）） CH新增*/
.BillStatusNotData {
    background-color: #909399 !important;
    color: #fff !important;
    border-color: #909399 !important;
    border: 1px solid #909399 !important;
    border-radius: 1px !important;
}
.BillStatus0 {
    background-color: #FFF6E9 !important;
    color: #F89005 !important;
    border-color: #F89005 !important;
    border: 1px solid #F89005 !important;
    border-radius: 1px !important;
}
.BillStatus1 {
    background-color: #FFF6E9 !important;
    color: #F89005 !important;
    border-color: #FFF6E9 !important;
    border: 1px solid #F89005 !important;
    border-radius: 1px !important;
}
.BillStatus2 {
    background-color: #E8F6FF !important;
    color: #1DA5FF !important;
    border-color: #E8F6FF !important;
    border: 1px solid #1DA5FF !important;
    border-radius: 1px !important;
}
.BillStatus3 {
    background-color: #FFE4E3 !important;
    color: #FF4353 !important;
    border-color: #FFE4E3 !important;
    border: 1px solid #FF4353 !important;
    border-radius: 1px !important;
}
.BillStatus4 {
    background-color: #E8F6FF !important;
    color: #1DA5FF !important;
    border-color: #E8F6FF !important;
    border: 1px solid #1DA5FF !important;
    border-radius: 1px !important;
}
.BillStatus5 {
    background-color: #DCF1FF !important;
    color: #0075F7 !important;
    border-color: #DCF1FF !important;
    border-radius: 1px !important;
    border: 1px solid #0075F7 !important;
}
.BillStatus6 {
    background-color: #E8F6FF !important;
    color: #1DA5FF !important;
    border-color: #E8F6FF !important;
    border: 1px solid #1DA5FF !important;
    border-radius: 1px !important;
}
.BillStatus7 {
    background-color: #E8F6FF !important;
    color: #1DA5FF !important;
    border-color: #E8F6FF !important;
    border: 1px solid #1DA5FF !important;
    border-radius: 1px !important;
}
.BillStatus8 {
    background-color: #FFF7EF !important;
    color: #F89005 !important;
    border-color: #FFF7EF !important;
    border: 1px solid #F89005 !important;
    border-radius: 1px !important;
}
.BillStatus9 {
    background-color: #FFE4E3 !important;
    color: #FF4353 !important;
    border-color: #FFE4E3 !important;
    border: 1px solid #FF4353 !important;
    border-radius: 1px !important;
}

.BillStatus10 {
    background-color: #E4FFEF !important;
    color: #0EAD6A !important;
    border-color: #E4FFEF !important;
    border: 1px solid #0EAD6A !important;
    border-radius: 1px !important;
}

.BillStatus11 {
    background-color: #FFE4E3 !important;
    color: #FF4353 !important;
    border-color: #FFE4E3 !important;
    border-radius: 1px !important;
    border: 1px solid #FF4353 !important;
}

.BillStatusDefault {
    background-color: #FFF6E9 !important;
    color: #F89005 !important;
    border-radius: 1px !important;
    border-color: #F89005 !important;
    border: 1px solid #F89005 !important;
}

.BillStatus12 {
    background-color: #CCCCCC !important;
    color: #424242 !important;
    border-radius: 1px !important;
    border-color: #424242 !important;
    border: 1px solid #424242 !important;
}

/*隐患整改*/
.hiddenDangerStatus1 {
    background-color: #FFDFE2 !important;
    color: #FF4353 !important;
    border-color: #FFDFE2 !important;
}
.hiddenDangerStatus2 {
    background-color: #E4FFEF !important;
    color: #0EAD6A !important;
    border-color: #E4FFEF !important;
}


/*华南无机盐 进行中、（已暂停、未开始、草稿）、已完成、已终止=>123456*/
.HNWJYStatus0 {
    background-color: rgba(255,246,233,1) !important;
    color: #F89005 !important;
    border-color: rgba(255,246,233,1) !important;
}

.HNWJYStatus1 {
    background-color: rgba(226,243,255,1) !important;
    color: #1AA9FC !important;
    border-color: rgba(226,243,255,1) !important;
}

.HNWJYStatus2 {
    background-color: rgba(228,255,239,1) !important;
    color: #0EAD6A !important;
    border-color: rgba(228,255,239,1) !important;
}

.HNWJYStatus3 {
    background-color: rgba(255,223,226,1) !important;
    color: #FF4353 !important;
    border-color: rgba(255,223,226,1) !important;
}

.sad-theme {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grey;
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.fontColor {
    color: red;
}

.nodata {
    display: flex;
    height: 300px;
    justify-content: center;
    align-items: center;
    color: #999;
}