.btn {
    margin: 5px auto;
    padding: 8px 20px;
    background: #03AEBC;
    border-radius: 8px;
    color: #DAEDFF;
    font-size: 16px;

    &.btn-small {
        font-size: 14px;
        padding: 3px 12px;
        border-radius: 4px;
    }

    &:hover {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
        border-color: rgba(0, 0, 0, 0.1);
        color: #DAEDFF;
        font-weight:600;
    }
}

.vb-btn {
    color: #176bbc;
    font-size: 14px;
    padding: 5px 10px;
    background-image: url("/Content/Image/ExerciseV2/btn.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-weight: 600;

    &.active {
        color: #fff;
        background-image: url("/Content/Image/ExerciseV2/btn-active.png");
    }
}
.form {
    .form-control {
        background: var(--bgc);
        color: var(--tc);
        border-radius: 4px;
        border: 1px solid #b5cce2;
        font-size: 1rem;

        &:active, &:focus {
            border: 1px solid var(--brc);
        }
    }
}
.select2-container {
    --h: 38px;
    font-size: 1rem;


    &.select2-container--open {
        .select2-selection--single {
            border-color: var(--brc);
        }
    }

    .select2-selection--single {
        border-radius: 4px !important;
        background: var(--bgc);
        border: 1px solid #b5cce2;
        height: var(--h);
        line-height: var(--h);
        color: var(--tc);
        padding: 0 15px;

        .select2-selection__rendered {
            color: inherit;
            margin: 0;
            padding: 0;
            line-height: var(--h);
            font-size: 1rem;
        }

        .select2-selection__arrow {
            right: 8px;
            height: var(--h);
        }
    }

    .select2-dropdown {
        background: #fefefe;
        border: 1px solid #b5cce2;
        border-radius: 4px;
        margin-top: 2px;

        .select2-search {
            padding: 8px 10px;

            .select2-search__field {
                border: 1px solid var(--brc);
                background: var(--bgc);
                color: var(--tc);
                border-radius: 4px;
            }
        }

        .select2-results {

            .select2-results__option {
                color: var(--tc);

                &.select2-results__option--highlighted {
                    background: #e7edf4;
                }

                &.select2-results__option[aria-selected=true] {
                    background: #ecf3fc;
                    font-weight: 600;
                }
            }
        }
    }
}