body { padding-top: 80px; }
@media ( min-width: 768px ) {
  #banner {
    min-height: 300px;
    border-bottom: none;
  }
  .bs-docs-section {
    margin-top: 8em;
  }
  .bs-component {
    position: relative;
  }
  .bs-component .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block;
  }
  .bs-component .modal-dialog {
    width: 90%;
  }
  .bs-component .popover {
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 20px;
  }
  .nav-tabs {
    margin-bottom: 15px;
  }
  .progress {
    margin-bottom: 10px;
  }
}

body {
  padding-top: 45px;
}

.navbar {
  min-height: 40px !important
}

.navbar-brand {
  height: 40px;
  padding: 10px 15px;
}

.navbar-nav > li > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

 .colorTW {
   color: #FFFFFF;
 }

 .colorTW:visited{
   color: #FFFFFF;
 }

 .colorTW:hover{
   color: #87ceeb;
   text-decoration: none;
 }

 .colorTW:active{
   color: #FFFFFF;
 }

thead.scrollHead,tbody.scrollBody{
  display:block;
}
tbody.scrollBody{
  overflow-y:scroll;
  height:100px;
}

footer {
  padding: 40px 0;
  color: #ecf0f1;
  background-color: #FFFFFF;
}

.gsc-control-cse * {
    box-sizing: content-box;
}
.gsc-input {
    line-height: 1;
}