/* set the font,size & background for all pages */
html, body {
  height: 100%;
	background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
font-size: 13px;
}

/* link colours */
a {
  color:#000;
}

a:hover {
  color:#000;
}

/* set the top margin */ 
.container {
 /* border: solid 1px #000; */
  padding-top:25px;
}

/* round the buttons */
.btn-round {
  border-radius: 20px;
}

.btn-link {
  font-size: 120%;
  color:#000;
}
.icon-butterfly {
  width:28px;
  height:28px;
}
.icon-butterfly-sm {
  width:18px;
  height:18px;
}


.app-checkbox {
  height:18px;
  width:18px;
}
/* change warning button colour */
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:visited {
  background-color: #F7D766 !important;
  
}

/* Modify the backgorund color */ 
.navbar-custom { 
  background-color: #4a773c; 
  color: #fff;
} 

/* Modify brand and text color */ 
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-text { 
    color: #fff; 
} 

.content {
    padding: 2rem 1.5rem;
    text-align: center;
  }
  
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.contact-centre-tel-number {
	font-size:140%;
	color:#FC0;
	font-weight:bold;
	font-style:italic;
}

.nav-link {
  color: #fff;
}
.white {
  color: #fff;
}
.black {
  color: #000;
}
.green {
  color: rgb(19, 94, 13);
}
.no-padding {
  padding:0px;
}
.no-margin {
  margin:0px;
}


.text-header {
  font-size: 130%;
}

.input-border {
border: solid 2px #689663; 
}

/* park background colours */
.background-2 {
	background-color:#6bc048;		
}
.background-4 {
	background-color:#085896;		
}
.background-6 {
	background-color:#169bbf;		
}
.background-3 {
	background-color:#9f1a65;		
}

.background-5 {
	background-color:#f6ce42;	
}
.background-10 {
	background-color:#FFC0CB;	
}
.background-9 {
	background-color: #45773C;	
}
.phc-background {
	background-color: #45773C;	
}

.grey-background {
	background-color: #cecece;	
}

/* pwa app */
.hidden {
  display: none !important;
}

.footer-text {
  font-size: 80%;
}

#installContainer {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
}

#installContainer button {
  background-color: inherit;
  border: 1px solid white;
  color: white;
}