/* section tag override */
#main > .inner > section {
    padding: 1em 0 1em 0;
    border-top: solid 2px rgba(210, 215, 217, 0.75);
}


div.blazored-modal.modal-overrides {
    /*padding: 0.5rem; */
    min-width: 200px;
    max-width: 800px;
}

.modal-overrides .blazored-modal-header { 
    padding: 0 0 1rem 0;
}

.modal-overrides .blazored-modal-header h3.blazored-modal-title {
     font-size: 1.2rem;
}

/* Table stuff*/

tr.selected, table tbody tr:nth-child(2n + 1).selected {
    background-color: blue;
}

a.nav-link.active {
    font-weight: 600;
}

a {
    color: #0c3af9
}

#0c3af9
section.img-title {
    text-align: center;
    padding: 0 0 0 0 !important;
    margin: 0 0 1em 0 !important;
}

#sidebar > .inner {
    padding-top: 1em
}


#header {
    padding-top: 0.8em;
    border-bottom: solid 5px #0c3af9;
}

div.inner #header h1 {
    font-size: 2em;
}

h1 {
    font-size: 3em;
}

header.main > :last-child {
    margin-bottom: 0.5em;
}

input[type="date"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #ffffff;
    border-radius: 0.375em;
    border: none;
    border: solid 1px rgba(210, 215, 217, 0.75);
    color: inherit;
    display: block;
    outline: 0;
    padding: 0 1em;
    text-decoration: none;
    width: 100%;
}

input[type="date"] {
    height: 2.75em;
}

label {
    color: #3d4449;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 1.5;
    margin: 1em 0 0.2em 0;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    box-shadow: inset 0 0 0 2px #0c3af9;
    color: #0c3af9 !important;
}

    input[type="submit"].primary, input[type="reset"].primary, input[type="button"].primary, button.primary, .button.primary {
        background-color: #0c3af9;
    }

        input[type="submit"].primary:hover, input[type="reset"].primary:hover, input[type="button"].primary:hover, button.primary:hover, .button.primary:hover {
            background-color: #6fd8e7;
        }

#menu ul a:hover, #menu ul span:hover {
    color: #0c3af9 !important;
}
a:hover {
    color: #0c3af9 !important;
}
@media screen and (max-width:736px) {

    #header {
    padding-top:4em;
    
    }
}