/*profile invoices*/
#medical_records .medical_record_element {
    margin: 5px 15px;
}
.medical_record_element {
    background-color: rgba(240, 239, 245, .7);
    border-radius: 3px;
    min-height: 46px;
    line-height: 46px;
    padding-left: 10px;
    display: flex;
    margin: 18px 15px;
    flex: 1;
    justify-content: center;
    font-size: 15px;
    flex-wrap: wrap;
}
    /*.medical_record_element:first-child {
        margin-top: 40px;
    }*/

    .medical_record_element .record_doctor_name {
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right:auto;
        max-width:200px;
    }
    

    .medical_record_element .record_appointment {
        margin-left: auto;
    }

    .medical_record_element .medical_record_download {
        margin-right: 10px;
        margin-left: 20px;
    }

    .medical_record_element .medical_record_download img{
        cursor:pointer;
    }

    .medical_record_element .record_spec {
        background-color: #4d566c;
        color: white;
        font-size: 12px;
        letter-spacing: 0.3px;
        width: 110%;
        height: 25px;
        line-height: 25px;
        margin-left: -10px;
        padding-left: 10px;
        border-radius: 0px 0px 3px 3px;
    }


.medical_record_element_template {
    display: none;
}
/*profile invoices end */
@media screen and (max-width: 400px) {
    .medical_record_element {
        margin: 18px -1px;
    }
        .medical_record_element .medical_record_download {
            margin-left: 10px;
        }

        .medical_record_element .record_doctor_name{
            max-width:150px;
        }
}