#treatment_create .detail_container {
    margin: 2%;
    background: #fff;
    padding: 2%;
    border-radius: 20px;
    border: solid 1px var(--action-color);
}

#treatment_create h3 {
    color: var(--action-color);
    font-size: var(--font-size-large);
    margin-bottom: 10px;
}

#treatment_create .medical_record_detail {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

#treatment_create .medical_record_detail .item {
    display: flex;
    min-width: 200px;
    margin-bottom: 10px;
    ;
}

#treatment_create .view_his_container {
    display: flex;
    justify-content: flex-end;
}
#treatment_create .view_his_container .btn-group>button{
    margin-left: 0px;
    margin-right: 0px;
}
#treatment_create .view_his_container .btn{
    background: #fff;
    border:solid 2px var(--primary-color);
    color: var(--primary-color);
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#treatment_create .form_container{
    display: flex;
    background: var(--bg-admin);
    margin-top: 20px;
    border-radius: 10px;
    padding: 5%;
    justify-content: center;
    flex-direction: column;
}
#treatment_create .form-section{
    margin-top: 10px;
}
#treatment_create .general .form-group input,
#treatment_create .general .form-group{
    width: 100px;
    min-width: 100px;
}

#treatment_create .form-head{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#treatment_create .custom-checkbox input[type="checkbox"]:checked+label::after{
    left: 3px;
    top:auto;
}

#treatment_create .btn_addTreatment{
    margin-top: 28px;
}

#treatment_create .save{
    justify-content: start;
}
#treatment_create .save .btn{
    /* max-width: 120px; */
    min-width: 120px;
    padding-left: 2px;
    padding-right: 2px;
    height: 42px;
    margin-top: 10px;
}

#treatments{
    overflow: scroll;
}

#medical_history .description{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}
#medical_history .description>div{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-left: 5px;
    margin-right: 5px;
}