.el-select-dropdown__item.selected {
    color: $main-color;
}

.el-select {
    --el-select-input-focus-border-color: $main-color;
}

.el-radio {
    .el-radio__input.is-checked .el-radio__inner {
        border-color: $main-color;
        background: $main-color;
    }
    .el-radio__input.is-checked+.el-radio__label {
        color: $main-color;
    }
}

.el-button.el-button--primary {
    background-color: $main-color;
    border-color: $main-color;
    opacity: 1;
    transition: all .6;
    &:hover, &:active {
        opacity: .7;
        transition: all .6;
    }
    &:focus {
        opacity: .9;
        transition: all .6;
    }
}
.el-dropdown-menu__item:not(.is-disabled):focus {
    background-color: rgba($main-color, .1);
    color: $main-color;
}

.el-dialog {
    .el-dialog__header {

        .el-dialog__headerbtn:focus .el-dialog__close,
        .el-dialog__headerbtn:hover .el-dialog__close {
            color: $main-color;
        }
    }

    .el-dialog__body {
        padding: 10px 20px;
    }

    .el-button {
        --el-button-hover-text-color: $main-color;
        --el-button-hover-bg-color: rgba(0, 96, 128, .1);
        --el-button-hover-border-color: rgba(0, 96, 128, .8);
        --el-button-active-text-color: $main-color;
        --el-button-active-border-color: rgba(0, 96, 128, .8);
        --el-button-active-bg-color: rgba(0, 96, 128, .1);
    }

    .el-button--primary {
        --el-button-text-color: white;
        --el-button-bg-color: $main-color;
        --el-button-border-color: $main-color;
        --el-button-outline-color: rgba(0, 96, 128, .5);
        --el-button-active-color: rgba(0, 96, 128, .8);
        --el-button-hover-text-color: white;
        --el-button-hover-link-text-color: rgba(0, 96, 128, .5);
        --el-button-hover-bg-color: rgba(0, 96, 128, .7);
        --el-button-hover-border-color: rgba(0, 96, 128, .7);
        --el-button-active-bg-color: rgba(0, 96, 128, .8);
        --el-button-active-border-color: rgba(0, 96, 128, .8);
    }

}