body {
    margin: 0;
    width: 100%;
    height: 100%;
}

/* WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 8px;               /* Width of the vertical scrollbar */
    height: 8px;              /* Height of the horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: #f0f0f0;      /* Background of the scrollbar track */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #888;   /* Color of the scrollbar thumb */
    border-radius: 4px;
    border: 2px solid #f0f0f0; /* Space around thumb for a rounded effect */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;   /* Darker color on hover */
}

/* Firefox */
* {
    scrollbar-width: thin;          /* Makes the scrollbar thinner */
    scrollbar-color: #888 #f0f0f0;  /* thumb color | track color */
}

.errormessage {
    color: red;
}


@media (max-width: 991px) {

}

/* Mobile (portrait and landscape) */
@media (max-width: 767px) {
    body {
        /*font-size: ;*/
    }
}