#menubar {
    position: absolute;
    left: 0px;
    height: 100%;
    max-height: calc(100% - 80px) !important;
    background-color: var(--MenuBackgroundColor);
    border-radius: 0 18px 18px 0px;
}


.iconsGeneric {
    width: 24px;
    color: #ffffff;
}

.textmenu {
    padding-left: 5px;
    color: #ffffff;
}

.ItemsMenu {
    color: #ffffff;
}

.border-bottom {
    border-bottom: solid 1px var(--MenuBorderColor) !important;
}

.mainbody-expanded {
    margin-left: 184px;
    position: absolute;
    max-height: calc(100% - 80px) !important;
    overflow-y: auto !important;
    overflow: auto !important;
    width: -webkit-fill-available;
}

.mainbody-collapsed {
    margin-left: 60px;
    position: absolute;
    max-height: calc(100% - 80px) !important;
    overflow-y: auto !important;
    overflow: auto !important;
    width: -webkit-fill-available;
}



.sidebar-expanded {
    width: 184px;
    border-right: solid 1px var(--SideBarBorderColor);
    
}

.sidebar-collapsed {
    width: 60px;
    border-right: solid 1px var(--SideBarBorderColor);
}


@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1280px;
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}