.employeeName {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.21px;
    color: #242526;
    width: auto;
    margin-left: 0;
}

.employeeSubTitle {
    font-size: 13px;
    line-height: 1.46;
    color: #121212;
    width: auto;
    margin-left: 0;
}

.rowTitle {
    width: 83%;
}

.rowImage {
    float: right;
    width: 10%;
}

.hideHeader {
    display: none;
}

.showHeader {
    display: block;
}

.headerPhotoDiv {
    width: 6%;
}

#employeeDetails .accordionBgColor {
    background-color: #f3f3f3 !important;
}

#employeeDetails .accordionPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#employeeDetails #accordion {
    width: 100%;
    padding: 20px 10px 20px 10px;
}

    #employeeDetails #accordion .card-header {
        border-radius: 10px;
    }

    #employeeDetails #accordion .accordion-title {
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 10px !important;
    }

        #employeeDetails #accordion .accordion-title i {
            height: 30px !important;
            margin-top: 20px !important;
        }

    #employeeDetails #accordion .card {
        width: 100%;
        margin-left: 0;
        border-radius: 10px;
        visibility: visible;
    }

    #employeeDetails #accordion .accordion-body {

        padding: 0;
    }

.pl-level1 {
    padding-left: 50px !important;
}

.pl-level2 {
    padding-left: 100px !important;
}

.pl-parent .accordionBorderColor, .p1-parent .accordionShadowEffect {
    border: solid 2px #163978 !important;
}

.pl-level1 .accordionBorderColor, .pl-level1 .accordionShadowEffect {
    border: solid 2px #fbcf05 !important;
}

.noheirarchy .accordionShadowEffect {
    border: solid 2px rgba(0, 32, 91, 0.66) !important;
}


#employeeDetails .rowHeaderSmall {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    letter-spacing: 0.1px;
}

#employeeDetails .rowValueSmall {
    font-size: 14px;
    line-height: 1.43;
}

#employeeDetails .headerPhoto {
    width: 40px;
    height: 45px;
    margin: 3px 27.5px 0 0;
    border-radius: 50%;
    min-height: 45px !important;
}

#employeeDetails .employeePhoto {
    width: 320px;
    height: 380px !important;
    margin: 0 70px 32px 0;
    border-radius: 5px;
}

#employeeDetails .rowHeader {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.67;
    letter-spacing: 0.13px;
}

#employeeDetails .rowValue {
    font-size: 16px;
    line-height: 1.56;
}

#employeeDetails .emptyRow {
    padding-bottom: 100px;
}

#employeeDetails .card img {
    min-height: 150px;
}

#employeeDetails .accordionShadowEffect {
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    border: solid 2px rgba(0, 32, 91, 0.66);
    background-color: #fff;
}

#employeeDetails .headerRow {
    padding-left: 15px;
    padding-right: 10px;
}

#boardMeetingInfoSection {
    margin: 0 10px 0 10px;
    border-radius: 10px;
}

@media (max-width: 450px) {
    .employeeName {
        font-size: 24px !important;
        margin-left: 5px !important;
    }

    #employeeDetails .employeePhoto {
        width: 160px;
        height: 190px !important;
    }

    #employeeDetails .emptyRow {
        padding-bottom: 30px;
    }

    .employeeSubTitle {
        margin-left: 5px !important;
    }

    .headerPhotoDiv {
        width: 15%;
    }

    .rowTitle {
        width: 80% !important;
    }

    .rowImage {
        width: 5%;
    }

    .pl-level1 {
        padding-left: 15px !important;
    }

    .pl-level2 {
        padding-left: 25px !important;
    }
}