/* Bootstrap overrides */

.container .label {
  white-space: normal !important ;
}

/* App specific rules*/

.item .warning-link {
  color: #32739d;
  border-color: #32739d;
  min-width: 36px;
  text-align: center;
}

.warning-list {
  padding-left: 2rem;
}

.warning-list, .warning-list li {
  max-width: 550px;
}

.warning-link.fa::before {
  padding-left: 0;
}

.warning-link.fa.fa-exclamation {
  color: darkred;
  font-weight: bold;
  font-size: 1.1em;
  border: 2px solid rgb(139, 0, 0);
  box-shadow: 2px 3px 4px 1px rgba(139, 0, 0, 0.35);
  margin-right: -15px;
}

p.cspec-svi-text {
  margin-bottom: 0;
  padding: 0;
  margin-left: 1em;
  text-indent: -1em;
}
a.cspec-label-link {
  margin-left: 1em;
}
a.fa-exclamation-circle {
  margin-left: 1em;
  color:#000000;
}

/* Use smaller font when the warning-link exclamation is being shown for 1+ search results */
.search-record .warning-link.fa.fa-exclamation {
  font-size: 0.75em ;
}

.popover .warning-list .rawValue {
  font-family: monospace,serif;
}

.popover {
  padding: 0;
  border-color: #337ab7;
  width: auto;
  border-radius: 6px;
  max-width: none;
}

.popover-title {
  background-color: #d9edf7;
  border-color: #337ab7;
  color: #337ab7;
  font-weight: bold;
  font-size: 1.15em;
}

.popover .popover-content .card-body hr {
  border-color: #337ab7;
}

.popover.right > .arrow {
  border-right-color: #337ab7;
}

.popover.top > .arrow {
  border-top-color: #337ab7;
}

.popover.left > .arrow {
  border-left-color: #337ab7;
}

.popover.bottom > .arrow {
  border-bottom-color: #337ab7;
}

.card .card-header {
  background-color: #32739d;
  border-color: #32739d;
  color: #fff;
}

.error.panel, .entry.panel {
  width: 90% ;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;

}

.sepio-jsonld-link {
  margin-top: 15px ;
  margin-bottom: 50px ;
}

.sepio-jsonld-link a{
  float: right ;
}


.disclaimer {
    color : gray;
}


.container .disclaimer.top, .container .disclaimer.bottom {
  margin-top: 30px ;
}

.container .panel.allele-hgvs {
  box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.35);
}

.final-call.panel, .variant-interpretations.panel, .agents.panel, .variant-specific.panel {
  box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.35);
}



.agent-summary {
  border-top: 1px solid #e3e3e3 ;
}

.agents .agent-info .name {
  font-weight: bold ;
}

.agents .tags-summaries .row {
  margin-top: 5px ;
  margin-bottom: 5px;
}

.agents .tags-summaries .agent-info {
  border-bottom: 1px solid #e3e3e3 ;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.link-comments {
}

.tag-info .row.header {
  margin-bottom: 5px ;
}

.tag-info .tag-label span {
  font-weight: bold ;
  font-size: 20px ;
}

.evidence .links a {
  margin-right: 10px ;
}

.agents .tags-summaries {
  margin-bottom: 30px ;
}

.btn-custom {
  background: white;
  color: gray;
  border: 1px solid lightgray;
  font-weight: bold;
}

.disclaimer.bottom {
  font-size: 80% ;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  margin-top: 50px;
}

.div-with-top-margin {
  margin-top: 30px;
}

.alert p {
  font-size: 12px;
}

.bs-modal-fix {
  padding-right:0px !important;
  margin-right:0px !important;
}

.container-fluid.beta-text {
  padding: 0px !important;
}

.badge.pathogenic, label.pathogenic {
  background-color: #d9534f !important;
}

.badge.likely-pathogenic, .label.likely-pathogenic {
  background-color: #f0ad4e !important;
}

.badge.likely-benign, .label.likely-benign {
  background-color: #a6d96a !important;
}

.badge.uncertain-significance, .label.uncertain-significance {
  background-color: #5bc0de !important;
}

.badge.benign, .label.benign {
  background-color: #1a9641 !important;
}

.link-out {
  margin-left: 3px;
}

.table-title-box {
  font-size: 1.6em;
  line-height: 1.1em;
  color: #31708f ;
  text-align: center;
  font-weight: bold;
  border-radius: 0 ;
  padding: 10px ;
  max-width: 820px ;
  margin-left: auto;
  margin-right: auto;
}

.fda-box {
  font-size: 1.2em;
  line-height: 1.1em;
  color: #31708f ;
  background-color: #eee ;
  border: 1px solid #337ab7 ;
  border-radius: 0 ;
  padding: 10px ;
  max-width: 820px ;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 0;
  box-shadow: 4px 4px 10px -3px #000000;
}

.fda-box .content {
}

.fda-box .content .link.external {
  font-weight: bold ;
}

.fda-box .link.disclaimer {
  position: relative ;
  top: -0.5em ;
  font-size: 0.62em ;
  margin-left: 0.62em ;
}