﻿.RadPanelBar {
    font-size:small;
    border:none;
    border-color:transparent;
    line-height:30px !important;
    border-radius:15px;
    overflow:hidden;
}.RadPanelBar_Green .rpRootGroup {
     border:none;
    border-color: #aaaaaa; /**/
}

.RadPanelBar_Green .rpRootLink {
    border: none;
    border-color: #ebebeb;
    /*font-weight: bold;*/
    /*color: rgba(0, 107, 238, 0.60);*/
}

.RadPanelBar_Green {
    background: #444540;
    color: #e8e8e8;
    box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
    .RadPanelBar_Green a.rpLink,
    .RadPanelBar_Green div.rpHeaderTemplate,
    .RadPanelBar_Green .rpTemplate {
        /* color: #000;*/
        /*font: normal 12px/24px inherit;*/ 
    }

    .RadPanelBar_Green div.rpHeaderTemplate,
    .RadPanelBar_Green a.rpLink { /*منوهای بدون لینک*/                                 
        /*background-color: white;
        background-image: url('PanelBar/RootItemBg.png');
        border-top-color: #ebebeb;*/
        border:none;
    }

    .RadPanelBar_Green .rpOut {
        border: none;        
        border-color: #ebebeb; /**/
    }
    .RadPanelBar_Green .rpLink:hover{
        border: none;
        border-color: transparent /**/;
        background-color: #FBB601;
        color: white;
        transition: 300ms all;
    }
        .RadPanelBar_Green .rpLink:hover svg {
            fill:#FFF;            
        }
        .RadPanelBar_Green .rpLink.rpFocused, .RadPanelBar_Green .rpLink.rpSelected {
        /*border:none;
        border-color: #ebebeb; 
        color:black;*/
    }

    .RadPanelBar_Green .rpLink.rpExpanded,
    .RadPanelBar_Green div.rpFocused,
    .RadPanelBar_Green div.rpExpanded,
    .RadPanelBar_Green div.rpSelected {
        /*        background-color: #313131;*/
        /*color: #02aa1a;*/
        /*font-weight: bold;
        border-right:dashed 2px #000;*/
    }

/* <disabled items> */
/*.RadPanelBar_Green a.rpDisabled,
.RadPanelBar_Green div.rpDisabled,
.RadPanelBar_Green a.rpDisabled:hover {
  color: #bbb; }*/

/* </disabled items> */
/* <subitems> */
    .RadPanelBar_Green .rpGroup {
        background-color: rgba(0,0,0,0.01);
        /*border-right: dashed 2px rgba(0, 107, 238, 0.60);*/
        border-right: dashed 2px #FBB601;
        font-size: small;
    }
.RadPanelBar .rpGroup .rpLink {
    border: none;    
}
/*.RadPanelBar_Green .rpGroup a.rpLink,
.RadPanelBar_Green .rpGroup div.rpHeaderTemplate,
.RadPanelBar_Green .rpGroup .rpTemplate {
  color: #000;
  background-image: none;
  background-color: transparent; }*/
.RadPanelBar_Green .rpGroup a.rpLink:hover {
    background-color: #FBB601;
    color: black;
    transition: 300ms all;
}

/*.RadPanelBar_Green .rpGroup a.rpSelected,
.RadPanelBar_Green .rpGroup a.rpSelected:hover {
  color: red;border-color:transparent; }*/
.rpItem {
    padding: 0px;
    line-height: 35px;
    border-top: dashed 1px #3d3d3d;
    /*border-top: dashed 1px #4d4d4d;*/
}
.RadPanelBar .rpSlide {
    padding-right: 22px;
    width: unset;
    background-color: #303030;
}
.RadPanelBar .rpRootLink, .RadPanelBar .rpHeaderTemplate {
    margin-bottom: 0px;
}

.rpText {
        
}
    .rpText svg {
        transition: 500ms all;
        display: block;
        float: right;
        margin: 3px 0px 0px 8px;
        fill: #efefd2;
        width: 25px;
        height: 25px;
    }
.RadPanelBar > .rpRootGroup:first-child > .rpFirst {
    /*height: 57px;*/
    font-size: large;
    font-weight: bold;
    background-color: #3B3C38;
    color: #efefd2;
    line-height: 45px;
    border-top: none;
}
    .RadPanelBar > .rpRootGroup:first-child > .rpFirst:hover svg {
        transform: rotate(90deg);
        width: 24px;
        fill: #fff;
    }
    .RadPanelBar > .rpRootGroup:first-child > .rpFirst svg {
        fill: #efefd2;
        margin-top: 11px;
        width: 24px;
        height: 24px;
    }
.RadPanelBar .rpExpandHandle {
    top:12px;
}
.rpExpanded svg {
    fill: #FBB601 !important;
}
.rpExpanded .rpText {
    color: #FBB601 !important;
}
.rpExpanded {
    background-color: #303030 !important;
}