/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* div box */
.scrollbar {
    /* height: 100vh; */
    /* width: 100vw; */
    /* min-width: 150px; */
    background: #fff;
    overflow-y: auto;
    /* overflow-x: hidden; */
}

/* total width */
.scrollbar::-webkit-scrollbar {
    background-color:#fff;
    width:12px; /* Tamaño del scroll en vertical */
    height:12px; /* Tamaño del scroll en vertical */
    /* display: none;  Ocultar scroll */
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
    background-color:#fff
}
.scrollbar::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #fff
}
.scrollbar::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}