@charset"utf-8";

/*html, body {
    font-family: arial, "Hiragino Sans GB", "Microsoft Yahei", '微软雅黑', '宋体', Tahoma, Arial, Helvetica, sans-serif !important;
}*/
* {
    scrollbar-face-color: #F3F3F3;
    /*面子*/
    scrollbar-arrow-color: #C0C0C0;
    /*箭头*/
    scrollbar-3dlight-color: #C0C0C0;
    /*最外左*/
    scrollbar-highlight-color: #FFFFFF;
    /*左二*/
    scrollbar-shadow-color: #FFFFFF;
    /*右二*/
    scrollbar-darkshadow-color: #C0C0C0;
    /*右一*/
    scrollbar-track-color: #F3F3F3;
    /*滑道*/
}

body {
    background-color: #fff !important;
    padding-top: 5px;
}

/*滚动条整体*/
::-webkit-scrollbar {
    width: 15px;
    /*滚动条宽度*/
    height: 15px;
}

.resetPasswordTip {
    margin-left: 61px;
    font-size: 14px;
    color: #999;
}

/*滚动条按钮*/
::-webkit-scrollbar-button {}

::-webkit-scrollbar-track {
    background-color: #F3F3F3;
    /*滑道全部*/
}

::-webkit-scrollbar-track-piece {
    background-color: #F3F3F3;
    /*滑道*/
    -webkit-border-radius: 0px;
    /*滑道圆角宽度*/
}

::-webkit-scrollbar-thumb {
    background-color: #F3F3F3;
    /*滑动条表面*/
    border: solid 1px #C0C0C0;
    /*滑动条边框*/
    border-radius: 0px;
    /*滑动条圆角宽度*/
}

/*横竖滚动条交角*/
::-webkit-scrollbar-corner {
    background-color: #F3F3F3;
}

/*横竖滚动条交角图案*/
::-webkit-resizer {
    /*background-image: url(/public/img/resizer-inactive.png);*/
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*鼠标滑过滑动条*/
::-webkit-scrollbar-thumb:hover {
    background-color: #F3F3E0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.page-content {
    padding: 0 8px 5px 8px !important;
}
.pagePadding{
    padding: 0 8px 0 8px
}
.pageMargin{
    margin: 0 8px 0 8px
}
.search_layout {
    padding-top: 8px;
    padding-bottom: 10px;
}

.search_layout .tableTools-container {
    padding: 0px;
    margin: 0 20px;
    line-height: 32px;
}

.search_layout .tableTools-container a {
    color: #666;
    font-size: 14px;
    margin: 0 5px;
    text-decoration: none;
    cursor: pointer;
}

.search_layout .tableTools-container i {
    margin: 0 5px;
}

#searchCondition {
    font-size: 13px;
}

.dataTables_wrapper {
    border: 1px solid #ddd;
}

.dataTables_wrapper,
.dataTables_wrapper tr,
.dataTables_wrapper .dataTable_thead>tr {
    color: #666;
}

.dataTables_wrapper table td {
    white-space: nowrap;
    max-width: 250px;
}

@media (min-width: 1300px) {
    .dataTables_wrapper table td {
        white-space: nowrap;
        max-width: 350px;
    }
}

@media (max-width: 1280px) {
    .hidden1280 {
        display: none !important;
    }
}

.dataTable_thead th {
    text-align: center;
    white-space: nowrap;
}

.dataTables_info {
    line-height: 14px;
    font-size: 14px;
}

.dataTables_paginate {
    text-align: right;
}

.dataTables_paginate .pagination {
    margin: 0 12px;
    top: -3px;
    position: relative;
}

.dataTables_wrapper label {
    display: inline-block;
    font-size: 13px;
}

.dataTables_wrapper .row {
    margin: 0 !important;
}

/*.tableContent{
	position: relative;
}*/
.dataTables_wrapper .row:first-child {
    /*display: none;*/
    /*padding-top: 12px;
    padding-bottom: 12px;*/
    background-color: #EFF3F8;
}

.dataTables_wrapper .row:first-child+.dataTable {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.dataTables_wrapper .row:last-child {
    /*border-bottom: 1px solid #e0e0e0;*/
    padding-top: 8px;
    padding-bottom: 8px;
    /*background-color: #EFF3F8;*/
}

.dataTables_wrapper .dataTables_scroll+.row {
    margin-top: -1px !important;
    border-top: 1px solid #e0e0e0;
}

.dataTable {
    margin-bottom: 0;
}

.dataTable>thead>tr>th {
    color: #666;
}

.dataTable>thead>tr>th[class*=sort] {
    cursor: pointer;
}

.dataTable>thead>tr>th[class*=sort]:after {
    /*     float: right;*/
    /*     letter-spacing:3px;
 */
    display: inline;
    content: "\f0dc";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    color: #666;
    width: 0px;
}

.dataTable>thead>tr>th[class*=sort]:hover {
    color: #547EA8;
}

.dataTable>thead>tr>th[class*=sorting_] {
    /*color: #307ECC;*/
}

/*.dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
    background-image: -webkit-linear-gradient(top, #EFF3F8 0%, #E3E7ED 100%);
    background-image: -o-linear-gradient(top, #EFF3F8 0%, #E3E7ED 100%);
    background-image: linear-gradient(to bottom, #EFF3F8 0%, #E3E7ED 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
}*/
.dataTable>thead>tr>th.sorting_desc:after {
    content: "\f0dd";
    top: -6px;
    color: #307ECC;
}

.dataTable>thead>tr>th.sorting_asc:after {
    content: "\f0de";
    top: 4px;
    color: #307ECC;
}

.dataTable>thead>tr>th.sorting_disabled {
    cursor: inherit;
}

.dataTable>thead>tr>th.sorting_disabled:after {
    display: none;
}

.dataTables_scrollHead+.dataTables_scrollBody>.dataTable>thead>tr>th:after {
    display: none;
}

.dataTables_scrollHeadInner {
    width: auto !important;
}

.dataTables_scrollHeadInner>.dataTable>thead>tr>th {
    border-bottom-width: 0 !important;
}

.dataTables_borderWrap .dataTables_scrollBody,
.dataTables_borderWrap .dataTables_scrollHead {
    border: 1px solid #ddd !important;
    border-width: 0 1px !important;
}

.dataTables_borderWrap .dataTables_scrollBody .table-bordered,
.dataTables_borderWrap .dataTables_scrollHead .table-bordered {
    border-left-width: 0;
    border-right-width: 0;
}

.dataTables_borderWrap .dataTables_scrollBody .table-bordered>thead>tr>th:first-child,
.dataTables_borderWrap .dataTables_scrollHead .table-bordered>thead>tr>th:first-child,
.dataTables_borderWrap .dataTables_scrollBody .table-bordered>tbody>tr>td:first-child,
.dataTables_borderWrap .dataTables_scrollHead .table-bordered>tbody>tr>td:first-child {
    border-left-width: 0;
}

.dataTables_borderWrap .dataTables_scrollBody .table-bordered>thead>tr>th:last-child,
.dataTables_borderWrap .dataTables_scrollHead .table-bordered>thead>tr>th:last-child,
.dataTables_borderWrap .dataTables_scrollBody .table-bordered>tbody>tr>td:last-child,
.dataTables_borderWrap .dataTables_scrollHead .table-bordered>tbody>tr>td:last-child {
    border-right-width: 0;
}

table.dataTable {
    clear: both;
    max-width: none !important;
}

table.dataTable th:active {
    outline: none;
}

div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 100% !important;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

.dt-buttons {
    display: inline-block;
}

#searchConditionDiv .dropdown-menu {
    width: 350px;
    /*position: absolute;*/
    /*margin-left: 300px;*/
}

.ng-modal-dialog .dataTables_wrapper {
    margin: 0;
}

.mainbg_white {
    background-color: #ffffff !important;
}

.base-nav-tabs {
    padding-left: 20px !important;
    margin-left: 0px !important;
}

.commonTable {
    border: 1px solid #d4d8e7 !important;
    border-radius: 5px;
    position: relative;
}

.fixedTr {
    position: absolute;
    top: 0;
    left: 0;
    height: 51px !important;
    line-height: 51px !important;
    width: 100%;
    font-size: 0;
    z-index: 2;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.tableThHead {
    font-size: 12px;
    color: #666666;
    text-align: center;
}

.dataTables_scrollHead .commonTable {
    /*border-bottom: 0px !important;*/
}

.commonTable thead tr {
    background: #ffffff !important;
    color: #666 !important;
    border: 0 !important;
    border-bottom: 1px solid #d4d8e7 !important;
}

.commonTable thead tr th {
    /*background-color: #ffffff !important;*/
    border: 0 !important;
}

.commonTable tbody tr {
    /*border-top: 1px solid #d4d8e7 !important;*/
    /*background-color: #ffffff !important;*/
    /*border: 0 !important;*/
}

.commonTable>tbody>tr:nth-of-type(odd) {
    background-color: white;
}

.commonTable>tbody>tr:nth-of-type(even) {
    background-color: #f9faff;
}

.commonTable>tbody>tr.trOdd {
    background: #f9faff;
}

.commonTable>tbody>tr.trEven {
    background: white;
}

.commonTable>tbody>tr.odd {
    background: #f9faff;
}

.commonTable>tbody>tr.even {
    background: white;
}

.commonTable tbody tr td {
    padding: 0px 8px !important;
    border: 0 !important;
}

.dataTables_scrollBody table thead {
    /*display: none;*/
}

#dataTable .tbody tr:hover,
#dataTable #tbody tr:hover,
.commonTable tbody tr:hover,
.dataTables_wrapper .dataTables_scrollBody table tr:hover,
.commonTable .tbody tr:hover,
#f7DataTable .tbody tr:hover {
    background: #ddf3ff;
}

#dataTable .formTableStyle tr:hover {
    background: #f9faff !important;
}

div.rowbox,
div.rowbox-sm {
    zoom: 1;
    overflow: hidden;
    letter-spacing: 0px;
    padding: 2px 12px 2px 0px;
}
.k_searchWrap .rowbox,
.k_searchWrap .rowbox-sm{
    padding: 0;
}

.rowbox .row-left {
    font-size: 12px;
    width: 82px;
    float: left;
    line-height: 26px;
    color: #888;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

@media only screen and (max-height:768px) {
    .rowbox div.row-left {
        line-height: 26px;
    }

    .rowbox div.row-right {
        font-size: 12px !important;
        line-height: 26px;
    }

    .rowbox-sm div.row-left {
        font-size: 12px !important;
        line-height: 24px;
    }

    .rowbox-sm div.row-right {
        min-height: 24px;
        line-height: 24px;
        font-size: 12px !important;
    }
}

.rowbox.heightAuto,
.rowbox-sm.heightAuto {
    overflow: initial;
}

.rowbox.heightAuto .row-right,
.rowbox-sm.heightAuto .row-right {
    height: initial;
}

.formItemList.rowbox .row-right{
    margin-left: 86px;
    color: #888;
    line-height: 24px;
    height: auto;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
}
.rowbox .row-right {
    margin-left: 86px;
    color: #555;
    line-height: 24px;
    height: 24px;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
}

.rowbox-sm .row-left {
    font-size: 12px;
    width: 70px;
    float: left;
    line-height: 24px;
    color: #888;
    text-align: right;
    vertical-align: middle;
}

.rowbox-sm .row-right {
    margin-left: 84px;
    min-height: 24px;
    line-height: 24px;
    color: #555;
    font-size: 12px;
    font-weight: normal;
    vertical-align: middle;
}
.warnStatus{
    color:#F75C5C
}
.aform-btn,
.aform-btn-sm,
.btn-vice {
    margin: 0 10px;
    height: 28px;
    min-width: 78px;
    padding: 0px 10px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #ffffff;
    background-color: #00a8ff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    border: 0px;
    display: inline-block;
}

.hollow-aform-btn-sm {
    margin-right: 4px;
    height: 26px;
    min-width: 48px;
    line-height: 26px;
    padding: 0px 10px;
    text-align: center;
    font-size: 13px;
    color: #00a8ff;
    background-color: white;
    border: 1px solid #00a8ff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
}

div.btn-vice {
    color: #00a8ff;
    background-color: white;
    border: 1px solid #00a8ff;
}

.aform-btn-sm,
.btn-vice {
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    font-size: 12px;
}

.aform-btn:hover {
    text-decoration: none;
    background-color: #0097e5;
}

.aform-btn-sm-l {
    min-width: 40px;
    margin-right: 0;
}

.aform-btn-sm-r {
    width: 30px;
    min-width: 30px;
    margin-left: -6px;
}

.aform-disablebtn:focus,
.aform-btn:focus {
    box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1) !important;
}
.aform-disablebtn {
    margin: 0 10px;
    height: 26px;
    width: 78px;
    text-align: center;
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #666;
    border: solid 1px #D4D8E7;
}

.aform-disablebtn:hover {
    text-decoration: none;
    color: #00a8ff !important;
    background: #f1f3fa;
    /*background-color: #ccc;*/
}
.aform-cancelbtn-sm{
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    font-size: 12px;
    margin: 0 10px;
    width: 78px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #666;
    border: solid 1px #D4D8E7;
}
.aform-cancelbtn {
    font-size: 16px;
    text-decoration: none;
    height: 34px;
    line-height: 32px;
    margin-right: 10px;
    background-color: #d4d8e7;
    color: #FFF !important;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    border: 1px solid #d4d8e7;
    border-radius: 2px;
    cursor: pointer;
}

.aform-btn_sm {
    font-size: 12px !important;
    height: 26px !important;
    line-height: 26px !important;
    padding: 0 10px !important;
}

.modal-operation-btn {
    border: 0;
    outline: none;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    background-color: #00a8ff;
    font-size: 14px;
    color: white;
    margin-right: 4px;
    display: inline-block;
    cursor: pointer;
}

.modal-operation-btn:hover {
    background: #0097e5;
}

.editbox {
    width: 300px;
    height: 32px;
    color: #333333 !important;
    line-height: 22px;
    background-color: #FFF;
    padding: 5px 10px 5px 10px !important;
    font-size: 14px;
    background: #fff;
    outline: none !important;
    border: 1px solid #dedede !important;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

.editbox-sm {
    width: 170px;
    height: 24px;
    line-height: 24px;
    color: #333333 !important;
    background-color: #FFF;
    padding: 4px 4px 4px 4px !important;
    font-size: 12px;
    background: #fff;
    outline: none !important;
    border: 1px solid #D4D8E7 !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
}
.row-right .editbox-sm{
    font-size: 12px;
}
@media only screen and (max-height:768px) {
    .editbox-sm {
        height: 24px !important;
        line-height: 24px !important;
        font-size: 12px !important;
    }

    textarea.editbox-sm {
        height: auto !important;
    }

    span.input-icon {
        line-height: 24px !important;
    }

    div.brandHeight {
        height: 26px;
        line-height: 26px;
    }
}

.editbox-xs {
    width: 87px;
    font-size: 13px;
    padding: 5px 3px 5px 3px !important;

}

.editbox-square {
    width: 180px;
    height: 24px;
    color: #333333 !important;
    background-color: #FFF;
    padding: 5px 4px 5px 10px !important;
    font-size: 12px;
    background: #fff;
    outline: none !important;
    border: 1px solid #dedede !important;

}

@media only screen and (max-height: 768px) {
    .editbox-square {
        height: 24px;
    }
}

.input-icon-right .editbox {
    padding: 5px 30px 5px 10px !important;

}

textarea:focus,input.editbox:focus,.searchModule_common input:focus,input.editbox-sm:focus {
    box-shadow: inset 0 0 4px 0 #04a8ff30 !important;
    border: 1px solid #04a8ff !important;
}

/* .input-icon-right .editbox-sm{
    padding: 5px 20px 5px 10px !important;
}
.input-icon-left .editbox{
    padding: 5px 10px 5px 30px !important;

}
.input-icon-left .editbox-sm{
    padding: 5px 6px 5px 30px !important;
} */
.fs10 {
    font-size: 10px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.initbgcolor {
    background-color: #f1f3fa !important;
}

.defaultblue {
    color: #25b3fe !important;
}



.defaultmodal {
    /* padding: 80px 0px; */
    border-radius: 5px;
    margin: 0px auto;
}

.defaultmodal .modal-header {
    line-height: 42px;
    height: 42px;
    background-color: #2386ee;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    padding: 0px;
}

.defaultmodal .modal-header .close {
    width: 24px;
    height: 24px;
    line-height: 42px;
    display: inline-block;
    margin-top: 8px;
    margin-right: 15px;
    background: url(../carfix/imgs/modal_close.png) no-repeat;
    vertical-align: middle;
    cursor: pointer;
    opacity: 1;
}

.defaultmodal .modal-header .close span {
    display: none;
}

.defaultmodal .modal-title {
    font-size: 16px;
    font-weight: bold;
    padding-left: 14px;
    line-height: 42px;
    cursor: move;

}

.defaultmodal .modal-content {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 0px;
}

.defaultmodal .modal-footer {
    text-align: center;
    background-color: #FFF;
    cursor: move;
}

.tableForminfo {
    font-size: 14px;
    border: 1px solid #e3e6f0;
    border-radius: 5px;
    background-color: #FFF;
    padding: 10px 0 10px 20px;
    text-align: left;
    margin-bottom: 12px;
    box-shadow: 0px 5px 5px 0 rgba(52, 136, 201, 0.05) !important;
}

.tableForminfo:hover {
    box-shadow: 0px 5px 5px 0 rgba(52, 136, 201, 0.1) !important;
}

.tableForminfo .info_header {
    line-height: 32px;
}

#repairOrder {
    text-align: justify;
}

/* #repairOrder:before{
    content: "";
    height: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
#repairOrder:after{
    content: "";
    height: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
} */
.tableForminfo .info_content {
    font-size: 0px;
    line-height: 32px;
    margin: 16px 0;
}

.tableForminfo .info_content>div {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.justify_fix {
    display: inline-block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot?v=20250718');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../iconfont/iconfont.woff?v=20250718') format('woff'),
        url('../iconfont/iconfont.ttf?v=20250718') format('truetype'),
        url('../iconfont/iconfont.svg#star') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    user-select: none;
}

.formhead {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
}

::-ms-clear,
::-ms-reveal {
    display: none;
}

.formhead_col-12 {
    padding-bottom: 10px !important;
}

div.pageFooterStyle {
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #F8F9FD;
    border: 1px solid #EAEAEA;
    margin: 0px 8px;
    margin-bottom: 20px;
    font-size: 12px;
}

select,
select.editbox,
select.editbox-sm {
    line-height: 21px;
    border: solid 1px #dedede;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 28px !important;
    background: url(../carfix/imgs/selectUp.png) no-repeat scroll right center transparent !important;
}

.advanceSelect {
    background: white;
    border-radius: 5px;
    width: 178px;
}

/*IE浏览器hack*/
@media screen\0 {
    select,
    select.editbox,
    select.editbox-sm {
        padding-right: 5px !important;
        background: none !important;
    }
}

input[type=text]::-ms-clear,
input[type=tel]::-ms-clear,
input[type=number]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

/*checkbox选择框新样式------------start*/
.checkboxbase {
    display: none;
}
.checkboxbase__Label {
    display: inline-block;
    margin-bottom: 0px;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 1px solid #8F989C;
    border-radius: 2px;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0px;
}
.checkboxbase:checked+.checkboxbase__Label {
    border: 1px solid #00A8FF;
}
.checkboxbase:disabled+.checkboxbase__Label {
    background:rgba(238,238,238,1);
    border:1px solid rgba(212,216,231,1);
    color: #ADB7C2;
}
.checkboxbase:checked:disabled+.checkboxbase__Label {
    background: #00A8FF20;
    border: 1px solid #00A8FF70;
    color: #ADB7C2;
    cursor:initial;
}
.checkboxbase:checked+.checkboxbase__Label:before {
    content: '\2714';
    position: absolute;
    left: 1px;
    top: -2px;
    color: #00A8FF;
    font-size: 12px;
    line-height: initial;
}
.checkboxbase+.check-indeterminate::before {
    content: '\e609';
    position: absolute;
    color: #999;
    font-size: 12px;
    line-height: initial;
}
.checkboxbase:checked:disabled+.checkboxbase__Label:before{
    color: #00A8FF70
}
/*checkbox选择框新样式*-------------end/

/*状态选择样式------------start*/
.searchItemStyle {
    display: inline-block;
}

.searchItemStyle:first-child .selModule {
    margin-left: 0px;
}

.selModule {
    margin: 0 1px;
    height: 22px;
    padding: 0px 4px;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #333;
    border: solid 1px #D4D8E7;
}

.selModule.mlCancel {
    margin-left: -3px;
}

.selModule:hover {
    color: #00a8ff
}

.adSearchOption:checked+.adSearchOptionLabel {
    color: #00a8ff;
    border: 1px solid #00a8ff;
}

.selModule:focus {
    box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.1)
}

.selModule.action {
    color: #00a8ff;
    border: 1px solid #00a8ff;
    background: #F3FBFF;
}

/*状态选择样式------------end*/

/*dataTable搜索查询searchModule样式---------start*/
.k_searchWrap {
    position: relative;
    padding: 0px 10px;
    margin: 0 5px;
    border: 1px solid #eaeaea;
    background-color: #fafafa;
    /*margin-bottom: 10px;*/
    transition: height ease 1s;
    /*box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);*/
    /*margin: 18px 18px 0 18px;*/
}

.k_searchWrap .searchWrap_containCalc {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #999;
    height: 32px;
    /*box-sizing: border-box;*/
    /*padding-right: 15%;*/
    /*font-size: 12px !important;*/
    /*transition: height ease 1s;*/
}

.k_searchWrap .rowbox-sm {
    display: inline-block;
    /*width: 25%;*/
    float: left;
    /*margin-right: 10px;*/
    /* height: auto; */
    line-height: 28px;
}

.k_searchWrap .rowbox-sm.db {
    display: block;
}

.k_searchWrap .rowbox-sm.dn {
    display: none;
}

.k_searchWrap .rowbox-sm .row-left {
    font-size: 12px;
    float: left;
    width: unset;
    min-width: 72px;
}

.k_searchWrap .rowbox-sm .row-right {
    float: left;
    margin-left: 4px;
    height: auto;
    /*margin-right: 26px;*/
}

.k_searchWrap .widthAdapte_advance {

}

.k_searchWrap .rowbox-sm .row-right input {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    width: 170px;
}

.k_searchWrap .searchWrap_Down {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #999;
    cursor: pointer;
}

.searchWrap_up {
    position: absolute;
    bottom: 6px;
    right: 20px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
}
.advanceWrap{
    height: 24px;
    line-height: 24px;
    background: #00a8ff;
    border-radius: 2px;
    border: 1px solid #00a8ff;
    color: white;
    padding: 0px 8px 0px 10px;
    display: inline-block;
}
.advanceWrap>.advSearchButton{
    font-size: 12px;
}
.advanceButton {
    position: absolute;
    right: 14px;
    top: 2px;
    transition: height ease 1s;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
}
.advanceButton .advButtonList{
    background: transparent;
    line-height: initial;
    outline: none;
    border:none;
    display: inline-block;
    vertical-align: text-top;
}
.advanceButton .aform-btn {
    padding: 0;
    margin: 0;
    min-width: 68px;
}

.advanceButton .search-way-list {
    position: relative;
    top: 0px;
    left: -25px;
    background-color: white;
    border: 1px solid #dedede;
    border-radius: 4px;
    z-index: 99;
    color: black;
    text-align: left;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 6px 0px;
}

.advanceButton .search-boxMark {
    position: relative;
    height: 10px;
    width: 10px;
    top: 6px;
    left: 116px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: white;
    border: 0px;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    z-index: 102;

}

.advanceButton .search-way-list>li {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer;
}

.advanceButton .search-way-list>li:hover {
    background: #f5f5f5;
}

.advSearchBtn {
    margin: 0 4px 0 0;
    height: 26px;
    padding: 0px 10px;
    min-width: 56px;
    text-align: center;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #666;
    border: solid 1px #D4D8E7;
}

.advSearchBtn .clearBtn {
    margin-left: 4px;
}

.advSearchBtn:hover {
    color: #00a8ff;
    background: #f1f3fa;
}

.k_searchWrap .searchWrap_calcCondition {
    background-color: #fafafa;
    color: #999;
    line-height: 1;
    padding: 4px 0px;
    font-size: 12px;
}

.searchResultItem {
    display: inline-block;
    background-color: #EAF3FF;
    border: 1px solid #D3E1FE;
    color: #666;
    line-height: 1;
    padding: 6px 8px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.btn2Main {
    position: relative;
    display: inline-block;
    padding: 5px 12px;
    font-size: 14px;
    color: #fff;
    background-color: #28AEE2;
    border-radius: 5px;
    line-height: 16px;
    cursor: pointer;
    border: 1px solid #28AEE2;
}

/*高级搜索Style*/
.searchModule {
    /*position: relative;*/
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    /*margin-left: 20px;*/
    z-index: 300px;
    display: none;
}

.searchModuleContent {
    padding-right: 100px;
}

.searchModuleContent .rowbox-sm {
    margin-top: 0px;
    /*padding-left: 12px;*/
}

.searchModuleContent .justify_fix {
    width: 0px;
}

#searchModule_searchBtn {
    display: none;
}

.searchModuleContent>.rowbox-sm:first-child {
    box-sizing: border-box;
    margin-right: 0px;
}

.advanceSearchBlock .row-right .selModule:first-child {
    margin-left: 0px;
}

.searchModule_common {
    height: 24px;
    display: inline-block;
    border-radius: 2px;
    border: solid 1px #D4D8E7;
    background: white;
}
.searchModule_common .searchModule_btn {
    float: right;
    width: 28px;
    color: #D4D8E7;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    height: 23px;
    box-sizing: content-box;
}

.searchModule_common #filter {
    padding-left: 10px;
    height: 22px;
    line-height: 22px;
    width: 200px;
    color: #666;
    font-size: 14px;
    border: 0;
    outline: none !important;
    border-radius: 2px;
    font-size: 12px;
}

.searchModule_common .filter {
    padding-left: 10px;
    height: 22px;
    line-height: 22px;
    width: 150px;
    color: #666;
    font-size: 14px;
    border: 0;
    outline: none !important;
    border-radius: 2px;
    font-size: 12px;
}

.searchModule #searchModule_advBtn {
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    color: #D4D8E7;
    border: 1px solid #D4D8E7;
    margin-left: -5px;
    width: 28px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: bottom;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff;
}

.search_layout #searchModule_extend_btn,
.search_layout #searchModule_add_btn {
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    color: #D4D8E7;
    border: 1px solid #D4D8E7;
    margin-left: -5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: bottom;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff;
}

.search_layout #searchModule_add_btn {
    margin-left: 0px;
}

.searchModule #searchModule_advBtn:hover,
.searchModule_common .searchModule_btn:hover {
    color: #00a8ff;
}

.searchModule .searchModule_advfoot {
    text-align: center;
    margin-top: 5px;
    display: none;
}

.searchModule_advContent .rowbox .row-left,
.searchModule_advContent .rowbox-sm .row-left {
    text-align: left;
}

.searchModule_advContent .rowbox .row-right {
    margin-left: 105px;
}

.searchModule_advContent .rowbox-sm .row-right {
    margin-left: 75px;
}

/*dataTable搜索查询searchModule样式------------end*/

/*报表类可伸缩搜索查询searchModule样式---------start*/
.searchModule_report_box {
    margin: 0px 18px 0 18px;
}

.searchModule_report {
    width: 100%;
    padding: 8px 18px;
    line-height: 25px;
    margin-top: 18px;
    display: inline-block;
    border-radius: 2px;
    border: solid 1px #9dd7ee;
    background: #ECF6FD;
    height: 44px;
}

#searchModule_reportFilter {
    border: 1px solid #d4d8e7;
    padding-top: 10px;
    margin-top: 18px;
    background: #fff;
}

.pageTipMsg {
    width: calc(100% - 60px);
}

#searchPackUp_btn {
    position: absolute;
    right: 0px;
    bottom: 5px;
}

/*报表类可伸缩搜索查询searchModule样式---------end*/

/*遮罩层 提交------------------start*/
.submitMask,
.updateMask {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.submitMask .submitMask__bg,
.updateMask .updateMask__bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    z-index: 999991;
}

.submitMask .submitMask__content {
    width: 300px;
    height: 100px;
    display: inline-block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    margin: auto;
    z-index: 999999;
}

.submitMask .submitMask__content .submitMask__content__load {
    font-size: 24px;
    color: #707070;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.submitMask .submitMask__content .submitMask__content__tips {
    /*line-height: 50px;*/
    font-size: 16px;
    color: #FFF;
    text-align: center;
    width: 80%;
    margin: auto;
}

/*遮罩层 提交------------------end*/
/*datatables刷新弹出层样式*/
.updateMask .updateMask__bg {
    opacity: 0.1;
}

.updateMask .updateMask__content {
    width: 228px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    margin: auto;
    z-index: 999999;
    text-align: center;
}

.updateMask .updateMask__content .updateMask__content__load {
    font-size: 24px;
    color: #707070;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.updateMask .updateMask__content .updateMask__content__tips {
    font-size: 16px;
    color: #FFF;
    width: 80%;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

/*表格 操作按钮----------------start*/
.clickButtonList {
    color: #3e3c32;
    font-size: 14px;
}

.clickButtonList:hover {
    color: #00a8ff
}

/*表格 操作按钮----------------end*/
.repairEditTable {
    width: 100%;
    min-width: 1100px;
    overflow: scroll;
}

.repIndex {
    z-index: 2003;
}

/**start----  repPick下拉 -----start**/
.repPickTable {
    background-color: #ffffff;
    box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
    border-collapse: collapse;
    display: none;
    width: 295px;
    height: 186px;
    position: fixed;
    font-size: 18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.repPickTable tr {
    background: white !important;
}

.repPickTable tr .repPickItems {
    text-align: center !important;
}

.repPickItems {
    width: 42px;
    height: 32px;
    text-align: center !important;
    color: #585858;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    border: solid 1px #d4d8e7;
}

.repPickItems:hover {
    background: #f2f3f7;
    color: #00a8ff
}

.repPickItemsSelected {
    background: #f2f3f7;
    color: #00a8ff
}

/**start----  repSelct下拉 -----start**/
.repSelectUl {
    min-width: 178px;
    max-height: 272px;
    overflow-y: auto;
    background-color: #ffffff;
    box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #d4d8e7;
    position: fixed;
    margin: 0px;
    overflow-x: -moz-hidden-unscrollable;
}

.repSelectUl li {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    color: #666;
    padding: 0 15px 0 18px;
    white-space: nowrap;
    text-align: left;
}
.repAgridSelectUl {
    min-width: 100px;
}

.repSelectUl li:hover {
    background: #f2f3f7;
}

.repSelected {
    background: #b7e4ff !important;
    /*color:#00a8ff !important;*/
}

/**start----  repTree -----start**/
.repTreeUl {
    min-width: 178px;
    max-height: 272px;
    overflow-y: auto;
    background-color: #ffffff;
    box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #d4d8e7;
    position: fixed !important;
    margin: 0px;
    padding-left: 20px !important;
}

.treeDataLoad {
    color: #333;
    font-size: 18px;
}

/**start----  repF7Selct下拉 -----start**/
.detatilInfo {
    min-width: 144px;
    border: solid 1px #d4d8e7;
    box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.2);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: fixed;
    background: white;
    text-align: left;
    max-height: 300px;
}

.detailInfoList {
    width: 100%;
}

.detailInfoList tr {
    background: white !important;
}

.dataLoad {
    height: 34px;
    line-height: 34px;
    padding-left: 14px;
    font-size: 14px;
    text-align: center;
}

.emptySearch {
    height: 34px;
    line-height: 34px;
    padding-left: 14px;
    font-size: 14px;
    text-align: center;
}

.searchListChoosed {
    background: #f1f3fa;
}

.repSelectCol {
    height: 34px;
    line-height: 34px;
    padding-left: 14px;
    font-size: 14px;
    min-width: 133px;
    padding: 0 10px;
    table-layout: fixed;
}

.repSelectRowed {
    background: #f2f3f7 !important;
    color: #00a8ff !important;
}

.provinceShort {
    width: 38px;
    height: 32px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.downMark {
    width: 20px;
    color: #d4d8e7;
    font-size: 12px;
    position: absolute;
    cursor: pointer;
}

.brandFontBox {
    width: 60px;
    height: 34px;
    border: solid 1px #d4d8e7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    vertical-align: top;
    position: relative;
}

.itemActive {
    color: #00a8ff;
    background: #f4efff;
}

.selectItemList {
    vertical-align: top;
}

.brandHeight {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.dataTr {
    border: 1px solid red;
    width: 100%;
}

.dataTr td {
    width: 100%;
}

.selectedItemsContent {
    padding: 0px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    height: 38px;
    line-height: 38px;
    background: #d4d8e7;
}

.treePosition {
    position: fixed;
    width: 200px;
    height: 100%;
    background: white;
}

.rightTablePosition {
    margin-left: 200px;
    padding: 0  0 0 5px;
}

.wechatOrder {
    outline: none;
    background: white;
    height: 24px;
    line-height: 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    padding: 0px 10px;
    border: 1px solid #09BB07;
    position: relative;
    box-sizing: content-box;
    cursor: default;
}

.invalidOrder {
    background: white;
    height: 24px;
    line-height: 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    vertical-align: middle;
    padding: 0px 10px;
    box-sizing: content-box;
    cursor: default;
    border: 1px solid #ddd;
}

#wxrepairbook div.dib {
    border: 1px solid #09BB07;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0px 10px;
    color: #09BB07;
}

#wxrepairbook p.dib {
    color: #666;
}

.manipulateButtonBorder div {
    border-right: 1px solid #ddd;
}

.manipulateButtonBorder div:last-child {
    border: 0px;
}

.wechatOrder p {
    color: #09BB07;
    height: 15px;
}

.underlineOrder {
    border: 1px solid #f7855c !important;
    width: 58px;
}

.underlineOrder p {
    color: #f7855c !important;
}

.countTip {
    width: 16px;
    height: 16px;
    background-color: #f04b4b;
    line-height: 16px;
    border-radius: 50%;
    right: 0px;
    top: 0px;
    color: white;
    font-size: 12px;
    text-align: center;
}

@media only screen and (max-height:700px) {
    .modal-body {
        max-height: 450px !important; 
    }
}

/*输入框placeholder的样式*/
input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 12px;
}

input::-moz-placeholder {
    color: #ccc;
    font-size: 12px;
}

input:-ms-input-placeholder {
    color: #ccc;
    font-size: 12px;
}

textarea::-webkit-input-placeholder {
    color: #ccc;
}

textarea::-moz-placeholder {
    color: #ccc;
}

textarea:-ms-input-placeholder {
    color: #ccc;
}

.dataTables_length {
    width: 165px;
    float: left;
    margin-top: -5px;
}

.dataTables_info {
    float: left;
    line-height: 26px;
}

.pagination>li>a {
    border: 0px !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    font-size: 12px !important;
    color: #0088FE !important;
    padding: 0px !important;
    background: transparent !important;
    margin: 0 5px !important;
}

.dataTables_info,
.dataTables_length>label {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.pager>li.disabled>a,
.pager>li.disabled>a:hover,
.pagination>li.disabled>a,
.pagination>li.disabled>a:hover {
    background: transparent !important;
}

.pagination>li.active>a {
    background: #00a8ff !important;
    border-radius: 10px !important;
    color: white !important;
    border-left: 5px solid #00a8ff !important;
    border-right: 5px solid #00a8ff !important;
}

.pagination>li.disabled>a {
    color: #999 !important
}

.paginate_button.previous>a,
.paginate_button.next>a {
    width: 40px !important;
    margin: 0 10px;
}

select.input-sm.form-control {
    line-height: 1;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

/*.dataTableBox{
	max-height: 610px;
	overflow-y: auto;
	border: 1px solid #d4d8e7;
}*/
.dataTables_wrapper .bottom {
    padding-top: 10px;
    border-top: 1px solid #d4d8e7;
}

.dataTables_scroll {
    overflow-x: auto;
}

.form-border {
    border-bottom: 1px solid #EAEAEA;
}

.form-super-title {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    display: block;
    height: 64px;
    line-height: 66px;
    background: #f1f3fa;
    padding-left: 18px;
}

.tip-mark-style {
    height: 10px;
    width: 10px;
    position: absolute;
    top: -14px;
    left: -2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: white;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.05);
    z-index: 102;
}

.tip-style {
    position: absolute;
    text-align: center;
    padding: 10px;
    border: solid 1px #dedede;
    z-index: 101;
    top: -46px;
    left: -62px;
    background: white;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #666;
}

.tip-style>span:first-child {
    color: #999
}

.tip-style>span:last-child {
    color: #666
}

.tip-style>div {
    overflow: hidden;
    white-space: nowrap;
}

.tip-style>div>span {
    float: left;
    width: initial !important;
}

.tip-style>div>span:first-child {
    min-width: 60px;
    text-align: right;
    color: #999
}

.tip-style>div>span:last-child {
    text-align: left;
    color: #666
}

.tip-style>span {
    white-space: nowrap !important;
}

.ungetMaterial {
    display: inline-block;
    border: 1px solid #f7855c;
    border-radius: 2px;
    padding: 0px 2px;
    color: #f7855c;
    font-size: 12px;
}

.tip-form-style {
    width: 800px;
    position: fixed;
    text-align: center;
    padding: 10px;
    border: solid 1px #dedede;
    background: #fff;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    color: #666;
    z-index: 999;
}

.tableBody table td .tip-form-style span {
    width: 100%;
}

.tableBody table td .tip-form-style input {
    width: 146px;
}

li.letter-style {
    width: 20px;
    text-align: center;
}

li .hoverLetterStyle {
    text-align: center;
}


.seal-status {
    display: inline-block;
    position: relative;
    color: #999;
    opacity: 0.6;
}

.seal-status .iconfont {
    font-size: 72px;
}

.seal-status .seal-text {
    position: absolute;
    top: -1.3%;
    right: 14%;
    font-size: 18px;
    letter-spacing: 3px;
    transform: rotate(18deg);
}

.seal-status.color_green {
    color: #7CB34B;
}

.seal-status.color_pink {
    color: #F7855C;
}

/* 鼠标hover的提示框 */
.tipInfoBlock {
    position: relative;
    z-index: 100;
}
.tipInfo {
    position: absolute;
    white-space: nowrap;
    text-align: left;
    padding: 5px 10px;
    top: -35px;
    left: -30px;
    border: solid 1px #dedede;
    z-index: 101;
    background: white;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
}
.tipInfoMark {
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: white;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    z-index: 102;
}
.tipInfoMark-down {
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
}
/*ag-grid表格相关样式*/
.layui-form-checked[lay-skin=primary] i,
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    width: 20px !important;
    line-height: 20px;
    height: 20px;
    background: #00a8ff !important;
    color: white !important;
    border-radius: 10px !important;
    left: 3px;
    top: 3px;
}

.layui-laypage span.layui-laypage-curr {
    padding: 0 10px;
}

.layui-laypage-em {
    border-radius: 50%;
}

.layui-laypage-limits select {
    line-height: 12px;
}

.layui-table-sort .layui-table-sort-asc {
    border-bottom-color: #666;
}

.layui-table-sort .layui-table-sort-desc {
    border-top-color: #666;
}

.layui-laypage .layui-laypage-limits select {
    height: 18px;
    outline: none;
}

.table-pagingBox {
    position: relative;
}

.table-pagingBox .layui-laypage a,
.layui-laypage span {
    border: none;
    background-color: inherit;
    margin: 0;
}

.table-pagingBox .layui-laypage {
    position: absolute;
    right: 0;
    margin: 0;
}

.advSearchModule .selModule_label,
.searchModule_extend .selModule_label {
    margin: 0px 1px;
    height: 22px;
    padding: 0px 4px;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    background-color: #ffffff;
    outline: none;
    box-sizing: content-box;
    cursor: pointer;
    color: #333;
    position: relative;
}

.advSearchModule .selModule_label.selModule_label_first,
.searchModule_extend .selModule_label.selModule_label_first {
    margin-left: 0;
}

.advSearchModule .selModule_label:hover,
.searchModule_extend.selModule_label:hover {
    color: #00a8ff;
}

.advSearchModule .selModule_inputMark,
.searchModule_extend .selModule_inputMark {
    display: none;
}

.advSearchModule .selModule_inputMark:checked+.selModule_label,
.searchModule_extend .selModule_inputMark:checked+.selModule_label {
    color: #00a8ff;
    background: #F3FBFF;
}

.advSearchModule .selModule_label:before,
.searchModule_extend .selModule_label:before {
    position: absolute;
    content: '';
    vertical-align: middle;
    width: 100%;
    height: 22px;
    left: 0;
    line-height: 22px;
    border: solid 1px #D4D8E7;
    border-radius: 2px;
}

.advSearchModule .selModule_inputMark:checked+.selModule_label:before,
.searchModule_extend .selModule_inputMark:checked+.selModule_label:before {
    color: #00a8ff;
    border: 1px solid #00a8ff;
}

.advSearchCheckboxActive,
.advSearchModule .advSearchCheckboxIcon:hover{
    color: #00a8ff; 
}
.checkBoxPopup .tipInfo{
    top: -40px;
    left: -60px;
}
.checkBoxPopup .tipInfo .tipInfoWrap {
    height: 23px;
    line-height: 23px;
}
.checkBoxPopup .tipInfoWrap span {
    margin-left: 1px;
}
.checkBoxPopup .singleChooseLab{
    /* border-width: 2px; */
    margin: 0 3px 3px 0;
}
.ag-root .ag-cell-focus {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ag-root .ag-row-selected {
    background-color: inherit;
}

.ag-theme-balham .ag-header {
    color: #707070;
    background-color: rgba(255, 255, 255, 0.50);
    border-color: #d4d8e7;
}

.ag-theme-balham .ag-ltr .ag-row {
    border-color: #eAeAeA
}

.ag-theme-balham .ag-ltr .ag-header-row {
    border-color: #d4d8e7;
    /* width: 100% !important; */
}
.ag-layout-normal .ag-body-container{
    /* width: 100% !important; */
}
.ag-theme-balham .ag-pinned-left-header,
.ag-theme-balham .ag-pinned-right-header {
    border-color: transparent;
}

.ag-theme-balham .ag-ltr .ag-row.ag-cell-last-left-pinned,
.ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-last-left-pinned {
    border-right: 1px solid #eAeAeA
}

.ag-theme-balham .ag-ltr .ag-row.ag-cell-first-right-pinned,
.ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned {
    border-left: 1px solid #eAeAeA
}

.ag-theme-balham .ag-cell,
.ag-theme-balham .ag-header-cell {
    padding: 0 6px;
}

.ag-grid-table-box {
    margin: 5px 5px 0 5px;
}

.ag-theme-balham .ag-status-bar {
    font-weight: normal !important;
    padding-left: 6px !important;
    padding: 5px 16px !important;
    justify-content: flex-start !important;
}

.ag-grid-table-box .titleListLeft {
    padding-left: 12px;
}

.ag-overlay-loading-center {
    display: none;
}

.ag-theme-balham .ag-primary-cols-filter {
    padding: 0;
}

.ag-pivot-mode-panel,
.ag-column-select-header,
.ag-column-drop {
    display: none !important;
}

.ag-theme-balham .ag-column-select-panel .ag-column-container {
    padding-top: 10px !important;
}

.ag-tool-panel .ag-side-buttons button {
    transform: unset !important;
    border: 0 !important;
    margin-left: 3px;
}

.ag-theme-balham .ag-root {
    border: 1px solid #d4d8e7;
    border-right: 0 !important;
}

.ag-theme-balham .ag-cell-focus,
.ag-theme-balham .ag-cell {
    border: 0 !important;
    line-height: 28px;
}

.ag-theme-balham .ag-cell-container {
    height: 100%;
    width: 100%;
    line-height: 27px;
    padding: 0 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

/* .ag-theme-balham .ag-row-hover .ag-cell-container input, */
.ag-theme-balham .ag-cell-inline-editing .ag-cell-container input,
.ag-theme-balham .ag-row-focus .ag-cell-container input {
    border: none;
    height: 90%;
}

.ag-theme-balham .ag-row-focus .ag-cell-container.editable,
.ag-theme-balham .ag-cell-inline-editing .ag-cell-container,
.ag-theme-balham .ag-row-hover .ag-cell-container.editable {
    position: relative;
    background-color: #fff;
    border: 1px solid #D4D8E7;
}

/* .ag-theme-balham .ag-row-hover .ag-column-hover .ag-cell-container.editable, */
.ag-theme-balham .ag-cell-focus.ag-cell-inline-editing .ag-cell-container, 
.ag-theme-balham .ag-row-focus .ag-cell-focus .ag-cell-container.editable {
    border: 1px solid #0091EA;
}

.ag-theme-balham .ag-cell-container.editable.error,
.ag-theme-balham  .ag-row-focus .ag-cell-focus .ag-cell-container.editable.error{
    border: 1px solid #ff9494;
}

.ag-theme-balham .ag-cell {
    line-height: 18px !important;
    padding: 4px 0
}

.ag-theme-balham .ag-header {
    background-color: #fff !important;
    border-bottom: 0 !important;
}

.ag-theme-balham .ag-row-even {
    background: #f9faff !important;
    ;
}

.ag-theme-balham .ag-row-odd {
    background: #fff !important;
}

.ag-theme-balham .ag-row-hover {
    background: #ddf3ff !important;
}

.ag-hacked-scroll .ag-pinned-left-cols-viewport {
    border-right: 1px solid #eaeaea;
}

.ag-hacked-scroll .ag-pinned-right-cols-viewport {
    border-left: 1px solid #eaeaea;
}

.ag-theme-balham .ag-ltr .ag-row-selected {
    background-color: #b7e4ff !important;
}
.ag-theme-balham .ag-ltr .ag-search-row {
    background: #F7855C !important;
}
.ag-bl-normal .totalRow {
    width: 38px;
    height: 100%;
    position: absolute;
    left: 12px;
    font-size: 13px;
    color: #F7855C;
}

.ag-floating-bottom-viewport .ag-floating-bottom-container .ag-row {
    color: #F7855C !important;
    font-weight: 700;
}

.ag-theme-balham .ag-header-group-cell-label span {
    float: none !important;
    margin: 0 auto !important;
}

.ag-pinned-left-floating-bottom .ag-row {
    font-size: 13px;
    color: #F7855C !important;
}

.ag-bl-overlay,
.ag-overlay-panel {
    pointer-events: unset !important;
}

.ag-bl-overlay {
    height: 80% !important;
}

.ag-pinned-left-floating-bottom .rep-ag-cell-v-center {
    display: unset !important;
}

.rep-ag-cell-v-center {
    display: flex !important;
    align-items: center;
}

.rep-ag-cell-v-center.ag-numeric-cell {
    justify-content: flex-end;
}
.ag-theme-balham .ag-cell-inline-editing {
    background-color: transparent !important;
}
.drop-down {
    position: relative;
}

.drop-down-content>li {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer;
}

.drop-down-content>li:hover {
    background: #f5f5f5;
}

.drop-down-content {
    width: 154px;
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    background-color: white;
    border: 1px solid #dedede;
    border-radius: 4px;
    z-index: 99;
    color: black;
    text-align: left;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 6px 0px;
}

.drop-down-content:before {
    content: '';
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    top: -6px;
    right: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: white;
    border: 0px;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    z-index: 102;
}

.drop-down:hover .drop-down-content {
    display: block;
}

.flag-type {
    height: 22px;
    border-radius: 10px;
    text-align: center;
    padding: 0 4px;
    line-height: 20px;
    display: inline-block;
    border: 1px solid #999;
    color: #999;
}

.flag-green-type {
    border: 1px solid #7CB34B;
    color: #7CB34B;
}

.flag-orange-type {
    border: 1px solid #F7855C;
    color: #F7855C;
}

.flag-gray-type {
    border: 1px solid #999;
    color: #999;
}

.ag-grid-table-box .ag-selection-checkbox {
    line-height: 20px !important;
}

.rowSelectedIcon {
    /* background-image: url(../images/check-circle-fill.png); */
    border: 1px solid #00A8FF;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: relative;
    background: white;
}
.rowSelectedIcon::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 8px;
    height: 8px;
    margin: auto;
    border-radius: 5px;
    background: rgb(0, 168, 255);
}

.rowUnSelectedIcon {
    background: url(../images/uncheck-circle.png);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.checkboxIndeterminate {
    background: url(../images/minus-circle.png);
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 16px 16px;
    display: inline-block;
    width: 16px;
    height: 16px;
}
.statusTagBase{
    min-width: 26px;
    text-align: center;
    height: 18px;
    line-height: 17px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 6px;
}
.statusTagBase.gray{
    background: #FAFAFA;
    border: 1px solid #9E9E9E;
    color: #757575;
    display: inline-block;
}
.statusTagBase.gold{
    color: #B89183;
    background: #FFF1E4;
    border: 1px solid #B89183;
}
.statusTagBase.orange{
    background: #FFF4F4;
    border: 1px solid #F7855C;
    color: #F7855C;
}
.statusTagBase.yellow{
    color: #F5A623;
    background: #FFF8F4;
    border: 1px solid #F5A623;
}
.statusTagBase.lblue{
    background: #F9FDFF;
    border: 1px solid #4A90E2;
    color: #4A90E2;
}
.statusTagBase.green{
    background: #F5FFF5;
    border: 1px solid #60C664;
    color: #60C664;
}
.next-overlay-wrapper .next-overlay-inner {
    z-index: 9999 !important;
}
.next-tabs-content {
    background: #fff !important;
}
#callCenter {
    /* height: 600px; */
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 12px 0px rgba(0,0,0,0.1);
    border:1px solid rgba(229,229,229,1);
}
.workbench_sdk_components-OnAndOff-___style__OnAndOff-box___trIVs {
    height: 63px !important;
    line-height: 63px !important;
    z-index: 999;
    background: #fff !important;
    border:1px solid rgba(234,234,234,1);
}
.workbench_sdk_components-OnAndOff-___style__title___3qAtZ {
    font-size: 14px !important;
}
/* .workbench_sdk_components-OnAndOff-___style__title___3qAtZ>img {
    width: 240px;
    height: 140px;
} */
.workbench_sdk_components-OffAndNap-___style__close-action___yicAX .workbench_sdk_components-OffAndNap-___style__close-action-img___1wDp- img {
    width: 200px !important;
    /* height: 140px; */
    margin-top: 80px;
    margin-left: 80px !important;
}
.workbench_sdk_components-ReducePanel-___style__OnAndOff-box___1XRMv {
    background: #fff !important;
}
.workbench_sdk_components-OnAndOff-___style__content-box___3GGza>div:not(.workbench_sdk_components-OnAndOff-___style__title___3qAtZ) {
    flex-grow: 1;
    justify-content: space-between;
    /* flex-direction: row-reverse !important; */
    margin-left: 8px;
}
.workbench_sdk_components-OnAndOff-___style__selectedAction___3SESe {
    display: none !important;
}
.workbench_sdk_components-OnAndOff-___style__OnAndOff-box___trIVs .workbench_sdk_components-OnAndOff-___style__content-box___3GGza .workbench_sdk_components-OnAndOff-___style__off-btn-group___iDcXM {
    margin-top: 19px !important;
}
.workbench_sdk_components-ReducePanel-___style__OnAndOff-box___1XRMv {
    height: 63px !important;
    line-height: 63px !important;
}
#workbench-sdk-ccc {
    /* height: 63px !important; */
    /* line-height: 63px !important; */
    min-height: 63px;
}
#workbench-sdk-ccc .next-tabs-bar .tooltip .tooltip-inner {
    background-color: #000 !important;
}
#workbench-sdk-ccc .next-tabs-bar .tooltip.top .tooltip-arrow {
    border-bottom-width: 0;
    border-top-color: #000 !important;
}
.workbench_sdk_components-ReducePanel-___style__OnAndOff-box___1XRMv .workbench_sdk_components-ReducePanel-___style__content-box___2KHs7 .workbench_sdk_components-ReducePanel-___style__off-btn-group___1m9JX {
    margin-top: 19px !important;
}
.workbench_sdk_components-Keyboard-___style__Keyboard-box___FjD7T .workbench_sdk_components-Keyboard-___style__not-in-call___13zhB .workbench_sdk_components-Keyboard-___style__call-keyboard___Of6kx>button {
    background: #2386EE;
}
.workbench_sdk_components-BtnOnLine-___style__btn-on-line___27u8U {
    width: 328px !important;
    background: #2386EE !important;
    margin-top: 180px !important;
}
.workbench_sdk_components-Keyboard-___style__Keyboard-box___FjD7T .workbench_sdk_components-Keyboard-___style__not-in-call___13zhB .workbench_sdk_components-Keyboard-___style__call-keyboard___Of6kx>button {
    background: #2386EE !important;
}
.workbench_sdk_components-BtnCallHold-___style__btns-call-box___2cHF3>button {
    background: #ffffff !important;
    color: #2386EE !important;
    border-color:  #2386EE !important;
}
.workbench_sdk_components-BtnAfterCall-___style__after-call-btn-group___xdt9r button:first-child {
    background: #2386EE !important;
}
.workbench_sdk_components-BtnReady-___style__btn-ready___rdAPT {
    width: 328px !important;
    background: #2386EE !important;
    margin-top: 132px !important;
}
.workbench_sdk_components-BtnReady-___style__btn-ready___rdAPT+button {
    width: 328px !important;
    color: #2386EE !important;
    border-color:  #2386EE !important;
    background: transparent !important;
}
.workbench_sdk_components-BtnDialPanel-___style__btns-call-box___1UVoQ,
.workbench_sdk_components-BtnMute-___style__btn-mute___3DT-B,
.workbench_sdk_components-BtnRecord-___style__btn-record___1v6Dm,
.workbench_sdk_components-BtnReCall-___style__btn-recall___ifnWV {
    display: none !important;
}
.workbench_sdk_components-Keyboard-___style__panel-body___3ujQi+button {
    margin-top: 118px !important;
}
.workbench_sdk_components-BtnHangUp-___style__btn-hang-up___MTYGv {
    /* margin-top: 186px !important; */
}
.workbench_sdk_components-BtnAfterCall-___style__after-call-btn-group___xdt9r button:nth-child(2) {
    background: #fff !important;
    color: #2386EE !important;
    border-color:  #2386EE !important;
}
.workbench_sdk_components-InCallDetail-___style__no-call-body___1iqgb img {
    width: 200px !important;
    /* height: 140px; */
}
.workbench_sdk_components-BtnSupportStaffAnswer-___style__btn-support-staff-answer___1JFsU {
    width: 328px !important;
    background: #2386EE !important;
    margin-top: 180px !important;
}
.workbench_sdk_components-OffAndNap-___style__close-action___yicAX h3 {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: normal !important;
}
.workbench_sdk_components-BtnTransfer-___style__btn-transfer___38yiB {
    background: #fff !important;
    color: #2386EE !important;
    border-color:  #2386EE !important;
}
.next-notice.next-notice-warning .next-notice-content li:nth-of-type(3),
.next-notice.next-notice-warning .next-notice-content li:nth-of-type(4){
    display: none;
}
.next-tabs-wrapped.next-tabs-left>.next-tabs-bar .next-tabs-tab.active {
    color: #2386EE;
}
.next-tabs-wrapped>.next-tabs-bar .next-tabs-tab:before {
    width: 4px !important;
    background: #2386EE !important;
}
.workbench_sdk_components-BtnOnLine-___style__btn-on-line___27u8U {
    width: 338px !important;
    color: #fff !important;
}
.workbench_sdk_components-MicrophoneFailure-___style__error_txt___2PUtD a {
    color: #2386EE !important;
}
/* 规范 */


/* 水印 */
.cover-Blink-area{ 
    position:absolute;
    text-align: center;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:block;
    z-index:9999; 
    pointer-events: none;
    overflow: hidden;
}
.cover-Blink{
    display:inline-block;
    margin-right:120px;
    margin-left:100px;
    margin-top:120px;
    margin-bottom:120px;
    padding:2px 1px;
    text-align: left;
    font-size:12px;
    line-height: 24px;
    color: #000;
    letter-spacing: 1px;
    opacity: 0.1;
    white-space:nowrap;
    transform:rotate(-20deg);
    -ms-transform:rotate(-20deg);
    -moz-transform:rotate(-20deg);
    -webkit-transform:rotate(-20deg);
    -o-transform:rotate(-20deg);
}
/* iconfont class start*/
.icon_shuaxin:before {
    content: "\e7a4";
}
.icon_edit:before {
    content: "\e649";
}
.icon_fujian:before {
    content: "\e7b5";
}
.icon_delete:before {
    content: "\e625";
}
/* iconfont class end*/

/* flex布局 */
.flex_inline {
    display: inline-flex;
  }
  .flex-x {
    display: flex;
    flex-direction: row;
  }
  ._flex_y {
    display: flex;
    flex-direction: column;
  }
  .flex-rx {
    display: flex;
    flex-direction: row-reverse;
  }
  
  .flex-grow {
    flex: 1;
  }
  
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-auto {
    flex: 0 0 auto;
  }
  
  .flex-center {
    justify-content: center;
  }
  .flex-sb {
    justify-content: space-between;
  }
  .flex-middle {
    align-items: center;
  }
  .flex_baseL {
    align-items: baseline;
  }
  ._flex_cc {
    align-items: center;
    justify-content: center;
  }
  
  .flex-y {
    display: flex;
    flex-direction: column;
  }
  /* flex布局 end */
  .border {
    border: 1px solid #EAEAEA;
  }
  .ml12 {
    margin-left: 12px;
  }