html * { font-family:Lato,Arial;color:#47474F}
body {background:#F4F4F4;background-image:url('building.jpg');background-size:cover;background-attachment:fixed}
a:hover {text-decoration:none}

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

header {background:#FFFFFF;text-align:center;box-shadow: 0 10px 10px -10px rgba(0,0,0,.3);}
.header-wrapper {max-width:600px;margin:0 auto;}
.my-container {padding-top:55px; min-height:75vh;}


.login-form {max-width:350px;margin:0 auto;padding:15px;background-color:rgba(255,255,255,.8);box-shadow:0px 0px 10px rgba(100,100,100,0.55);border:2px solid #FFFFFF}
.login-form label {font-weight:bold;color:#638E38;}
.divider {margin:10px;border-bottom:2px dotted #FFFFFF}

.myform {max-width:650px;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;}

.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:#AD4B67;padding:15px;}
.footer-text {color:#EAECE8;text-align:center;line-height:200%}