.patient .tab-pane {
  border-style: solid;
  border-width: 0px;
  height: 570px;
  padding: 10px;
  margin-bottom: 5px;
  border-color: #92bce0;
}
form h2 {
  margin-left: 15px;
  font-size: 1.5em;
}
.splash {
  height: 100%;
}
[data-bind] {
  font-weight: bold;
}
.dstimg {
  width: 30%; 
  float: right; 
  margin-right: 10px;
}
ul.no-bullets li {
  list-style-type: none;
}
.dcis-glyph {
  display: inline;
  color: #BBB;
  cursor: pointer;
  font-size: 90%;
}
.dcis-control {
  margin-top: 10px;
}
.control-label {
  font-weight: normal;
  font-size: 17.5px;
  padding-bottom: 5px;
  padding-top: 15px;
}
.provider-body .control-label.small {
  font-size: 80%;
  padding-top: 0;
  line-height: 100%;
  margin-bottom: 15px;
}
.js-disabled-message {
  display: none;
  color: #fff;
  border: 1px solid #F37831;
  margin-right: 10px;
  background-color: #F37831;
  padding: 5px;
}
a.js-next {
  cursor: pointer;
}
.btn.js-next,
.js-prev,
.btn-tool {
  background-color: #ffffff;
  color: #667C99;
  border: 4px solid #CCD4E5;
  text-transform: uppercase;
  border-radius: 0px;
  margin-bottom: 20px;
}
.btn:hover {
  color: #ffffff;
  background-color: #667C99;
  border-color: #CCD4E5;
}
label.checkbox {
  width: 100%;
}
.form-group.required .control-label:after {
  content: " *";
  color: red;
}
.multiselect{
  width: 100%;
}
.dst ul.multiselect-container.dropdown-menu {
  margin-top: -15px;
}
.dst .multiselect-container input {
  display: none;
}
.dst .multiselect-container.dropdown-menu {
  padding: 10px;
}
.dst .multiselect-container.dropdown-menu label {
  font-size: 17.5px;
}
.dst .dropdown-menu {
  background-color: #eeeeee !important;
}
.dst .dropdown-menu > .active > a:focus {
  background-color: #AEBAD2;
  outline: 1;
}
.control-indicator {
  height: 2.5rem;
  width: 2.5rem;
}
.dst .control input:checked ~ .control-indicator {
  background-color: #667C99;
}
.dst .dropdown-menu > .active > a,
.dst .dropdown-menu > .active > a:hover,
.dst .dropdown-menu > .active > a:focus {
  background-color: #AEBAD2;
  color: #17587C;
}
.patient a.js-next.disabled {
  cursor: default;
}
li.disabled label {
  color: #DDD;
}
li.disabled .control input:checked ~ .control-indicator {
  background-color: #DDD;
}
.tx > label {
  display: none;
}

/** Charts */
.chart-title {
  font-size: 1.8em;
  font-weight: 300;
  font-family: Roboto, Arial, sans-serif;
}
.chart-subtitle {
  font-size: 0.5em;
  font-weight: 300;
  font-family: Roboto, Arial, sans-serif;
}
.chart-axis-title {
  font-weight: 300;
  font-size: 1.2em;
}
.patient .chart-axis-title {
  font-size: 0.8em;
}
.chart-legend-label {
  font-size: 1.2em;
  font-family: Roboto, Arial, sans-serif;
}
.chart-compose {
  border: none;
  background-color: transparent;
}
.no-data {
  fill: #666;
}
.no-data,
.no-data svg {
  background-color: #eee;
}
.chart-label * {
  pointer-events: none;
}
.chart-label text {
  fill: white;
  font-size: 15pt;
  font-weight: 300;
}
.chart-label rect {
  display: none;
}
.details {
  margin-bottom: 0;
  padding: 0 0.4em;
  font-size: 0.9em;
}
.details:before {
  border-left: solid transparent 6px;
  border-right: solid transparent 6px;
  border-top: solid #000 6px;
  bottom: -6px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0;
}
.details:after {
  border-left: solid transparent 6px;
  border-right: solid transparent 6px;
  border-top: solid #fff 6px;
  bottom: -5px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -8px;
  position: absolute;
  width: 0;
}
.personal-info span {
  font-weight: bold;
}
.personal-info {
  display: inline;
}
/** Controls */
.controls {
  line-height: 2;
}
.controls p {
  margin-bottom: -10px;
}
.inline-form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.control-group div {
  display: inline;
}
#main-content {
  padding-top: 0px;
  padding-left: 0px;
}
.chart-overlay-area {
  fill: #EEE;
}
.form-group label {
  font-weight: normal;
}
.form-group {
  margin-bottom: 5px;
}
.multiselect.dropdown-toggle,
.btn-group {
  width: 100%;
  font-size: 17.5px;
}
.btn {
  font-family: Roboto, Arial, sans-serif;
  display: inline-block;
}
/** ips and cont charts*/
.ne {
  fill: #17587C;
}
.rm_rmr {
  fill: #77538E;
}
.rl {
  fill: #5F97B6;
}
.newr {
  fill: #820C3B;
}
.cwr {
  fill: red;
}
/** survival: 10 yrs*/
.srv {
  fill: #17587C;
}
.oc {
  fill: #5F97B6;
}
.bc {
  fill: #E1A054;
}
/** survival: lifetime*/
.df {
  fill: #539A63;
}
.inv {
  fill: #17587C;
}
.patient .srv rect,
.patient .ne rect,
.patient .newr rect {
  fill: #90BD76;
}
.hidden {
  fill: none;
}
rect:hover {
  opacity: 0.8;
  cursor: pointer;
}
.chart-overlay-layer {
  transition: transform 0.2s, opacity 0.08s;
  z-index: 100;
  max-width: 300px;
  padding: 4px;
  border: 1px solid black;
  background-color: white;

}
.splash-button {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 200;
  color: #fff;
  background: none;
  border: 1px solid #FFF;
  font-size: 2vw;
  padding: 9px 30px;
  display: inline-block;
  text-decoration: none;
  min-width: 120px;
  background-color: #428bca;
  opacity: 0.9;
}
.splash-button:hover,
.splash-button:active {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}
.site-title {
  opacity: 0.9;
  background-color: #428bca;
  padding: 0em 0.5em 1.5em 0.5em;
  white-space: no-wrap;
  overflow: hidden;
  text-align: center;
}
.site-button {
  text-align: center;
  position: absolute;
  bottom: 100px;
}
.splash-button {
  padding: 0.5em 0.5em;
}
.site-title-text {
  font-weight: 300;
  font-size: 4.5em;
  font-size: 4vw;
  color: white;
  line-height: 1.5;
}
.site-text {
  font-weight: 300;
  font-size: 2.1em;
  font-size: 1.9vw;
  color: white;
  line-height: 1.1;
}
.slider.slider-horizontal {
  width: 100%;
}
.value {
  font-size: 45pt;
  font-weight: normal;
  line-height: 90%;
}
.almost .stat_label:before {
  content: "more than ";
}
.almost .complement.stat_label:before {
  content: "less than ";
}
.almost .complement2.stat_label:before {
  content: "less than ";
}
.stat_label {
  font-weight: normal;
}
.row.stats .per {
  padding-bottom: 20px;
  padding-left: 25px;
}

.no_recurrence {
  color: #83A8C9;
}
.caption {
  color: black !important;
  font-size: 12pt;
  font-weight: normal;

}
.body_text {
  color: black !important;
  font-size: 14pt;
  font-weight: normal;
  width: 95%;
}
.invasive {
  color: #21558E;
}
.recurrence {
  color: #894586;
}
.dead_other {
  color: #F1683C;
}
.dead {
  color: #150D19;
  margin-bottom: 20px;
}
.no_recurrence,
.invasive,
.recurrence,
.dead_other,
.dead {
  margin-top: 15px;
}
.complement, .complement2 {
  margin-top: 15px;
}
.chart-series.chart-grid-dots {
  display: none;
}
.chart-dots .chart-index-1 {
  fill: #83A8C9;
}
.chart-dots .chart-index-2 {
  fill: #21558E;
}
.chart-dots .chart-index-3 {
  fill: #894586;
}
.chart-dots .chart-index-4 {
  fill: #F1683C;
}
.chart-dots .chart-index-5 {
  fill: #150D19;
}

.tab-content h1 {
  font-size: 2em;
}
.tab-content h2 {
  font-size: 1.7em;
}
.tab-content .almost .value:before {
  font-size: 0.3em;
  display: block;
  margin-bottom: 10px;
  text-align: left;
  line-height: 0%;
}
.tab-content .almost .stat .value:before {
  content: "more than";
}
.tab-content .almost .complement .value:before {
  content: "less than";
}
.tab-content .almost .complement2 .value:before {
  content: "less than";
}
.value sup {
  top: -1em;
  font-size: 0.4em;
}
.tab-content .stat .per .caption {
  font-size: 1.2em;
  display: block;
  text-align: left;
}
.tab-content .complement .per .caption {
  font-size: 1.2em;
  display: block;
  text-align: left;
}
.tab-content .complement2 .per .caption {
  font-size: 1.2em;
  display: block;
  text-align: left;
}
div.ex-stat {
  color: #17587C;
  font-size: 15pt;
  margin-bottom: 10px;
  font-weight: 300;
}
div.ex-complement {
  color: #5F97B6;
  font-size: 15pt;
  font-weight: 300;
}
.chart-dots text {
  stroke-width: 0;
  font-size: 15pt;
  fill: white;
}
.well {
  background: #a3b0c1;
  border: 2pt solid #c1acce;
  margin-top: 10px;
}
a[data-toggle="modal"] {
  cursor: pointer;
}


.btn-default {
  background-color: #667C99;
  color: #fff;
  border-width: 1px;
  margin: 10px;
  display: inline-block;
}
.dst .btn-default:hover,
.dst .btn-default:focus,
.dst .btn-default:active,
.dst .btn-default.active,
.dst .open .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #667C99;
  border-color: #667C99;
  display: inline-block;
}

.chart-axis .tick line,
.chart-axis line.tick,
.chart-axis path {
  stroke-width: 0.5pt;
  stroke: #DDD;
}
[data-id='xAxis'] .chart-axis .tick text {
  font-size: 7pt;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
.carousel-control.left {
  width: 9%;
}
.carousel-control.right {
  width: 5%;
}
.carousel-indicators {
  margin-bottom: 0;
  bottom: 0;
}
.carousel h2 {
  color: white;
  font-size: 140%;
  text-shadow: none;
  line-height: 130%;
  padding: 0px;
}
.carousel-caption {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding-top: 10px;
  background-color: #63ABBE;
  height: 110px;
  padding-left: 10px;
  padding-right: 10px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}
.select-component .caret {
  margin-top: 10px;
  border-width: 6px;
}
.select-component .multiselect-container > li > a > label.radio {
  padding-left: 20px;
}
.select-component.always-show-choices button {
  display: none;
}
.select-component.always-show-choices .dropdown-menu {
  display: block;
  z-index: 900;
}
.select-component .dropdown-columns a {
  display: inline-block;
  width: 100%;
}
.select-component .dropdown-columns a:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}
.select-component .dropdown-columns .radio {
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 0 4px;
  text-align: center;
  cursor: pointer;
}
.select-component .dropdown-columns .active > a {
  background-color: #92bce0;
  color: white;
}
.checkbox-component {
  display: inline-block;
}
.checkbox-component label {
  margin: 0;
  font-weight: normal;
}
.dst  .tab-view ul.nav-pills > li > a {
  padding-left: 10px;
}
.dst .tab-view .nav-pills li.tab-nested-item {
  margin-left: 10px;
  padding-left: 5px;
}
.dst .tab-view .nav-pills > li.active > a,
.dst .tab-view .nav-pills > li.active > a:hover,
.dst .tab-view .nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #405160;
  
}
.hidden {
  display: none;
}
.tab-view .tab-nested-list {
  
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
}
.tab-view .tab-nested-list.is-expanded {
  display: block;
}
.tab-view .tab-nested-item {
  font-size: 90%;
  margin-bottom: 0em;
}
.tab-view .tab-nested-item a {
  color: #667C99;
  background-color: #CCD4E5;
  padding-left: 10px;
  display: block;

}
.tab-view .tab-nested-item a:hover {
  text-decoration: none;
}

.tab-view .ne .tab-nested-item.active a {
  background-color: #667C99;
  color: 667C99;
}
.tab-view .ne .tab-nested-item a:hover {
  background-color: #667C99;
  color: white;
}

.tab-view .surv .tab-nested-item.active a {
    background-color: #667C99;
  color: white;
}
.tab-view .surv .tab-nested-item a:hover {
  background-color: #667C99;
  color: white;
}
.dst .tab-view .nav-pills > li.ne.disabled > a:hover,
.dst .tab-view .nav-pills > li.ne.disabled > a:focus,
.dst .tab-view .nav-pills > li.surv.disabled > a:hover,
.dst .tab-view .nav-pills > li.surv.disabled > a:focus {
  background-color: transparent;
  color: #999;
}

.center{
  margin-right:auto;
  margin-left:auto;
  width: 100%; 
}
@media print {
  html,
  body {
    height: initial !important;
  }
  .row {
    margin: 0px;
  }
  .tab-content > .tab-pane.print {
    page-break-before: always;
  }
  .pane-footer {
    display: none;
  }
  .dcis-chart {
   
  }
}

.survey {
  max-width: 800px; 
  float: left; 
  margin-left: 25px;
  height: 100%;
}
@media all and (max-width: 550px) {
  .survey {
    margin-left: 10px;
  }
}
@media all and (max-width: 320px) {
  .survey {
    margin: 0px;
  }
}
/* help tips
-------------------------------------------------- */
.preeval td{
  position: relative;
}
.help-tip {
  display: inline-block;
  text-align: center;
  background-color: #F37831;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
  cursor: pointer;
  margin-left: 10px;
}
.help-tip:before {
  content:'?';
  font-weight: bold;
  color:#fff;
}
.help-tip:hover p {
  display:block;
  opacity: 100%;
  z-index: 999;
}
.help-tip p {   
  display: none;
  text-align: left;
  background-color: #667C99;
  padding: 15px;
  min-width: 300px;
  max-width: 90%;
  position: absolute;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  left: 5px;
  color: #FFF;
  font-size: 16px;
}
.help-tip p:after {
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-30px;
    left:0;
}
.hideContent {
    display: none;
}
#current {
    
}
#footnote{
    padding-left: 20px;
    font-family: "Helvetica";
}

svg text {
    font-family: Monaco;
}
.legend rect {
  stroke: none;
}