body {
    margin: 0;
}

#panelLeft {
    width: 186px;
    height: 100vh;
    float: left;
    margin: 0px;
    padding: 0;
    background-color: blue;
    min-width: 180px;
}

#panelDelo {
    color: aliceblue;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 64px;
    font-family: "Lucida Console", ui-rounded;
    height: 90%;
    padding: 10px 10px 30px 10px;
}

#panelMenu {
    color: white;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    font-family: "Lucida Console", ui-rounded;
    height: 90%;
    padding: 10px 10px 30px 10px;
    line-height: 1.5em;
    width: 100%;
}

#panelMenu a {
    text-decoration: none;
    color: white;
    font-weight: normal;
}
#panelMenu a:hover {
    text-decoration: underline;
    color: yellow;
    font-weight: normal;
}

#asoLogo {
    position: absolute;
    bottom: 0;
    width: inherit;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

}

#primary Container {
    display: flex;
    width: 100%;
}

#panelConfig {
    width: calc(100% - 186px);
    height: 100%;
    float: right;
    margin: 0px;
    padding: 0px;
}

#panelTitle {
    width: 100%;
    height: 50px;
    padding: 20px 0 6px 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    font-family: "Lucida Console", ui-rounded;
    background-color: lightgray;
}

#bodyWindow {
    width: 100%;
    height: 100%;
}

#bodyBody {
    width: 100%;
    height: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Lucida Console", ui-rounded;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

#bodyBody table {
    border: black 1px;
    border-collapse: collapse;
}

#bodyBody td {
    padding: 4px;
}

#bodyBody thead td, th {
    background-color: azure;
    padding: .4em;
    text-align: left;
}

#bodyBody tfoot th {
    padding-top: 10px;
    color: #000;
    text-align: center;
    vertical-align: bottom;
}

#bodyBody tr:nth-child(even) {
    background-color: #EEE;
}

.button-action {
    background-color: #0095ff;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", "Liberation Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15385;
    margin: 0;
    outline: none;
    padding: 8px .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    white-space: nowrap;
}

.button-action:hover,
.button-action:focus {
    background-color: #07c;
}

.button-action:focus {
    box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.button-action:active {
    background-color: #0064bd;
    box-shadow: none;
}

.button-cancel {
    background-color: #e1ecf4;
    border-radius: 3px;
    border: 1px solid #7aa7c7;
    box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
    box-sizing: border-box;
    color: #39739d;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, system-ui, "Segoe UI", "Liberation Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15385;
    margin: 0;
    outline: none;
    padding: 8px .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    white-space: nowrap;
}

.button-cancel:hover,
.button-cancel:focus {
    background-color: #b3d3ea;
    color: #2c5777;
}

.button-cancel:focus {
    box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.button-cancel:active {
    background-color: #a0c7e4;
    box-shadow: none;
    color: #2c5777;
}