body {
  padding-top: 20px;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}

.navbar {
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #eee 100%);
  border: 1px solid #e5e5e5;
}

@media (min-width: 768px) {
  .navbar-nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
  }

  .navbar-nav .nav-item {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
  }
}

/* align pages left and login right*/
.navbar-collapse{
  justify-content:space-between;
}

.text-a{
  pointer-events: none;
  color: #005580;
  font-style: italic;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

.form-signin {
  max-width: 250px!important;
  padding: 15px;
  margin: 0 auto;
  margin-top: 40px;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card-link:active,.card-link:focus {
  outline: none !important;
  box-shadow: none;
}
.custom-select:focus,.custom-select:active {
  outline: none !important;
  box-shadow: none;
  border-color:rgb(206, 212, 218);
}
.custom-select-red-rb:focus,.custom-select-red-rb:active {
  border-right-color:rgb(220, 53, 69);
}
.form-control:focus,.form-control:active {
  outline: none !important;
  box-shadow: none;
  border-color:rgb(206, 212, 218);
}

.card a.custom-link:focus{
  color: rgba(0,0,0,.7);
  text-decoration: none;
}
.card a.custom-link{
  color:rgba(0,0,0,.5);
  display: block;
  cursor: pointer;
}

.click-able{
  cursor: pointer;
}

/* selction by ID*/
#ligand_file-label, #ligand_file-label{
  overflow: hidden;
}
#more-param-btn{
  width:150px;
}
#ngl-ui{
  background-color: white;
}

.container{
  //max-width:80%!important;
  min-width:376px!important;
  //width:80%!important;
}
@media (min-width: 1200px) {
  #lig_table th, #lig_table td{
    padding:6px;
    font-size:small;
  }
}
@media (max-width: 1200px) {
  #lig_table th, #lig_table td{
    padding:8px;
  }
}