@import url(./modals.css);
@import url(./forms.css);

body,
#app-root {
   margin: 0;
   height: 100vh;
   padding: 0;
}

.main-container {
   height: 100%;
}
.content {
   max-width: 80vw;
}
.sidebar {
   background: #97c8f7;
   min-width: 20vw;
}
.sidebar ul {
   display: flex;
   flex-direction: column;
   gap: 0.4em;
   padding: 0.4em;
}
.sidebar ul li a {
   padding: 0.4em 0.7em;
   background: #ddd;
   display: flex;
}

.sidebar ul li .menu.active {
   background: rgb(34, 178, 214);
   color: white;
}

.table-wrap {
   max-height: 72vh;
   overflow-y: auto;
   overflow-x: auto;
}

.row-total {
   background-color: #f0f0f0; /* Example: light gray background */
   font-weight: bold; /* Make the text bold */
}