/* *********************************** */
/* Modal Dialog Styling */
/* *********************************** */
.modal-dialog .feedback.modal-body {
  padding-bottom: 0 ;
}
.modal-dialog .feedback.modal-body .text {
  display: block ;
}
/* *********************************** */
/* Bootstrap overrides - Dialogs */
/* *********************************** */

.modal-dialog .modal-header {
  background-color: #5fa2dd ;
  color: white;
  font-size: 2em ;
}

.modal-dialog .modal-header .close {
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}

.modal-dialog .modal-header .close:hover {
  color: white;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.modal-dialog .modal-content .modal-footer {
  text-align: left ;
  padding: 10px ;
}
.modal-body {
  color: black ;
  overflow: auto ;
  max-height: 600px ;
}
.modal .ac .col {
  padding: 0px !important ;
}

.bootstrap-tagsinput.form-control {
  height : auto !important ;
}
/* *********************************** */
/* Bootstrap overrides - Buttons */
/* *********************************** */

.btn-info {
  background-color: #5fa2dd; 
  border-color: #5fa2dd; 
}
.btn-info:hover, .btn-info:focus {
  background-color: #31b0d5  ! important;
}

.btn-danger {
  border-color: #ac2925;
  background-color: #AC2925;
}
.btn-danger:hover, .btn.btn-danger:focus {
  border-color: #d43f3a;
  background-color: #d43f3a;
}

.btn-success {
  background-color: #449d44 !important;
}
.btn-success:hover {
  background-color: #5cb85c !important;
}

/** custom styling for radio buttons - used by modals**/
.reset-scores .btn-group .btn.active {
  background-color: #5fa2dd;
  border-color: #5fa2dd ;
}

.reset-scores .btn-group .btn.active:hover {
  background-color: rgb(91, 192, 222)  ! important;
}


.reset-scores .score-help {
  vertical-align: super ;
  cursor: pointer ;
  margin-left: 2px;
}

.reset-scores .reset-ind-notes {
  margin-left: 10px !important ;
}

.modal .situation {
  margin-top: 5px;
}

/*** Style for generic flash div that appears on all the pages with user info ***/
.loginInfo {
  max-width: 370px;
  margin-left: auto;
  margin-top: -47px;
  padding: 5px;
  box-shadow: 5px 7px 5px grey;
  margin-right: 110px;
  background-color: #e0edf9 !important;
}

.loginInfo .prop::after {
  content: ": ";
}
.loginInfo .user-info .names::after {
  content: ")";
}
.loginInfo .user-info .names::before {
  content: "(";
}
.loginInfo .prop {
  font-weight: bold ;
}
.loginInfo .roles {
  font-size: 0.8em ;
}

/*** Context specific styling ***/
.Pediatric {
  color: #562484 !important;
}

/*** overview content***/
.modal .overview{
  border-style: solid;
  border-color: #ae9068;
  border-radius: 5px;
  border-width: 2px;
  padding: 5px;
  background-color: #f0e6d8;
}

/*COMMON MODAL style used by 
 * CREATE NEW (used in entry)
 * CREATE, EDIT and DELETE scoring groups (used in curation)*/
.modal .gdp-content {
  padding: 25px;
  border: solid #5fa2dd 1px ;
  border-radius: 3px;
  box-shadow: 5px 5px 5px #888888;
  margin-bottom: 12px;
}
.form-group.gene-disease-pair {
  margin-bottom : 5px !important ;
}
.modal .header {
  font-weight: bold !important;
  font-size: 1.1em !important ;
}
.modal .vcp-content .variant-descriptor{
  overflow-wrap: break-word;
}
.biarrow {
  font-size: 2.0em ;
}
.gene-disease-pair {
  font-size: 1.1em;
  /*margin-left: 5px ;*/
}

.ac .panel.widget-panel {
  border: 3px solid #5fa2dd;
  box-shadow: 5px 5px 5px #888888;
}
.Pediatric .ac .panel.widget-panel {
  border: 3px solid #796789 !important;
}

.ac .panel-heading {
  background-color: #5fa2dd;
  color: white;
  font-weight: bold;
  border: 3px solid #5fa2dd;
  border-radius: 0px;
  padding: 6px 8px 6px 8px;
}

.Pediatric .dp-association .panel-heading {
  background-color: #796789 !important;
  border: 3px solid #796789 !important;
}

.modal .ac .add-new {
  padding: 1px 3px !important;
  font-size: 0.6em !important;
  background-color: white;
  color: #5fa2dd;
}
.modal .ac .dp .form-control {
  width : 100% !important;
}
.modal .ac .dp .help-block {
  font-size: 0.7em !important ;
}
.preferred-mondo select {
  width : 80% ;
}
