* {
    font-size: 1em;
}

#transaction {width: 600px;height:400px;}

div.loginForm {max-width: 500px;margin: 2em 0 2em 0;}

table.dataTable td{
    text-align: left;
}

#clientTerms {width:45% !important;}
#clientPayments {width:45% !important;}
table.anchor tbody tr:hover{cursor:pointer;text-decoration: underline;}

table.insert{ width:45%;}
table.insert input[type=text] {width: 200px}
table.insert input[name=note] {width: 90%}
table.insert input[type=datetime-local] {font-size: 1.3em}
table.insert input[type=date] {font-size: 1.3em}
table.insert input[type=submit] {padding: 0.2em;margin: 0.2em;font-size: 1em}
table.insert textarea{ width:500px;font-size: 1.2em;}
table.insert td{ text-align: left;}
table.insert td:first-child{ width: 17%;}

table.thinTable {
    max-width:600px;
}


/*menu*/
.nav{
    max-height: none;
    top: 0;
    right: 0;
    position: absolute;
    float: right;
    width: fit-content;
    background-color: transparent;

}

.menu li{
    float: left;
}

.menu a:hover{
    background-color: transparent;
    color: var(--grey);

}

#ajaxCalendar { position:absolute;right:30px;top:100px;max-width:800px;}
.ajaxCalendarYear { position:relative;max-width:800px;margin:5px;float:left;display: inline}

#content h2 {padding-top: 1em;padding-left: 0.3em; padding-bottom: 0.3em;}