* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
*:focus-visible {
    outline: none;
}
html, body, #app {
    height: 100%;
    font-size: 14px;
    color: rgba(0,0,0,.85);
}
html.dark {
    --el-color-primary: #147484;
    #app {
        background-color: #20213D;
        color: #fff;
    }
    .el-select {
        position: relative;
        top: 5px;
        --el-border-color: rgba(0,255,252,.5);
        --el-select-border-color-hover: #23b1d9;
        --el-select-input-focus-border-color: #23b1d9;
    }
    .el-select .el-input__inner {
        color: #09c;
    }
    .el-popper {
        border: none;
        --el-bg-color-overlay: #1d3850;
        --el-box-shadow-light: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    }
    .el-popper .el-popper__arrow::before {
        border: none;
    }
    .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
        background: #0b5461;
    }
    .el-select-dropdown__item.selected {
        background: var(--el-color-primary);
        font-weight: initial;
        color: white;
    }
    .el-date-editor {
        --el-input-border-color: rgba(0,255,252,.5);
        --el-text-color-placeholder: #09c;
        .el-range-input, .el-range-separator {
            color: #09c;
        }
    }
    .el-date-range-picker {
        --el-border-color-lighter: #274c71;
        --el-datepicker-border-color: #274c71;
        --el-datepicker-inner-border-color: #274c71;
    }
    .el-date-table td.today .el-date-table-cell__text {
        color: #09c;
    }
}
