.navbar {
    padding: 3px;
}

.brand-link {
    padding: 0.29rem;
}

.card-body {
    background-color: #FFF !important;
}


.employeeinfo {
    padding: 0.1rem;
    border-bottom: 0px;
    border-top: 0px;
}

.empdirInfo {
    padding-bottom: 0px;
}

.empDirName {
    color: #FFF !important;
}

.empdirpost {
    color: #FFF !important;
}

.empdircard {
    background-color: #86B8A5 !important;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

#exTabList1 li.active {
    background-color: #fff;
    /*border-bottom: 3px solid #820C59;*/
    text-align: center;
    color: #000;
    text-decoration: none;
    height: 40px !important;
}

    #exTabList1 li.active:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-top: 6px solid #820C59;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }

    #exTabList1 li.active a {
        background-color: #fff;
        height: 40px !important;
        border-bottom: 3px solid #820C59;
    }

#exTabList1 li a {
    padding: 10px 10px 12px !important;
}


#exTab1 .tab-content {
    background-color: #fff;
    padding: 5px 15px;
}



/* remove border radius for the tab */
#exTab1 .nav-pills > li > a {
    border-radius: 0;
}