body {
    padding: 0;
    margin: 0;
    
    font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

.blazor-error-ui {
    color: red;
}





h1 {
    color: #9CDAF9;
}

h2 {
    color: #D7BA7D;
}

h3 {
    color: #c586c0;
}

table {
    border-collapse: collapse;
}


th {
    padding: 8px 16px 8px 10px;
    text-align: left;
    border: 1px solid #6060A0;
    background-color: #404080;
}

td {
    padding: 8px 16px 8px 10px;
    text-align: left;
    border: 1px solid #393c35;
}

tr:nth-child(odd) {
    background-color: #292c25;
}

tr:nth-child(even) {
    background-color: #191c15;
}



/*pre {
    background: #606060 !important;
    padding: 1em !important;
    overflow: auto !important;
}
*/



a,
a:link,
a:visited,
a:link {
    color: #C0C0FF;
    text-decoration: none;
}

a:hover {
    color: #8080FF;
    text-decoration: none;
}

.pointer {
    cursor: pointer;
}

    .pointer:hover {
        color: #E0E0E0;
    }

.layout {
    display: flex;
    min-height: 100vh;
}

.sidebar-container {
    width: 250px;
    background-color: #303030;
    box-shadow: 2px 0 5px #000000;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

.main-content {
    flex-grow: 1;
    padding: 20px;
    color: #C8C8C8;
    background-color: #1e1e1e;
}


img {
    max-width: 100%;
    max-height: 100%;
    
}
.error {
    color: #d4d4d4;
    background-color: #800000;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.checkbox {
    padding-right: 5px;
}

.bullet {
    margin-top: 8px;
    padding-right: 5px;
}

.bullet1 {
    padding-left: 2px;
}
.bullet2 {
    
    padding-left: 20px;
}
.bullet3 {
    
    padding-left: 38px;
}