::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
}

.cursor-pointer:hover {
    cursor: pointer;
}

.non-selectable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}

.background-color-1 {
    background-color: #fff;
}

.background-color-2 {
    background-color: #000;
}

.background-color-3 {
    background-color: #4e73df;
}

.background-color-4 {
    background-color: #28a745;
}

.background-color-5 {
    background-color: #d21f3c;
}

.text-color-1 {
    color: #fff;
}

.text-color-2 {
    color: #000;
}

.text-color-3 {
    color: #4e73df;
}

.text-color-4 {
    color: #28a745;
}

.text-color-5 {
    color: #d21f3c;
}

.custom-btn {
    display: inline-block;
    height: calc(1.5em + 1.25rem + 2px);
    padding: .375rem .75rem;
    background: #4e73df;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: .25rem;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.custom-btn:hover, .custom-btn:active, .custom-btn:focus {
    background: #2e59d9;
    outline: none;
}

a, a:hover {
    color: #00aff4;
}

#menu {
    border-radius: 15px 15px 0 0;
    overflow-y: auto;
    transition: 0.5s;
    max-width: 720px;
    margin: auto;
}

#navbar {
    border-top: 2px solid #28a745;
    border-radius: 15px 15px 0 0;
    max-width: 720px;
    margin: auto;
}

.menu-row {
    color: #fff
}

.close-layer {
    color: #dee2e6;
}

.menu-row:hover, .close-layer:hover {
    color: #c3c3c3;
}

.clickable-row:hover {
    background: #f8f9fa;
}

.btn-next {
    background: transparent;
    border: 0;
}

.btn-next:focus {
    outline: none;
}