html * { font-family:Lato,Arial;color:#47474F}
body {background:#F4F4F4;}
a:hover {text-decoration:none}

h1 {font-size:22pt;}
h2 {font-size:18pt}
h3 {font-size:18pt}
h4 {font-size:16pt}
h5 {font-size:14pt}

.mycontainer {max-width:1080px;min-height:640px;margin-top:35px}

header {background:#F0FCFF;box-shadow: 0 10px 10px -10px rgba(0,0,0,.3);padding:5px}
.header-wrapper h1 {color:#2E707E}
.header-wrapper h3 {font-size:14pt}
.header-wrapper h5 {font-size:10pt}
.header-wrapper p {font-weight:bold;color:#2E707E}

.home-feature {max-width:350px;margin:0 auto; text-align:center;padding:15px;background-color:rgba(255,255,255,.8);box-shadow:0px 0px 10px rgba(100,100,100,0.55);border:2px solid #FFFFFF}
.divider {margin:10px;border-bottom:2px dotted #FFFFFF}

.myform {max-width:750px;margin:0 auto;margin-top:25px;padding:15px; background-color:rgba(255, 255, 255, 0.9) ; border:1px solid #FFFFFF; box-shadow:0px 0px 10px rgba(100,100,100,0.55);}
.myform h1 {text-align:center;font-size:14pt;padding:5px;color:#50623A;margin-top:15px;text-transform:uppercase;background:#E1E1E1}
.myform label {color:#255C93;font-size:12pt;padding-top:5px;}
label sup {color:red;font-weight:bold}

.receipt-table {width:800px; border:1px solid #000000; background:#FFFFFF;margin:0 auto}
.receipt-table  td {padding:5px; font-size:10pt;border-top:1px solid #E7E7E7}
.receipt-table  p {font-size:10pt}
.receipt-table  h1{font-size:24pt}
.receipt-table  h2{font-size:20pt}
.receipt-table  h3{font-size:18pt}
.receipt-table span {font-weight:bold;}
.receipt-table b {font-size:10pt}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #255C93;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav a {color:#FFFFFF}


footer {background:#EDEDED;padding:15px;}
.footer-text {color:#808080;text-align:center;line-height:200%}

