@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";
@import "custom/pagination";

.overflow-auto {
    overflow-x: auto;
}

.alphabets {
    @include media-breakpoint-up(lg) {
        background-color: $tertiary;
    }

    ul {
        li {
            width: 42px;
            height: 44px;
            margin: 0 2px;
            @include media-breakpoint-down(md) {
                min-width: 42px;
            }

            a {
                background-color: #f8f9fa;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;

                &.active {
                    background-color: $primary;
                }
            }
        }
    }
}

.glossary-list-item-title {
    font-size: 16px;
}