.rightDivRefference{
    /* position: fixed; */
    /* background-color: red; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;

}
.ViewEployee{
    width: 98%;
    height: auto;
    background: #F5F5F5;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-top: 2em;
    /* padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em; */
}
.ViewEployee_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 1em;
    padding-bottom: 0.6em;
    margin-top: 1em;
}
.ViewEployee_head_user{
    padding-left: 1em;
    margin: 0px;
    color: #0473BA;
    height: auto;
}
.ViewEployee_head_action{
    padding-right: 2em;
    display: flex;
    align-items: center;
    height: auto;
}
.ViewEployee_head_action_add{
    padding: 0px;
    margin: 0px;
    margin-right: 0.3em;
    height: auto;
    cursor: pointer;

    /* background: #095789;
    border: 1px solid #D9D9D9; */

    color: #0473BA;
    /* font-size: 20px; */
}
.ViewEployee_head_action_addStaff{
    width: 100%;
    padding: 0.3em;
    padding-left: 2em;
    padding-right: 4em;
    margin: 0px;
    height: auto;
    cursor: pointer;

    background: #0473BA;
    border: 1px solid #D9D9D9;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;

    color: #FFFFFF;
}
.ViewEployee_listView{
    height: auto;
}

/*---------------------------------------------
        TABLE TITLE
    -----------------------------------------------*/
.StaffHead{
    display: flex;
    height: auto;
    margin-top: 1em;
}
.StaffHead_default{
    background-color: #D1DEE7;
    margin-left: 2px;
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    font-size: 14px;
/* 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;

    color: #666666; */
}
.StaffHead_no{
    width: 7%;
}
.StaffHead_name{
    width: 20%;
}
.StaffHead_branch{
    width: 10%;
}
.StaffHead_email{
    width: 24%;
}
.StaffHead_phone{
    
    width: 17%;
}
.StaffHead_role{
    
    width: 10%;
}
.StaffHead_date{
    
    width: 12%;
}

/*---------------------------------------------
        TABLE ROWS
    -----------------------------------------------*/
.StaffRow{
    display: flex;
    height: auto;
}
.StaffRow_default{
    background-color: white;
    margin-left: 2px;
    height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    border-right: 1px solid #959494;

    font-size: 14px;
    /* font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;


    color: #959494; */
}
.StaffRow_no{
    width: 7%;
    border-left: 1px solid #959494;
}