* {
  margin: 0;
  padding: 0;
  }

body {
    background-color: #BFFFFF!important;
    font-family: Arial, Helvetica, sans-serif!important;
    color: #707070!important;
  }
    
  .container {
    background-color: #FFFFFF!important;
  }
  .container-fluid {
    background-color: #FFFFFF!important;
  }
  
  .extended-content {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .05)!important;
  }

  .center {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
  }
  
  .shadows-around {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: rgb(170,170,170);
    -webkit-box-shadow: 
      0 19px 38px rgba(112,112,112,.30), 0 15px 12px rgba(112,112,112,0.22);
    box-shadow: 
      0 19px 38px rgba(112,112,112,0.30), 0 15px 12px rgba(112,112,112,0.22);
  }
  
  .full-screen-height{
    min-height: 100vh;
  }
  
  .nav {
    background: transparent!important;
    border-bottom: none!important;
  }
  
  .inactive {
    background-color: rgb(248,248,248);
    -webkit-box-shadow: 
      0 0 0 rgba(112,112,112,0.25) inset, 0 0 10px rgba(112,112,112,0.22) inset;
    box-shadow: 
      0 0 0 rgba(112,112,112,0.25) inset, 0 0 10px rgba(112,112,112,0.22) inset;

      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

      /* IE 5-7 */
      filter: alpha(opacity=50);

      /* Netscape */
      -moz-opacity: 0.9;

      /* Safari 1.x */
      -khtml-opacity: 0.9;

      /* Good browsers */
      opacity: 0.9;
  }
  
  .active {
    border: none!important;
    /*border-width: 1px 0 0 0!important;
    border-style: solid!important;*/
    background-color: transparent!important;
    font-weight: bold;
    /*-webkit-box-shadow: 
      0 0 0 rgba(112,112,112,0.25) , 0 0 10px rgba(112,112,112,0.22) ;*/
  
      box-shadow: 
      0 -3px 6px rgba(112,112,112,0.25);
  }
  
  .nav-link {
    border-radius: 4px 4px 0 0!important;
    color: black!important;
    font-size: 1.3em;
  }
  

  .hidden {
    display: none!important;
  }
  
  .extended-content-inner {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .container{
    padding: 0!important;
  }
  .container-fluid {
    padding: 0!important;
  }

  .full-screen-height{
    padding-top: 0px;
  }

  .nav-link {
    font-size: 1em;
  }

  .extended-content {
    min-height: 100vh;
    margin-left: 0;
    margin-right: 0;
    display: flex;  /* this is so that the extended-content-inner can fill the remaining height */
    flex-flow: column;
  }

  .extended-content-inner {
    flex: 1 1 auto; /* fill remaining height of extended content */
    padding: 24px;
  }

  /* On Screens of width 992 and below. Tablets and mobile devices*/
  @media (max-width: 992px) {
    
  }

  /* On Screens of width 380 and below. */
  @media (max-width: 380px) {
    .nav-link {
      font-size: 0.8em!important;
    }
  }

  /* On bigger screen devices, make the left and right "borders" fixed percentages */
  @media (min-width: 1024px) {
    
    body {
      overflow: hidden;
    }

    .right-text-content
    {
      
    }
    
  }