#page-medical_record .label {
display: inline-block;
margin-right: 7px;
}
#page-medical_record .list-row {
border: none;
padding: 0px;
cursor: pointer;
.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 {
overflow: hidden;
line-height: 1;
vertical-align: middle;
.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-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 ;