/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
input[type="number"].noio::-webkit-outer-spin-button,
input[type="number"].noio::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
*{
    outline:none
}
.uploader-list {
    width: 100%;
    overflow: auto;
} 
.uploader-list .file-item {
    float:left;
    margin-right:5px;
    min-height:150px;
    min-width:150px;
}
.uploader-list .file-panel {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    z-index: 300;
}

  td[field="headimgurl"] img,td[field="c_headimg"] img{
            width:50px
        }
div[data-toggle="collapse"], .dt {
    height: 15px;
    line-height: 0px;
    margin-bottom: 1px;
    width: 100%;
    font-size: 8px;
    background: #6699CC;
    text-align: center;
    float: left;
    padding: 0px;
}

.ztlist .list-group-item {
    padding: 5px;
}

.ztlist {
    margin: 0px;
}
.ztdiv {
    display: flex;
    justify-content:space-between;
}
    .ztdiv > .ldiv {
        width:45%;
    }
    .ztdiv > .rdiv {
        width:55%;
    }
.zb .tt {
    background: #eee;
}

.zb .tzb2, .zb .tzb {
    padding: 0px;
}

i.ht {
    width: 15px;
    height: 13px;
    display: -webkit-inline-box;
    background-image: url(/Images/icon/ht.png);
    top: 2px;
    position: relative;
    background-size: 60px 14px;
}

i.ht0 {
    background-position: 0px 0px;
}

i.ht1 {
    background-position: 45px 0px;
}

i.ht2 {
    background-position: 30px 0px;
}

i.ht3 {
    background-position: 15px 0px;
}

.textbox {
    border: none;
    background: none;
}

.zb .ztpaging {
    position: relative;
    z-index: 300;
    background: #fff;
}

.textbox[type="text"] {
    width: 100%;
    height: 25px;
    text-align: inherit;
    outline: none;
    background-color: transparent;
    border: none;
}

.ygroll {
    width: 100%;
    overflow: auto;
}

.textbox.b_border {
    line-height: 20px;
    height: 20px;
    border-bottom: 1px solid #000000;
}

.m_title {
    font-size: 20px;
    font-weight: bold;
    padding: 1px;
}

.b_title {
    font-size: 26px;
    font-weight: bold;
    padding: 3px;
}

.ysgno {
    font-size: 12px;
    font-weight: normal;
    float: right;
    margin-top: 15px;
}

#navtop {
    padding: 10px;
    background: #F3F3F3 /*url(/Images/xt/bg08.png)*/;
}

    #navtop > a.btn {
        padding: 0px;
    }

        #navtop > a.btn img {
            padding-right: 10px;
            border-right: #ddd solid 1px;
            margin-left: 10px;
        }

    #navtop .header-right a {
        margin-left: 5px;
    }
.jdjl2.row {
    padding-bottom: 2px;
    border-bottom: 2px solid #5BC0DE;
}

.input-group-addon {
    color: #000;
}

    .input-group-addon .fa-check {
        width: 9.42px;
    }

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

.table > thead > tr > td.bg-1,
.table > tbody > tr > td.bg-1,
.table > tfoot > tr > td.bg-1,
.table > thead > tr > th.bg-1,
.table > tbody > tr > th.bg-1,
.table > tfoot > tr > th.bg-1,
.table > thead > tr.bg-1 > td,
.table > tbody > tr.bg-1 > td,
.table > tfoot > tr.bg-1 > td,
.table > thead > tr.bg-1 > th,
.table > tbody > tr.bg-1 > th,
.table > tfoot > tr.bg-1 > th {
    background-color: #8adcff;
}

.table > thead > tr > td.bg-2,
.table > tbody > tr > td.bg-2,
.table > tfoot > tr > td.bg-2,
.table > thead > tr > td.bg-2,
.table > tbody > tr > td.bg-2,
.table > tfoot > tr > th.bg-2,
.table > thead > tr.bg-2 > td,
.table > tbody > tr.bg-2 > td,
.table > tfoot > tr.bg-2 > td,
.table > thead > tr.bg-2 > th,
.table > tbody > tr.bg-2 > th,
.table > tfoot > tr.bg-2 > th {
    background-color: #a8e2ff;
}

.table > thead > tr > td.bg-3,
.table > tbody > tr > td.bg-3,
.table > tfoot > tr > td.bg-3,
.table > thead > tr > td.bg-3,
.table > tbody > tr > td.bg-3,
.table > tfoot > tr > th.bg-3,
.table > thead > tr.bg-3 > td,
.table > tbody > tr.bg-3 > td,
.table > tfoot > tr.bg-3 > td,
.table > thead > tr.bg-3 > th,
.table > tbody > tr.bg-3 > th,
.table > tfoot > tr.bg-3 > th {
    background-color: #aedef7;
}

.table > thead > tr > td.bg-4,
.table > tbody > tr > td.bg-4,
.table > tfoot > tr > td.bg-4,
.table > thead > tr > td.bg-4,
.table > tbody > tr > td.bg-4,
.table > tfoot > tr > th.bg-4,
.table > thead > tr.bg-4 > td,
.table > tbody > tr.bg-4 > td,
.table > tfoot > tr.bg-4 > td,
.table > thead > tr.bg-4 > th,
.table > tbody > tr.bg-4 > th,
.table > tfoot > tr.bg-4 > th {
    background-color: #c5e7f9;
}

.table > thead > tr > td.bg-5,
.table > tbody > tr > td.bg-5,
.table > tfoot > tr > td.bg-5,
.table > thead > tr > td.bg-5,
.table > tbody > tr > td.bg-5,
.table > tfoot > tr > th.bg-5,
.table > thead > tr.bg-5 > td,
.table > tbody > tr.bg-5 > td,
.table > tfoot > tr.bg-5 > td,
.table > thead > tr.bg-5 > th,
.table > tbody > tr.bg-5 > th,
.table > tfoot > tr.bg-5 > th {
    background-color: #d3edfb;
}

.table > thead > tr > td.bg-6,
.table > tbody > tr > td.bg-6,
.table > tfoot > tr > td.bg-6,
.table > thead > tr > td.bg-6,
.table > tbody > tr > td.bg-6,
.table > tfoot > tr > th.bg-6,
.table > thead > tr.bg-6 > td,
.table > tbody > tr.bg-6 > td,
.table > tfoot > tr.bg-6 > td,
.table > thead > tr.bg-6 > th,
.table > tbody > tr.bg-6 > th,
.table > tfoot > tr.bg-6 > th {
    background-color: #e4f3fc;
}



/*.dialog .ztcombox input{
    font-size:14px;
}*/

.tbdiv ul.dropdown-menu li a:hover {
    color: #ffffff;
    background-color: #337ab7;
}

/*健康比例*/
.jkbl.tbdiv {
    font-size: 12px;
}

/*.ls.ztgrid >table > thead>tr >th  {
    background:#31b0d5 ;
    border-color:#269abc;
}*/

.treeview ul li {
    padding: 5px;
}
.diyif, .ztprint iframe,.preview iframe, .ztgrid iframe {
    border: none;
    min-height:500px;
    width: 100%;
    height: 100%;
}

.input-group.input-group-sm {
    margin: 0 1px 1px 0;
}
/*多页面导航条*/
.tbdiv .nav-tabs > li.active > a, .tbdiv .nav-tabs > li.active > a:hover, .tbdiv .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #31b0d5;
    border: 1px solid #269abc;
}

.br-kc::after {
    content: "\f0de";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 0.1px;
}

.br-fkc::after {
    color: red;
}


.ffa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zbgrid th, .zbgrid td {
    text-align: center;
}

.zbgrid .ui-selecting, .ztgrid .ui-selecting td {
    background: #dff0d8;
}

.noime｛ ime-mode:disabled ｝ .input-group-addon select {
    background: transparent;
    line-height: 1;
    border: none;
    color: #555;
    outline: medium none;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari 和 Chrome */
}

.dropdown-menu {
    min-width: 0;
}

    .dropdown-menu li a {
        padding: 5px;
    }

.input-group-addon.btn-group {
    padding: 0;
}

    .input-group-addon.btn-group span {
        padding: 5px 10px;
        border: none;
    }

.warn, input[readonly].warn {
    /*background-color: rgba(250, 255,189,1);*/
}
.tip {
    background-color: #f9fbdd;
}

.edge {
    padding-left: 2px;
    padding-right: 2px;
}

@media(max-width:768px) {
    .panel-body.edge {
        padding-left: 16px;
        padding-right: 16px;
    }
}

.lrc, .trc {
    position: absolute;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31b0d5;
}


.lrc {
    height: 62px;
    top: 40%;
    line-height: 60px;
}

.trc {
    top: 55px;
    width: 62px;
    left: 50%;
    height: 11px;
}

    .trc:hover, .lrc:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

.ui-selectable-helper {
    z-index: 8888;
}

th.tc {
    text-align: center;
    width: 60px;
}

.input-group-addon i.fa.fa-angle-double-down {
    position: absolute;
    top: 10px;
    left: 2px;
    color: #00f;
}

.dialog {
    /*max-height: 700px;*/
    display: inline;
    max-width: 100%;
}

    .dialog .panel-body {
        padding: 1px;
    }

    .dialog > .ztgrid.mah {
        max-height: 450px;
    }

.mt_3 {
    margin-top: 3px;
}

.panel-heading.ui-draggable-handle {
    cursor: move;
    background: #6699CC !important;
    color: #000000;
}

.panel-footer {
    padding: 5px;
    background: #6699CC !important;
    text-align: center;
}

    .panel-footer .btn {
        margin-left: 5px;
    }

input.zteditor, .zteditor input[type=text] {
    text-align: inherit;
    outline: none;
    width: 100%;
    background-color: transparent;
    border: none;
}

input.zteditor {
    padding: 0px 5px;
    height: 100%;
}


.ztgrid .input-group {
    position: initial;
}

.ztgrid tbody td label {
    width: 100%;
    text-align: center;
    margin:0px;
}
.ztgrid tbody td .btn {
    padding:0px
}
.ztgrid tbody td[field="c_sx"] {
   text-align:center;
}

.ztpaging {
    overflow: auto;
    width: 100%;
    padding-left: 1px;
}
.popover {
    z-index: 105;
}
.ztcombox .popover {
    z-index: 105;
    margin: 0px;
    width: 100%;
    max-width:100%;
}
.ztcombox .popover-content{
    padding:0px;
    max-height: 345px;
    overflow-x: auto;
    padding: 0px;
}

.ztcombox .popover td label {
    padding: 0px 15px;
}

.ztcombox  .popover th {
    text-align: center;
}
 
#lm-breed-zbgrid > .table th:last-child, #lm-breed-zbgrid > .table tr > td:last-child {
    border-right: 1px solid #ddd;
}

/*.pageinput:not(.ls) .input-group {
    margin-top: 5px;
}*/

.pageinput .input-group .input-group-addon {
    line-height: 1;
}

#udhcdiv .pageinput .input-group .input-group-addon {
    line-height: 1.4;
}

.gdinput {
    min-height: 30px;
}

.pageinput > .arrow {
    width: 100%;
    text-align: center;
    line-height: 1px;
}

    .pageinput > .arrow > i {
        line-height: 12px;
    }

.pageinput .toggle.btn {
    width: 100%;
    text-align: center;
    line-height: 1px;
}

.pagination {
    margin: 0px;
    display: inline;
}

    .pagination > li > select {
        height: 30px;
        background-color: #fff;
        border: 1px solid #ddd;
        color: #337ab7;
        position: relative;
        text-decoration: none;
        margin-left: -1px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        float: left;
    }

#codemx {
    padding-top: 5px;
}

    #codemx .col-xs-12 {
        margin-bottom: 5px;
    }


.pageinput:not(.ls) {
    width: 100%;
    padding: 0px;
    float: left;
}

.pageinput .pdleft {
    padding-left: 10px;
}

.ztgrid {
    outline: medium;
    /*  overflow: auto;*/
    overflow: auto;
}
/*abar中的滚动条无法下拉*/
div#dg{
    overflow:scroll;
}
    .ztgrid.mih {
        min-height: 250px;
    }

    .ztgrid.mah {
        max-height: 288px;
    }

.table th label {
    width: 100%;
    margin: 0px;
}

table.table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.zbgrid .ui-selected {
    background: #c1e2b3;
}

.ui-selected.bg-xp {
    background: #72d6f7;
}

.ui-selected.bg-dp {
    background: #d494d4;
}

.bg-xp {
    background-color: #D2ECFA;
}
.bg-xp:hover {
    background-color: #e4f5fe;
}
.bg-dp-click {
    background-color: #d9f6ea  !important;
}

.bg-dp {
    background-color: #DCb4DC;
}
.bg-dp:hover {
    background-color: #f2cff2;
}
.bg-dy {
    background-color: #00CA79;
}
.bg-dy:hover {
    background-color: #9bf2cf;
}
.bg-js{
    background-color: #b8d6ce;
}
.bg-zb-move {
    /*background-color: #e4f5fe !important;*/
     background-color: #d9f6ea;
}
.text-xp {
    color: #64bff1;
}

.text-dp {
    color: #ce6fce;
}

.bg-add:before {
    font-family: 'Glyphicons Halflings';
    float: left;
    content: "\e165";
}

.form-group {
    margin-bottom: 10px;
}

.panel, .table {
    margin: 0 0px 1px 0;
}

    .table th, .lock {
        position: relative;
        background: #eee;
        z-index: 10;
    }

        .table th, .lock:not(.ed) {
            /*-moz-user-select: none;  
    -webkit-user-select: none; 
    -ms-user-select: none;  
    -khtml-user-select: none; 
    user-select: none;*/
            cursor: default;
        }
            .table th[title="0"] {
                padding: 0px 15px;
            }

th.lock {
    z-index: 100;
}

.nbm {
    background: #eee;
}

.table-wauto {
    width: auto;
}

.table-fixed {
    table-layout: fixed;
}

.table > thead > tr > th, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*width: 25px;
    height: 25px;*/
    padding: 2px 5px;
    line-height: 25px;
    white-space: nowrap;
}

    .table > tbody > tr > td.npd {
        padding: 0px;
    }

    .table > tbody > tr > td[field="c_qx"] {
        white-space: normal;
    }

    .table > thead > tr > th.brn, .table > tbody > tr > td.brn {
        border-right-width: 0px;
    }

    .table > thead > tr > th.bln, .table > tbody > tr > td.bln {
        border-left-width: 0px;
    }

.tbdiv {
    overflow: auto;
}

    .tbdiv .toolbar {
        width: 100%;
    }

.toolbar {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 1px;
}

    .toolbar a.btn {
        /*font-size: 1em;
            background-color: #eee;
        border: 1px solid #ccc;
        */
        padding: 5px;
    }

        .toolbar a.btn label {
            margin: 0px;
            font-weight: normal;
        }

.btn-group > a.btn:hover {
    color: #fff;
    background-color: #6699CC !important;
}
.btn-group > a.btn-danger:hover {
    color: #fff;
    background-color: rgb(169, 68, 66) !important;
}
.toolbar a i {
    margin-right: 2px;
}

.pageinput div[class*="col"] {
    padding: 0px;
}

/*==============================================
    BASIC  STYLES    
    =============================================*/
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 25px;
}

.rotate {
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

#wrapper {
    width: 100%;
}

#mpage {
    padding: 10px;
    /*min-height: 600px; border-left: #6699CC solid 5px;*/
    background: #F3F3F3 /*url(/Images/xt/bg08.png)*/;
    overflow-y: auto;
    min-height: 500px;
}

    #mpage .row {
        padding: 0;
        margin: 0;
    }

#page-inner {
    width: 100%;
    margin: 10px 20px 10px 0px;
    background-color: #fff !important;
    padding: 10px;
    /*min-height: 1200px;*/
}

.tab-content {
    padding-top: 1px;
}

.msg {
    position: fixed;
    right: 10px;
    z-index: 10000;
    bottom: 0px;
}

.page-head-line {
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 5px;
    font-weight: 800;
    border-bottom: 2px solid #00CA79;
}

.page-subhead-line {
    font-size: 14px;
    font-style: italic;
    border-bottom: 1px dashed #00CA79;
}


/*==============================================
    MENU STYLES    
    =============================================*/


.navbar-cls-top .navbar-brand {
    color: #fff;
    background: #202020;
    width: 260px;
    text-align: center;
    height: 50px;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 900;
    padding: 0px;
    text-transform: uppercase;
}

.header-right {
    float: right;
}

.navbar-cls-top .navbar-brand:hover {
    background: #202020;
}

.uinfo {
    padding: 5px;
    background-color: #006699;
    height: 60px;
}

    .uinfo .btn-group {
        margin-top: -5px;
    }

.active-menu {
    background-color: #6699CC !important;
}

.active-menu-top {
    background-color: #000 !important;
}

.ibg {
    color: #fff;
    background-color: #6699CC !important;
}

.ctrldept {
    width: 152px;
}

    .ctrldept > div.input-group > span.input-group-addon, .ctrldept > div.input-group > input.form-control {
        height: 24px;
        padding: 0px 5px;
        color: #fff;
        background-color: #6699CC !important;
        border: none;
    }

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav .badge {
    position: absolute;
    z-index: 10;
    right: 30px;
    top: 13px;
    background: #f0ad4e;
    cursor:pointer;
}

.nav-second-level .badge {
    top: 9px;
}


.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

    .nav-second-level li a {
        padding-left: 37px;
    }

    .nav-third-level li a {
        padding-left: 55px;
    }

.mainmenu, .mainmenu .nav {
    background: none;
}

    .mainmenu:not(.collapse) {
        overflow-y: auto;
    }

    .mainmenu .nav {
        padding: 0;
    }

        .mainmenu .nav > li > a {
            color: #fff;
            background: #202020;
            text-shadow: none;
            padding: 10px;
            border-bottom: 1px solid #2F2E31;
        }

            .mainmenu .nav > li > a:hover,
            .mainmenu .nav > li > a:focus {
                background: #0A0A0A;
                outline: 0;
            }

.nav > li > a > i {
    margin-right: 10px;
}

.nav-second-level > li:last-child > a:after,
.nav-third-level > li:last-child > a:after {
    height: 50%;
}

.nav-third-level > li > a:after,
.nav-third-level > li > a:before {
    left: 40px;
}

.navbar-side {
    border: none;
    background-color: #202020;
}

.navbar-cls-top {
    border-bottom: #6699CC solid 5px;
    margin: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #00CA79;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }

td[field="c_number"], td[c="c_number"] {
    text-align: right;
}

.modal-backdrop.in {
    opacity: 0.05;
}

.mainmenu .arrow {
    float: right;
}
.mainmenu .nav .nav-second-level > li > a {
    /*padding: 8px;*/
    padding: 8px 8px 8px 20px;
}
/*==============================================
    FOOTER  STYLES    
    =============================================*/
#footer {
    background-color: #000;
    padding: 5px 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

    #footer a {
        color: #fff;
    }

        #footer a:hover, a:focus {
            color: #fff;
            text-decoration: none;
        }
/*==============================================
    MEDIA QUERIES     
    =============================================*/


.tabdiv {
    overflow: auto;
    border-bottom: #6699CC solid 2px;
    overflow-y: hidden;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 153, 204, 0.52)), to(rgba(255, 255, 255, 0.49)));*/
}

    .tabdiv .nav-tabs {
        margin: 0 auto;
        border-bottom: 0;
    }

        .tabdiv .nav-tabs > li.active > a {
            color: #fff;
            background: #6699CC;
        }
        /*.tabdiv .nav-tabs > li.active {
        background:#6699CC;
    }*/
        .tabdiv .nav-tabs > li > a {
            padding: 5px;
        }

#time {
    width: 138px;
}

td[field*="c_ye"],
td[field*="c_qye"],
td[field="c_sell"],
td[field*="c_tui"],
td[field*="c_sk"],
td[field*="mon"],
td[field*="c_yye"],
td[field*="c_yns"],
td[field*="c_nye"],
td[field*="c_nns"],
td[field*="c_zk"],
td[field*="c_total"],
td[field*="c_zz"],
td[field*="c_zzts"],
td[field*="c_recharge"],
td[field="fl"],
td[field="kc"],
td[field="cgj"],
td[field="pfj"],
td[field="lsj"],
td[field*="c_ml"],
td[field*="c_hcml"],
td[field="c_zhekou"],
td[field*="c_agio"],
td[field*="num"],
td[field="c_ration"],
td[field*="ratio"],
td[field*="task"],
td[field*="c_nu"],
td[field="c_deduct"],
td[field*="point"],
td[field*="money"],
td[field="jh"],
td[field="th"],
td[field="n"],
td[field*="c_qt"],
td[field="c_qcy_n"],
td[field*="c_cg"],
td[field*="c_ls"],
td[field*="c_pf"],
td[field*="c_mq"],
td[field*="c_kc"],
td[field*="c_bs"],
td[field*="c_py"],
td[field*="c_pk"],
td[field*="c_dr"],
td[field*="c_dc"],
td[field="qq"],
td[field="sk"],
td[field="xs"],
td[field="th"],
td[field="zk"],
td[field="qt"],
td[field="ye"],
td[field="ys"],
td[field="yh"],
td[field="ns"],
td[field="ne"],
td[field="nh"],
td[field*="c_mqyy"],
td[field*="c_mqsj"],
td[field*="c_cy"],
td[field="m1"],
td[field="m2"],
td[field="xm"],
td[field="c_debit"],
td[field="c_lender"],
td[field="c_ye"],
td[field*="price"],
td[field*="kcn"],
td[c="kchj"],
td[field="zp"],
td[field="pp"],
td[field="cp"],
td[field="c_mdkc"],
td[field="kyhj"],
td[field="kchj"],
td[field="hcp"] {
    text-align: right;
}

td[field="c_mdpic"] ,
td[field="c_icon"] ,
td[field="c_pic"] ,
td[field="c_contents"] ,
td[field="url1"] {
    text-align: center;
}

td[field="c_qx2"] span {
    width: 100%;
    height: 100%;
}

td[field="c_unit"],
td[field="rowcb"],
td[field="c_used"],
.ctrldept > div > input {
    text-align: center;
}

.ztopto th {
    text-align: center;
}

.ztopto td[n] {
    padding: 0;
}

    .ztopto td[n] > input {
        text-align: inherit;
        outline: none;
        width: 100%;
        background-color: transparent;
        border: none;
        padding: 0px 10px;
    }

.bar .input-group-addon, .bar .form-control,.bar .zteditor {
    padding: 0px;
}

.bar .zteditor {
    width: 35px;
}

.svgapp {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    fill: currentColor;
    overflow: hidden;
    color:white;
    padding:1px;
    /*-webkit-border-radius: 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px;*/ 
    border-radius: 3px 3px 3px;
}

.svgic {
    width: 30px;
    height: 30px;
    vertical-align: -10px;
    fill: currentColor;
    overflow: hidden;
}

#sk .svgic {
    font-size: 35px;
}

#sk .modal-content,.preview .modal-content {
    background-color: #6699CC !important;
}
.preview .modal-dialog {
    width:auto;
    margin:10px;
}
#sk .modal-header, #sk .modal-footer,.preview .modal-header,.preview .modal-footer {
    text-align: center;
    padding: 5px;
}

#sk .close {
    margin-top: 5px;
    margin-right: 5px;
}

#sk table {
    font-size: 10px;
}

    #sk table label {
        margin: 0px;
        width: 100%;
    }

        #sk table label input {
            position: relative;
            top: 2px;
        }

#sk .modal-body,.preview .modal-body {
    background: #f3f3f3;
    padding: 0px;
}
.preview .modal-body {
    overflow: hidden;
}
.sk_item {
    padding: 3px;
    border-bottom: 1px solid #ccc;
        text-align: center;
}

    .sk_item > div.btn {
    border-left: 5px solid #6699cc;
    }
     .sk_item i {
        margin-top: -6px;
    margin-left: 5px;
    }
    .sk_item a {
        background-color: #6699cc;
        width: 30px;
        height: 30px;
        vertical-align: 5.8px;
        margin-left: 5px;
    }

#sk .row {
    margin: 0px;
}

.sk_item input:nth-of-type(odd) {
    width: 45%;
    height: 30px;
    padding: 2px;
    vertical-align: 1px;
}

.sk_item input:nth-of-type(even) {
    width: 20%;
    height: 30px;
    padding: 2px;
    vertical-align: 1px;
}

.skl {
    overflow: auto;
    max-height: 445px;
    padding:0px;
}

    .skl input:nth-of-type(odd) {
        margin: 0 5px;
    }

.skr {
    padding: 5px;
    border-left: 1px solid #ccc;
}

.sr-yj {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 0px;
}

.skr .input-group-addon {
    background-color: #6699cc;
    padding: 5px;
    color: white;
}
.btn-label-check {
    height:30px;
}
.skr .input-group {
    margin-bottom: 1px;
}

.svg-xs {
    width: 18px;
    height: 20px;
}

.skb {
    margin: 2px 0;
    border: 8px solid #6699cc;
}

    .skb > div {
        float: right;
        margin-right:3px;
        width: 90px;
    }

    .skb > input.input-group-lg {
        width: 45%;
        height: 60px;
    }

    .skb > div > div > input.form-control {
        width: 58px;
    }

@media (min-width:750px) {
    body{
    overflow: hidden;
    }
    #mpage {
        margin: 0 0 0 215px;
        padding: 10px;
    } 
    .uinfo .btn-group {
        margin-top: -5px;
    }

    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 215px;
    }

    .navbar {
        border-radius: 0px;
    }
}

.cl {
    padding: 0px;
}

.cr {
    padding: 0 1px;
}

@media(max-width:768px) {
    .jkbl .table {
        width: 460px;
    }
      .skl {
    max-height: 200px;
}
    .navbar-cls-top {
        border: 0;
    }
}

@media(max-width:600px) {
    .table th, .lock {
        position: inherit;
    }

        .table th[field="rownum"], .lock[field="rownum"],
        .table th[field="rowcb"], .lock[field="rowcb"] {
            position: relative;
        }
}



.sendk,.sendg{
	padding-bottom: 5px;
}
.sendg:after,.sendk:after,.kfmsg:after{
	content: "";
	clear: both;
	display: table;	
}
.sendk .kfmsg img,.sendk .kfmsg p,.sendk .kfmsg{
	float: right;
}
.kfmsg>img {
    float: left;
    max-width:40px;
}
.kfmsg>div {
    float: left;
    margin: 0 10px;
    padding: 5px;
    background: #fff;
    position: relative;
    border-radius: 6px;
    max-width: 200px;
    box-sizing: border-box;
}
.kfmsg>div p{
    margin:5px;
    white-space: pre-wrap;
}
.text-cwcheck {
  color: #449d44;
}

.star{
    font-size: 18px;
    color:red;
}
 .tab-h {
    height: 23px;
    display: block;
    width: 306px;
    overflow: visible;
}
.msg-error {
    position: relative;
    background: #ffebeb;
    color: #e4393c;
    border: 1px solid #faccc6;
    padding: 3px 10px 3px 40px;
    line-height: 15px;
    height: auto;
}
.ztlogo_box{
    padding: 6px 12px; 
    display: table-cell;
    border-top:1px #ccc solid;
    border-right:1px #ccc solid;
    border-bottom:1px #ccc solid;
    background:url(/Images/icon-user.png)no-repeat center;
    background-size:20px 20px;
    cursor: pointer;
}
.sex_logo{
    padding: 6px 14px; 
    display: table-cell;
    border-top:1px #ccc solid;
    /*border-right:1px #ccc solid;*/
    border-bottom:1px #ccc solid;
    cursor: pointer;
    background-color:#fff!important;
}
.general_icon{
    padding: 0 4px;
    /*display: table-cell;*/
    border-top:1px #ccc solid;
    border-right:1px #ccc solid;
    border-bottom:1px #ccc solid;
    /*background-color:#fff!important;*/
    text-align:center;
    position: absolute;
    z-index: 2;
    right: 0;
}
.general_icon p{
   width:45px;
   height:19px;
   line-height:19px;
   background-color:#6699CC;
    border-radius:9px;
    margin:5px 0 4px 0;
    color:#fff;
    font-size:12px;
    font-weight:normal;
}
.general_iconhover{
    z-index: 100;
}
.click_more_color{
    background-color:#fff!important;
    color:#fff;
    }
.click_more_color1{
    background-color:#eee!important;
    color:#fff;
    }
.query_icon{
     background-color:#fff!important;
     color:#fff;
     padding:0 19px!important;
}
.click_more{
    background-color:#6699CC;
    padding:3px 6px;
     border-radius:8px;
     margin:0px;
     width:45px;
     height :18px;
     color:#FFF!important;
}
.click_more1{
    background-color:#CCC;
    padding:3px 4px;
     border-radius:50px;
     margin:0px;
     width:20px;
     height :20px;
     line-height:15px;
     color:#FFF!important;
     cursor:pointer;
}
/*input:focus{
    outline:none!important;
}
span:hover{
     border:none!important;
}*/
.xiaotui{
    background-color: #6699CC;
    padding:3px 4px!important;
    border-radius: 15px!important;
    margin: 0px;
    width: 20px;
    height: 19px!important;
    line-height: 12px!important;
    color:#fff;
}
.xiao{
    padding:5px 16px !important;
    background-color:#31b0d5;
    border-color: #269abc;
    color:#fff;
}


.weui-loadmore{
    float: left;
    width: 98%;
    margin: 0px 1%;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}
.weui-loadmore span{
    position: relative;
    top: -0.9em;
    padding: 0 .55em;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.9);
}
.titlecls{
    color:#31708f
}
.headchecked {
    cursor: pointer;
    background: url(/Images/choose_logo_1.png) right no-repeat;
    background-color:#eee;
}
.headuncheck {
        cursor: pointer;
    background: url(/Images/choose_logo_2.png) right no-repeat;
     background-color:#eee;
}
.bg-success1 {
  background-color:#5cb85c!important;
}
a.bg-success1:hover,
a.bg-success1:focus {
  background-color: #c1e2b3!important;
}
.bg-danger1 {
  background-color: #d9534f!important;
}
a.bg-danger1:hover,
a.bg-danger1:focus {
  background-color: #e4b9b9!important;
}
.td-danger {
    background-color: #d9534f!important;
    color:white;
}
/*.show_flage{
    padding:0px 0px 0px 5px!important;
}*/
/*.flage_checked{
    cursor: pointer;
    background: url(/Images/on_img.png) center center no-repeat;
    background-color:#eee;
}
.flage_uncheck{
     cursor: pointer;
    background: url(/Images/off_img.png) center center no-repeat;
    background-color:#eee;
}*/
.flage_checked {
    /*border-radius: 10px;
    display: inline-block;
    width: 33px;
    height: 14px;
    padding: 0px;
    border: 1px solid #52d568;
    vertical-align: middle;*/
    cursor: pointer;
    background: #fff;
}
.flage_checked .ui-icon-circle {
    border-radius: 10px;
    width: 22px;
    display: inline-block;
    height: 14px;
    background: #ffffff;
    float: right;
    margin-right: 1px;
    box-shadow: 12px 0px 1px #ddd;
    color: #fff;
    font-size:12px;
    padding-top:2px;
     background-color:#6699CC;
}
.flage_uncheck {
    /*border-radius: 10px;
    display: inline-block;
    width: 33px;
    height: 14px;
    padding: 0;
    border: 1px solid #ccc;
    vertical-align: middle;*/
   cursor: pointer;
    background: #fff;
}
.flage_uncheck .ui-icon-circle {
    border-radius: 10px;
    width: 22px;
    display: inline-block;
    height: 14px;
    background: #ffffff;
    float: left;
    margin-right: 1px;
    box-shadow: -12px 0px 1px #ddd;
    color:#ccc;
    border:1px solid #ddd;
    font-size:12px;
    padding-top:2px;
    background-color:#fff;
}
.tdinput {
    /*margin-right: 10px !important;*/
    margin-left: 10px !important;
}
.area_distance{
     margin-left: 20px !important;
}
.area_distances{
     margin-left: 40px !important;
}
.btn-click {
    background-color: #31b0d5 !important;
    border-color: #269abc !important;
    cursor: pointer;
}
.btn-click-color {
    color: #fff !important;
}
.btn-label {
    border-radius:20px;
    border-color: #ccc !important;
    background-color: rgba(0,0,0,0) !important;
    color:#202020;
    padding: 4px 10px !important;
    font-size: 14px;
    margin:2px;
}
.btn-label:hover {
    color:#fff;
    background-color: #337ab7 !important;
}
.btn-label-select {
    background-color:#337ab7 !important;
    border-color:#337ab7 !important;
    color:white
}
.label-List{
    background-color:white;
    border-radius:10px;
    font-weight:bold;
    margin:1px;
    padding:4px;
}
.label-List-child{
    padding:2px;
    margin-left:20px
}
.label-window{
    background-color:#eee;
    max-height:400px;
    overflow-y:scroll
}
.zttitle {
    background: #1e87cc; 
    color: #fff; 
    padding-top: 8px; 
    padding-bottom: 8px;
}
.bptitle {
    margin: 3px;
    padding-top:3px;
    padding-bottom:3px;
}
.bpdiv {
    padding: 0px;
}
.bpspan {
    background-color: #E5F5FF;
    border-style:solid;
    border-width: 1px;
    border-color: #CFEDFF;
    color:#8A8A8A;
    margin: 3px;
    padding-top:3px;
    padding-bottom:3px;
    cursor:pointer;
}
.bpspanc {
   background: #5CB9EF!important;
   color: #fff!important;
}
.bpbackground {
    background-color: #fff;
    min-height:100px;
    max-height:450px;
    overflow-y:auto;
    overflow-x:hidden;
}
.ci-count {
    position: absolute;
    top: 1px;
    left: 32px;
    right: auto;
    display: inline-block;
    padding: 1px 3px;
    font-size: 10px;
    line-height: 12px;
    color: #fff;
    background-color: #e1251b;
    border-radius: 7px;
    min-width: 12px;
    text-align: center;
}
.tabnum {
    margin-top: -20px;
    display: inline-block;
    min-width: 13px;
    padding: 2px 4px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fb6969;
    border-radius: 100%;
}
.unspcs {
    width: 20px;
    height: 20px;
    line-height: 15px;
    color:#fff;
    background-color: #d9534f;
    border-radius:4px;
    text-align:center;
    padding:2px !important;
    margin: 2px 3px;
    cursor: pointer;
}
.spcs {
    width: 20px;
    height: 20px;
    line-height: 15px;
    color:#fff;
    background-color: #5cb85c;
    border-radius:4px;
    text-align:center;
    padding:2px !important;
    margin: 2px 3px;
    cursor: pointer;
}
.btn-label-div {
    padding-right: 1px !important;
    padding-bottom: 1px !important;
}
/*叫号系统*/
#jh_dialog {
    background-color: #6699cc;
    margin: -2px -1px;
}
.jh_center_box {
    /* background-color:#6f9acb;*/
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: -2px -1px;
    display: flex;
}
.qh_conent {
    width: 25%;
    border-left: solid 1px #ddd;
    margin-left: 5px;
    background-color: #fff;
    padding: 15px 0;
    border-radius: 5px;
}
.qh_title {
    font-size: 18px;
    font-weight: bold;
}
.qh_zgroupname {
    height: 430px;
    max-height: 430px;
    min-height: 430px;
    overflow-y: auto;
}
.qh_zgroupname .qh_btn {
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    background-color: #edd285;
    margin:10px 15px;
}
.jh_top_box {
    background-color: #fff;
    color: #6f9acb;
    padding: 15px 0;
    border-radius: 5px;
}
        .jh_now_jh{
            font-size:18px;
            font-weight:bold;
        }
.jh_now_ks{
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 50%;
}
        .jh_now_number{
            margin:0 15px;
            color:red;
        }
        .jh_start_box{
            display:flex;
            justify-content:space-around;
            cursor:pointer;
        }
        .jh_start_box p{
            width:30%;
            height:30px;
            line-height:30px;
            border:1px solid #6f9acb;
            background-color:#eee;
            margin-bottom:0px
        }
        .jh_table_box {
            width:100%;
        }
        .jh_table_box table{
             margin:0 auto;
            border-right:1px solid #bdcee4;
            border-bottom:1px solid #bdcee4;
            background-color:#fff;
            width:97%;
        }
        .jh_table_box th{
            height:35px;
            line-height:35px;
        }
        .jh_table_box th,
        .jh_table_box td{
             text-align:center;
            width:1000px;
            border-left:1px solid #bdcee4;
            border-top:1px solid #bdcee4;
            border-bottom:1px solid #bdcee4;
        }
         .jh_table_box  thead tr{
               background-color:#cbe2fc;
               display:block;
         }
         .jh_bottom_box{
             padding:15px 0;
         }
         .jh_buttom_box{
             width:100%;
             display:flex;
             justify-content:space-around;
           
         }
        
         .jh_buttom_box p{
             width:45%;
             height:35px;
             line-height:35px;
             color:#fff;
             border-radius:5px;
             cursor:pointer;
         }
         .jh_buttom_box p:active{
             border:2px solid #ddd;
         }

         .jh_buttom_box input{
             width:100%;
             height:35px;
             line-height:35px;
             color:#fff;
             border-radius:5px;
             border:none;
             text-align:center;
             cursor:pointer;
         }
         .jh_buttom_box .again_box{
             width:45%;
             position:relative;
         }
         .jh_buttom_box  .count_down{
             position:absolute;
             top:2px;
             right:24%;
             color:#fff;
         }
         .jh_finish{
             background-color:#6cb75d;
         }
          .jh_past_number{
             background-color:#aa4642;
         }
           .jh_again_number{
             background-color:#437bb6;
         }
        .jh_next_number{
            background-color:#e8ac51;
        }
        .jh_choose{
            background-color:#6f9acb!important;
            color:#fff;
        }
        .jh_tbody_content{
            width:100%;
            max-height:200px; 
            min-height:200px;
            overflow-y:scroll;
            display:block;
            border:1px solid #bdcee4;
        }
.zj_table tr {
    border: 1px solid #ccc;
    width: 100%;
    height: 25px;
}
.zj_table td {
    width: 60px;
    border-left: 1px solid #ccc;
    text-align: center;
    vertical-align:middle;
}
.zj_table .td-width {
    width: 100px;
    border-left: 1px solid #ccc;
    text-align: center;
    vertical-align:middle;
}
.zj_table .spadding {
    padding-left:5px;
}
.zj_table .sheight {
    height: 50px!important;
}
.zj_table .sbackground {
    background-color:#B3B3B3 ;
}
.selectedbtn{
    background-color:#31b0d5!important;
    color:#fff!important;
}
.balltd {
    width: 80px !important;
}
.ballwidth {
    width: 130px !important;
}

.axestd {
    width: 80px !important;
}
.hdtd {
    width: 80px !important;
}
.vdtd {
    width: 85px !important;
}
.vdwidth {
    width: 190px !important;
}
.axdetd {
    width: 80px !important;
}
.jy_title {
    font-size : 16px;
    font-weight:bold;
    border-left:0px !important;
    height: 30px;
    margin-left:5px;
}
.jy_unit {
    font-size : 12px;
    border-left:0px !important;
}
.rtr {
    height: 30px !important;
}
.text-purple {
    color: #9e429b;
}
.text-ewarning {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.text-khhtwarning {
    color: #f1f012 !important
} 

.text-khhtdanger {
    color: #a94442 !important
}
.text-align-left {
    text-align: left !important;
}

.cf_table thead tr th {
    height: 35px;
    vertical-align: middle !important;
}

.cf_table tbody tr td {
    height: 35px;
    vertical-align: middle !important;
}
.zpfs label {
    width: 150px;
}

.cf_table .modetitle {
    font-weight: bold;
}

.result_cellbox {
    padding: 5px;
    border: 1px solid #eee;
    width: 100%;
    display: flex;
}

.cell-title {
    width: 100%;
    background-color: #eee;
    padding: 10px 8px;
    font-weight: bold;
}

.ul-title {
    padding: 0;
}

    .ul-title li {
        padding: 10px 0 10px 40px;
        border-bottom: 1px solid #eee;
        list-style: none;
    }

.btn-box {
    padding: 30px 10% 15px 0;
    display: flex;
    justify-content: right;
}

.grouping-title {
    font-weight: bold;
}

.grouping-ul {
    display: flex;
    padding: 0;
}

    .grouping-ul li {
        list-style: none;
        padding: 5px 8px;
        margin-right: 8px;
        background-color: aliceblue;
        border: 1px solid #eee;
        border-radius: 5px;
    }

.ul-title {
    height: 600px;
    overflow-y: scroll;
}

    .ul-title::-webkit-scrollbar {
        display: none;
    }

.active-list {
    background-color: #6699CC !important;
    color: #fff;
}