/**
    公共样式表
    创建人：王斌鑫
    创建日期：2017-03-30
*/
html::-webkit-scrollbar {
    display: none;
}

.nav-tabs-self li {
    margin-right: 50px !important;
}
.text-orange {
    color: orange;
}
.bg-cornsilk {
    background: red !important;
}
.fhdTable > thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fhdTable > tbody > tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.fhdTable > tbody {
    display: block;
    max-height: 155px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.fhdTable > thead {
    width: calc( 100% - 1.2em)
}
/* 测试 */

.text-red {
    color: red;
}
.noHaveInfoItem {
    margin: 0px;
    padding: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    vertical-align: middle !important;
}

.ulStyle {
    max-height: 400px !important;
    width: 500px !important;
    overflow-y: scroll !important;
}

.ulInputStyle {
    width: 100%;
    margin: 5px 0px;
}

.ulLiStyle {
    padding: 5px;
    cursor: pointer;
}

    .ulLiStyle:hover {
        background-color: #E3F2FD;
    }


@media only screen and (max-width: 1200px) {
    #preview img {
        margin-top: 35px;
        width: 6rem;
        height: 6rem;
    }

    .img_div {
        width: 6rem;
    }

    #divPrint {
        width: 82%;
    }

    #leftWidth {
        width: 18%;
    }
}

@media only screen and (min-width:1200px) {
    .img_div {
        width: 10rem;
    }

    #preview img {
        width: 10rem;
        margin-top: 35px;
        width: 10rem;
        height: 10rem;
    }

    #divPrint {
        width: 88%;
    }

    #leftWidth {
        width: 12%;
    }
}

@media only screen and (max-width: 1200px) {
    #orderWidth {
        width: 18%;
    }

    #orderWidth1 {
        width: 82%;
    }
}

@media only screen and (min-width:1200px) {
    #orderWidth {
        width: 12%;
    }

    #orderWidth1 {
        width: 88%;
    }
}

body {
    /* -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    -khtml-user-select: none; 
    user-select: none; */
    font-family: 'Microsoft YaHei' !important;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Microsoft YaHei';
}

textarea {
    resize: none;
}
/*================== 安装打印提示字体颜色 ==================*/
#font {
    color: red !important;
}

/*================== 宽度 ==================*/
.w10 {
    width: 10px;
}

.w15 {
    width: 15px;
}

.w20 {
    width: 20px;
}

.w25 {
    width: 25px;
}

.w30 {
    width: 30px;
}

.w35 {
    width: 35px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w60 {
    width: 60px !important;
}

.w65 {
    width: 65px !important;
}

.w80 {
    width: 80px;
}

.w75 {
    width: 75px;
}

.w85 {
    width: 85px;
}

.w95 {
    width: 95px;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w155 {
    width: 155px;
}

.w200 {
    width: 200px;
}

.w350 {
    width: 350px;
}

.wpre14 {
    width: 14% !important;
}

.wpre16 {
    width: 16% !important;
}

.pre25 {
    width: 25%;
}

.pre38 {
    width: 38%;
}

.pre75 {
    width: 75%;
}

.wpre100 {
    width: 100% !important;
}

.w-auto {
    width: auto;
}
/*================== 高度 ==================*/
.height70 {
    height: 70px !important;
}

.height350 {
    height: 350px;
}

.height313 {
    height:340px;
}

.height391 {
    height: 391px;
}

.height415 {
    height: 415px;
}


.heightpre90 {
    height: 90% !important;
}

.tdHeight {
    height: 45px !important;
    vertical-align: middle !important;
}
.height20 {
    height: 20px;
}
.height32 {
    height: 32px;
}
/*================== margin ==================*/
.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.margin5px {
    margin: 5px !important;
}

.mt-4 {
    margin-top: -4px;
}

.mt5 {
    margin-top: 5px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.ml5 {
    margin-left: 5px;
}

.mt20 {
    margin-top: 20px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px;
}
.mr15 {
    margin-right: 15px;
}
.mb5 {
    margin-bottom: 5px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mt-pre10 {
    margin-top: 10%;
}

.mt-pre15 {
    margin-top: 15%;
}
/*================== padding ==================*/
.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.padtop12 {
    padding-top: 12px !important;
}

.padleft5 {
    padding-left: 5px;
}

.padleft10 {
    padding-left: 10px;
}

.padleft15 {
    padding-left: 15px;
}

.plr15 {
    padding: 0 15px !important;
}

.ptb10 {
    padding: 10px 0 !important;
}

.ptb11 {
    padding: 11px 0 !important;
}

.pdtop-rem1 {
    padding-top: 1rem;
}

.pdtop-rem1-5 {
    padding-top: 1.5rem;
}

.pdbottom-rem1 {
    padding-bottom: 1rem;
}

.pdtb-rem1 {
    padding: 1rem 0;
}
/*================== border ==================*/
.no-border {
    border: 0 !important;
}

.no-borderr-bottom {
    border-bottom: 0 !important;
}

.border-input {
    border-bottom-color: #36c6d3 !important;
    border-bottom: 2px solid #36c6d3 !important;
}
/*================== 背景 ==================*/
.no-bgColor {
    background-color: transparent;
}

.no-bdColor {
    border-color: transparent;
}

.bg-step-gray {
    background-color: #9e9e9e !important;
}

.bg-black-transparent {
    background-color: rgba(0,0,0,1) !important;
}

.bg-black-transparent-default {
    background-color: rgba(51,52,56,1) !important;
}

.bg-black-transparent-darkblue {
    background-color: rgba(43,54,67,1) !important;
}

.bg-black-transparent-blue {
    background-color: rgb(45,95,139) !important;
}

.bg-black-transparent-grey {
    background-color: rgba(105,115,128,1) !important;
}

.bg-black-transparent-light {
    background-color: rgba(249,250,253,1) !important;
}

.bg-black-transparent-light2 {
    background-color: rgba(241,241,241,1) !important;
}
/*================== 颜色 ==================*/
.gray-bg {
    background-color: #f3f3f4
}

.white-bg {
    background-color: #fff
}

.bg-white {
    background-color: #fff;
    color: #333;
}

.navy-bg {
    background-color: #1ab394 !important;
    color: #fff
}

.blue-bg {
    background-color: #1c84c6 !important;
    color: #fff
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}

.yellow-bg {
    background-color: #f8ac59 !important;
    color: #fff
}

.red-bg {
    background-color: #ed5565;
    color: #fff
}

.black-bg {
    background-color: #262626
}

.bg-lime {
    background-color: #26C281 !important;
}

.color-black3 {
    color: #333 !important;
}

.pagination {
    float: right;
}

/*================== 公共 ==================*/
.overflow-initial {
    overflow: initial !important;
}

.note-title {
    padding: 5px 30px 5px 15px;
}

.page-title-m5 {
    margin: 10px 0 !important;
}

.no-float {
    float: none;
}

.no-min-height {
    min-height: 0 !important;
}

.p-bar {
    margin: -14px -20px 0 !important;
    border-bottom: none !important;
}

.portlet.box.green > .portlet-title > .actions .btn-default > i {
    color: #e4fdff;
}

.text-middle {
    vertical-align: middle !important;
}

.ws-nowrap {
    white-space: nowrap;
}

.login .copyright {
    padding: 20px;
}

.progress-step.error.is-active .progress-marker {
    background-color: #f32121;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #3598dc;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #80c2ef
}

i {
    display: inline-block;
    font-style: normal;
}

.input-lable {
    color: #888;
    opacity: 1;
    top: 0;
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.tabelSelectedClass {
    /* background-color: #e7ecf1 !important; */
    background-color: #d6dadd !important;
    border-left: 3px solid #3598dc !important;
}

.disinline {
    display: inline-block
}

.disnone {
    display: none
}
.txt-left {
    text-align: left !important;
}

.txt-center {
    text-align: center !important;
}

.txt-right {
    text-align: right !important;
}

.display-block {
    display: block !important;
    width: auto;
    height: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-move {
    cursor: move;
}

.table-head-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.tbody-scroll {
    height: 500px;
    display: block;
    overflow: auto;
}

    .tbody-scroll tr {
        display: grid;
    }

/*#shift_blockui table.dataTable thead th {*/
/*    padding: 10px;*/
/*}*/

/*拖放单格，鼠标移动效果*/
td.shift_td:hover {
    background: #B8EEFF;
}

.td-select {
    background: #fdd6ac;
}

.zindex1 {
    z-index: 1;
}

.zindex20 {
    z-index: 20;
}

.zindex21 {
    z-index: 21 !important;
}

.zindex1000 {
    z-index: 80;
}

.shift_td {
    height: 40px;
    /* width: 100px; */
    width: 68.28px;
    /* width: 76.28px; */
}

.word-break-all {
    word-break: break-all
}

.ptitle {
    color: #666;
    padding: 10px 0;
    font-size: 18px;
    line-height: 18px
}

table.customhove tr:hover {
    background-color: #0f7fc5 !important;
    color: #fff;
}

.dataTables_scrollBody > table > thead > tr > th {
    background: #f1f1f1 !important;
    border: none;
}

.shift .dataTables_scrollHeadInner {
    width: 100% !important;
}

div.DTS div.dataTables_scrollBody {
    background: #f8f8f8;
}

.dataTables_wrapper {
    padding: 0 !important;
}

    .dataTables_wrapper table {
        margin-top: 0 !important;
    }

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

/*ngtable滚动*/
.ngtable-scroll {
    margin: auto;
    width: 100%;
    height: 150px;
    /*    border: 2px solid #ccc;*/
    overflow-y: auto; /* <-- here is what is important*/
}

.table-checkable tr > td:first-child, .table-checkable tr > th:first-child {
    max-width: initial !important;
    padding-left: 5px;
    padding-right: 5px;
}

.mt-element-overlay .mt-overlay-1 {
    float: none;
    overflow: initial;
    text-align: left;
}

.border-collapse-initial {
    border-collapse: collapse !important;
}

.tr-selected {
    border-left: 3px solid #659be0 !important;
}

.timeline.height70:before {
    margin-left: 0;
}

.mt-timeline-horizontal ol {
    margin: 0;
    padding: 0;
}

.cd-horizontal-timeline .events-wrapper.no-margin::after, .cd-horizontal-timeline .events-wrapper.no-margin::before {
    content: none;
}

.cd-horizontal-timeline .events a {
    width: 100%;
}

/*首页步骤进度条样式*/
/*默认样式*/
.border-after-default:after, .border-before-default:before, .border-default {
    border-color: #9e9e9e !important;
}

.bg-after-default:after, .bg-before-default:before, .bg-hover-default:hover {
    background: #9e9e9e !important;
}

/*完成样式*/
.border-after-complete:after, .border-before-complete:before, .border-complete {
    border-color: #3598DC !important;
}

.bg-after-complete:after, .bg-before-complete:before, .bg-hover-complete:hover {
    background: #3598DC !important;
}

/*下机样式*/
.border-after-lime:after, .border-before-lime:before, .border-lime {
    border-color: #26C281 !important;
}

.bg-after-lime:after, .bg-before-lime:before, .bg-hover-lime:hover {
    background: #26C281 !important;
}

/*异常样式*/
.error.border-after-red:after, .border-before-red:before, .border-red {
    border-color: #e7505a !important;
}

.error.bg-after-red:after, .bg-before-red:before, .bg-hover-red:hover {
    background: #e7505a !important;
}

.pretop26 {
    top: 26% !important;
}

.card-ico-right {
    /* padding: .5em 1em; */
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: 5;
    position: relative;
    width: 24px;
    float: right;
}

/*.modal-dialog{margin: 10px auto;}*/
.col-scm-1, .col-scm-2, .col-scm-3, .col-scm-4, .col-scm-5, .col-scm-6, .col-scm-7, .col-scm-8, .col-scm-9, .col-scm-10, .col-scm-11, .col-scm-12, .col-mcl-1, .col-mcl-2, .col-mcl-3, .col-mcl-4, .col-mcl-5, .col-mcl-6, .col-mcl-7, .col-mcl-8, .col-mcl-9, .col-mcl-10, .col-mcl-11, .col-mcl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px) {
    .col-cxs-1, .col-cxs-2, .col-cxs-3, .col-cxs-4, .col-cxs-5, .col-cxs-6, .col-cxs-7, .col-cxs-8, .col-cxs-9, .col-cxs-10, .col-cxs-11, .col-cxs-12 {
        float: left;
    }

    .col-cxs-12 {
        width: 100%;
    }

    .col-cxs-11 {
        width: 91.66666667%;
    }

    .col-cxs-10 {
        width: 83.33333333%;
    }

    .col-cxs-9 {
        width: 75%;
    }

    .col-cxs-8 {
        width: 66.66666667%;
    }

    .col-cxs-7 {
        width: 58.33333333%;
    }

    .col-cxs-6 {
        width: 50%;
    }

    .col-cxs-5 {
        width: 41.66666667%;
    }

    .col-cxs-4 {
        width: 33.33333333%;
    }

    .col-cxs-3 {
        width: 25%;
    }

    .col-cxs-2 {
        width: 16.66666667%;
    }

    .col-cxs-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .col-scm-1, .col-scm-2, .col-scm-3, .col-scm-4, .col-scm-5, .col-scm-6, .col-scm-7, .col-scm-8, .col-scm-9, .col-scm-10, .col-scm-11, .col-scm-12 {
        float: left;
    }

    .col-scm-12 {
        width: 100%;
    }

    .col-scm-11 {
        width: 91.66666667%;
    }

    .col-scm-10 {
        width: 83.33333333%;
    }

    .col-scm-9 {
        width: 75%;
    }

    .col-scm-8 {
        width: 66.66666667%;
    }

    .col-scm-7 {
        width: 58.33333333%;
    }

    .col-scm-6 {
        width: 50%;
    }

    .col-scm-5 {
        width: 41.66666667%;
    }

    .col-scm-4 {
        width: 33.33333333%;
    }

    .col-scm-3 {
        width: 25%;
    }

    .col-scm-2 {
        width: 16.66666667%;
    }

    .col-scm-1 {
        width: 8.33333333%;
    }
}

@media (min-width: 1400px) {
    .col-mcl-1, .col-mcl-2, .col-mcl-3, .col-mcl-4, .col-mcl-5, .col-mcl-6, .col-mcl-7, .col-mcl-8, .col-mcl-9, .col-mcl-10, .col-mcl-11, .col-mcl-12 {
        float: left;
    }

    .col-mcl-12 {
        width: 100%;
    }

    .col-mcl-11 {
        width: 91.66666667%;
    }

    .col-mcl-10 {
        width: 83.33333333%;
    }

    .col-mcl-9 {
        width: 75%;
    }

    .col-mcl-8 {
        width: 66.66666667%;
    }

    .col-mcl-7 {
        width: 58.33333333%;
    }

    .col-mcl-6 {
        width: 50%;
    }

    .col-mcl-5 {
        width: 41.66666667%;
    }

    .col-mcl-4 {
        width: 33.33333333%;
    }

    .col-mcl-3 {
        width: 25%;
    }

    .col-mcl-2 {
        width: 16.66666667%;
    }

    .col-mcl-1 {
        width: 8.33333333%;
    }
}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none
}

.common_head_link_icon {
    width: 21px;
    height: 16px;
    vertical-align: -2px;
}

.home-input-isrequired {
    position: absolute;
    top: 7px;
    right: 5px;
}

.heigth400 {
    height: 400px;
}
/*================== 自定义模态框样式 罗瑞环 ==================*/
.textOverflowShow {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
}

/*================== 关闭按钮样式 ==================*/
.closeStyle {
    width: 35px;
    height: 35px;
    position: fixed;
    right: 0px;
    top: 0px;
    background-color: #659be0;
    border-color: #508edb;
}

/* ===================常用的公共样式====================== */
.flex { display: flex; }
.flex1 {flex: 1}
.wrap {flex-wrap: wrap;}
.col { flex-direction: column; }
.aifs {align-items: flex-start;}
.aife {align-items: flex-end;}
.aifc {align-items: center;}
.jcc {justify-content: center;}
.jcfs { justify-content: flex-start; }
.jcsa {justify-content: space-around;}
.jcfe { justify-content: flex-end; }
.jcsb {justify-content: space-between;}
.flexc { display: flex; align-items: center; }
.flexcc {display: flex; justify-content: center; align-items: center;}
.huanh1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.huanh2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.huanh3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.huanh4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.huanh5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.huanh6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.huanh7 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.huanh8 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}

.psrela {position: relative;}
.psabso {position: absolute;}
.pscenter {top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bsbb {box-sizing: border-box;}
.psfixed {position: fixed;}
.pssticky{position: sticky;}
.wb100 {width: 100%;}
.hb100 {height: 100%;}
.cp {cursor: pointer;}
.ofh {overflow: hidden;}
.wsn {white-space: nowrap;}
.top0 {top: 0;}
.left0 {left: 0;}
.bottom0 {bottom: 0;}
.right0 {right: 0;}
.tac {text-align: center;}
.tar {text-align: right;}
.tas {
  text-align: start;
}
.tdul {text-decoration: underline;}
.peno{
  pointer-events: none;
}
.blod{
    font-weight: bold;
}
/* 文字竖排 */
.fshu{
  writing-mode: tb-rl;
}

/* 超过显示... */
.chaoChu {
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis
}