*, ::before, ::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    color: rgba(0,0,0,.85);
    font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}

input {
    background-color: #0e305a;
    border: solid 1px #1778d2;
    color: #fff;
}

input, select, a img {
    vertical-align: middle;
    outline: none
}

img {
    max-width: 100%;
    height: auto
}

.el-form {
    /*padding: 0 10px 0 10px;*/
    padding: 0;
}

.el-form-item {
    margin-bottom: 10px;
}

.el-form-item__label {
    color: #fff;
}

.el-form-item__error {
    line-height: 0;
}

.el-divider {
    background-color: #1879d4;
}

.el-divider__text {
    background-color: #0b2043;
    color: #fff;
}

.el-divider--horizontal {
    margin: 15px 0;
}

.el-input__inner {
    height: 30px;
    line-height: 30px;
    background-color: #0e305a;
    border-radius: 4px;
    border: 1px solid #1a86e9;
    color: #fff;
}

.el-input.is-disabled .el-input__inner {
    background-color: #0e305a;
    border-color: #e4e7ed;
    color: #f2f5fb;
    cursor: not-allowed;
    border: 1px solid #1a86e9;
}

.el-checkbox {
    margin-right: 5px;
}

    .el-checkbox.is-bordered {
        padding: 9px 10px 9px 10px;
    }

.el-textarea__inner {
    color: #fff;
    background-color: #0e305a;
    border: 1px solid #1565b3;
}

.el-select {
    width: 100%;
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 100%;
}

.el-radio {
    color: #fff;
}

.form-title {
    color: rgb(13 238 248);
    padding: 5px 12px 5px 22px;
    font-size: 12pt;
    font-weight: 500;
}

.taskCloseBtn {
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: rgb(255, 255, 255);
    background-color: rgb(239, 16, 16);
    border-radius: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 5px;
    top: 2px;
    text-align: center;
    z-index: 1;
}

.el-button--mini {
    border-radius: 8px;
}

.el-button--small {
    border-radius: 8px;
}

.el-button--danger {
    color: #fff;
    background-color: #e62424;
    border-color: #e42525;
}

.el-button--success {
    background-color: #009688;
}

    .el-button--success:hover {
        background: #85ce61;
        border-color: #85ce61;
        color: #fff;
    }

    .el-button--success:focus {
        background: #009688;
        color: #fff;
    }

.el-input-number {
    line-height: 30px;
}

    .el-input-number:hover {
        border: 1px solid #1a86e9;
    }

.el-input-number__decrease {
    top: 2px;
    left: 1px;
    background-color: #1a86e9;
    color: #fff;
    height: 28px;
    border-right: 1px solid #1a86e9;
    border-radius: 2px 0 0 2px;
}

    .el-input-number__decrease:hover {
        color: #0affa7;
    }

.el-input-number__increase {
    top: 2px;
    right: 1px;
    background-color: #1a86e9;
    color: #fff;
    height: 28px;
    border-left: 1px solid #1a86e9;
    border-radius: 2px 0 0 2px;
}

    .el-input-number__increase:hover {
        color: #0affa7;
    }

.el-checkbox {
    color: #fff;
}

.el-checkbox__label {
    padding-left: 5px;
}

.el-menu {
    border-right: 0;
}

.el-tabs__item {
    color: #fff;
}

    .el-tabs__item.is-active {
        color: #409eff;
    }

.el-tabs--card > .el-tabs__header {
    border-bottom: 1px solid #0a447f;
    margin: 0;
}

    .el-tabs--card > .el-tabs__header .el-tabs__item {
        border-bottom: 1px solid #5741a600;
        border-left: 1px solid #3a5fa9;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__nav {
        border: 0;
    }

    .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
        border-bottom-color: #29eb5a;
    }

.el-tabs__active-bar {
    height: 5px;
}

.panel-index {
    border: solid 1px #000;
    border-radius: 7px;
}

.panel-index-title {
    text-align: center;
    height: 35px;
    line-height: 35px;
    font-size: 10pt;
    font-weight: 700;
    background: linear-gradient(90deg, rgb(9 63 117), rgba(62, 106, 161, 0));
    border-radius: 7px 7px 0 0;
    color: #fff;
}

.el-collapse-item__header {
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    background-color: #093e73;
    border-bottom: 1px solid #041c34;
    color: #fff;
}

.el-collapse-item__wrap {
    background-color: #041c34;
    border-bottom: 1px solid #0e2864;
}

.el-collapse-item__content {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #fff;
}

.el-step__title.is-process {
    font-weight: 700;
    color: #717783;
}

.el-step__description.is-process {
    color: #7c8493;
}

.panel_btns {
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

    .panel_btns .el-col-8 {
        height: 35px;
    }

.el-tooltip__popper.is-dark {
    background: #1e9fff;
    color: #fff;
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -5px;
    border-right-color: #1e9fff;
    border-left-width: 0
}

    .el-tooltip__popper[x-placement^=right] .popper__arrow::after {
        border-right-color: #1e9fff;
    }

.box-card {
    margin-left: 3px;
    margin-right: 3px;
}

.box-card-content {
    height: 400px;
    overflow: auto;
}

.el-card {
    border-radius: 8px;
    border: 1px solid #093f75;
    background-color: #103058;
    overflow: hidden;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

.el-card__header {
    border-bottom: 1px solid #2c3b5e;
    box-sizing: border-box;
    padding: 10px;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    background-color: #072c52;
}

.el-card__body, .el-main {
    padding: 0;
}

.el-badge__content {
    border: 0;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,rgb(36 95 104)),color-stop(0.72,rgb(58 121 216)),color-stop(0.86,rgb(30 159 255)));
    transition: 0.3s ease-in-out;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    background-color: #0292ff;
}

.el-loading-spinner i {
    color: #409eff;
    font-size: 50pt;
}

/***el-drawer***/
.el-drawer {
    background-color: #1b3b5a;
}

.el-drawer__header {
    padding: 0 0 0 45px;
    color: #fff;
    background: url(/hzui/images/stat/sitebg_03.png) no-repeat;
    margin: 10px;
}

.el-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background-color: #ef1010;
    border-radius: 20px;
    width: 25px;
    height: 25px;
}

.el-drawer__open .el-drawer.ltr {
    border-radius: 7px;
    border: 1px solid black;
    background-color: rgba(5, 25, 51, 0.95);
}

.el-drawer__open .el-drawer.rtl {
    border-radius: 7px;
    border: 1px solid black;
    background-color: rgba(5, 25, 51, 0.95);
}

/*** el-pagination ***/
.el-pagination {
    color: #fff;
    background-color: rgb(7, 44, 82);
    height: 30px;
    padding: 5px 10px 0 10px;
    border-radius: 0 0 7px 7px;
}

.el-pagination__total {
    color: #00f9fa;
    font-size: 12pt;
}

.el-pagination__jump {
    color: #fff;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background-color: #aec1d5;
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
}

/******el-select-dropdown *****/
.el-popper[x-placement^=bottom] .popper__arrow::after {
    top: 0px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #409eff;
}

.el-popper[x-placement^=top] .popper__arrow::after {
    border-top-color: #409eff;
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #409eff;
    border-radius: 4px;
    background-color: #08355c;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
}

.el-select-dropdown__item {
    color: #fff;
}

    .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
        background-color: black;
    }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: black;
}

.el-select-dropdown__item.selected {
    color: #409eff;
    font-weight: 700;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409eff;
    background-color: #041628;
}

    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected:hover {
        color: #409eff;
        background-color: black;
    }

.el-select .el-tag__close.el-icon-close {
    background-color: #ef1010;
}

.el-tag.el-tag--info .el-tag__close {
    color: #fff;
}

.el-tag.el-tag--info {
    background-color: #1f68b4;
    border-color: #1a86e9;
    color: #fff;
}
/******el-picker-date*****/
.el-picker-panel {
    color: #fff;
    border: 1px solid #409eff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    background: #103058;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0;
}

    .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
        border-right: 1px solid #409eff;
        background-color: #103058;
        border-radius: 8px 0 0 8px;
    }

.el-date-picker__time-header {
    border-bottom: 1px solid #409eff;
}

.el-date-picker__header-label {
    color: #fff;
}

.el-picker-panel__footer {
    border-top: 1px solid #409eff;
    background-color: #103058;
    border-radius: 0 0 8px 8px;
}

.el-date-table th {
    color: #fff;
    font-weight: 400;
    border-bottom: solid 1px #409eff;
}

.el-date-table td.disabled div {
    background-color: #234b87;
    opacity: 1;
    cursor: not-allowed;
    color: #c0c4cc;
}

.el-picker-panel__shortcut {
    color: #fff;
}

.el-message-box {
    border: 1px solid #0f2455;
    background-color: #acddff;
}

.el-icon-d-arrow-left:before {
    color: #fff;
}

.el-icon-arrow-left:before {
    color: #fff;
}

.el-icon-d-arrow-right:before {
    color: #fff;
}

.el-icon-arrow-right:before {
    color: #fff;
}

.el-year-table td .cell {
    color: #fff;
}

.el-month-table td .cell {
    color: #fff;
}

.formBottomToolbar {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}