/*© Roy Hoffman, The Hebrew University, Revised 2015*/
body
{
    padding-top: 60px; /* Needs padding due to a bug in navbar-fixed-top */
    background-color: #ccffff; /* light blue */
}
    td{font-size: 10px;} 
    th{font-size: 10px;} 
@media (min-width: 100px) {
    h1{font-size: 36px;}
    h2{font-size: 30px;}
    h3{font-size: 18px;}
    p{font-size: 14px;}
    .panel {font-size: 14px;}
    .small {font-size: 14px; margin-top: 0px; margin-bottom: 0px}
    td{font-size: 10px;} 
    th{font-size: 10px;} 
}
@media (min-width: 550px) {
    h1{font-size: 54px;}
    h2{font-size: 45px;}
    h3{font-size: 28px;}
    p{font-size: 21px;}
    .panel {font-size: 21px;}
    .small {font-size: 14px; margin-top: 0px; margin-bottom: 0px}
    td{font-size: 14px;} 
    th{font-size: 14px;} 
}
@media (min-width: 645px) {
    h1{font-size: 63px;}
    h2{font-size: 53px;}
    h3{font-size: 33px;}
    p{font-size: 25px;} 
    .panel {font-size: 25px;}
    .small {font-size: 14px; margin-top: 0px; margin-bottom: 0px}
    td{font-size: 18px;}
    th{font-size: 18px;} 
}
@media (min-width: 1935px) {
    .navbar-default{font-size: 27px;}
    .navbar-brand{font-size: 27px;}
    .dropdown-menu{font-size: 22px;}
    li.list-group-item{font-size: 25px;}
    h1{font-size: 94px;}
    h2{font-size: 79px;}
    h3{font-size: 49px;}
    p{font-size: 37px;} 
    .panel {font-size: 37px;}
    .small {font-size: 18px; margin-top: 0px; margin-bottom: 0px}
    td{font-size: 24px;} 
    th{font-size: 24px;} 
}
.col-lg-3 {
    background-color: #eeeeee; /* 7% grey */
}
.col-md-3 {
    background-color: #eeeeee; /* 7% grey */
}
.text-primary {
    color: darkmagenta;
}
a:link {
    color: blueviolet;
}
a:visited {
    color: blueviolet;
}
a:hover {
    color: darkmagenta;
}
a:active {
    color: darkmagenta;
}
.ordered {
    display: list-item;
}
/* change navbar color scheme from http://work.smarchal.com/twbscolor/ */
.navbar-default {
  background-color: #000080;
  border-color: #0000ff;
}
.navbar-default .navbar-brand {
  color: #ffff00;
    padding: 0px;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ffff00;
}
.navbar-default .navbar-nav > li > a {
  color: #ffff00;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #0000ff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #0000ff;
}
.navbar-default .navbar-toggle {
  border-color: #0000ff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #0000ff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffff00;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffff00;
}
.navbar-default .navbar-link {
  color: #ffff00;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffff00;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #0000ff;
  }
}
.container-fluid {
  max-width: 2902px;
  margin: 0 auto;
}
@media (min-width: 968px){
  #left {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    overflow-y: scroll; 
  }

  #right {
    position: absolute;
    top: 60px;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
  }
}
@media (min-width: 1935px){
  #left {
    top: 90px;
  }
  #right {
    top: 90px;
  }
}