::-webkit-scrollbar {
    width: 6px; /* Remove scrollbar space */
    background: #fff;
    z-index: 22220; /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    width: 6px;
    background: #2c2a2c;
    z-index: 22220; /* Optional: just make scrollbar invisible */
}

.hide-scroll-bar {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

.hide-scroll-bar::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

@media only screen and (max-width: 900px) {

    .show-in-big {
        display: none;
    }

    .show-in-small {
        display: block;
    }


}

@media only screen and (min-width: 900px) {

    .show-in-big {
        display: block;
    }

    .show-in-small {
        display: none;
    }

}

.page-selected-style {
    cursor: pointer;
    color: #252525;
    padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 5px;
    border: #ffec1f 1px solid;
    transition: all 0.2s;
    background-color: #ffec1f;
}

.page-selected-style:hover {
    color: #252525;
    background-color: #ecd82b;
}


.page-select-style {
    cursor: pointer;
    color: #ffec1f;
    padding-top: 2px;
    margin-left: 7px;
    margin-right: 7px;
    transition: all 0.2s;
}

.page-select-style:hover {
    color: #eada3d;
}

.page-select-style-none {
    cursor: auto;
    color: #ffec1f;
    padding-top: 2px;
    margin-left: 7px;
    margin-right: 7px;
}