#page-medical_record .label {
	display: inline-block;
	margin-right: 7px;
}

#page-medical_record .list-row {
	border: none;
	padding: 0px;
	cursor: pointer;
}

.patient-image-container {
	margin-top: 17px;
  }

.patient-image {
	display: inline-block;
	width: 100%;
	height: 0;
	padding: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 4px;
}

.patient-name {
	font-size: 20px;
	margin-top: 25px;
}

.medical_record-label {
	max-width: 100px;
	margin-bottom: -4px;
}

.medical_record-row > * {
	z-index: -999;
}

.date-indicator {
	background:none;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	color:#6c7680;
}
.date-indicator::after {
	margin:0 -4px 0 12px;
	content:'';
	display:inline-block;
	height:8px;
	width:8px;
	border-radius:8px;
	background: #d1d8dd;
}

.date-indicator.blue {
	color: #5e64ff;
}

.div-bg-color {
	background: #fafbfc;
}

.bg-color-white {
	background: #FFFFFF;
}

.d-flex {
	display: flex;
}

.width-full {
	width: 100%;
}

.p-3 {
	padding: 16px;
}

.mt-2 {
	margin-top: 8px;
}

.mr-3 {
	margin-right: 16px;
}

.Box {
	background-color: #fff;
	border: 1px solid #d1d5da;
	border-radius: 3px;
}

.flex-column {
	flex-direction: column;
}

.avatar {
	display: inline-block;
	overflow: hidden;
	line-height: 1;
	vertical-align: middle;
	border-radius: 3px;
}

.py-3 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.border-bottom {
	border-bottom: 1px #e1e4e8 solid;
}

.date-indicator.blue::after {
	background: #5e64ff;
}

.medical_record-message {
	border-left: 1px solid #d1d8dd;
	padding: 15px;
	padding-right: 30px;
}

.medical_record-date {
	padding: 15px;
	padding-right: 0px;
}

.patient-history-filter {
	margin-left: 35px;
	width: 25%;
}

#page-medical_record .plot-wrapper {
	padding: 20px 15px;
	border-bottom: 1px solid #d1d8dd;
	text-align: center;
}

#page-medical_record .plot {
	height: 140px ;
	width: 97% ;
	margin: auto;
}

#page-medical_record .list-filters {
	display: none ;
}
