.ClientContainer{
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.ClientContainer_field{
    height: auto;
    font-size: 0.8em;
    margin: 0.2em;
    /* background-color: hotpink; */
    /* text-align: center; */
    width: 14%;


    
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    
    
    color: #000000;
}
/* .ClientContainer_name{
    height: auto;
    width: auto;
    color: green;
} */

.hr{
    background: #C4C4C4;
}
.ClientContainer_action{
    height: auto;
    width: 14%;
    /* background-color: rgb(98, 228, 23); */


}
.ClientContainer_action_opt{
    height: auto;
    display: flex;
    /* background-color: blue; */
    justify-content: center;
    /* width: fit-content; */
}
.ClientContainer_action_edit{
    height: auto;
    /* border: 1px solid rgba(0, 0, 0, 0.123); */
}
.ClientContainer_action_delete{
    height: auto;
    /* border: 1px solid rgba(0, 0, 0, 0.123); */
    margin-left: 0.3em;
}



/* For client header */
.ClientHead{
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /* flex-flow: column; */
}
.ClientHead_field{
    height: auto;
    /* font-weight: bold; */
    /* font-size: 1em; */
    margin: 0.2em;
    width: 14%;

    font-family: 'Verdana';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    /* background-color: grey; */
/* identical to box height */


color: #000000;
}
/* .ClientHead_name{
    height: auto;
    width: auto;
    color: green;
} */
.ClientHead_action{
    text-align: center;
}


@media screen and (max-width: 555px) {
    .ClientContainer{
        flex-flow: column;
    }
    .ClientHead{
        flex-flow: column;
    }
}