.RadPanelBar_ezMetro {
    color: #767676;
    font-size: 13px/22px;
    font-weight: normal;
}

/* 1st background bkg fonts*/

.RadPanelBar_ezMetro .rpLink,
.RadPanelBar_ezMetro .rpHeaderTemplate {
    border-color: #d7d7d7;
    color: #fff;
    background-color: #253242;
    font-weight: 300;
    letter-spacing: .7pt;
    /* 1st line height*/
    line-height: 30px;
}
.RadPanelBar_ezMetro .rpLink:hover,
.RadPanelBar_ezMetro .rpHeaderTemplate:hover {
    color: #fff;
    background-color: #006495;
}

/* 1st selected hover bar */

.RadPanelBar_ezMetro .rpLink.rpExpanded:hover,
.RadPanelBar_ezMetro .rpHeaderTemplate.rpExpanded:hover {
    color: #fff;
    background-color: #006495;
}

/* 1st selected bar */

.RadPanelBar_ezMetro .rpLink.rpFocused,
.RadPanelBar_ezMetro .rpHeaderTemplate.rpFocused {
    color: #fff;
    background-color: #006495;
}

/* 2nd level*/

.RadPanelBar_ezMetro .rpImage {
    margin-top: 3px;
}
.RadPanelBar_ezMetro .rpOut {
    border-color: transparent;
}
.RadPanelBar_ezMetro .rpGroup .rpItem .rpLink,
.RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate {
    border: 0;
    background: none;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    box-shadow: none;
    color: #333;
}

/* 2nd selected click away */

.RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpSelected,
.RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
    color: #666;
    background-color: #ebebeb;
    background-position: 0 -1000px\9;
}
.RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpExpanded,
.RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpExpanded {
    color: black;
    background-color: rgba(102, 142, 69, .5)
}

/*/*------------------------Panel Bar Icons/*------------------*/
.RadPanelBar .rpExpandable .rpExpandHandle, .RadPanelBar .rpExpanded .rpExpandHandle{
    margin-top:0px !important;
}
.RadPanelBar_ezMetro .rpExpandable .rpExpandHandle:before {
    content: "\f104";
    font-size: 14px;
    font-family: "Ionicons";
    color: inherit;
}
.RadPanelBar_ezMetro .rpExpandable.rpExpanded .rpExpandHandle:before {
    content: "\f10d";
}
.RadPanelBar .rpText {
    padding: 0px 10px !important;
}

/*----------------------------------------------------------------changes-------- */

#contentwrapperin .RadPanelBar_ezMetro {
    color: #767676;
    font: normal 13px/22px "pt_sansregular", "Segoe UI", Arial, Helvetica, sans-serif;
}

/* 1st selected bar */

#contentwrapperin .RadPanelBar_ezMetro .rpLink.rpFocused,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate.rpFocused {
    color: #fff;
    background-color: #02253E;
}

/*-----change this----*/


/* 2nd level*/

#contentwrapperin .RadPanelBar_ezMetro .rpImage {
    margin-top: 3px;
}
#contentwrapperin .RadPanelBar_ezMetro .rpOut {
    border-color: transparent;
}
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate {
    border: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    box-shadow: none;
    letter-spacing: normal;
}

/* 2nd level hover*/


/* 2nd selected click away */

#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpSelected,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
    color: #666;
    background-color: #ebebeb;
}
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpExpanded,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpExpanded {
    color: black;
    background-color: rgba(102, 142, 69, .5)
}

/* 2nd level selected then drops from here */


/* 2nd level selected */

#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpFocused,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpFocused {
    color: #333! background-color: #ccc;
}