$bodyBg: #3590e3;
$bgColor: lighten($bodyBg, 20%);

body {
  background-color: $bodyBg;
  direction: $documentDirection;
  text-align: $rightDirection;

  .addthis_toolbox {
    margin-top: 10px;
  }

  .website-container {
    padding: 5px;
    background-color: #ffffff;
    margin-bottom: 15px;
    box-shadow: 0 0 2px 2px rgba(#000000, 0.5);
    margin-bottom: 15px;

    >header {
      >.logo-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #9accf9;

        .logo-image {
          display: inline-block;
          margin: 5px;
        } /* /.logo-image */

        .language-container {
          margin-#{$leftDirection}: 10px;
          .lang-img {
            height: 15px;
          }
        }

      } /* /.logo-container */

      >.logo-buttons.btn-group {
        >.btn:first-child {
          border-top-#{$rightDirection}-radius: 0 !important;
        }
        >.btn:last-child {
          border-top-#{$leftDirection}-radius: 0 !important;
        }
      } /* /.logo-buttons */

      nav#top-navbar {
        >ul {
          >li {
            overflow: hidden;
            >a {
              overflow: hidden;
              text-overflow: ellipsis;
            }
          } /* />li */
        } /* />ul */
      } /* /nav#top-navbar */

    } /* /header */

    .content-container {
      margin-top: 15px;

      .side-navbar-container {
        li {
          a:hover {
            background-color: #2aabd2;
          }
        }
      } /* /.side-navbar-container */

    } /* /.content-container */

  } /* /.website-container */

  footer {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    a:hover {
      text-decoration: underline;
    }
    .nav, .copyright {
      text-shadow: 1px 1px 0px #3e9bef;
    }
    .nav {
      .main, .side {
        ul {
          li {
            padding: 0;
            &:after {
              content: " \00b7";
              font-weight: bold;
            }
            &:last-child:after {
              content: none;
            }
          }
        }
      }
      .main {
        &, & a {
          color: #235891;
          font-size: 16px;
        }
      }
      .side {
        &, & a {
          color: #2863a3;
          font-size: 14px;
        }
      }
    } /* /.nav */
    .copyright {
      color: #12324f;
      font-size: 17px;
      text-align: center;
      .address {
        font-size: 14px;
        color: #215c92;
      }
      .phone {
        font-size: 14px;
        color: #12324f;
      }
    } /* /.copyright */
    .siteon {
      text-align: $leftDirection;
      width: 80px;
    } /* /.siteon */
  } /* /footer */

} /* /body */

// Image gallery
@import 'image-gallery';

// Responsive
@import 'xs';
@import 'sm';




.ContactTable td
{
  padding: 2px;
}
.ContactTable input, .ContactTable select
{
  width: 200px;
}
.ContactTable input, .ContactTable select, .ContactTable textarea
{
  color: #003366;
  border: 1px solid #3590e3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.ContactTable b
{
  margin: 0 5px 0 5px;
  padding: 0 6px 0 6px;
  vertical-align: bottom;
  background-color: #ff9999;
  color: #981b1e;
  visibility: hidden;
}
.Liner
{
  border-bottom: 1px solid #3590e3;
  margin-bottom: 5px;
  height: 5px;
  font-size: 1px;
}

.contact.jumbotron {
  $blueLightGray: mix($bgColor, lightgray);
  overflow: auto;
  padding: 30px 15px;
  //background-color: lighten($blueLightGray, 10%);
  background:
  url("../images/contact-background.png"),
  radial-gradient(at bottom, lighten($blueLightGray, 20%) 60%, $blueLightGray);
  box-shadow: inset 0 0 5px 2px $blueLightGray;
  h3 {
    font-size: 18px;
    @media (min-width: $screen-md-min) {
      font-size: 20px;
    }
    font-weight: bold;
    margin-top: 0;
  }

  >.col-xs-12 {
    @media (max-width: $screen-xs-max) {
      padding-#{$leftDirection}: 0;
      padding-#{$rightDirection}: 0;
    }
  }

  >.contact-form {
    >.panel {
      margin: 0;
      >.panel-body {
        >.form-group:last-child {
          margin-bottom: 0;
        }
        .g-recaptcha {
          width: 100%;
          overflow: hidden;
        }
      }
    }
  } /* /.contact-form */


  >.contact-details {
    font-size: $font-size-h4;
    li {
      font-size: 18px;
      margin-bottom: 10px;
      &[itemprop="telephone"] {
        direction: ltr;
      }
    }
    >.information-organization {
      margin-bottom: 15px;
    }
    >.information-registration, >.information-phones {
      a {
        color: #000000;
      }
    }
    >.information-registration {
      margin-top: 30px;
    }
    @media (max-width: $screen-xs-max) {
      margin-top: 30px;
    }
  } /* /.contact-details */

  .map-container {
    height: 250px;
    margin-top: 15px;
    padding: 0;
    box-shadow: 0 0 2px 0 darken($blueLightGray, 20%);
    #map {
      height: 100%;
    }
  } /* /.map-container */
} /* /.contact.jumbotron */