.el-date-editor {
    vertical-align: top;

    .el-input__inner {
        background: #07196e !important;
        border: 2px solid #0f57ba !important;
        color: #fff !important;
    }

    .el-input__prefix {
        color: #fff !important;
    }
}

.el-input {
    .el-input__inner {
        background: #07196e !important;
        border: 2px solid #0f57ba !important;
        color: #fff !important;
    }
}

.el-range-editor {
    line-height: 32px;

    &.el-input__inner {
        background: #07196e !important;
        border: 2px solid #0f57ba !important;
        color: #fff !important;
    }

    .el-range-input {
        background: transparent;
        color: #fff;
    }

    .el-range-separator {
        color: #fff;
    }

    .el-input__icon {
        color: #fff;
    }
}

.el-select {
    .el-input__inner {
        background: #07196e !important;
        border: 2px solid #0f57ba !important;
        color: #fff !important;
    }
}

.el-dropdown-menu {
    background: rgba(8, 34, 68, 0.9);
    border: 1px solid #3CD4D4;
}

.el-popper[x-placement^=top] .popper__arrow::after {
    border-top-color: rgba(8, 34, 68, 0.9);
}

.el-dropdown-menu {
    .el-dropdown-menu__item {
        padding: 0;
        color: #3DC7C7;
        border-bottom: 1px solid rgba(44, 158, 169, 1);
        border-image: linear-gradient(90deg, rgba(44, 158, 169, 0) 0%, rgba(44, 158, 169, 1) 50%, rgba(44, 158, 169, 0) 100%) 1;
    }

    .el-dropdown-menu__item:focus,
    .el-dropdown-menu__item:not(.is-disabled):hover {
        color: #33ffff;
        background: transparent;
    }

    .el-dropdown-menu__item:last-of-type {
        border-bottom: none;
    }
}

.el-textarea__inner {

    background: #1E499B;
}

.el-dialog__body {

    background: #063572;
}

.el-dialog__header {
    text-align: center;
    padding: 16px 0;
    height: 30px;
    background: #063B80;
    position: relative;

    .el-dialog__title {
        color: #fff;
        z-index: 999;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%)translateY(-50%);

    }

    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        // background: url('@/assets/images/dialog-title-bg.png') no-repeat;
        background-size: 100% 100%;
        transform: translateX(-50%);
        z-index: 0;
    }

    .el-dialog__headerbtn {
        z-index: 999
    }
}

.el-dialog {
    border: 1px solid #107DE5;
    border-radius: 10px;
    overflow: hidden;
}

.el-form-item__label {
    color: #fff;
    padding-bottom: 0 !important;
}

.el-dialog__body {
    padding: 16px 40px;
}

.el-dialog__close {
    font-size: 20px;
    color: #fff !important;
}

.el-table {
    background: #113883 !important;

    thead {

        tr,
        th {
            background: #1D489B !important;
            color: #fff;
        }
    }
}

.el-table tr {
    background: rgba(17, 56, 131, 0.5);
    color: #fff;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #063572 !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background: #063572 !important;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    background-color: transparent !important;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border: none;
}

.el-pagination {
    color: #fff;
    text-align: right;
    padding: 12px;

    .el-pagination__total,
    .el-pagination__jump {
        color: #fff !important;
    }

    button {
        background-color: transparent !important;
    }

    .el-pager li {
        background-color: transparent !important;
    }

    .el-pager li.btn-quicknext,
    .el-pager li.btn-quickprev {
        color: #fff;
    }

    .btn-next,
    .btn-prev {
        color: #fff;
    }
}