nav > ul > li:first-child
{
    font-size: 2em;
    color: white;
    margin: 0.1em 0.5em 0.1em 0.5em;
    opacity: 1;
}

nav > ul > li > a > img
{
	vertical-align:middle;
	margin: -2em 0 -2em 0;
}

code
{
	white-space: nowrap;
}

.ImageAttachment
{
    max-height:50vh;
    max-width:50vw;
}

input[type="datetime-local"]
{
    max-width:20em;
}

input[type="date"]
{
    max-width:15em;
}

input[type="number"]
{
    max-width:10em;
}

input[type="password"]
{
    max-width:20em;
}

input[type="text"].password
{
    max-width:20em;
}

input[type="tel"]
{
    max-width:20em;
}

input[type="email"]
{
    max-width:30em;
}

input[name=UserName]
{
    max-width:20em;
}

.shortInput
{
    max-width:20em;
}

.mediumInput
{
    max-width:40em;
}

fieldset
{
    padding-left:1.5em;
    padding-right:1em;
    padding-bottom:1em;
}

.fieldsets
{
    display: flex;
    gap: 1em;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

.fieldsets fieldset 
{
    flex: 1 1 400px;
    min-width: 400px;
    max-width: 800px;
    box-sizing: border-box;
}

@media (max-width: 700px) 
{
    .fieldsets 
    {
        flex-direction: column;
        gap: 1em;
    }
}

video
{
    width: 50%;
    height: auto;
    object-fit: contain;
    max-width: 50%;
    display: block;

}

canvas#PhotoCanvas
{
    display:none;
}

.CenterAlign
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

tr:nth-child(even)
{
    background: none !important;
}

tr:nth-child(3n) td
{
    background: rgba(0,0,0,0.1);
}

tr:nth-child(3n+1) td
{
    background: transparent;
}

table > tbody > tr:nth-child(3n+2) > td:first-child
{
	background-color:rgba(196,219,204,0.9254901960784314);
}

table > tbody > tr:nth-child(3n) > td:first-child
{
	background-color:rgba(180,201,187,0.9333333333333333);
}

tbody tr:nth-child(3n+2) td
{
    border-top: 0.2em solid #000000;
}

tbody tr:nth-child(3n+2) td:first-child
{
    border-left: 0.2em solid #000000;
    border-top-left-radius:8px;
}

tbody tr:nth-child(3n+2) td:last-child
{
    border-right: 0.2em solid #000000;
    border-top-right-radius:8px;
}

tbody tr:nth-child(3n) 
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom:1em;
    border-collapse:separate;
}

tbody tr:nth-child(3n) td
{
    border-bottom: 0.2em solid #000000;
}

tbody tr:nth-child(3n) td:first-child
{
    border-left: 0.2em solid #000000;
    border-bottom-left-radius:8px;
}

tbody tr:nth-child(3n) td:last-child
{
    border-right: 0.2em solid #000000;
    border-bottom-right-radius:8px;
}

.Pendiente
{
    color:red;
}

.Abierto
{
    color:green;
}

.Cerrado
{
    color:red;
}

label > abbr
{
    color:red;
    text-decoration:none;
}