html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}



article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input:focus[type="text"], input:focus[type="password"] {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ins {
    background-color: #ff9;
    color: #123F44;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #123F44;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #123F44;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

li {
    list-style: none;
}

input, select {
    vertical-align: middle;
}

.font-normal {
    font-weight: normal;
}

.pt-15 {
    padding-top: 20px;
}

.mg-0 {
    margin: 0 !important;
}

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

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

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

.mt20 {
    margin-top: 20px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-25 {
    margin-bottom: 25px;
}

.ml-20 {
    margin-left: 20px;
}

.mgbt-xs-20 {
    margin-bottom: 20px !important;
}

.address {
    margin-bottom: 20px;
}

    .address b {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 8px;
    }

    .address p {
        font-size: 13px;
        line-height: 19px;
    }


@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?fvae9n');
    src: url('../fonts/icomoon.eot?fvae9n#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?fvae9n') format('truetype'), url('../fonts/icomoon.woff?fvae9n') format('woff'), url('../fonts/icomoon.svg?fvae9n#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon--1:before {
    content: "\e900";
    color: #666;
}

/* 供应商和客户管理新样式 */
:root {
    --customColor: #3C90DF;
    --customtdbg: #EDF7FF;
    --gysColor: #f85d2c;
    --gystdbg: #FCF7FC;
    --tabletd: #E5E5E5;
}
body {
    font-family: 'Microsoft YaHei',Tahoma, sans-serif;
    font-size: 12px;
    background-color: #ececec;
}

pre {
    font-family: 'Microsoft YaHei',Tahoma, sans-serif !important;
}

.ptd-50 {
    padding-top: 90px;
    padding-bottom: 50px;
}

.caption-pay {
    text-align: left;
    margin-bottom: 10px;
    font-weight: 600;
}
/* table */
table {
    border-collapse: collapse !important;
}

    table.bordertable {
        border-top: 1px solid #b4b4b4;
        border-right: 1px solid #b4b4b4;
        height: 16px;
        padding: 4px 5px 3px 7px;
        border-collapse: collapse;
        width: 100%;
        /*table-layout: fixed;*/
    }

        table.bordertable td, table.bordertable th {
            border-bottom: 1px solid #b4b4b4;
            border-left: 1px solid #b4b4b4;
            height: 16px;
            padding: 4px 5px 4px;
        }

        table.bordertable th {
            background: #F5F6F8;
            padding-left: 8px;
            text-align: left;
            font-size: 11px !important;
            /* height:28px; */
            /*line-height: 28px;*/
        }

        table.bordertable a {
            color: #0CA5F3;
        }

            table.bordertable a:hover {
                color: #0085C3;
                text-decoration: underline;
            }

.table-height23 {
    border-top: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    width: 100%;
}

    .table-height23 th {
        background-color: none;
        font-weight: normal;
    }

    .table-height23 th, .table-height23 td {
        line-height: 16px;
        border-bottom: 1px solid #b4b4b4;
        border-left: 1px solid #b4b4b4;
        height: 16px;
        padding: 4px 5px 4px;
        color: #707070;
    }


.backTo {
    font-size: 16px;
    display: block;
    text-align: right;
    margin-bottom: 5px;
}

.panel-white > .panel-heading {
    color: #999;
    background-color: #fff;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    margin-bottom: 15px;
}

.panel-tools {
    position: absolute;
    right: 0;
    top: 0;
}

h3.panel-title {
    font-size: 15px;
    margin-bottom: 10px;
}

.panel-body h3.panel-title {
    color: #428bca;
}

.panel-heading h3.panel-title {
    color: #428bca;
}

.mt-20 {
    margin-top: 50px;
}

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

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

.panel {
    box-shadow: none;
}

a:hover {
    text-decoration: none;
}

/*toolbar样式重写*/
.toolbar .badge {
    position: absolute;
    top: -6px;
    right: -12px;
}

.toolbar {
    /*background-color: #3C8FD5;*/
    background-image: none;
    border: none;
    margin-bottom: 15px;
}

    .toolbar a {
        color: #fff;
        display: inline-block;
        padding: 10px;
    }

        .toolbar a:hover {
            background: #1FB5AC;
            color: #fff;
        }

        .toolbar a span {
            margin-right: 5px;
        }

h3.panel-title {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 700;
}

.panel-tools a {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .panel-tools a:hover, .panel-tools a:focus {
        color: #fff;
    }


.mb-5 {
    display: inline-block;
    margin-bottom: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.mr-7 {
    margin-right: 7px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

a:focus {
    text-decoration: none;
}

table.bordertable {
    height: 100%;
}

    table.bordertable th, table.bordertable td {
        vertical-align: middle;
    }

.bordertable div {
    line-height: 19px;
    font-size: 12px;
}

.rightBd {
    padding-left: 20px;
}

    .rightBd:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #c9c9c9;
    }

table.nobd td {
    border: none !important;
    padding: 0;
}

table.bordertable a {
    font-weight: 600;
}

.f-right {
    float: right;
}

.ml-15 {
    margin-left: 15px;
}

.mb-5 {
    margin-bottom: 5px;
}

.color-888 {
    color: #888;
}

.table-bd {
    border: 1px solid #B4B4B4;
    padding: 5px 0;
}

.td-right {
    text-align: right;
}

.td-center {
    text-align: center;
}

.td-title {
    width: 85px;
    text-align: right;
}

td.pl-5 {
    padding-left: 4%;
}

.ss {
    background-color: #123F44;
}

.bd-l {
    border-left: 1px solid #e0e0e0;
}

.bd-r {
    border-right: 1px solid #e0e0e0;
    vertical-align: middle;
}

.bg-green {
    background-color: #23AD44;
}

.bg-purple {
    background-color: #6254B2;
    display: inline-block;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.td-h3 {
    color: #00ACC1;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.td-pd0 td {
    padding: 0;
    height: 0;
}

.nopd {
    padding: 0;
}

    .nopd h3 {
        margin-bottom: 15px;
    }

.pr-0 {
    padding-right: 0;
}

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

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

.mb-8 {
    margin-bottom: 8px;
}

.pd-0 {
    padding: 0 !important;
}

.pdb-0 {
    padding-bottom: 0 !important;
}

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

.color-pr {
    color: #F700B7 !important;
}

.color-aaa {
    color: #888;
}

.width-100 {
    width: 100%;
}

.pdld {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.pdlr-15 {
    padding: 0 15px;
}

.pdlr-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.table-bg-green table {
    border: 1px solid #BFE8D3;
}

    .table-bg-green table th {
        background-color: #DBF7E3 !important;
    }


    .table-bg-green table th {
        border-top: 1px solid #BFE8D3;
        border-bottom: 1px solid #BFE8D3;
    }

.bd-b4 {
    border-bottom: 1px solid #b4b4b4;
}

.f-float {
    float: left;
}

.main {
    overflow: hidden;
}

    .main.bd1 {
        box-shadow: 0px 4px 5px -2px rgba(139, 66, 141, 0.2), 0px 7px 10px 1px rgba(139, 66, 141,.14), 0px 2px 16px 1px rgba(139, 66, 141, 0.12);
        border: 1px solid #A9428D;
    }

    .main.bd2 {
        box-shadow: 0px 4px 5px -2px rgba(245, 159, 36, 0.2), 0px 7px 10px 1px rgba(245, 159, 36,.14), 0px 2px 16px 1px rgba(245, 159, 36, 0.12);
        border: 1px solid #F59F24;
    }

    .main.bd3 {
        box-shadow: 0px 4px 5px -2px rgba(24, 157, 104, 0.2), 0px 7px 10px 1px rgba(24, 157, 104,.14), 0px 2px 16px 1px rgba(24, 157, 104, 0.12);
        border: 1px solid #189D68;
    }

    .main.bd4 {
        box-shadow: 0px 4px 5px -2px rgba(112, 151, 203, 0.2), 0px 7px 10px 1px rgba(112, 151, 203,.14), 0px 2px 16px 1px rgba(112, 151, 203, 0.12);
        border: 1px solid #7097CB;
        margin: 15px 0 0 0;
    }

    .main.bd5 {
        box-shadow: 0px 4px 5px -2px rgba(161, 105, 70, 0.2), 0px 7px 10px 1px rgba(161, 105, 70,.14), 0px 2px 16px 1px rgba(161, 105, 70, 0.12);
        border: 1px solid #A16946;
    }

    .main.bdpo {
        box-shadow: 0px 4px 5px -2px rgba(60, 144, 223, 0.2), 0px 7px 10px 1px rgba(60, 144, 223,.14), 0px 2px 16px 1px rgba(60, 144, 223, 0.12);
        border: 1px solid #3C90DF;
    }

.trbdshadow {
    box-shadow: 0px 4px 5px -2px rgba(60, 144, 223, 0.2), 0px 7px 10px 1px rgba(60, 144, 223,.14), 0px 2px 16px 1px rgba(60, 144, 223, 0.12);
    border: 1px solid #7097CB;
}



.tooltip .tooltip-arrow {
    display: none;
}

.tooltip .tooltip-inner {
    opacity: .7;
}

.b-bold {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 5px;
    color: #0CA5F3;
}


.mr-20 {
    margin-right: 20px;
}

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

.toolbar a {
    transition: all .2s ease-in-out;
    /*border: 1px solid #55A7EA;*/
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 15px;
    margin-left: 10px;
    padding: 6px 10px;
}

    .toolbar a:first-of-type {
        margin-right: 0;
    }

.toolbar-h3 {
    padding-left: 10px;
    color: #fff;
    font-weight: normal;
}


.ml-10 {
    margin-left: 10px;
}

.tootbar-switch > div {
    overflow: hidden;
}

.span-line {
    display: inline-block;
    margin: 0 5px;
    width: 1px;
}
/* 首页样式 */

.p-relative {
    position: relative;
}

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

.searchBg {
    background-color: #F6F7F7;
    padding: 12px 12px 4px 12px;
    overflow: hidden;
    border: 1px solid #DEE2E6;
}

    .searchBg ul {
        display: block;
        overflow: hidden;
    }

    .searchBg li {
        padding: 0 12px 8px 0;
        float: left;
    }

        .searchBg li input {
            width: 100%;
        }

    .searchBg b {
        font-weight: 500;
        display: inline-block;
    }

    .searchBg .btn {
        padding: 3px 12px;
    }

.searchnobg {
    background-color: transparent;
    border-top: none !important;
    border-bottom: none !important;
}

.searchbg1 {
    background-color: #fff;
    padding: 6px 0 !important;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid #DEE2E6;
    margin-bottom: 10px;
}
/*cardbody内的样式*/

.card-body .searchBg {
    background-color: #F6F7F7;
    padding: 12px 12px 4px 12px;
    border: 1px solid #DEE2E6;
    display: flex;
}

    .card-body .searchBg ul {
        display: flex;
        align-items: center;
    }

    .card-body .searchBg li {
        padding: 0 12px 0 0;
        display: flex;
        align-items: center;
    }

        .card-body .searchBg li input {
            width: 100%;
        }

    .card-body .searchBg b {
        font-weight: 500;
        display: inline-block;
        margin-right: 3px;
    }

    .card-body .searchBg .btn {
        padding: 4px 12px;
    }

.card-body .searchnobg {
    background-color: transparent;
    border-top: none !important;
    border-bottom: none !important;
}

.card-body .searchbg1 {
    background-color: #fff;
    padding: 0 !important;
    border: none;
    margin-bottom:0;
}

.card-body .searchBg .seach-right-btn {
    flex: 1;
    text-align: right;
}

.card-body .searchBg input[type="text"] {
    /*box-sizing: border-box;
    height: 28px;*/
    /*padding: 5px 2px;*/
    font-size: 13px;
}

.main-menu li .vd_bg-red {
    background-color: #EE4749;
}

.main-menu i {
    font-size: 28px;
}

.index-menu {
    overflow: hidden;
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 10px;
}

    .index-menu .index-nav-line {
        float: right;
    }

        .index-menu .index-nav-line li {
            float: left;
        }

            .index-menu .index-nav-line li a {
                color: #123F44;
                font-size: 13px;
                padding: 6px 12px;
                border: 1px solid #b4b4b4;
                border-radius: 15px;
                margin-right: 10px;
                display: inline-block;
                transition: all .2s ease-in-out;
            }

                .index-menu .index-nav-line li a:hover {
                    background-color: #f5f5f5;
                }

            .index-menu .index-nav-line li:nth-of-type(1).active a {
                background-color: #F56954;
                color: #fff;
                border: 1px solid #DC5E4B;
            }

            .index-menu .index-nav-line li:nth-of-type(2).active a {
                background-color: #00A65A;
                color: #fff;
                border: 1px solid #009551;
            }

            .index-menu .index-nav-line li:nth-of-type(3).active a {
                background-color: #4389B4;
                color: #fff;
                border: 1px solid #2E6489;
            }

/* 首页右边样式 */


.p-blue {
    background-color: #4389B4;
    box-shadow: 0 2px 0 #2E6489;
}

.index-menu {
    background-color: #fff;
    padding: 15px;
}


.text-primary {
    color: #33414E !important;
}

.text-success {
    color: #95B75D !important;
}

.text-info {
    color: #3FBAE4 !important;
}

.text-warning {
    color: #FEA223 !important;
}

.text-danger {
    color: #B64645 !important;
}

.text-report {
    color: #F74D86 !important;
}

.text-resource {
    color: #4DB49D !important;
}

/* to do list */


.tasks b {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #123F44;
}




.shadow {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #E7E7E7;
}

.panel-title h3 {
    padding-left: 10px;
    padding-top: 10px;
    font-size: 18px;
}

.more {
    float: right;
    text-decoration: underline;
}

.h3-home {
    margin-bottom: 10px;
    font-size: 18px;
}

@media(max-width:1442px) {
    .col-md-10.col-md-push-1 {
        width: 100%;
        left: 0;
    }
}


.font-18 {
    font-size: 18px;
}

.no-br {
    border-right: none;
}

.bg {
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 1000;
}


/*.closed{
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(images/msg_close.png) left top no-repeat;
    width: 18px;
    height: 20px;
    z-index: 1001;
}
.closed:hover{
    background-position: left -30px;
}*/


.pink-bg {
    background-color: #EA5395;
}

.org-bg {
    background-color: #FAA800;
}

.orange-bg {
    background-color: #F77B6B;
}

.blue-bg {
    background-color: #58BBEE;
}

.green-bg {
    background-color: #34A853;
}

.red-bg {
    background-color: red;
}

.org1-bg {
    background-color: #F89F3C;
}

.gray-bg {
    background-color: #bbb;
}

.progress-xs {
    height: 6px;
}


.detail-bg {
    background-color: #3C8FD5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.toobar-white {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
}

    .toobar-white a {
        background-color: #f5f5f5;
        color: inherit;
        border: 1px solid rgba(0,0,0,.2);
    }
/*supplier detail*/

hr.fadeout {
    margin: 10px 0;
    border-color: #ddd;
}

.f40 {
    color: #f40;
    font-weight: 600;
}

.em {
    margin-right: 7px;
    font-style: normal;
}

.alert-success {
    background-color: #d7ede2;
}
/* .alert-info{background-color:#d3e1ea} */
.alert-warning {
    background-color: #f8f1de
}

.alert-danger {
    background-color: #f6e1db
}

.alert-alert1 {
    background-color: #E0F7F7;
}

.alert-alert2 {
    background-color: #F2E8FA;
}


.vedioHelp, .bgshdow {
    background-color: #fff;
    /* box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); */
}

    .vedioHelp .index {
        clear: both;
        overflow: hidden;
    }

        .vedioHelp .index label {
            font-weight: normal;
            cursor: pointer;
        }

        .vedioHelp .index .index-left {
            float: left;
            margin-top: 15px;
        }

        .vedioHelp .index dl dt {
            font-family: verdana;
            font-weight: normal;
            font-size: 12px;
            margin-bottom: 6px;
        }

        .vedioHelp .index dl dd p {
            margin-bottom: 8px;
            display: block;
        }

        .vedioHelp .index dl dd a {
            display: inline-block;
            color: #376aac;
        }

            .vedioHelp .index dl dd a:hover {
                color: #1fae66;
            }

        .vedioHelp .index .ddbg {
            padding-bottom: 15px;
        }

        .vedioHelp .index .index-right {
            float: right;
            margin-top: 15px;
        }

input[type=checkbox] {
    margin: 0 2px 0 0 !important;
    vertical-align: middle;
}

.bluePanel {
    /*padding:15px 20px;*/
    background-color: #208ABE;
    /*overflow:hidden;*/
}

    .bluePanel h3 {
        color: #fff;
        font-size: 18px;
        margin-top: 4px;
        display: inline-block;
    }

    .bluePanel .vd_green, .bluePanel h4 {
        color: #f5f5f5 !important;
    }

    .bluePanel h4 {
        font-size: 15px;
    }

.vd_bg-green {
    background-color: #008eaf !important;
    color: #fff;
}

.btn.vd_bg-green:hover, .btn.green:hover {
    background-color: #007894 !important;
    color: #fff;
}

.color-gray7 {
    color: #666;
}

td .img {
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.2);
    border: 1px solid #fff;
}

.append-icon {
    margin-right: 7px;
}

.page-container {
    width: 100%;
    display: table;
    height: 100%;
    table-layout: fixed;
    /* padding-top: 106px; */
    transition: all .2s ease-in-out;
}

    .page-container.fullcon .main-content {
        padding-left: 0;
    }

    .page-container .sidebar-menu {
        display: table-cell;
        vertical-align: top;
        background: #00A089;
        width: 180px;
        height: 100%;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* top: 101px; */
        z-index: 100;
        transition: all .2s ease-in-out;
    }

        .page-container .sidebar-menu .sidebar-menu-inner {
            position: relative;
        }

        .page-container .sidebar-menu #main-menu {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .page-container .sidebar-menu #main-menu li {
                position: relative;
                margin: 0;
                font-size: 14px;
            }

    .page-container .main-content {
        vertical-align: top;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        padding-left: 180px;
    }

    .page-container .sidebar-menu #main-menu li a {
        display: block;
        padding: 15px 0;
        color: #fff;
        transition: all .2s ease-in-out;
    }

        .page-container .sidebar-menu #main-menu li a img {
            display: block;
            margin: 0 auto;
        }

        .page-container .sidebar-menu #main-menu li a i {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .page-container .sidebar-menu #main-menu li a h4 {
            font-size: 16px;
            padding: 0;
            text-align: center;
            margin-top: 5px;
        }

        .page-container .sidebar-menu #main-menu li a:hover {
            background-color: rgba(255, 255, 255, 0.2);
            color: #fff;
        }

        .page-container .sidebar-menu #main-menu li a.active {
            background-color: rgba(255, 255, 255, 0.3);
            /* background-color: #394263; */
            color: #fff;
        }

    .page-container .sidebar-menu #main-menu li.active > a {
        background-color: #33A3DC;
        color: #fff;
    }

    .page-container .sidebar-menu #main-menu li a span.badge {
        position: absolute;
        right: 30px;
    }

.wrapper {
    display: inline-block;
    padding: 15px;
    width: 100%;
}

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

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

.mb-40 {
    margin-top: 40px;
}

#header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
}

.d-flex {
    display: flex;
}


.bg-red th, .bg-red td {
    color: #fff !important;
}



.k-editor-inline {
    border-radius: 2px;
    padding: 2px 4px;
    border: 1px solid transparent;
    word-wrap: break-word;
    overflow: auto;
    background: 0 0;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

.tootbar-switch > div {
    overflow: inherit;
}

.mt-13 {
    margin-top: 15px;
    margin-right: 30px;
}

.color-333 {
    color: #123F44;
}

.color-999 {
    color: #999;
}

.ul-folder .div-item {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.f-bold {
    font-weight: 600 !important;
}


.ml-0 {
    margin-left: 0 !important;
}
/* 单选框 */
.vd_radio, .vd_checkbox {
    padding-left: 0
}

    .vd_radio label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 15px;
        font-size: 13px;
        margin-top: 10px;
        color: #666;
        font-weight: normal;
    }

    .vd_radio input[type=radio] {
        display: none;
    }

    .vd_radio label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        border: 1px solid #c2c6cb;
        border-radius: 99px
    }

    .vd_radio label:after {
        font-size: 13px;
        content: "";
        text-align: center;
        display: inline-block;
        width: 16px;
        height: 16px;
        position: absolute;
        -o-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        border-radius: 99px;
        left: 1px;
        top: 1px;
        background-color: #6f7b8a;
        border: 1px solid #6f7b8a
    }

    .vd_radio input[type=radio][disabled] + label {
        opacity: 0.65
    }

    .vd_checkbox input[type=radio][disabled] + label:after {
        background-color: #eceff3
    }

    .vd_radio.radio-success label:after {
        background-color: #1FAE66;
        border: 1px solid #1FAE66
    }

.item-rating .vd_radio.radio-success label:after {
    background-color: #A9428D;
    border: 1px solid #A9428D
}

.item-rating .vd_radio.radio-success input[type=radio]:checked + label:before {
    border: 1px solid #A9428D
}

.item-rating .btn-success {
    background-color: #A9428D;
    border-color: #9B3981;
}

.vd_radio.radio-primary label:after {
    background-color: #0AA699;
    border: 1px solid #0AA699
}

.vd_radio.radio-info label:after {
    background-color: #23709E;
    border: 1px solid #23709E
}

.vd_radio.radio-warning label:after {
    background-color: #F89C2C;
    border: 1px solid #F89C2C
}

.vd_radio.radio-danger label:after {
    background-color: #F85D2C;
    border: 1px solid #F85D2C
}

.vd_radio input[type=radio]:checked + label {
    color: #4d5056
}

    .vd_radio input[type=radio]:checked + label:after {
        -o-transform: scale(.63);
        -ms-transform: scale(.63);
        -moz-transform: scale(.63);
        -webkit-transform: scale(.63);
        transform: scale(.63);
        line-height: 18px;
        -o-transition: -o-transform .1s 0s cubic-bezier(.455, .03, .215, 1.33);
        -moz-transition: -moz-transform .1s 0s cubic-bezier(.455, .03, .215, 1.33);
        -webkit-transition: -webkit-transform .1s 0s cubic-bezier(.455, .03, .215, 1.33);
        -o-transition: transform .1s 0s cubic-bezier(.455, .03, .215, 1.33);
        -moz-transition: transform .1s 0s cubic-bezier(.455, .03, .215, 1.33);
        -webkit-transition: transform .1s 0s cubic-bezier(.455, .03, .215, 1.33);
        transition: transform .1s 0s cubic-bezier(.455, .03, .215, 1.33)
    }

    .vd_radio input[type=radio]:checked + label:before {
        border: 1px solid #8e9095
    }

.vd_radio.radio-success input[type=radio]:checked + label:before {
    border: 1px solid #1FAE66
}

.vd_radio.radio-primary input[type=radio]:checked + label:before {
    border: 1px solid #0AA699
}

.vd_radio.radio-info input[type=radio]:checked + label:before {
    border: 1px solid #23709E
}

.vd_radio.radio-warning input[type=radio]:checked + label:before {
    border: 1px solid #F89C2C
}

.vd_radio.radio-danger input[type=radio]:checked + label:before {
    border: 1px solid #F85D2C
}

/*复选框*/ f
.vd_checkbox {
    position: relative;
}

.vd_checkbox label {
    font-weight: normal;
}

.vd_checkbox.checkbox-success input[type=checkbox]:checked + label:before {
    background-color: #A9438D;
    border: 1px solid #A9438D
}

.vd_checkbox input[type=checkbox] {
    display: none;
}

.vd_checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    transition: border 0.2s linear 0s,color 0.2s linear 0s;
}

    .vd_checkbox label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        position: absolute;
        left: 2px;
        top: 0;
        background-color: #fff;
        border: 1px solid #c2c6cb;
        border-radius: 1px;
        transition: border 0.2s linear 0s,color 0.2s linear 0s
    }

    .vd_checkbox label::after {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 4px;
        top: 0;
        font-size: 11px;
        transition: border 0.2s linear 0s,color 0.2s linear 0s
    }

.vd_checkbox input[type=checkbox]:checked + label::after {
    color: #fff;
    font-family: 'FontAwesome';
    content: "\f00c";
}

.vd_checkbox label.nopdr {
    font-size: 0;
}

.h3-title {
    font-size: 15px;
    margin-bottom: 10px;
}

.h3-title-admin {
    font-size: 14px;
    margin-bottom: 10px;
    color: #005598;
    font-weight: 600;
}

.h3-title-small {
    font-size: 13px;
    margin-bottom: 10px;
}

.main.bdpurple {
    box-shadow: 0px 4px 5px -2px rgba(245, 159, 36, 0.2), 0px 7px 10px 1px rgba(245, 159, 36,.14), 0px 2px 16px 1px rgba(245, 159, 36, 0.12);
    border: 1px solid #A9428D;
}

.bd-eee {
    border: 1px solid #eee;
    border-top: none;
}


.mgr-5 {
    margin-right: 5px;
    display: inline-block;
}

.f-normal {
    font-weight: normal;
}

.opacity07 {
    opacity: .8;
}


.border-ddd {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px;
}


.bd-999 {
    border: 1px solid #d9d9d9;
}

.font-12 {
    font-size: 12px;
}

.vd_input-wrapper {
    position: relative;
    margin-bottom: 20px;
}

    .vd_input-wrapper .menu-icon {
        width: 22px;
        text-align: center;
        display: inline-block;
        margin-left: 8px;
        margin-right: 0;
        color: #B5B5B5;
        position: absolute;
        top: 9px;
    }

    .vd_input-wrapper input {
        padding-left: 38px;
    }

.oas-login .vd_input-wrapper input {
    padding-left: 38px !important;
}

@media(max-width:1024px) {
    .d-flex {
        display: block;
    }
}


.font-13 {
    font-size: 13px;
}

.w-12 {
    width: 12px;
}

.w-20 {
    width: 20px;
}

.w-30 {
    width: 30px;
}

.mgr-10 {
    margin-right: 10px;
}

.mgr-5 {
    margin-right: 4px;
}

.font-24 {
    font-size: 24px;
}

.tablemedia .col-md-7 {
    border-right: 1px solid #ddd;
}

@media(max-width:1367px) {
    .tablemedia .col-md-7 {
        border-right: none;
    }

    .tablemedia .col-md-7, .tablemedia .col-md-5 {
        width: 100%;
    }

    .tablemedia .col-md-5 {
        margin-top: 20px;
        border-top: 1px solid #ddd;
        padding-top: 15px;
    }

    .tx-24 {
        font-size: 18px !important;
    }


    .mt-13 {
        margin-right: 5px;
    }
}



/* 新的login */
.oas-login {
    display: flex;
    width: 880px;
    margin: 0 auto;
    margin-top: 10%;
    background-color: #fff;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.3);
    align-items: center;
}

    .oas-login > div {
        width: 50%;
    }

        .oas-login > div:first-of-type {
            padding: 40px;
        }

        .oas-login > div:nth-of-type(2) img {
            display: block;
        }

    .oas-login .sociallogin {
        overflow: hidden;
    }

        .oas-login .sociallogin a {
            display: block;
            padding: 4px 0;
            border-radius: 3px;
            text-align: center;
            overflow: hidden;
            transition: all .2s ease-in-out;
            color: #fff;
            width: 48%;
            float: left;
            font-size: 14px;
            position: relative;
        }

            .oas-login .sociallogin a:nth-of-type(1) {
                background-color: #00B0F0;
            }

            .oas-login .sociallogin a:nth-of-type(2) {
                background-color: #4F81BD;
                float: right;
            }

            .oas-login .sociallogin a:nth-of-type(1):hover {
                background-color: #009BD6;
            }

            .oas-login .sociallogin a:nth-of-type(2):hover {
                background-color: #406FA5;
            }

            .oas-login .sociallogin a img {
                width: 28px;
                position: absolute;
                left: 28px;
            }

            .oas-login .sociallogin a span {
                line-height: 29px;
            }

    .oas-login .form-control {
        width: 100%;
    }

    .oas-login .logintop {
        /* text-align: center; */
    }

        .oas-login .logintop h3 {
            margin-bottom: 20px;
        }

        .oas-login .logintop p {
            font-size: 16px;
            color: #123F44;
        }

    .oas-login .btn-primary {
        padding: 9px 12px;
    }
/* 一级二级菜单 */



.mb-10 {
    margin-bottom: 10px;
    display: block;
}


.info .title {
    font-size: 15px;
    margin-bottom: 10px;
}

.boxshadow {
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ececec;
    position: relative;
}

table {
    border-collapse: collapse;
}

.mr-3, .mx-3 {
    margin-right: 1.25rem !important;
}


.mgb-3 {
    margin-bottom: 3px !important;
}

.font-13 {
    font-size: 13px;
}


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

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


.mgb-10 {
    margin-bottom: 10px;
}

.a-link a {
    display: block;
    font-size: 14px;
    padding: 6px 10px 6px 0;
}

    .a-link a i {
        display: inline-block;
        width: 30px;
    }

.bg-teal {
    background-color: #00b297;
}

.bg-danger {
    background-color: #dc3545 !important;
}

.bg-primary {
    background-color: #0866C6 !important;
}

.bg-br-primary {
    background-color: #1D2939;
}


.bgtr {
    background-color: #E7F8E6;
    border-radius: 4px;
}



.mb-7 {
    margin-bottom: 5px;
}



h5.title {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #2E3047;
}

input[disabled] {
    background: #f7f7f7;
    border-color: #d2d7db;
}

.form-control:focus {
    border: 1px solid #bdc5c9;
    background: #fff;
}


.la::before {
    color: #fff;
}

.mb-22 {
    margin-bottom: 22px;
}

.pd-20 {
    padding: 20px;
}

.pd-10 {
    padding: 10px;
    border: 1px solid #ddd;
}


.h-title {
    padding: 8px 15px;
    background: #D9EDF7;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #333;
    border: 1px solid #BCE8F1;
    border-bottom: none;
}

    .h-title h5 {
        font-size: 14px;
        margin-bottom: 0;
        display: inline-block;
        line-height: 23px;
    }

.newhr01 table {
    width: 100%;
}

.th-120 th {
    width: 130px !important;
}

.main {
    margin: 0px auto;
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    /*margin-left: 20px;
    margin-right: 20px;*/
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    border: 1px solid #c1c1c1;
}

.mr-10 {
    margin-right: 10px;
}

#footer {
    /* overflow: hidden; */
    font-size: 13px;
    color: #404040;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.border-ddd.newhr01 th {
    color: #333;
    font-weight: 600;
    font-size: 12px;
    /* width:180px;            */
    padding: 5px 0;
}

.border-ddd.newhr01 td {
    padding: 4px 0;
    overflow: hidden;
    color: #777;
    display: block;
    padding: 5px 0;
    font-size: 13px;
}

.border-ddd.newhr01 tr:last-of-type th, .border-ddd.newhr01 tr:last-of-type td {
    border-bottom: none;
}

.border-ddd.newhr01 table {
    border-collapse: collapse;
}

.border-ddd.newhr01 tr {
    line-height: 24px;
    border-bottom: 1px solid #e5e5e5;
}

    .border-ddd.newhr01 tr:last-of-type {
        border-bottom: none;
    }

.textareastyle {
    border: 1px solid #D2D8DF;
    resize: none;
    width: 100%;
    padding: 5px;
    border-radius: 2px;
    line-height: 23px;
}

#mainContainer {
    /*overflow: hidden;*/
}

.min72 > div table {
    min-height: 66px;
}

pre {
    word-wrap: break-word;
    font-size: 14px;
    line-height: 28px;
    white-space: pre-line;
    /* white-space: pre-wrap; */
}
/* 合同样式 */


.hetongcon p {
    line-height: 28px;
    margin-bottom: 15px;
    font-size: 14px;
}

.statustitle {
    text-align: center;
    background-color: #3C8FD5;
    color: #fff;
    padding: 12px 15px;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
}

.user-list {
    margin-bottom: 0;
}

    .user-list .media {
        padding: 12px 10px;
    }

        .user-list .media:first-of-type {
            border-left: 1px solid #eaecf0;
            border-right: 1px solid #eaecf0;
            border-top: 1px solid #eaecf0;
        }

        .user-list .media + .media {
            margin: 0;
            border: 1px solid #eaecf0;
            margin-top: -1px;
        }

    .user-list .media-left {
        padding-right: 10px;
    }

    .user-list .media-object {
        width: 42px;
        padding: 2px;
        border: 2px solid #dbdfe6;
    }

    .user-list li:hover {
        background: #f0f0f0;
        cursor: pointer;
    }

    .user-list li {
        -webkit-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

        .user-list li span.badge {
            background-color: #FAF1F4;
            color: #333;
        }

        .user-list li.active {
            background: #B7DEFC;
        }

    .user-list p {
        margin: 3px 0;
    }

    .user-list li span {
        float: right;
    }

.media190 .col-md-2 {
    width: 230px;
}

.media190 .col-md-10 {
    width: calc(100% - 230px) !important;
}

.span-90 span {
    width: 90px !important;
}

.hetongh3 {
    font-size: 20px !important;
    margin-bottom: 20px;
    text-align: center;
}



.page-container .main-content {
    background-color: #ececec;
}

.wrapper {
    padding: 20px;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.newhr h3 {
    font-size: 15px;
    margin-bottom: 15px;
}

.newhr ul li a {
    border-bottom: 1px solid #eee;
    padding: 10px 6px 10px 0;
    overflow: hidden;
    color: #777;
    display: block;
    line-height: 24px;
    font-size: 13px;
}

    .newhr ul li a span {
        float: right;
        color: #1DB198;
    }

        .newhr ul li a span.red {
            color: red;
        }

    .newhr ul li a em {
        font-style: normal;
        width: 124px;
        display: inline-block;
    }

.newhr ul li:last-of-type a {
    border-bottom: none;
    padding-bottom: 0;
}

.newhr01 ul li div {
    border-bottom: 1px solid #eee;
    padding: 10px 6px 10px 0;
    overflow: hidden;
    color: #777;
    display: block;
    line-height: 24px;
    font-size: 13px;
}

    .newhr01 ul li div span.red {
        color: red;
    }

    .newhr01 ul li div em {
        font-style: normal;
        width: 124px;
        display: inline-block;
    }

.border-ddd.newhr01 {
    padding: 8px;
}

    .border-ddd.newhr01 ul li div {
        padding: 0;
        border: none;
    }

    .border-ddd.newhr01 ul li:first-of-type {
        padding-top: 0;
    }

    .border-ddd.newhr01 ul li:last-of-type {
        border: none;
        padding-bottom: 0;
    }

    .border-ddd.newhr01 li {
        border-bottom: 1px solid #eee;
        padding: 3px 0;
        overflow: hidden;
        color: #777;
        display: block;
        line-height: 24px;
        font-size: 13px;
    }

        .border-ddd.newhr01 li th {
            color: #333;
            font-weight: 600;
            width: 180px;
            font-size: 12px;
        }

/* employee */

.bgh4 {
    font-size: 17px;
    font-weight: normal;
    color: #666;
}

.d-block {
    display: block;
}

.toolbar a {
    /* color: #777; */
    /* border:1px solid #1FB5AC; */
}

    .toolbar a.active {
        background-color: #1FB5AC;
    }


.nobd {
    border-bottom: none !important;
}

.f-bold {
    font-weight: 600;
}

    .f-bold span {
        font-weight: normal;
        color: #999;
    }

/* 新的nav */
header {
    background: #008298;
    height: 64px;
    padding: 5px 0 0 0;
}

    header:before {
        content: " ";
        background: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
    }

    header .inner-block {
        position: relative;
        margin-right: 18%;
        bottom: 6px;
    }

.headerflex {
    display: flex;
}

    .headerflex h3 {
        color: #fff;
        line-height: 57px;
        margin-right: 8%;
    }

.ul-nav {
    overflow: hidden;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
}

    .ul-nav li {
        float: left;
    }

        .ul-nav li a {
            display: block;
            padding: 0 15px;
            color: #fff;
            border-left: 1px solid rgba(255, 255, 255, .1);
            border-right: 1px solid rgba(0, 0, 0, .1);
            line-height: 59px;
            font-size: 14px;
            position: relative;
            transition: all .2s ease-in-out;
        }

            .ul-nav li a.active {
                background-color: #ff7d67;
                color: #fff;
            }

                .ul-nav li a.active::before {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 40%;
                    width: 0;
                    height: 0;
                    border-left: 6px solid rgba(255, 255, 255, 0);
                    border-right: 6px solid rgba(255, 255, 255, 0);
                    border-bottom: 6px solid rgba(255, 255, 255, .3);
                }

                .ul-nav li a.active::after {
                    position: absolute;
                    content: '';
                    bottom: 0;
                    left: 0;
                    height: 2px;
                    width: 100%;
                    background-color: rgba(255, 255, 255, 0.3);
                }

            .ul-nav li a:hover::before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 40%;
                width: 0;
                height: 0;
                border-left: 6px solid rgba(255, 255, 255, 0);
                border-right: 6px solid rgba(255, 255, 255, 0);
                border-bottom: 6px solid rgba(255, 255, 255, .3);
            }

            .ul-nav li a:hover::after {
                position: absolute;
                content: '';
                bottom: 0;
                left: 0;
                height: 2px;
                width: 100%;
                background-color: rgba(255, 255, 255, .3);
            }

            .ul-nav li a i {
                display: inline-block;
                margin-right: 3px;
            }
/* 换肤 */
.skin-change {
    float: right;
    position: relative;
}

    .skin-change li {
        width: 180px;
        height: 59px;
        display: block;
        transition: all .2s ease-in-out;
        position: absolute;
        right: 0;
        cursor: pointer;
    }

        .skin-change li:hover {
            background-color: #ff7d67;
        }

        .skin-change li i {
            font-size: 20px;
            color: #fff;
            display: block;
            text-align: center;
            line-height: 59px;
        }

        .skin-change li:hover i {
            color: #0088CC;
        }

.skin-color {
    position: absolute;
    top: 59px;
    right: 0;
    width: 174px;
    z-index: 1000;
    background-color: #fff;
    height: 120px;
    padding-left: 15px;
    padding-top: 15px;
    border: 1px solid #D6D6D6;
    border-top: none;
    box-shadow: 1px 1px 1px #E7EAEB;
    display: none;
}

    .skin-color a {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
        float: left;
    }

        .skin-color a:nth-of-type(1) {
            background-color: #D6D6D6;
        }

        .skin-color a:nth-of-type(2) {
            background-color: #00A089;
        }

        .skin-color a:nth-of-type(3) {
            background-color: #0088CC;
        }

        .skin-color a:nth-of-type(4) {
            background-color: #E14A82;
        }

        .skin-color a:nth-of-type(5) {
            background-color: #008298;
        }

        .skin-color a:nth-of-type(6) {
            background-color: #6254B2;
        }

        .skin-color a.cur {
            border: 4px solid #D9D9D9;
        }

.right-menu {
    float: right;
    position: relative;
}

    .right-menu > li {
        width: 40px;
        height: 59px;
        float: left;
    }

        .right-menu > li:first-of-type a {
            display: block;
            text-align: center;
            line-height: 59px;
        }

        .right-menu > li:first-of-type i {
            font-size: 20px;
            color: #fff;
            display: block;
            text-align: center;
            line-height: 59px;
        }

        .right-menu > li:first-of-type a:hover {
            background-color: rgba(255, 255, 255, .2);
        }

.labelinline {
    display: inline-block !important;
}

    .labelinline label {
        font-weight: normal;
    }

.th-220 th {
    width: 220px !important;
}

.th-400 th {
    width: 350px !important;
}

.th-240 th {
    width: 100px !important;
}

.th-100 th {
    width: 110px !important;
}

.th-370 th {
    width: 370px !important;
}

.list-group {
    margin-bottom: 0;
}

    .list-group li {
        border-top: 1px solid #ddd;
        padding: 6px 0;
        min-height: 20px;
        list-style: none;
    }

        .list-group li:first-child {
            border: none;
        }

    .list-group th {
        color: #333;
        font-weight: 600;
        width: 160px;
    }


.widget {
    position: relative;
}

    .widget .vd_panel-menu {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 0;
        margin-right: -10px;
        right: 15px;
        top: 6px;
    }

        .widget .vd_panel-menu .menu {
            border: none;
            line-height: 20px;
            margin-right: 2px;
            color: #F0F0F0;
            font-size: 12px;
            height: 24px;
            width: 24px;
            transition: all .2s ease-in-out;
        }

        .widget .vd_panel-menu > .entypo-icon {
            text-align: center;
            border-radius: 3px;
            cursor: pointer;
        }


        .widget .vd_panel-menu > .menu:hover, .widget .vd_panel-menu > .menu.active {
            background-color: rgba(0,0,0,0.4);
            color: #FFFFFF;
        }

        .widget .vd_panel-menu .child-menu {
            font-size: 13px;
        }

.noulbd .list-group li {
    border: none;
}

.noulbd li {
    border: none !important;
    padding: 5px 0 !important;
}

.noulbd .newhr01 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .noulbd .newhr01.border-ddd tr {
        border-bottom: none;
    }

.f-normal {
    font-weight: normal !important;
}

.pd15 {
    padding: 15px;
}

.mr-0 {
    margin-right: 0 !important;
}

.circle01 {
    color: #265cfc;
}

.circle02 {
    color: #FE255C;
}

.circle03 {
    color: #23AD44;
}

.circle04 {
    color: #FF0000;
}

.circle05 {
    color: #FF7629;
}

.bgcircle01 {
    background-color: #FE255C;
}

.bgcircle02 {
    background-color: #265cfc;
}

.bgcircle03 {
    background-color: #23AD44;
}

.bgcircle04 {
    background-color: #FF0000;
}

.bgcircle05 {
    background-color: #FF7629;
}


.b-block {
    display: block !important;
}

input[type='radio'] {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
}
/* 左侧菜单 */


.bd4b {
    border: 1px solid #CFCFD1;
}

.mr-5 {
    margin-right: 5px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}


.mb-60 {
    margin-bottom: 60px;
}

.bga {
    padding: 5px 10px;
    display: inline-block;
    background-color: #3BB001;
    color: #fff;
    margin-right: 8px;
}

.bgred {
    background-color: #DC3545;
}

.supplierbd table tr:last-of-type td {
    border-bottom: none;
}

.newbd {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}

    .newbd .newbdone {
        display: flex;
        margin-bottom: 20px;
    }

        .newbd .newbdone > div {
            flex: 1;
        }

        .newbd .newbdone span {
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }

        .newbd .newbdone em {
            font-style: normal;
            color: #777;
        }

    .newbd ul li {
        border-bottom: 1px dotted #B4BDCE;
        padding: 10px 0;
        color: #777;
        display: flex;
    }

        .newbd ul li span:first-of-type {
            width: 190px;
            display: inline-block;
        }

        .newbd ul li:last-of-type {
            border-bottom: none;
        }

        .newbd ul li i {
            margin-right: 5px;
            display: inline-block;
            width: 10px;
        }

    .newbd .newbdetail {
        color: #777;
        line-height: 20px;
    }

        .newbd .newbdetail span {
            display: inline-block;
            width: 100px;
        }

.bgf5 {
    background-color: #f6f7fa;
}

.doncon {
    display: flex;
    align-items: center;
}

    .doncon i {
        display: inline-block;
        margin-right: 10px;
        font-size: 18px;
        color: #888;
    }

.width100 span {
    width: 44px;
    display: inline-block;
}
/* 首页 */
.md-h3 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
}
/* search搜索框 */
.md-input-wrapper {
    position: relative;
}

    .md-input-wrapper .md-input {
        width: 100%;
        padding: 10px;
        border: 1px solid #5CB85C;
        border-radius: 0;
        box-sizing: border-box;
        height: 100%;
        background-color: transparent;
    }

        .md-input-wrapper .md-input:focus {
            border: 1px solid #5CB85C;
        }

    .md-input-wrapper .md-input-bar {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }

        .md-input-wrapper .md-input-bar:after, .md-input-wrapper .md-input-bar:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            width: 0;
            height: 2px;
            background: #5CB85C;
            -webkit-transition: width .3s cubic-bezier(.4,0,.2,1);
            transition: width .3s cubic-bezier(.4,0,.2,1)
        }

        .md-input-wrapper .md-input-bar:before {
            left: 50%;
        }

        .md-input-wrapper .md-input-bar:after {
            right: 50%
        }

.md-input-focus .md-input-bar:after, .md-input-focus .md-input-bar:before {
    width: 50%
}

.md-input-wrapper a.btnsh {
    position: absolute;
    background-color: #5CB85C;
    color: #fff;
    padding: 0 30px;
    font-size: 14px;
    right: 10px;
    top: 12px;
    line-height: 36px;
}

.daichuli {
    overflow: hidden;
    margin-top: 20px;
}

    .daichuli li {
        float: left;
        margin-right: 1%;
    }

    .daichuli a {
        display: inline-block;
        text-align: center;
        transition: all .2s ease-in-out;
    }

    .daichuli h4 span {
        display: block;
    }

.indexsearch ul {
    overflow: hidden;
}

    .indexsearch ul li {
        float: left;
    }

        .indexsearch ul li a {
            padding: 8px 20px;
            display: block;
            transition: all .2s ease-in-out;
            border-radius: 3px 3px 0 0;
            font-size: 14px;
            border-left: 1px solid #E0E0E0;
            border-top: 1px solid #E0E0E0;
            color: #555;
        }

            .indexsearch ul li a:hover {
                background-color: #f5f5f5;
            }

            .indexsearch ul li a.active {
                background-color: #5CB85C;
                color: #fff;
                border-left: 1px solid #5CB85C;
                border-top: 1px solid #5CB85C;
            }

        .indexsearch ul li:last-of-type a {
            border-right: 1px solid #E0E0E0;
        }

.mddh3 {
    font-size: 16px;
    font-weight: 400;
    padding: 13px 0;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #E0E0E0;
}

    .mddh3 + div.panel-body {
        text-align: center;
    }

p.tixing {
    font-size: 20px;
}

.mddh301 {
    background-color: #2196F3;
}

.net-chart {
    padding: 8px;
    overflow: hidden;
    clear: both;
    color: #fff;
    display: block;
    position: relative;
    transition: all .2s ease-in-out;
    margin-bottom: 10px;
}

    .net-chart:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all .2s ease-in-out;
    }

    .net-chart:hover {
        color: #fff;
    }

        .net-chart:hover:before {
            background-color: rgba(0,0,0,.1);
        }

    .net-chart .gx-card-thumb {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        background-color: #fff;
        text-align: center;
        float: left;
    }

        .net-chart .gx-card-thumb i {
            line-height: 50px;
        }

    .net-chart .gx-card-thumb-right p {
        font-size: 15px;
    }

.bg-secondary1 {
    background-color: #68829e;
    color: #fff;
}

.bg-secondary2 {
    background-color: #0097A7;
    color: #fff;
}

.bg-secondary3 {
    background-color: #f69454;
    color: #fff;
}

.bg-secondary4 {
    background-color: #b38867;
    color: #fff;
}

.bg-secondary5 {
    background-color: #aebd38;
    color: #fff;
}

.bg-secondary6 {
    background-color: #6fb98f;
    color: #fff;
}


.bellul li {
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}

    .bellul li:last-of-type {
        border-bottom: none;
    }

.bellul a {
    color: #428bca;
    font-size: 13px;
    transition: all .2s ease-in-out;
    display: inline-block;
}

    .bellul a:hover {
        color: #2a6496;
    }

.bellul li div em {
    font-style: normal;
}

.bellul li div span {
    color: #777;
    margin-right: 20px;
}


.ul-create {
    overflow: hidden;
}

    .ul-create .col-md-3 {
        padding: 6px;
    }

        .ul-create .col-md-3 > div {
            width: 100%;
            border: 1px solid #ddd;
            background-color: #fff;
            display: inline-block;
            float: left;
            height: 80px;
            overflow: hidden;
        }

    .ul-create a {
        display: block;
        background-color: #f3f3f3;
        height: 100%;
        margin: 1px;
        text-align: center;
        padding: 10px 0;
        transition: all .2s ease-in-out;
    }

    .ul-create .row {
        margin: 0;
    }

    .ul-create a img {
        display: block;
        margin: 0 auto;
        margin-top: 5px;
    }

    .ul-create a:hover {
        background-color: #efefef;
    }

    .ul-create a b {
        font-weight: 600;
        color: #444;
    }

.border-2 {
    width: 36px;
    height: 36px;
    line-height: 35px;
    text-align: center;
    color: #0097A7;
    border-radius: 100px;
    border: 2px solid;
    margin: 0 auto 6px;
}

    .border-2 i {
        font-size: 18px;
    }

.ul-create .col-md-3:nth-of-type(2) .border-2 {
    color: #FF8383;
}

.ul-create .col-md-3:nth-of-type(3) .border-2 {
    color: #4CAF50;
}

.ul-create .col-md-3:nth-of-type(4) .border-2 {
    color: #4DAFFF;
}

.ul-create .col-md-3:nth-of-type(5) .border-2 {
    color: #5c6bc0;
}

.ul-create .col-md-3:nth-of-type(6) .border-2 {
    color: #00B297;
}

.ul-create .col-md-3:nth-of-type(7) .border-2 {
    color: #FF6498;
}

.ul-create .col-md-3:nth-of-type(8) .border-2 {
    color: #FF9C11;
}

.bg-blue:hover {
    background-color: #03A1E9;
    border-color: #03A1E9;
}

.bg-blue {
    background-color: #03A9F4;
    border-color: #03A9F4;
    color: #fff
}

    .bg-blue.r4_counter i {
        color: #03A9F4;
    }

.bg-zi:hover {
    background-color: #FB8564;
    border-color: #FB8564;
}

.bg-zi {
    background-color: #FB8564;
    border-color: #FB8564;
    color: #fff
}

    .bg-zi.r4_counter i {
        color: #FB8564;
    }

.r4_counter {
    padding: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
}

    .r4_counter .stats {
        padding-left: 77px;
    }

        .r4_counter .stats h4 {
            font-size: 14px;
        }

    .r4_counter .fa {
        margin-right: 0px;
        width: 56px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        background-color: #fff;
        border-radius: 50%;
        font-size: 26px;
    }

    .r4_counter h4 {
        margin: 7px 0 5px 0;
    }

.color-fff {
    color: #fff;
}

.r4_counter span {
    color: #fff;
}

.div-loding {
    background-image: url('images/loading.gif');
    width: 48px;
    height: 48px;
}
/* 基础数据 */

.list-ul li {
    line-height: 27px;
}

    .list-ul li a {
        font-size: 13px;
    }

        .list-ul li a:hover {
            text-decoration: underline;
        }

.dd-left-20 {
    margin-left: 0;
}

    .dd-left-20 .col-md-4 {
        min-height: 50px;
    }

    .dd-left-20 dt {
        font-weight: normal;
        color: #111;
        margin-bottom: 3px;
    }

    .dd-left-20 dd {
        margin-left: 20px;
        color: #999;
    }

.otherchoose {
    display: flex;
    align-items: baseline;
}

.error {
    color: red;
}

.td-height20 td, .td-height20 th {
    height: 20px !important;
    line-height: normal !important;
    /*padding: 0;*/
}

.td-height25 td, .td-height25 th {
    height: 23px !important;
    line-height: normal !important;
    /*padding: 0;*/
}

/*加工单打印页面样式*/
.tdnobd td, .tdnobd th {
    border: none !important;
    background-color: transparent !important;
}

    .tdnobd td.hasbd, .tdnobd th.hasbd {
        border-bottom: 1px solid #b4b4b4 !important;
        border-left: 1px solid #b4b4b4 !important;
    }

.tdnobd.tdnobd1 .hasbd {
    border-top: 1px solid #b4b4b4 !important;
}

.table-center th.thalignleft {
    text-align: left !important;
}

.tdnobd.tdnobd1 td.hasbd.hasbdr {
    border-right: 1px solid #b4b4b4 !important
}

.printHeader {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
}

    .printHeader img {
        margin-right: 10px;
    }

    .printHeader .headerCon p:nth-of-type(1) {
        font-size: 15px;
        color: #333;
        border-bottom: 1px solid #000;
        padding-bottom: 6px;
        margin-bottom: 6px;
    }

    .printHeader .headerCon p:nth-of-type(2) {
        color: #777;
        font-size: 13px;
    }

        .printHeader .headerCon p:nth-of-type(2) span {
            display: inline-block;
            margin-right: 15px;
        }
/* 打印隐藏 */

@media print {

    body {
        font-size: 62.5% !important;
        line-height: inherit;
        font-family: "宋体" !important;
    }

    pre {
        font-size: .1rem;
        line-height: inherit;
        font-family: "宋体" !important;
        font-weight: normal !important;
    }

    /*打印的时候分页*/
    .pageBreak {
        page-break-before: always;
    }

    .hideprint {
        display: none;
    }

    b, label {
        font-weight: normal;
    }

    .main {
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .label {
        border: 1px solid #000;
    }

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

    table.tb-no-border td, table.tb-no-border th {
        padding: 4px 5px 4px;
    }

    .padding0 td, .padding0 th {
        padding: 0 !important;
    }

    table th {
        font-weight: normal;
    }

    .bordertable td, .bordertable th {
        border: 1px solid #000 !important;
        font-weight: normal !important;
        font-size: .1rem !important;
        line-height: normal !important;
        padding: 2px 4px !important;
        /*width: inherit !important;*/
    }

        .bordertable td.font-print-15 {
            font-size: 2rem !important;
            height: 50px !important;
        }

    .bordertable {
        border: 1px solid #000 !important;
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #000 !important;
    }

    .tdnobd td, .tdnobd th {
        border: none !important;
        background-color: transparent !important;
    }

        .tdnobd td.hasbd, .tdnobd th.hasbd {
            border-bottom: 1px solid #000 !important;
            border-left: 1px solid #000 !important;
        }

    .tdnobd.tdnobd1 .hasbd {
        border-top: 1px solid #000 !important;
    }

    .table-center th.thalignleft {
        text-align: left !important;
    }

    .tdnobd.tdnobd1 td.hasbd.hasbdr {
        border-right: 1px solid #000 !important
    }

    .tableprintnobd {
        border-bottom: none !important;
        border-left: none !important;
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

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

    table {
        /*table-layout: fixed;*/
    }
}

@page {
    margin: 0.4cm;
}

/*blockUI*/
.div-loding {
    background-image: url('images/loading.gif');
    width: 48px;
    height: 48px;
}

.select {
    border: #c5c5c5 1px solid;
    height: 26px;
    color: black;
}

.contractFour {
    display: flex;
}

    .contractFour > div {
        display: flex;
        align-items: center;
    }

.span-width {
    width: 70px;
}

.emnormal {
    overflow: hidden;
}

    .emnormal em {
        font-style: normal;
    }

table.bluetable {
    border-top: 1px solid #4076BC !important;
    border-right: 1px solid #4076BC !important;
}

.bluetable th {
    background-color: #548DD5 !important;
    color: #fff;
}

.bluetable th, .bluetable td {
    border-bottom: 1px solid #4076BC !important;
    border-left: 1px solid #4076BC !important;
}

.yuliangblock {
    display: block;
    margin-top: -10px
}

.input90 input {
    width: 90%;
}

    .input90 input:focus {
        border: 1px solid #428bca;
    }

.dropdown-menu > li > a {
    margin-left: 0;
}

.dropdown-menu-style {
    border: 1px solid rgba(255,255,255,.5);
    background: transparent;
    color: #fff;
    border-radius: 15px !important;
    padding: 4px 12px;
}

.jiagongdan ul {
    margin-bottom: 15px;
}

    .jiagongdan ul li {
        font-size: 12px;
        line-height: 16px;
    }

        .jiagongdan ul li b {
            display: inline-block;
            width: 80px;
        }

.table-center th, .table-center td {
    text-align: center !important;
}

.input-required {
    color: #ee4749;
}

.price-remind td {
    background-color: #ee4749;
}
/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    color: #FF0000;
    font: 13px "Verdana";
}

form label.error {
    color: Red;
    font-size: 11px;
    padding-left: 5px;
    background: url("images/error.png") left no-repeat;
}

form .k-datepicker label.error {
    color: Red;
    font-size: 11px;
    margin-left: 13px;
    padding-left: 13px;
    background: url("images/error.png") left no-repeat;
}

.dropdown button {
    min-width: 200px;
}

    .dropdown button em {
        font-style: normal;
    }

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    margin: 0;
}
/* styles for validation helpers end */
.indexSchedulerStyle .k-scheduler-monthview .k-scheduler-table td {
    height: 26px;
}



/*.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-pager-wrap .k-link:hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-recur-view .k-check:active {
    color: #2e2e2e;
    background-color: #ff7d67;
    border-color: #bcb4b0;
}*/
/*删除合同*/
.contractTitle {
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}

    .contractTitle .deleteContract {
        padding: 4px 12px;
        font-size: 12px
    }

    .contractTitle h3 {
        display: flex;
        align-items: center;
    }

        .contractTitle h3 span {
            display: inline-block;
            margin-right: 5px;
        }

.orderItem {
    display: flex;
    flex-wrap: wrap;
}

    .orderItem .homeShadow {
        border: 1px solid #e5e5e5;
        box-shadow: 4px 4px 8px rgb(0 0 0 / 20%);
        border-color: #f1f1f1;
        width: 130px;
        height: 130px;
        padding: 10px;
        color: inherit;
        transition: all .4s ease-in-out;
        display: block;
        margin-right: 50px;
        text-align: center;
        border-radius: 15px;
    }

        .orderItem .homeShadow:hover {
            -webkit-transform: translateY(-.3rem);
            transform: translateY(-.3rem);
            -webkit-box-shadow: 0 5px 10px rgba(30,32,37,.12);
            box-shadow: 0 5px 10px rgba(30,32,37,.12);
            background-color: #f5f5f5;
        }


        .orderItem .homeShadow p {
            font-size: 14px;
            margin-top: 10px;
        }

table.bordertable.initial {
    height: initial;
    box-sizing: border-box;
}

/*两端对齐*/
.d-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h3-list-title {
    font-weight: 600;
    font-size: 18px;
    margin-right: 15px;
    line-height: normal;
}

    .h3-list-title ~ .searchBg.nobd.searchbg1 {
        padding: 0 !important;
        margin: 0;
    }

        .h3-list-title ~ .searchBg.nobd.searchbg1 li {
            padding-bottom: 0 !important;
        }

.RadioGroupStyle {
    display: flex;
    align-items: center;
}

    .RadioGroupStyle img {
        margin-right: 3px;
    }

.panel-tools a.btn-default {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
}

    .panel-tools a.btn-default:hover {
        color: #333 !important;
    }

.gutters {
    margin-right: -8px;
    margin-left: -8px;
}

    .gutters > .col,
    .gutters > [class*="col-"] {
        padding-right: 8px;
        padding-left: 8px;
    }

/************************************************
	************************************************
							A16. Hospital Dashboard
	************************************************
************************************************/
.hospital-tiles {
    position: relative;
    margin-bottom: 15px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 0 25px rgba(26, 107, 225, 0.1);
}

    .hospital-tiles img {
        max-width: 40px;
        max-height: 40px;
        opacity: 0.7;
        margin: 1rem 0;
    }

    .hospital-tiles p {
        line-height: 100%;
        color: #999999;
        margin-right:10px;
        /*margin: 0 0 1rem 0;*/
    }

    .hospital-tiles h2 {
        margin: 0;
        line-height: 100%;
        color: #0066ff;
    }

.doctor-profile .doctor-thumb {
    margin-bottom: 1.5rem;
    text-align: center;
}

    .doctor-profile .doctor-thumb img {
        max-height: 150px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

.training-schedule {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .training-schedule a.schedule-block {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #e5f0ff;
        max-width: 16%;
        min-width: 16%;
        padding: 1rem;
        font-size: .725rem;
        line-height: 170%;
        margin-bottom: .5rem;
    }

        .training-schedule a.schedule-block:hover {
            background: #0066ff;
            color: #ffffff;
        }

a.hospital-list {
    background: #f0f6ff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: flex;
    padding: 1rem 1rem;
    margin: 0 0 1rem 0;
}

    a.hospital-list img.hospital-thumb {
        width: 90px;
        height: 90px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        margin: 0 1rem 0 0;
    }

    a.hospital-list .hospital-details {
        width: 100%;
    }

        a.hospital-list .hospital-details .hospital-location h5 {
            margin: 0 0 .5rem 0;
            color: #0066ff;
        }

        a.hospital-list .hospital-details .hospital-location p {
            color: #999999;
            font-size: .775rem;
            margin: 0 0 .7rem 0;
            line-height: 150%;
        }

            a.hospital-list .hospital-details .hospital-location p span {
                color: #000000;
            }

        a.hospital-list .hospital-details .hospital-rating-price {
            display: flex;
        }

            a.hospital-list .hospital-details .hospital-rating-price .ratings {
                margin: 0 0 .5rem 0;
            }

                a.hospital-list .hospital-details .hospital-rating-price .ratings img {
                    max-width: 15px;
                    padding: 3px;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    border-radius: 2px;
                    background: #ffffff;
                }

            a.hospital-list .hospital-details .hospital-rating-price .hospital-price {
                margin-left: auto;
                text-align: right;
            }

                a.hospital-list .hospital-details .hospital-rating-price .hospital-price p.actual-price {
                    color: #999999;
                    font-size: .875rem;
                    line-height: 100%;
                    font-weight: 600;
                    margin: 0;
                    text-decoration: line-through;
                }

                a.hospital-list .hospital-details .hospital-rating-price .hospital-price h5.after-discount {
                    margin: 0;
                    color: #000000;
                    font-size: 1.2rem;
                }

    a.hospital-list:hover {
        box-shadow: inset 0 0 0 2px #0066ff;
    }

.hospital-maps-container {
    margin: 0 0 1rem 0;
}

    .hospital-maps-container a.hospital-listing {
        background: #f0f6ff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        display: flex;
        padding: 1rem 1rem;
        margin: 0 0 .4rem 0;
    }

        .hospital-maps-container a.hospital-listing img.hospital-image {
            width: 48px;
            height: 48px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin: 0 .7rem 0 0;
        }

        .hospital-maps-container a.hospital-listing .hospital-location .hospital-title {
            margin: 0 0 .3rem 0;
            color: #0066ff;
            font-weight: 700;
        }

        .hospital-maps-container a.hospital-listing .hospital-location .hospital-address {
            font-size: .8rem;
            margin: 0 0 .3rem 0;
            color: #999999;
        }

        .hospital-maps-container a.hospital-listing .hospital-location .hospital-opens {
            font-size: .7rem;
            margin: 0 0 .3rem 0;
            color: #e83e8c;
        }

        .hospital-maps-container a.hospital-listing .hospital-location .hospital-rating {
            margin: 0;
        }

            .hospital-maps-container a.hospital-listing .hospital-location .hospital-rating img {
                max-width: 16px;
                padding: 3px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                background: #ffffff;
            }

        .hospital-maps-container a.hospital-listing:hover {
            box-shadow: inset 0 0 0 2px #0066ff;
        }

        .hospital-maps-container a.hospital-listing:last-child {
            margin: 0;
        }

.doctors-list a {
    font-size: .725rem;
    display: flex;
    color: #000000;
    background-color: #f0f6ff;
    margin-bottom: 5px;
    padding: 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .doctors-list a:hover {
        background: #0066ff;
        color: #ffffff;
    }

.hospital-ratings .total-ratings {
    display: flex;
    margin: 0 0 1rem 0;
}

    .hospital-ratings .total-ratings h2 {
        margin: 0;
        line-height: 100%;
    }

    .hospital-ratings .total-ratings .rating-stars {
        margin: .3rem 0 0 .7rem;
    }

        .hospital-ratings .total-ratings .rating-stars img {
            max-width: 17px;
            padding: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #4d4d4d;
        }

.hospital-ratings .ratings-list-container .ratings-list {
    font-size: .825rem;
    display: flex;
    padding: 0 0 .6rem 0;
    margin: 0 0 .6rem 0;
    border-bottom: 1px solid #f7f7f7;
}

    .hospital-ratings .ratings-list-container .ratings-list:last-child {
        border-bottom: 0;
        padding: 0;
        margin: 0;
    }

    .hospital-ratings .ratings-list-container .ratings-list .rating-level {
        margin: 0 .5rem 0 0;
    }

    .hospital-ratings .ratings-list-container .ratings-list .rating-stars {
        line-height: 100%;
        margin: .1rem 0 0 0;
    }

        .hospital-ratings .ratings-list-container .ratings-list .rating-stars img {
            max-width: 10px;
        }

    .hospital-ratings .ratings-list-container .ratings-list .total {
        margin-left: auto;
        font-weight: 600;
    }

        .hospital-ratings .ratings-list-container .ratings-list .total .percentage {
            margin-left: 10px;
            font-size: .725rem;
            font-weight: 700;
            color: #999999;
        }

.top-doctors-container {
    margin: 0;
}

    .top-doctors-container .top-doctor {
        margin: 0 0 1.8rem 0;
        padding-bottom: .5rem;
        display: flex;
        align-items: flex-start;
    }

        .top-doctors-container .top-doctor img.avatar {
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            width: 40px;
            height: 40px;
            margin: 0 10px 0 0;
        }

        .top-doctors-container .top-doctor .doctor-details {
            flex-direction: column;
            flex: 1;
        }

            .top-doctors-container .top-doctor .doctor-details h6 {
                margin: 0 0 .5rem 0;
                font-size: .825rem;
            }

            .top-doctors-container .top-doctor .doctor-details .doctor-score .progress {
                height: 4px;
                margin: 0 0 .4rem 0;
            }

            .top-doctors-container .top-doctor .doctor-details .doctor-score .points {
                display: flex;
                justify-content: space-between;
                font-size: .775rem;
            }

                .top-doctors-container .top-doctor .doctor-details .doctor-score .points .left {
                    color: #999999;
                }

                .top-doctors-container .top-doctor .doctor-details .doctor-score .points .right {
                    color: #000000;
                    text-transform: uppercase;
                    font-size: .7rem;
                }

        .top-doctors-container .top-doctor:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }

ul.custom-messages li {
    margin-bottom: 1.3rem;
}

    ul.custom-messages li:last-child {
        margin-bottom: 0;
    }

        ul.custom-messages li:last-child .delivery-details p {
            margin-bottom: 0;
        }

    ul.custom-messages li .customer {
        float: left;
        background: #0066ff;
        width: 48px;
        height: 48px;
        line-height: 48px;
        color: #ffffff;
        font-size: 1rem;
        text-align: center;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

        ul.custom-messages li .customer.secondary {
            background: #e83e8c;
        }

    ul.custom-messages li .delivery-details {
        margin-left: 65px;
    }

        ul.custom-messages li .delivery-details .badge {
            font-size: .7rem;
            padding: 3px 10px 4px 10px;
            margin: 5px 0 5px 0;
            background: #e5f0ff;
            color: #000000;
        }

        ul.custom-messages li .delivery-details h5 {
            margin: 0;
            line-height: 180%;
            font-size: .9rem;
        }

        ul.custom-messages li .delivery-details p {
            font-size: .8rem;
        }

.hospital-tiles a {
    padding: 5px 15px;
    display: flex;
    align-items:center;
}

.hospital-tiles a {
    transition: all .2s ease-in-out;
}

    .hospital-tiles a:hover {
        background-color: #D8F3FC;
    }

    .hospital-tiles a.active {
        background-color: #D8F3FC;
    }

        .hospital-tiles a.active p {
            color: #e83e8c;
        }

.card {
    background: #ffffff;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 1rem;
    box-shadow: 0 0 25px rgba(26, 107, 225, 0.1);
}

    .card .card-header {
        padding: 1rem 1.25rem 1rem 1.25rem;
        background: #ffffff;
        border-bottom: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

        .card .card-header .card-title {
            margin: 0;
            font-size: 1rem;
            font-weight: 700;
            line-height: 100%;
        }

        .card .card-header .card-sub-title {
            margin-top: 1rem;
            font-size: .8rem;
            color: #999999;
            line-height: 150%;
        }

    .card .card-body {
        padding: 1.25rem 1.25rem;
        position: relative;
    }

        .card .card-body .card-title {
            margin-bottom: .7rem;
            font-size: 1rem;
            font-weight: 700;
            line-height: 100%;
        }

        .card .card-body .card-sub-title {
            margin-bottom: 1rem;
            font-size: .8rem;
            color: #999999;
            line-height: 140%;
        }

        .card .card-body .card-text {
            margin-bottom: 1rem;
            line-height: 180%;
        }

    .card .card-footer {
        background: transparent;
        border-top: 1px solid #f2f2f2;
        padding: 1rem 1.25rem;
    }

        .card .card-footer .view-all {
            color: rgba(0, 0, 0, 0.4);
            font-size: .8rem;
        }

            .card .card-footer .view-all i {
                font-size: 1.2rem;
                vertical-align: middle;
            }

            .card .card-footer .view-all:hover {
                color: #0066ff;
            }

        .card .card-footer a.view {
            color: rgba(0, 0, 0, 0.4);
            font-size: .825rem;
            color: #0066ff;
            font-weight: 700;
        }

            .card .card-footer a.view i {
                font-size: 1.5rem;
                margin: 0 10px;
                vertical-align: middle;
            }

    .card.red {
        border-top: 2px solid #ff4f57;
    }

    .card.green {
        border-top: 2px solid #13a98c;
    }

    .card.blue {
        border-top: 2px solid #0066ff;
    }

    .card.yellow {
        border-top: 2px solid #ffbb3e;
    }

    .card .card-img-bottom {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .card .card-img-top {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .card.highlight {
        border: 1px solid #0066ff;
        background: #0066ff;
    }
.member-table .k-grid-header {
    padding-right: 0 !important;
}

.member-table .k-header {
    border-color: #fff;
    border-bottom-color: #EAEAF1;
    /*border-width: 0 0 2px 1px !important;*/
    /*border: none;*/
    background-image: none;
    background-color: #fff;
    padding: 0.75rem;
    font-weight: 600;
    border-top: none;
    border-bottom: 1px solid #ddd;
}

    .member-table .k-header a {
        font-weight: 600;
        font-size: 14px !important;
        color: #666 !important;
        text-transform: capitalize;
        padding: 0 !important;
        margin: 0 !important;
    }

        .member-table .k-header a.k-grid-add {
            padding: 10px !important;
        }

.member-table th.k-header {
    border-bottom-color: #ccc;
    position: relative;
}

    .member-table th.k-header:after {
        /* content: '';
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.1);*/
    }

.member-table .k-grid-header th.k-header {
    padding: .75rem;
    /*border:none;*/
    /* padding-left: 0; */
}

.member-table .k-grid-header-wrap {
    /*border-color: #fff;*/
    border: none;
}

.member-table .k-pager-wrap {
    border-color: #fff;
    background-color: #fff;
    background-image: none;
}

.member-table .k-dropdown.k-header {
    padding: 0;
}
/*修改滚动条样*/
.member-table .k-grid-content {
    overflow: auto !important;
    padding-right: 0 !important;
}

.member-table div::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    z-index: 0;
}

.member-table div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    /*border-radius: 10px;*/
    background: #EDEDED;
}

.member-table div::-webkit-scrollbar-thumb {
    background: rgb(180,180,180);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
}

    .member-table div::-webkit-scrollbar-thumb:hover {
        background: rgb(140,140,140);
    }

.member-table div::-webkit-scrollbar-corner {
    background: rgb(180,180,180);
}
.member-table.k-grid tr:hover {
    background-color: #D8F3FC;
    border-color: transparent;
    background-image: none;
}
/*重写css*/
.member-table.cursorDefault .k-grid-content > table > tbody > tr {
    cursor: default;
}

.member-table .k-grid-content > table > tbody > tr {
    cursor: pointer;
}
/*弹出层*/
.slider, .slider01 {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 80%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity 150ms linear,-webkit-transform 400ms;
    transition: opacity 150ms linear,-webkit-transform 400ms;
    transition: transform 400ms,opacity 150ms linear;
    transition: transform 400ms,opacity 150ms linear,-webkit-transform 400ms;
    will-change: transform;
}

.slider-header {
    display: block;
    position: relative;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 15px;
    -webkit-box-shadow: 990px -1px 0 #fff, 990px 0 0 0 #e0e0e0;
    box-shadow: 990px -1px 0 #fff, 990px 0 0 0 #e0e0e0;
}

.slider-content {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    min-height: 100%;
    margin-left: auto;
    /*background: #f2f2f2;*/
    background: #fff;
    -webkit-box-shadow: 990px 0 0 #f2f2f2, -2px 0 7px rgba(57,73,76,.45);
    box-shadow: 990px 0 0 #f2f2f2, -2px 0 7px rgba(57,73,76,.45);
}

.slider-body {
    padding: 15px;
}

.modal-body {
    padding: 10px;
}

.slider-body .border-ddd.newhr01 th, .slider-body .border-ddd.newhr01 td {
    padding: 3px 0;
}

.mediaSliderWidth {
    width: 35%;
    min-width: 20%;
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1010;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #a0a0a0;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
    pointer-events: none;
}

.is-opened .backdrop {
    opacity: 0.9;
    pointer-events: auto;
}

.is-opened .slider {
    z-index: 1011;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.is-opened01 .backdrop {
    opacity: 0.9;
    pointer-events: auto;
}

.is-opened01 .slider01 {
    z-index: 1011;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.slider-body h2 {
    background-color: #0066ff;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}

.newbtn {
    background: #0066ff;
    padding: 7px 25px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 6px rgba(59, 57, 57, 0.4);
    transition: all .2s ease-in-out;
    /*border: 1px solid transparent;*/
    display: inline-block;
    text-transform: uppercase;
}

    .newbtn i, .newbtn span {
        display: inline-block;
        margin-right: 10px;
        font-weight: normal;
        font-size: 18px;
    }

        .newbtn i img {
            width: 15px;
        }

    .newbtn:hover {
        box-shadow: none;
        background: #e83e8c;
        color: #fff;
        /*border: 1px solid #D9D9D9;*/
    }

        .newbtn:hover i {
            color: #fff;
        }

.content-wrapper {
    padding: 20px;
    background: #f7fafe;
    min-height: calc(100vh - 260px);
}
.table {
    background: #ffffff;
    color: #666666;
    border: 0;
}

    .table thead {
    }

        .table thead th {
            padding: .75rem;
            font-weight: 600;
            border-top: none;
            border-bottom: 1px solid #ddd;
        }

    .table tbody tr:nth-of-type(even) {
        background-color: #f7fafe;
    }

    .table td {
        vertical-align: middle;
        padding: .5rem .75rem;
        border: 0;
        line-height: normal;
    }

.table-success,
.table-success > td,
.table-success > th {
    background: #acf6e7;
    border-color: #67eed4;
    color: #041f1a;
}

.table-danger,
.table-danger > td,
.table-danger > th {
    background: white;
    border-color: white;
    color: #b50008;
}

.table-warning,
.table-warning > td,
.table-warning > th {
    background: #fff1d7;
    border-color: #ffd68b;
    color: #a46a00;
}

.table-info,
.table-info > td,
.table-info > th {
    background: #cce0ff;
    border-color: #b3d1ff;
    color: #002966;
}

.customebg {
    box-shadow: 0px 4px 5px -2px rgba(60, 144, 223, 0.2), 0px 7px 10px 1px rgba(60, 144, 223,.14), 0px 2px 16px 1px rgba(60, 144, 223, 0.12);
    border: 1px solid var(--customColor);
}

.gysbg {
    box-shadow: 0px 4px 5px -2px rgba(139, 66, 141, 0.2), 0px 7px 10px 1px rgba(139, 66, 141,.14), 0px 2px 16px 1px rgba(139, 66, 141, 0.12);
    border: 1px solid var(--gysColor);
}

.customestyle {
    box-shadow: 0px 4px 5px -2px rgba(60, 144, 223, 0.2), 0px 7px 10px 1px rgba(60, 144, 223,.14), 0px 2px 16px 1px rgba(60, 144, 223, 0.12);
    border: 1px solid var(--customColor);
    background-color: #fff;
}

.gysstyle {
    box-shadow: 0px 4px 5px -2px rgba(139, 66, 141, 0.2), 0px 7px 10px 1px rgba(139, 66, 141,.14), 0px 2px 16px 1px rgba(139, 66, 141, 0.12);
    border: 1px solid var(--gysColor);
    background-color: #fff;
}

    .customestyle > .panel-heading, .gysstyle > .panel-heading {
        overflow: hidden;
        margin-bottom:0;
    }

.customestyle h3.blue-color {
    color: var(--customColor);
}

.gysstyle h3.blue-color {
    color: var(--gysColor);
}

.customestyle table.bordertable {
    border: 1px solid var(--tabletd);
}

    .customestyle table.bordertable th {
        /*min-width:150px;*/
        background-color: var(--customtdbg) !important;
    }

    .customestyle table.bordertable th, .customestyle table.bordertable td {
        border-top: 1px solid var(--tabletd);
        border-bottom: 1px solid var(--tabletd);
        border-left: 1px solid var(--tabletd);
    }
/* 供应商 */
.gysstyle table.bordertable {
    border: 1px solid var(--tabletd);
}

    .gysstyle table.bordertable th {
        background-color: var(--gystdbg) !important;
    }

    .gysstyle table.bordertable th, .gysstyle table.bordertable td {
        border-top: 1px solid var(--tabletd);
        border-bottom: 1px solid var(--tabletd);
        border-left: 1px solid var(--tabletd);
    }

.customestyleedit .panel {
    box-shadow: 0px 4px 5px -2px rgba(60, 144, 223, 0.2), 0px 7px 10px 1px rgba(60, 144, 223,.14), 0px 2px 16px 1px rgba(60, 144, 223, 0.12);
    border: 1px solid var(--customColor);
}

.gysstyleedit .panel {
    box-shadow: 0px 4px 5px -2px rgba(139, 66, 141, 0.2), 0px 7px 10px 1px rgba(139, 66, 141,.14), 0px 2px 16px 1px rgba(139, 66, 141, 0.12);
    border: 1px solid var(--gysColor);
}

.customestyle .k-state-active, .customestyle .k-state-active:hover, .customestyle .k-active-filter {
    border-color: var(--customColor);
}

.gysstyle .k-state-active, .gysstyle .k-state-active:hover, .gysstyle .k-active-filter {
    border-color: var(--gysColor);
}

.btn.bg-green {
    padding: 2px 12px;
    color: #fff;
}
.noshadowBd {
    box-shadow: none;
    border: none;
}

.slider-body .toolbar .badge {
    position: absolute;
    top: -6px;
    right: -12px;
}

.slider-body .toolbar {
    background-color: #0066ff;
    background-image: none;
    border: none;
    margin-bottom: 10px;
}

    .slider-body .toolbar a {
        color: #fff;
        display: inline-block;
        padding: 10px;
        margin-left:0;
        border-radius:0;
        border:none;
    }

        .slider-body .toolbar a:hover {
            background: #e83e8c;
            color: #fff;
        }

        .slider-body .toolbar a span {
            margin-right: 5px;
        }
.code-table dl dd {
    width: 350px;
}

    .code-table dl dd a {
        font-size: 13px;
        color: #3D8FD8;
        margin-bottom: 10px;
        display: block;
    }

        .code-table dl dd a:last-of-type {
            margin-bottom: 0;
        }

        .code-table dl dd a:hover {
            color: #1ABC9C;
        }
/*证书样式开始*/
.certificate-style {
    padding: 13px;
    background: #fff;
    margin: 20px auto;
    color: #000 !Important;
    width: 900px;
    overflow: hidden;
}

    .certificate-style .cer-title {
        color: #FF0000;
        font-family: Century;
        font-size: 33px;
        font-weight: bold;
        text-align: center;
        margin-top: 40px;
        padding: 0 60px;
        line-height: 55px;
    }

    .certificate-style p, .certificate-style table {
        font-family: Calibri;
        font-size: 14px;
        text-align: center;
    }

    .certificate-style p {
        font-weight: bold;
    }

        .certificate-style p span, .certificate-style p i {
            font-weight: normal;
        }

    .certificate-style .content {
        border: 3px solid #F47115;
        padding: 15px 110px;
        background: url(./images/watermark.png) repeat;
        position: relative;
    }

        .certificate-style .content.contentblue {
            border: 3px solid #00A8E7;
            background: url(../images/watermark_old.png) repeat;
        }

.content .code {
    position: absolute;
    bottom: 86px;
    left: 10px;
}

    .content .code img {
        margin-left: 8px;
    }

.content .title-code {
    position: absolute;
    top: 20px;
    right: 22px;
    font-size: 20px;
    color: #0CA5F3;
}

.content .bottom-code {
    position: absolute;
    bottom: 20px;
    right: 22px;
    font-size: 20px;
    color: #333;
}

.certificate-style dl {
    font-size: 11px;
    padding-left: 22px;
}

.certificate-style dt {
    float: left;
    font-weight: normal;
}

.certificate-style dd {
    padding-left: 20px;
    width: 533px;
}

.star-span {
    margin-top: 5px;
    display: block;
    font-size: 11px;
}

.left-div {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

    .left-div p {
        text-align: left;
        color: #0CA5F3;
        padding-bottom: 59px;
        border-bottom: 1px dashed #0ca5f3;
        background: url(../images/zhongcun.png) left top no-repeat;
        padding-left: 50px;
        font-size: 12px;
    }

    .left-div div {
        text-align: right;
        color: #0CA5F3;
        padding-top: 3px;
    }

    .left-div strong {
        display: block;
    }

.CompanySeal {
    float: right;
    border-bottom: 1px solid #000000;
    /*padding-bottom: 35px;*/
}

.panel-stat3:hover h3, .panel-stat3-on h3 {
    color: #fff;
}

.panel-stat3 {
    border-radius: 4px;
    /*box-shadow:3px 2px 1px rgba(122, 122, 122, 0.8) inset;*/
}
.antiCounterfeiting {
    position: absolute;
    bottom: 66px;
    right: 10px;
}

    .antiCounterfeiting img {
        margin-left: 8px;
    }
.rightFloat {
    float: right;
}

.leftFloat {
    float: left;
}
.clear {
    clear: both;
}
/*证书样式结束*/