:root {
  --teal: #009DAB;
  --orange: #EF7B10;
  --black: #000000;
  --ltblue: #EAF2FA;
  --grey: #706F6F;
  --salmon: #F8D8B8;
  --white: #ffffff;
  --red: #aa0000;
}

.bg-teal { 
	background-color: var(--teal);
}
.bg-orange { 
	background-color: var(--orange);
}
.bg-black { 
	background-color: var(--black);
}
.bg-ltblue { 
	background-color: var(--ltblue);
}
.bg-grey { 
	background-color: var(--grey);
}
.bg-salmon { 
	background-color: var(--salmon);
}

.text-teal { 
	color: var(--teal);
}
.text-orange { 
	color: var(--orange);
}
.text-black { 
	color: var(--black);
}
.text-ltblue { 
	color: var(--ltblue);
}
.text-grey { 
	color: var(--grey);
}
.text-salmon { 
	color: var(--salmon);
}
.text-white { 
	color: var(--white);
}


html {

  font-size: 62.5%;
  
}

body {

  font-family: 'Mulish', sans-serif;
  font-size: 1.6rem;
}

.diag { 
	border:#ff0000 1px dashed;
}

a { 
	color:var(--orange);
	text-decoration: none;
}
a:hover { 
	color:var(--grey);
}

.border-radius-lg { 
	border-radius:3rem;
}


/* FORMS */

.formLabel { 
	font-size:2rem;
	color:var(--grey);
}
input[type='text'], 
input[type='email'], 
input[type='password'] { 
	font-size:2rem;
	padding:0.5rem 1rem 0.5rem 1rem;
}
.selectWrapper {
  overflow: hidden;
  position: relative;
  width: auto; /* real length of dropdown */
}

.selectWrapper:after {
  content: "▼";
  font-size: 2rem;
  pointer-events: none; /* ▼ click triggers dropdown */
  position: absolute;
  right: 0.2rem;
  top: 0.3rem;
  z-index: 1;
}

select {
  /* remove default caret */
  -webkit-appearance: none; /* webkit browsers */
  -moz-appearance: none; /* firefox */
  appearance: none; /* modern browsers */
  width: 100%;
  padding:0rem 1rem 0rem 1rem;
  font-size:2rem;
}

select::-ms-expand {
  display: none; /* remove default caret for ie */
}

.ppBtn { 
	border-radius: 3rem !important;
	padding:0.5rem 2rem 0.5rem 2rem;
	font-size:1.5rem;
	font-weight:bold;
	border:0px;
}

.ppBtn.ppBtnOrange { 
	background-color:var(--orange);
	color:#ffffff;
}
.ppBtn.ppBtnOrange:hover { 
	background-color:var(--teal);
	color:#ffffff;
}

.ppBtn { 
	border-radius: 3rem !important;
	padding:0.5rem 2rem 0.5rem 2rem;
	font-size:1.5rem;
	font-weight:bold;
	border:0px;
}

.ppBtn.ppBtnRed { 
	background-color:var(--red);
	color:#ffffff;
}
.ppBtn.ppBtnRed:hover { 
	background-color:var(--teal);
	color:#ffffff;
}


.ppBtn.ppBtnBlack { 
	background-color:var(--black);
	color:#ffffff;
}
.ppBtn.ppBtnBlack:hover { 
	background-color:var(--teal);
	color:#ffffff;
}
.ppBtn.ppBtnOrange.active-button { 
	background:var(--black) !important;
}

/* LOGIN PAGE */

#ppLoginBoxContainer { 
	border-radius:3rem;
}
#ppLoginBoxContainer h1 { 
	font-size:4.1rem;
}
#ppLoginBoxContainer input { 
	border-radius:3rem;
	box-shadow: none;
	border:none;
}


/* MENU */
.ppTelNo { 
	font-size:1.6rem;
	font-weight:bold;
}
.largeNumber { 
	font-size:3rem;
}

/* HOURS */
#hours_results_table select { 
	width:unset;
}

#vrFooter { 
	font-size:1.2rem;
}
#vrFooter a { 
	text-decoration:underline;
}