:root {
    --basic-color: #f0c756;
    --background-color: var(--basic-color);
    --background-gradient-active: linear-gradient(270deg, #f2bd29 0%, #f0c54d 100%);
    --background-progress-circle: linear-gradient(270deg, #f2bd29 0%, #f2bd29 78.42%);
    --background-progress-fill: linear-gradient(270deg, #f0c54d 0%, #f7dc8f 50.95%);
    --background-progress: linear-gradient(270deg, #f0c54d 0%, #f7dc8f 100%);
    --primary-color: #161616;
    --dark-pink-color: gray;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap4, .e-spinner-pane .e-spinner-inner .e-spin-material {
    stroke: var(--basic-color);
}

a {
    color: #161616;
    text-decoration: none;
    background-color: transparent;
}

.btn-primary {
    color: #fff;
    background-color: var(--basic-color);
    border-color: var(--basic-color);
}

.e-btn.e-primary, .e-css.e-btn.e-primary {
    background-color: var(--basic-color);
    border-color: var(--basic-color);
    color: #fff;
}

.e-btn.e-primary:active, .e-css.e-btn.e-primary:active {
    background-color: var(--basic-color);
    border-color: var(--basic-color);
    color: #fff;
    outline: #6c757d 0 solid;
    box-shadow: 0 0 0 0.25em rgb(0 92 191 / 50%);
}

.e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
    background-color: var(--basic-color);
    border-color: var(--basic-color);
    box-shadow: none;
    color: #fff;
}