* 
{
  box-sizing: border-box;
}

html
{
    margin-top: 5vh;
    min-height: 100%;
}

body
{
    width: 40vw;    
    min-height: 80vh;
    margin: auto !important;
    font-family: arial, verdana;
    box-shadow: 10px 10px 5px grey;
    border: 1px solid black;
}

#eventInput
{
    width: 20vw;
}

#buttonGroup
{
    width: auto;
    margin: auto;
}

#buttonLeft
{
    float: right;
}

#buttonRight
{
    float: left;
}

#editTable table
{
    width: 37vw;
    margin: auto;
    border-collapse: collapse;
    background-color: white;
    margin-top: 1vh;
    border: 1px solid black;
}

editTable table th
{
    text-align: center;
}

editTable table tr, td, th
{
    vertical-align: top;
    white-space: nowrap;
    border: 1px solid black;
}

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

.date table, tr, td
{
    background-color: white;
}

.calendar table, th
{
    background-color: #f2f2f2;
}