.optional
{
  font-size: 14px;
  color: #008000;
  font-weight: normal;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.sm_italic
{
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.sm_std
{
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.valign_top
{
  vertical-align: text-top;
}

body
{
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.h_20
{
  width: 60px;
}

.v_20
{
  height: 20px;
}

.h_50s
{
  width: 50px;
}

.fgyellow
{
  color: #ffff00;
}

.yellow
{
  background-color: #ffff00;
}

.red
{
  font-size: 14px;
  color: #ff0000;
  font-weight: normal;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.blue
{
  color: #0000ff;
}

.bold_blue
{
  font-size: 14px;
  color: #0000ff;
  font-weight: bold;
  border-bottom: 1px solid black;
  font-weight: bold;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.std
{
  font-size: 14px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  vertical-align: text-top;
}

.stditalicbold
{
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  font-style: italic;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.mainbody
{
  position: absolute;
  margin: 0vh;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}

.hiddendiv
{
  visibility: hidden;
}

.about
{
  display: block;
  color: #000000;
  cursor: pointer;
  margin-left: 70vh;
  margin-top: 5vh;
  height: 20vh;
  width: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #000000;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  border-radius: 15px;
}

.documentation
{
  display: block;
  color: #000000;
  cursor: pointer;
  margin-left: 70vh;
  margin-top: 5vh;
  height: 20vh;
  width: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #000000;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  border-radius: 15px;
}

.endpoint_patient
{
  position: absolute;
  color: #000000;
  left: 330px;
  top: 95px;
  width: 145vh;
  background-color: #f9f9f9;
  padding: 12px 16px;
  border-radius: 15px;
  border: 2px solid #000000;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.endpoint_prescriber
{
  position: absolute;
  color: #000000;
  left: 330px;
  top: 95px;
  width: 145vh;
  background-color: #f9f9f9;
  padding: 12px 16px;
  border-radius: 15px;
  border: 2px solid #000000;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.navbuttons
{
 position: absolute;
  display: block;
  color: #000000;
  cursor: pointer;
  margin-left: 1vh;
  margin-top: 5vh;
  height: auto;
  width: 22vh;
  display: flex;
  padding: 12px 16px;
  background-color: #f9f9f9;
  border-radius: 15px;
  border: 2px solid #000000;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.btntxt
{
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.button
{
  display: inline-flex;
  height: 40px;
  /*border: 2px solid #BFC0C0;*/
  margin: 20px 20px 20px 20px;
  width: 235px;
  color: #BFC0C0;
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8em;
  letter-spacing: 1.5px;
  align-items: center;
  justify-content: left;
  overflow: hidden;
}
#slide
{
  width: 100%;
  height: 100%;
  left: -200px;
  background: #a9a9a9; /* background color of the slide on mouse over*/
  position: absolute;
  transition: all .35s ease-Out;
  bottom: 0;
}

#btnabout
{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#btnabout a
{
  position: relative;
  transition: all .35s ease-Out;
}
#btnabout:hover #slide
{
  left: 0;
}
#btnabout:hover a
{
  color: #2D3142;
}

#btndevguide
{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#btndevguide a
{
  position: relative;
  transition: all .35s ease-Out;
}
#btndevguide:hover #slide
{
  left: 0;
}
#btndevguide:hover a
{
  color: #2D3142;
}

#btnpatient
{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#btnpatient a
{
  position: relative;
  transition: all .35s ease-Out;
}
#btnpatient:hover #slide
{
  left: 0;
}
#btnpatient:hover a
{
  color: #2D3142;
}


#btnprescriber
{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
#btnprescriber a
{
  position: relative;
  transition: all .35s ease-Out;
}
#btnprescriber:hover #slide
{
  left: 0;
}
#btnprescriber:hover a
{
  color: #2D3142;
}
/* ------------------------------------------------------------- */