html, body {
    overflow: hidden;
    background-color:#fff;
}

.scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.scroll-y {
    overflow-x: hidden;
    overflow-y: hidden;
}

.left, .right, .content {
    height: 1000px;
}
    .left{
        width:110px;
    }

    .content {
        padding: 0 1%;
    }

.content2 {
    width: 100% !important;
    padding: 0 5%;
}

.right {
    display: none;
}

.minWidth {
    min-width: 1366px;
}

table {
    background-color: #fff;
}

.has-success .col-xs-10 {
    color: #3c763d;
}

.has-warning .col-xs-10 {
    color: #8a6d3b;
}

.has-error .col-xs-10 {
    color: #a94442;
}

.eumee-nav {
    background-color: #fff;
    line-height: 70px;
}

    .eumee-nav .logo {
        display: inline;
        float: left;
        margin-left: 1em !important;
        padding: 10px;
        max-width: 90%;
    }

    .eumee-nav img {
        width: 100%;
        height: auto;
    }

    .eumee-nav .title {
        width: 300px;
        display: inline;
        float: left;
        font-size: 20px;
        line-height: 20px;
        margin-top: 7px;
        margin-left: 5px;
        color: #fff;
        font-weight: bold;
    }

    .eumee-nav .small {
        font-size: 6px;
    }

.msg {
    width: 350px;
    max-height: 350px;
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border: 1px solid #0786a2;
    border-radius: 2px;
    z-index: 3;
}

    .msg .panel-heading {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 5px 10px;
    }

        .msg .panel-heading img {
            border-radius: 5px;
        }

        .msg .panel-heading i {
            margin-top: 7px;
            cursor: pointer;
        }

    .msg .panel-body {
        word-wrap: break-word;
        max-height: 250px;
    }

        .msg .panel-body ul,
        .msg .panel-body li {
            padding: 0;
            margin: 0
        }

        .msg .panel-body li {
            line-height: 35px;
            border-bottom: 1px dotted #b3b3b3;
            cursor: pointer;
        }

            .msg .panel-body li:last-child {
                border-bottom: 0;
            }

.index {
}

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

        .index .padding:last-child {
            margin-bottom: 0;
        }

    .index input[type='radio'],
    .index input[type='checkbox'] {
        margin-left: 10px;
    }

        .index input[type='radio']:first-child,
        .index input[type='checkbox']:first-child {
            margin-left: 0;
        }

    .index .score {
        width: 100%;
        position: absolute;
        background-color: #fff;
        z-index: 444;
        left: 0;
        top: 40px;
        right: 0;
    }

    .index .form-control-static div {
        position: relative;
        width: 40px;
        height: 40px;
        margin-right: 15px;
        display: inline;
        float: left;
    }

        .index .form-control-static div img {
            border: 1px solid #ccc;
        }

        .index .form-control-static div .icon-bin {
            position: absolute;
            right: -8px;
            top: -7px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            display: none;
            background-color: #fff;
            border-radius: 2px;
            cursor: pointer;
            overflow: hidden;
        }

        .index .form-control-static div:hover .icon-bin {
            display: block;
        }

        .index .form-control-static div .icon-plus {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
        }

        .index .form-control-static div input[type='file'] {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 40px;
            display: inline-block;
            opacity: 0;
            z-index: 1;
            overflow: hidden;
        }

    .index .right {
        padding: 0 10px;
    }

    .index .input-sm-fix {
        max-width: 125px;
        width: 100%;
    }

    .index .timeline {
        position: relative;
        height: 120px;
        text-align: center;
    }

        .index .timeline .timeline-header {
            padding-top: 15px;
            position: relative;
            z-index: 1;
        }

        .index .timeline .timeline-icon {
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
            width: 16px;
            height: 16px;
            display: block;
            border-radius: 50%;
            background: #ccc;
            z-index: 0;
        }

        .index .timeline .timeline-line {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -1px;
            width: 2px;
            height: 100%;
            display: block;
            background: #ccc;
            z-index: 0;
        }

        .index .timeline .timeline-content {
            padding-top: 45px;
            position: relative;
            z-index: 1;
        }

        .index .timeline.active .timeline-icon {
            background-color: #458994;
        }

        .index .timeline.active .timeline-line {
            background-color: #458994;
        }

    .index .editor {
        max-height: 250px;
        height: 250px;
        background-color: white;
        border-collapse: separate;
        border: 1px solid rgb(204, 204, 204);
        padding: 4px;
        box-sizing: content-box;
        -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
        box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        overflow: scroll;
        outline: none;
    }

    .index div[data-role="editor-toolbar"] {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .index .dropdown-menu a {
        cursor: pointer;
    }

    .index .mtb50 {
        margin-top: 20px;
    }

    .index .box {
        margin: 20px;
    }

        .index .box .box-header {
            position: relative;
            line-height: 30px;
        }

            .index .box .box-header span {
                position: absolute;
                right: 0;
            }

        .index .box .box-content {
            margin-top: 10px;
            border: 2px solid #458994;
        }

.list {
    background-color: #dcdcdc;
    margin-bottom: 35px;
}

    .list .h50 {
        height: 50px;
        padding: 5px 10px;
        display: block;
    }

    .list .lh45 {
        line-height: 45px;
    }

    .list .border {
        border: 1px solid #eb6100;
    }

    .list .border-bottom {
        border-bottom: 1px solid #eee;
    }

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

    .list .time {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #eb6100;
        color: #fff;
    }

    .list iframe {
        margin-top: 50px;
        background-color: #fff;
    }

    .list .timeline-box {
        width: 100%;
        height: 92px;
    }

    .list .timeline-box2 {
        width: 100%;
        height: 92px;
    }

    .list .timeline {
        float: left;
        display: inline;
        width: 150px;
        padding: 0;
        text-align: center;
    }

    .list .timeline-icon {
        padding: 10px 0;
        border-bottom: 2px solid #ccc;
        position: relative;
    }

        .list .timeline-icon.active {
            border-bottom: 2px solid #458994;
        }

        .list .timeline-icon div {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .list .timeline-icon:before {
            content: "";
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #ccc;
            margin: 0 auto;
            position: absolute;
            bottom: -9px;
            left: 0;
            right: 0;
        }

        .list .timeline-icon:after {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #fff;
            margin: 0 auto;
            position: absolute;
            bottom: -5px;
            left: 0;
            right: 0;
        }

        .list .timeline-icon.active:before {
            background: #458994;
        }

    .list .timeline-content {
        padding: 10px 0;
    }

    .list .bg-warning {
        word-wrap: break-word;
        word-break: break-all;
    }

.list-btn-fixed {
    float:right !important;
    display: block;
}

.details {
    padding: 0 6px;
}

    .details .timeline {
        padding: 0;
        text-align: center;
    }

    .details .timeline-icon {
        padding: 5px 0;
        border-bottom: 2px solid #888;
        position: relative;
    }

        .details .timeline-icon.active {
            border-bottom: 2px solid #03ddff;
        }

        .details .timeline-icon.curactive {
            border-bottom: 2px solid red;
        }

        .details .timeline-icon.error {
            border-bottom: 2px solid #f00;
        }

        .details .timeline-icon div {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .details .timeline-icon:before {
            content: "";
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #888;
            margin: 0 auto;
            position: absolute;
            bottom: -9px;
            left: 0;
            right: 0;
        }

        .details .timeline-icon.active:before {
            background: #03ddff;
        }

        .details .timeline-icon.curactive:before {
            background: red;
        }

        .details .timeline-icon.error:before {
            background: #f00;
        }

    .details .timeline-content {
        margin-top: 10px;
    }

    .details .timeline-right {
        position: relative;
    }


        .details .timeline-right div {
            width: 2px;
            height: 101px;
            display: block;
            border-right: 2px solid #888;
            position: absolute;
            right: 0;
            top: -65px;
        }

        .details .timeline-right i {
            width: 14px;
            height: 14px;
            display: block;
            position: absolute;
            right: -6px;
            top: -25px;
            color: #ccc;
        }

    .details .timeline-left {
        position: relative;
    }

        .details .timeline-left div {
            width: 2px;
            height: 101px;
            display: block;
            border-right: 2px solid #888;
            position: absolute;
            left: 0;
            top: -65px;
        }

        .details .timeline-left i {
            width: 14px;
            height: 14px;
            display: block;
            position: absolute;
            left: -6px;
            top: -25px;
            color: #ccc;
        }

/*.login {
    background: #fff center center no-repeat scroll;
    background-size:100%;
}

    .login .title {
        font-size: 40px;
        letter-spacing: 2px;
        font-weight: bold;
        color: #fff;
        line-height: 60px;
    }

    .login .small {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .login .panel {
        margin: 0 30px;
        color: #0786a2;
        background: transparent;
        border: solid 2px #0786a2;
        border-radius: 10px;
    }

    .login input,
    .login input:focus,
    .login input.active {
        border-color: #0786a2;
        color: #0786a2;
    }

        .login input::placeholder {
            color: #9bc0cb !important;
        }

    .login button {
        background-color: #0786a2 !important;
        color: #fff !important;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .login a,
    .login a:hover {
        color: #0786a2;
    }

    .login .form-group,
    .login .input-group {
        margin-bottom: 30px;
    }*/

        .login .input-group .input-group-addon {
            padding: 0;
            margin: 0;
        }

@media screen and (max-width:1366px) {
    .login {
        padding: 50px 0;
    }

        .login .title {
            font-size: 30px;
            letter-spacing: 2px;
            line-height: 50px;
        }
}

@media screen and (max-width:1024px) {
    .login {
        padding: 30px 0;
    }

        .login .title {
            font-size: 25px;
            letter-spacing: 2px;
            line-height: 40px;
        }
}

@media screen and (max-width:800px) {
    .login {
        padding: 10px 0;
    }

        .login .title {
            font-size: 20px;
            letter-spacing: 2px;
            line-height: 40px;
        }
}

.screen .hoslogo img {
    max-height: 70px;
    max-width: 90%;
}

.ovtimeline .timeline {
    padding: 0;
    text-align: center;
    margin-bottom: 2px;
}


.windows {
    position: relative;
    display: block;
    background-color: #444;
    padding: 5px;
    padding-bottom: 0;
}

    .windows .windows-header {
        position: absolute;
        right: 10px;
        top: 0;
        width: 25px;
        height: 70px;
        display: block;
        z-index: 99;
    }

        .windows .windows-header i {
            width: 25px;
            height: 25px;
            line-height: 25px;
            font-size: 10px;
            margin-top: 5px;
            display: none;
            text-align: center;
            color: #fff;
            cursor: pointer;
            background-color: rgba(0,0,0,.35);
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        .windows .windows-header:hover i {
            display: block;
        }

        .windows .windows-header i:hover {
            color: #fff;
        }


.print {
    position: relative;
}

    .print .padding {
        margin: 5px 0;
    }

    .print .title {
        letter-spacing: 4px;
    }


    .print .hr {
        border-bottom: 2px solid #444;
        height: 1px;
        padding: 0;
        margin: 0;
    }

    .print .h250 {
        height: 280px;
    }

        .print .h250 div {
            padding-left: 20px;
        }

    .print .h10 {
        height: 20px;
    }

    .print .code {
        width: 100px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

.screen {
    background: #000;
    overflow: hidden;
    padding: 10px;
    color: #fff;
}

    .screen .wordlabel {
        background-color: white;
        color: black;
        line-height: initial;
    }
    .screen .hinfo {
        float: right;
        width: 83%;
    }
    .screen .cinfo1, .cinfo2 {
        display: inline-block;
        float: right;
        margin-right: 10px;
        color: blue ;
    }
    .screen .cinfo2 {
        color: orange;
    }
    .screen .header {
        padding: 0 50px;
    }

        .screen .header div {
            height: 50px;
            display: block;
            background: transparent url(/home/image/header.png) 0 0 no-repeat;
            background-size: 100% 100%;
        }

        .screen .header span {
            height: 50px;
            display: block;
            text-align: center;
            line-height: 50px;
            font-size: 22px;
            float: left;
        }

        .screen .header .car1 {
            width: 15%;
            cursor: pointer;
        }

        .screen .header .car2 {
            width: 15%;
            cursor: pointer;
        }

        .screen .header .name {
            width: 40%;
        }

        .screen .header .car3 {
            width: 15%;
            cursor: pointer;
        }

        .screen .header .car4 {
            width: 15%;
            cursor: pointer;
        }

    .screen .time {
        height: 25px;
        line-height: 25px;
        display: block;
        text-align: center;
        font-size: 20px;
        margin: 10px 0;
    }

    .screen ._left {
    }

        .screen ._left .box1 {
            height: 400px;
            display: block;
            background-size: 100% 100%;
            border: solid 1px;
        }

        .screen ._left .box2 {
            height: 300px;
            display: block;
            margin-top: 25px;
            background-size: 100% 100%;
            border: solid 1px;
        }

    .screen .middle {

    }

        .screen .middle .box1 {
            height: 300px;
            display: block;
            background-size: 100% 100%;
            border: solid 1px;
        }

        .screen .middle .box2 {
            height: 400px;
            display: block;
            margin-top: 25px;
            background-size: 100% 100%;
            border: solid 1px;
        }

    .screen ._right {
        margin-top: -25px;
    }

        .screen ._right .box1 {
            height: 400px;
            display: block;
            background-size: 100% 100%;
            border: solid 1px;
        }

        .screen ._right .box2 {
            height: 300px;
            display: block;
            background-size: 100% 100%;
            border: solid 1px;
        }

    .screen .footer {
        height: 50px;
        display: block;
        margin-top: 25px;
        background: transparent url(/home/image/time.png) 0 0 no-repeat;
        background-size: 100% 100%;
        padding: 0 10px;
    }
.ovnow {
    float: right;
    margin-right: 20px;
    color: #fff !important;
}
.ovtimeline{
    font-size:15px!important;
}

.m-input-sm {
    margin-top: -5px;
}

.panel-default > .panel-heading {
    background-color: #c2eee9;
    border-radius: 5px;
    display:block;
}

.panel-heading:before {
    content: "-";
    font-weight: bold;
}
.panel-heading.collapsed:before {
    content: "+";
    font-weight: bold;
}

.new-hand .panel-heading:before {
    content: "\ea05";
    font-family: 'EUMee' !important;
}

.new-hand .panel-heading.collapsed:before {
    content: "\ea04";
    font-family: 'EUMee' !important;
}

.panel-collapse {
    -webkit-box-shadow: 0 0 5px 1px rgba(201, 201, 201, 0.9);
}

.dropdown-menu {
    border: solid 1px #929191;
}

select {
    text-align-last:center;
}


@media (min-width:100px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

@media (min-width:100px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.user-info {
    display: inline-block !important;
    color: #458994 !important;
    background-color: #fff !important;
}

.corner-info{
    text-align:right;
    padding-right:40px;
}

    .corner-info .dropdown-menu {
        right:5px !important;
        left:auto;
        width:90px;
    }
    .corner-info .corner-content {
        margin-top: -28px;
    }

.popover {
    height: auto;
    left: 0 !important;
}
.popover-content {
    min-height: 50px;
    max-height: 250px;
    overflow-y: scroll;
}
.pop-checkbox {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.pop-span{
    display:inline-block;
    margin-left:20px;
}
.lab-row {
    /*height: 3rem;*/
    padding-left:initial;
}
.lab-span {
    display: inline-block;
    margin-left: 10px;
}

.panel-body {
    padding: 10px;
}

.nav-tabs > li > a{
    margin:auto;
}

.bottom-info {
    font-size: 13px;
    color: #458994 !important;
}
    .bottom-info a {
        color: #458994 !important;
    }

.bm-first {
    font-family: KaiTi;
    font-weight: bold;
    font-size: 20px;
}

.bm1{
    padding-left:70px;
}

.zj-meta-label{
    font-weight:bold;
}

.zj-meta-panel .zj-meta-label {
    text-align:right;
    padding-right:10px;
}

.zj-meta-panel .zj-meta-label2 {
    text-align: right;
    padding-right: 10px;
}


.modal-header {
    background: #f1efef;
}

.btnCol {
    border-radius: 8px;
    border: solid 1px #c5c5d4;
    float: right;
}

.searchpanel {
    background: #ebecec;
    margin: 5px;
}


.mui-dtpicker {
    width: 50% !important;
    left: 25% !important;
    bottom: 10px !important;
}

    .mui-dtpicker .mui-btn {
        background: transparent;
        color: #4a89a4;
        border: 0;
    }

.mui-backdrop {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}

input[type=radio], input[type=checkbox] {
    position: relative !important;
}

.radio-inline + .radio-inline {
    margin-left: 0;
}

.checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.modal-body-ext {
    overflow-y: scroll;
    max-height: 890px;
}

.zj-event-tpl{
    display:none !important;
}
.zj-event-hide {
    display: none !important;
}

.modal-content-sign {
    margin-top: 30%;
}

.in-nav {
    background: #e0dddd;
    padding-left: 1%;
}
.meta-textt-tpl {
    visibility: hidden;
    float: left;
    margin-top: -100px;
}

#emrIntegrity-container {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 1;
}
    #emrIntegrity-container:hover {
        cursor: pointer;
    }
.circleChart_text {
    top: 35% !important;
    line-height:initial !important;
}
.ovlink {
    padding: 2.5px 10px;
}
.loading {
    width: 160px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 56px;
    color: #fff;
    padding-left: 60px;
    font-size: 15px;
    background: #000 url(/home/image/loading.gif) no-repeat 10px 50%;
    opacity: 0.7;
    z-index: 9999;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.bottom-dashed {
    border-bottom: 1px dashed #dddddd;
    padding-bottom: 2px;
}
.top-dashed {
    border-top: 1px dashed #b1b1b1;
}

.ops {
    text-align: center;
}
    .ops button {
        border-color: #d3cdcd;
        margin-left: 5px !important;
    }
.tpl-row {
    margin-left: 10px;
}
.modal-header .close {
    width: 30px;
    height: 30px;
}

.text-scroll {
    overflow-x: scroll;
    text-overflow: inherit;
}

.panel-container {
    
}
    .panel-container input,
    .panel-container select,
    .panel-container textarea {
        border: solid 1px #c1ced7;
        background-color: white;
    }
.panel-ra,
.panel-sel {
    border: solid 1px #c1ced7;
    background-color: white;
}

.panel-sel {
    width: 100%;
}

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

.zj-legend {
    width: auto;
    margin-left: 20px;
    padding: 0 10px;
    font-size: 18px;
    margin-bottom: auto;
    border: 0;
}

.zj-field {
    border: 1px solid #cecaca;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
header li:hover {
    background: #509f9d;
}
.modal-w{
    width:80%;
}

.flex-box{
    display:flex;
    /*justify-content:center;*/
    align-items:center;
}
.justify-center {
    justify-content: center;
}
.flex-box-only {
    display: flex;
}
.none-flex-box{
    flex:none;
}

.label-flex-box {
    display: flex;
    /*justify-content:center;*/
    align-items: center;
    white-space:initial;
    line-height:initial;
    padding-top:5px;
}

.txt-req {
    /*font-size: x-small;*/
    font-style: normal;
    color: #fd0000;
   /* font-family: 'EUMee' !important;*/
}

    .txt-req:before {
        content: "\2733";
    }