body {font-family:Arial, Sans-Serif;
background-color:#FFF3F3;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
a {color:#880B09; text-decoration:none;}
a:hover {text-decoration:underline;}
.form{width: auto; margin: 0 auto;}
.loginform{border-style: solid;
  border-color: #880B09;
  width:330px;
  margin: 0 auto;
}
input[type='text'], input[type='password'] {width: 275px; border: 1px solid #CCC; padding: 10px; color: #333; font-size: 20px; margin-top: 10px;}
input[type='email']{width: 300px;border: 1px solid #CCC; padding: 10px; color: #333; font-size: 20px; margin-top: 10px;}
input[type='submit']{padding: 10px 25px 8px; color: #fff; background-color: #880B09; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 20px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #880B09; margin-top: 10px; cursor:pointer;}
input[type='submit']:hover {background-color: #024978;}
button[type='submit']{padding: 10px 25px 8px; color: #fff; background-color: #880B09; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 20px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #880B09;margin-top: 10px; cursor:pointer;}
button[type='submit']:hover {background-color: #024978;}
#displaytable {
   border-collapse: collapse;
   width: 100%;
   border-width: medium;
}
#displaytable td {
	text-align: center;
}
#displaytable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #00AA1C;
  color: white;
  font-size: 20px;
}
#salesreport {
   border-collapse: collapse;
   width: 100%;
   border-width: medium;
}
#salesreport th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #00AA1C;
  color: white;
}

#printShrineBookings {
   border-collapse: collapse;
   width: 100%;
   border-width: medium;
}
#printShrineBookings th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #00AA1C;
  color: white;
}




#salesreport td {
	text-align: center;
}
p#counter1{
	display:none;
}
p#counter2{
	display:none;
}
p#counter3{
	display:none;
}
p#counter4{
	display:none;
}
p#kitchencounter1{
	display:none;
}
p#kitchencounter2{
	display:none;
}
p#kitchencounter3{
	display:none;
}
a.buttonpos{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#880B09;
text-align:center;
font-size: 20px;
}
a.buttonpos:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttonpos{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
a.buttonpayment{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#4CAF50;
text-align:center;
font-size: 20px;
}
a.buttonpayment:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttonpayment{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
a.buttondelete{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#ed0000;
text-align:center;
font-size: 20px;
}
a.buttondelete:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttondelete{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
a.buttonedit{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#1515ff;
text-align:center;
font-size: 20px;
}
a.buttonedit:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttonedit{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
a.buttondelivered{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#4caf50;
text-align:center;
font-size: 20px;
}
a.buttondelivered:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttondelivered{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
.buttonother {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 20px;
}
.buttoncalculator {
  background-color: #FF6EC7;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 20px;
}

/* For adding service _note */

button.buttonedit{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#1515ff;
text-align:center;
font-size: 20px;
}
button.buttonedit:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
button.buttonedit{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
a.buttonpaymentcash{
display:inline-block;
padding: 12px 16px;
margin:0 0.3em 0.3em 0;
box-sizing: border-box;
text-decoration:none;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
background-color:#FF8C00;
text-align:center;
font-size: 20px;
}
a.buttonpaymentcash:hover{
background-color:#4095c6;
}
@media all and (max-width:30em){
a.buttonpaymentcash{
display:block;
margin:0.2em auto;
font-size: 20px;
}
}
.redTextOverride
{
 color : red;
}