/*Body*/
body {background-color:lightblue;
  margin: 0;               /* following items center us */
  min-height: 100vh;       /* Body takes full viewport height */
  display: flex;           /* Enable flexbox */
  align-items: center;     /* Vertically center children */
  justify-content: center; /* Optional: Horizontally center too */
}

/*outer div contains everything inside the body
 to center in browser   margin-left:auto;margin-right:auto;
*/
.outer {background-color:white;}

/*Header div contains the logo and practice name*/
.header {background-color:#377292; padding:10px;  margin:5px; height:fit-content; color:black; border:3px;}

/*content div */
.content {background-color:#377292; padding:10px;  color:white; margin:5px;}


/*footer div contains exit.return links*/
.footer {background-color:#377292; padding: 10px;  margin:5px;}

/*links*/
a:link    {color:white;}
a:visited {color:white;}
a:hover   {color:yellow;}

/*Menu div*/
.menu {background-color:white; padding:10px; margin:5px; color:#377292;}

/*Input Table used in search pages*/
.submit {font-family: Arial; font-size: 24.0px; color: white; background-color:#61A34A;}
.prompt {font-family: Arial; font-size: 24.0px; color: white;}
.data   {font-family: Arial; font-size: 24.0px; color: black;}

.submit-small {font-family: Arial; font-size: 16.0px; color: white; background-color:dodgerblue;}
.prompt-small {font-family: Arial; font-size: 16.0px; color: white;}
.data-small   {font-family: Arial; font-size: 16.0px; color: black;}
.data-medium  {font-family: Arial; font-size: 20.0px; color: black;}

.error        {
  font-family: Arial; 
  font-size: 23.0px; 
  color: orangeRed; 
  background-color:#377292;
}

/*List Table*/
.list {background-color:white; border:1px solid black;}
.caption {color:white;}
.rows {background-color:white; color:black;}
.cols {background-color:white; color:black;}
.form {background-color:white; color:black; width:100%;}

a:active  {
  color:red;     
  text-decoration:none;
  }

/*Links in tables*/
.list a:link {
  color:dodgerblue; 
  }

/*Links in tables*/
.list a:visited {
  color:dodgerblue; 
  }

/*Links in tables*/
.list a:hover {
  color:dodgerblue; 
  }

/*Links in tables*/
.list a:active {
  color:dodgerblue; 
  }

/*Links in a menu*/
.menu a:link {
  color:slategray; 
  }

/*Links in a menu*/
.menu a:visited {
  color:slategray; 
  }

/*Links in a menu*/
.menu a:hover {
  color:slategray; 
  }

/*Links in a menu*/
.menu a:active {
  color:slategray; 
  }

.submit:disabled  {
  font-family: Arial; 
  font-size: 20.0px; 
  color: white; 
  background-color:#A0D0DB;
  border 1px solid black;
  border-radius: 7px; 
  padding: 2px 6px 2px 6px; 
  }

/*Informative Messages usually displayed in the footer*/
.hello-content { 
  font-family: Arial; 
  font-size: 22.0px; 
  color: black; 
  background-color:white;
  }

/*Informative Messages usually displayed in the footer*/
.hello-footer { 
  font-family: Arial; 
  font-size: 23.0px; 
  color: LightGreen; 
  background-color:#377292;
  }

/*Appointment Color Information*/
.appoint-c   {
  Background:lightyellow; 
  border: 2px solid red;
  font-size:22px; 
  color:slateGray; 
  box-shadow: 10px 10px 8px #888888;
  }

/*Appointment Size Information - not editable*/         
.appoint-s   { 
  min-height:40px; 
  text-align:center; 
  align:center; 
  margin 0px 8px 0px 8px; 
  padding:8px; 
  box-shadow: 10px 10px 8px #888888; 
  }

/*Appointment Search Buttons*/

.choices {
  background-color:white;
  font-size:20px;
  color:black;
  Border: 2px solid blue;
  padding:8px;
}

.choice {
  border: 0px solid black; 
  font-size:20px; 
  border-radius: 00px; 
  display: inline-block;
  margin:2px; padding:4px 8px 4px 8px;
}

.choice.option {
  background-color:lightblue;
  color:black;
}

.choice.nope {
  background-color:lightblue;
  color:white;
}

.choice.yup {
  background-color:dodgerblue;
  color:white;
}