.sidebar_box
{
    background-color:white;
    height:48px;
    box-shadow: 0px 1px 6px #c5c5c5;
    border-radius:2px;
    margin-bottom: 4px;
    max-width:265px;
}
#sidebar ul li li .sidebar_box
{
    background-color: #e3e3e361;
    color: #000;
    font-weight: 400;
    /* max-width: 280px; */
    margin: 0px
}

.sidebar_box.active
{
    background-color: #009540 !important;
}
.sidebar_box.active a
{
    color: #fff !important;
}
.sidebar_box.show
{
    background-color: #009540 !important;
}
.about_sidebar_box
{
    height: auto;
    background-color:white;
    box-shadow: 0px 1px 6px #c5c5c5;
    border-radius:2px;
    margin-bottom: 4px;
    max-width:180px;
}
.about_sidebar_box.active
{
    background-color: #009540 !important;
}
/*.leftsidebar{
    height:700px;
}*/
.sidebarleft
{
    padding-top: 5px;
    text-align: center;
    width: 106px;
    float:left;

}
.sidebar_box a
{
    color:#424242;
    font-size:0.9em;
    font-weight:400;
}

.sidebarright
{
    padding-top:12px;
    float:right;
    width:120px;
    background-position:92% 88%;
    background-repeat:no-repeat;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff ;
}
.bg1
{
    background-image:url(../images/brandpage/arrow.png);
}
.bg2
{
    background-image:url(../images/brandpage/arrow_white.png);
}
.textright{
    padding-right: 20px;
    text-align: right;
    /*font-family:'Open Sans';*/
}


#sidebar {
    min-width: 200px;
    max-width: 200px;
    background: #ffffff;
    color: #fff;
    transition: all 0.3s;
}

.row.sidebar_box:hover {
    background-color: #009540;
    height: auto;
}

#sidebar ul li li .sidebar_box:hover {
    background-color: #009540;
    height: auto;
}