.form-control,
.form-select {
    border: 1px solid #dadfe2;
    border-radius: 5px;
    box-shadow: inset 0 4px 7px 0 rgb(0 0 0 / 3%);
    cursor: pointer;
    height: 2rem;
    font-size: var(--font-size-small);
}

.disabled {
    cursor: default !important;
}

/********************/
/***** Colors *******/
/********************/
.text-yellow {
    color: #ff9c07;
}

/********************/
/* LoadingIndicator */
/********************/
.spinner-text:after {
    content: '.';
    animation: dots 1s steps(5, end) infinite;
}

/********************/
/* RadioButtonGroup */
/********************/
.rbg-wrapper {
    background-color: #eee;
    border-radius: 3px;
    height: 38px;
    width: auto;
}
.rbg-wrapper > .rbg-item {
    line-height: 20px;
    height: 30px;
    padding: 5px;
    border-radius: 3px;
    margin: 4px;
    color: #000 !important;
}
.rbg-wrapper > .rbg-item.active {
    background-color: #fff;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0,0,0,0);
        text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
    }

    40% {
        color: var(--black);
        text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
    }

    60% {
        text-shadow: .25em 0 0 var(--black), .5em 0 0 rgba(0,0,0,0);
    }

    80%, 100% {
        text-shadow: .25em 0 0 var(--black), .5em 0 0 var(--black);
    }
}