/* Main Body */

body
{
  margin: 0;
  font-family: "Optima", Helvetica, sans-serif;
  /* background-color: #8AB2FA; */
  background-color: #F0F5FE;
  height: 100%;
  position: relative;
  padding: 0;
}

/* Banner */

.banner
{
  padding-top: 5px;
  background-color: #FCD6D6;
  height: 30px;
  text-align: center;
  color: #203469;
  overflow: hidden;
  top: 0;
  /* position: fixed; */
  width: 100%;
}

/* Header */

.header
{
  overflow: hidden;
  background-color: #8AB2FA;
  /* position: fixed; */
  /* top: 0; */
  width: 100%;
  z-index: 9999;
  border-bottom: .25rem solid #ddd;
}

.book-link
{
  float: left;
  display: block;
  background-color: #F0F5FE;
  color: #8AB2FA;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  margin:0 auto;
  border-radius: 15px;
  /* border: 1px solid #F0F5FE; */
  width: 75px;
  height: 50px;
  text-align: left;
}

.secondary-link
{
  float: left;
  display: block;
  color: #F0F5FE;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.book-link-2
{
  float: left;
  display: block;
  background-color: #F0F5FE;
  color: #8AB2FA;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.book-link-2:hover
{
  background-color: #A2A0A0;
  color: black;
  text-decoration: none;
}

.secondary-link.active
{
  /* background-color: #F0F5FE; */
  background-color: #D1D1D1;
  color: #8AB2FA;
}

.secondary-link:hover
{
  background-color: #ddd;
  color: black;
  text-decoration: none;
}

.right-header
{
  float: right;
}

/* Logo */
.logo
{
  float: left;
  display: block;
  background-color: #8AB2FA;
  color: #F0F5FE;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  font-style: normal;
  /* font-weight: bold; */
}

.logo.active
{
  background-color: #F0F5FE;
  color: #8AB2FA;
}

.logo:hover
{
  background-color: #ddd;
  color: black;
  text-decoration: none;
}

/* Hamburger */

.header .icon
{
  display: none;
}

.icon
{
  color: black;
  float: left;
  display: block;
  background-color: #8AB2FA;
  color: #F0F5FE;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.icon:hover
{
  color: #F0F5FE;
}

/* Split screen for user accounts */
.left
{
  float: left;
  width: 8%;
  height: 100vh;
  background-color: #8AB2FA;
  /* position: fixed; */
  border-top: .5rem solid #ddd;
  color: black;
  font-size: 10px;
}

/* Control the right side */
.right
{
  float: right;
  width: 92%;
  height: 100vh;
  background-color: #F8F8F8;
}

#Parisa_Professional_2
{
  /* width: 535px;
  height: 454px; */
  width: 428px;
  height: 363px;
}

#My_Account
{
  width: 25px;
  height: 25px;
}

#Phone_Icon
{
  width: 17.5px;
  height: 17.5px;
}

/* Body */

.long-paragraph-v1
{
  width:80%;
  margin:auto;
  text-align:center;
}

.long-paragraph-v2
{
  width:50%;
  margin:auto;
  text-align:center;
}

.long-paragraph-v3
{
  width:50%;
  margin:auto;
  text-align:center;
  font-size: 1.25rem;
}

.inner
{
  text-align: center;
  /* color: #8AB2FA; */
  color: #000000;
  background-color: #F0F5FE;
  /* margin-top: 30px; */
  width: 100%;
  min-height: 100vh;
  overflow: scroll;
  display: block;
  /* padding-top: 55px; */
  /* padding-bottom: 20px; */
}

/* Media queries */
@media screen and (max-width: 600px)
{
  .right-header a { display: none; }
  .right-header a.icon
  {
    float: right;
    display: block;
  }

  /* .header.responsive { position: relative; } */
  .header.responsive .icon
  {
    position: absolute;
    right: 0;
    top: 30px;
  }
  .header.responsive a
  {
    float: none;
    display: block;
    text-align: left;
  }

  #Parisa_Professional_2
  {
    width: 408px;
    height: 347px;
  }

  .long-paragraph-v1
  {
    width:90%;
    margin:auto;
    text-align:center;
  }

  .long-paragraph-v2
  {
    width:90%;
    margin:auto;
    text-align:center;
  }
}

/* Footer */

.footer
{
    background-color: #8AB2FA;
    color: #F0F5FE;
    text-align: center;
    position: relative;
    padding-top: 3px;
    padding-bottom: 0px;
    bottom: 0;
    /* height: 40px; */
    width: 100%;
    z-index: 9999;
    border-top: .25rem solid #ddd;
}

.footer a
{
  color: #F0F5FE;
}

.footer a:hover
{
  color: #F6C03F;
}

/* Buttons */

.bg-button-1
{
  color: #F0F5FE;
  text-shadow: none;
  background-color: #8AB2FA;
  border: .05rem solid #8AB2FA;
}

.bg-button-1:hover
{
  color: black;
  background-color: #ddd;
  border: .05rem solid #ddd;
}

/* Forms */

.form-custom
{
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  margin-bottom: 0px;
}

.form-custom .checkbox
{
  font-weight: 400;
}

.form-custom .form-control
{
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}

.form-custom .form-control:focus
{
  z-index: 2;
}

/* Miscellaneous */

.bold
{
  font-weight: bold;
}

#Parisa_Home_Picture
{
  width: 364px;
  height: 485px;
}

input[type="date"]:not(.has-value):before
{
  color: grey;
  content: attr(placeholder);
}

#datepicker
{
  text-align: center;
}

.leave-message-good
{
  width: 280px;
  border-radius: 25px;
  border: 5px solid #52E12F;
  margin: 0 auto;
  background-color: #52E12F;
  color: #F0F5FE;
  font-weight: bold;
}

.leave-message-bad
{
  width: 360px;
  border-radius: 25px;
  border: 5px solid #FC1313;
  margin: 0 auto;
  background-color: #FC1313;
  color: #F0F5FE;
  font-weight: bold;
}

.styled-link
{
  color: #8AB2FA;
}

.table
{
  width: 100%;
}