@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

h2{
    padding: 0.5rem 0 0.5rem 1rem;
    color: #5E5E4E;
    background-color: #E1E1D5;
    min-height: 2.5rem;
    align-content: center;
    font-size: 1.3rem;
}

button {
    font-size: 0.9rem;
    display: inline-block;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    color: white;
    background-color: #3b8e40;
    border: none;
    border-radius: 0px;
    text-decoration: none;
    min-width: 200px;
    margin-bottom:0.2rem;
}

.submenuButton {
    font-size: 0.8rem;

    display: inline-block;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    color: #5E5E4E;
    background-color: #E1E1D5;
    border: none;
    border-radius: 0px;
    text-decoration: none;
    min-width: 175px;
    margin-bottom:0;
}



button:hover {
    cursor: pointer;
    background-color: #29612D;
}


button.submenuButton:hover {
    cursor: pointer;
    background-color: #cfcfbc !important;
}


.submenuBar{
    border-top: 1px solid #cfcfbc;
    border-bottom: 2px solid #cfcfbc;
    background-color: #E1E1D5;
    min-height: 20px;
    padding: 0 0 0 0;
    margin-bottom: 1rem;
}






.container {
    display: grid;
    /*                          1                   2       3       4       5       6       7       8       9       10      11      12      */
    grid-template-columns:      minmax(300px,22%)   1fr     1fr     1fr     1fr     1fr     1fr     1fr     1fr     1fr     1fr     1fr;
    grid-template-rows:         4.5rem              2.5rem  2.5rem  1fr     2rem;
    height: 100vh;
    gap: 0;

}

.header1 {
    background-color: #44545A;
    padding: 0.2rem;
    border-bottom: 2px solid white;
}

.header1.logo {
    height:100%;
    width:auto;
    border-bottom: none;
}

.header2 {
    background-color: #C3D1D7;
    display:flex;
    align-items: center;
    border-bottom: 2px solid white;
    font-size: 1.0rem;
    font-weight: 600;
    padding:0.2rem 0.2rem 0.2rem 0.5rem;
}

.sidebar {
    background-color: #44545A;
    display:flex;
    padding: 0.2rem;
}

.sidebar.label {
    font-weight:500;
    padding-top:0.5rem;
    padding-left: 0.5rem;
    color: #E1E1D5;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
}

.header3 {
    background-color: #acac9a;
    align-items: center;
    display:flex;
    border-bottom: 2px solid white;
}

.content {
    background-color: white;
    display:flex;
    border-bottom: 2px solid white;
}

.footer {
    background-color: #acac9a;
    display:flex;
}