.firstwrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;min-height: 100vh;}
.wrapper {width:60%; margin:auto;}
h1 {display:inline; font-weight:normal;font-size:1.6em;color:blue;}
.example {border:1px solid blue; padding:5px;}
.lgfirst {border:1px solid blue; border-spacing: 10px;}
.lgfirst td {text-align:left; padding:5px;}

/* datepicker */
#dp {line-height:normal;}
div.ui-datepicker {font-size:12px; margin-left:auto; margin-right:auto;}
td.red span.ui-state-default {background: red; color: black;}
td.noback span.ui-state-default {background: none; color: black;}
td.purple span.ui-state-default {background: #4040FF; color: white;}
.ui-datepicker .green a {background: green; color: white;}
#dp .ui-datepicker-multi .ui-datepicker-group { float:none; }
#dp .ui-datepicker-inline.ui-datepicker.ui-widget { width:200px; }
#dp .ui-datepicker-multi-3 .ui-datepicker-group { width:100%; }

/* form button */
.fbutton {width:120px; font-size:1em; border:2px solid #004CB2; border-top-color:#99CCFF; border-left-color:#99CCFF; padding:0 2px; margin:0; background-color:#BBD6DD; color:#000000; background-repeat:repeat-x; text-align:center; text-decoration:none;}
.fbutton:hover {width:120px; font-size:1em; border:2px solid #99CCFF; padding:0 2px; margin:0; background-color:#0066cc; color:#FFFFFF; background-repeat:repeat-x; text-align:center; text-decoration:none; cursor:pointer;}
.frm {text-decoration:none; color:#000000;}
.frm:hover {text-decoration:none; color:#FFFFFF;}