#secNav {
    width: 240px;
}

#secNav .navTitle {
    color: #fff;
    font-size: 18px;
    width           : 100%;
    text-align      : center;
    line-height     : 48px;
    background-color: #d59736;
}

#secNav .navMain {
    display: flex;
}

#secNav .navMain .tirango {
    width        : 0;
    height       : 0;
    border-top   : 8px solid #b49a25;
    border-right : 8px solid #b49a25;
    border-left  : 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#secNav .navMain .secNavList {
    padding: 12px 0;
    width     : 212px;
    background: #f2f2f2;
}

#secNav .navMain .secNavList .navItem {
    font-size: 16px;
    display    : flex;
    width      : 100%;
    text-align : center;
    line-height: 60px;
    padding:0 25px;
    /* margin  : auto; */
}

#secNav .navMain .secNavList .navItem .selectedIcon {
    /* width : 10px;
    height: 16px; */
    margin-top:23px;
    width: 0;
    height: 0;
    border-left   : 8px solid transparent;
    border-right : 8px solid transparent;
    border-top  : 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.iconSelected>.selectedIcon{
    width: 0;
    height: 0;
    border-left   : 8px solid #b49a25 !important;
    border-right : 8px solid transparent;
    border-top  : 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.iconSelected>.navName{
 font-weight: bold;
}  
.navName:hover{
    cursor:pointer
}