.navbar-brand {
  padding : 5px 5px 10px 10px;
}

.logo-large {
    padding : 125px 25px 150px 25px;
}

.horizontal-margin-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.margin-top-small {
  padding-top: 10px;
}

.margin-top-bottom-small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.form-main .form-group {
  padding-top: 10px;
  padding-right: 10px;
  margin-left: -15px;
  margin-right: -15px;
}

.pedigree {
  width: 100%;
  align-items: center;
}

.pedigree-item {
  width: 100%;
  align-items: center;
}

.pedigree-item .female{
  background: #fcf8e3;
  padding:8px;
  height:100px;
}

.pedigree-item .male{
  background: #d9edf7;
  padding:8px;
  height:100px;
}

.pedigree-item .pedigree-item-label{
  color:#AAAAAA;
}

.subinfo {
  color:#999999;
}

.null-value {
    color:#999999;
}

.male-text {
  color:#3949AB;
}

.female-text {
  color:#D81B60;
}

.value-no {
  color:#b71c1c;
}

.value-yes {
  color:#33691E;
}

form .form-group label {
    font-weight: 700;
}

.form-group {
    margin-bottom: 0px;
}

.form-group label {
    font-weight: 400;
}

.form-group .property-value{
    font-weight: 700;
}

.form-group .property-value ul{
    margin-bottom: 0px;
}


/*Change the max size of tooltip*/
div.tooltip-inner {
    max-width: 400px;
}

.tooltipTable>tbody>tr>td, .tooltipTable>tbody>tr>th, .tooltipTable>tfoot>tr>td, .tooltipTable>tfoot>tr>th, .tooltipTable>thead>tr>td, .tooltipTable>thead>tr>th {
    padding: 4px;
}

.no-padding {
    padding-left:0px;
    padding-right:0px;
}

.bottom {
    position: absolute;
    bottom: 0;
}

.version-info {
    color: #8d8d8d;
    margin: 8px;
}

@media (min-width: 768px) {
    .navbar-header-info {
        width: 175px;
    }
}