.vh100 {
	height: 100vh;
}

.column_legend_dnm_r_c {
	width:25%;
	text-align: left !important;
}

.c_white{
	color: white
}

@media (min-width: 650px) {
    .col-md-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
}

.m_w_80 {
	max-width: 80%;
}

.h75 {
	height: 75px;
}

.d_none {
	display: none;
}

.blue_text {
	font-size: 60px;
	color: blue;
}

.ta_right {
	text-align:right;
}

#chart_max_pain, #chart_avg_pain, #chart_quality, #chart_quality_of_life {
    max-width: 850px;
    margin: 35px auto;
}

#chart_max_pain div, #chart_avg_pain div, #chart_quality div, #chart_quality_of_life div {
    width: 850px !important;
}

button[id="one_week"], button[id="one_month"], button[id="one_semester"], button[id="all"] {
    background: #fff;
    color: #222;
    border: 1px solid #E46135;
    border-bottom: 2px solid #E46135;
    border-radius: 2px;
    padding: 4px 17px;
}

button[id="one_week"].active, button[id="one_month"].active, button[id="one_semester"].active, button[id="all"].active {
    color: #fff;
    background: #37818D;
    border: 1px solid #E46135;
    border-bottom: 2px solid #E46135;
}

button[id="one_week"]:focus, button[id="one_month"]:focus, button[id="one_semester"]:focus, button[id="all"]:focus {
    outline: 0;
}

.bottom0 {
	bottom: 0;
}