/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
}

.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

footer {
    padding: 30px 0;
}

@media(min-width:768px) {
    body {
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

.gradient_corporate_color {
    background-color: #0000ff;
}

.nav li {
    background-color: transparent;
}

.nav li a {
    color:#ffffff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    padding: 10px 15px 10px 15px;
}

.dropdown-menu > li > a:hover,
.navbar-nav > .active > a:hover,
.navbar-nav > li > a:hover   {
    color:#ffffff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: #6666ff;
}

.navbar-nav > .dropdown.open > a, .navbar-nav > .dropdown.open > a:focus,
.navbar-nav > .active > a, .navbar-nav > .active > a:focus,
.navbar-nav > li > a, .navbar-nav > li > a:focus   {
    color:#ffffff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background-color: transparent;
}

.toplogo {
    margin-bottom: 5px;
    padding-right: 15px;
}

.toptitle {
    position:relative;
    color: #3F3F3F;
    text-transform: uppercase;
    padding-top:50px;
    vertical-align: bottom;
    font-size:20px;
}

.toptitle a {
    color: #3F3F3F;
    text-decoration: none;
}

.toptitle .titleContent {
    position:relative;
    z-index:100;
    padding-left: 20px;
    width:100%
}

.toptitle .titleContent .title {
  padding-top:30px;
}
.toptitle .titleContent .hdmlogo {
  text-align: right;
}

.titleBackground {
    position:absolute;
    top:0px;
    left:500px;
    padding-top:0px;
    padding-left:0px;
    z-index:200;
    opacity: 0.5;
}

.navbar {
    min-height: 35px !important;
    z-index:300;
}

.navbar-collapse.collapse {
    height: 35px !important;
}

.nav .open > a:hover, .nav .open > a, .dropdown-menu {
    background-color: #B7052C;
}


div.pageData {
    background-color: #EEE;
    padding:10px;
}

.smallData {
    background-color: #EEE;
    padding:10px;
    width:420px;
    margin-bottom: 20px;
    margin-right:40px;
}

.summary {
    background-color: #EEE;
    padding:10px;
    margin-bottom: 40px;
}

.smallLogo {
    max-width:90px;
    max-height:100px;
    margin-bottom:0px;
    box-shadow: 1px 1px 2px 1px rgba(143,143,143,1);
}

.smallData {
  display: flex;
}

.smallData table.datatable {
    width:300px;
    margin-top:10px;
}

table.datatable th, table.datatable td  {
    vertical-align:top;
    padding: 5px;
}

.smallData table.datatable th, .smallData table.datatable td  {
    vertical-align:top;
    padding: 0px;
}

table.datatable th {
    width: 30%;
}
.smallData table.datatable th {
    width: 20%;
    padding-right:20px;
}

.smallData img {
  margin-right: 20px;
}

ul {
    list-style-type: square;
    padding-left:15px;
}

img.pageLogo {
    max-width:200px;
    max-height:250px;
    margin-bottom:20px;
    box-shadow: 1px 1px 2px 1px rgba(143,143,143,1);
}

img {
    max-width:100%;
}

.sectionitem {
    margin-bottom:40px;
}

.emad {
    color: #337ab7;
    text-decoration: none;
}

.emad:hover {
    color: #23527c;
    text-decoration: underline;
    cursor: pointer;
}

.lectureTable {
    width:80%;
    border-style:solid;
    border-width:1px;
}
.lectureTable td, .lectureTable th {padding:5px;}
.lectureTable tr:nth-child(even) {background: #CCC}
.lectureTable tr:nth-child(odd) {background: #FFF}


/* D3 Vis */


.link {
  fill: none;
  stroke: #337ab7;
  stroke-width: 1.5px;
}

.link.l1 {
  stroke: #337ab7;
}

.link.l2 {
  stroke-dasharray: 0,2 1;
}

circle {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1.5px;
}

text {
  font: 10px sans-serif;
  pointer-events: none;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}

#map { height: 300px; }