/*---MobileMenu---*/
.treeview li {
    list-style-type: none;
}

.MobileMenu .treeview, .MobileMenu .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #272d32;
    display: block;
}

    .MobileMenu .treeview ul {
        margin: 0;
        padding: 0;
    }

    .MobileMenu .treeview .hitarea {
        cursor: pointer;
    }

        .MobileMenu .treeview .hitarea:before {
            height: 40px;
            width: 50px;
            cursor: pointer;
            position: absolute;
            right: 0px;
            line-height: 40px;
            content: "\f107";
            font-family: FontAwesome;
            color: #fff;
            font-size: 18px;
            text-align: left;
            line-height: 45px;
            padding: 0 0 0 10px;
        }

    .MobileMenu .treeview .expandable-hitarea:before {
        content: "\f107";
    }
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float: none;
}

.MobileMenu .treeview li {
    list-style-type: none;
    border-bottom: 1px solid #414a52;
}

    .MobileMenu .treeview li li {
        border: none;
    }

    .MobileMenu .treeview li a {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        display: block;
        padding: 13px 20px;
        text-transform: none;
        font-family: raleway;
        background: #31383e;
        transition: none;
    }

.MobileMenu .treeview ul li a {
    font-weight: 400;
    font-size: 13px;
    padding-left: 30px;
    border: none;
    color: #ccc;
    background-color: transparent;
}

    .MobileMenu .treeview ul li a:before {
        content: "-";
        margin: 0 5px 0 0;
    }

.MobileMenu .treeview ul li li a {
    padding-left: 45px;
}

.MobileMenu .treeview ul li li li a {
    padding-left: 60px;
}

.MobileMenu .treeview a.selected {
    color: #FF6600;
}

.MobileMenu .treeview a:hover {
    color: #FF6600;
    cursor: pointer;
}


.MobileMenu .treeview li li.collapsable a {
    background: none;
    color: #ccc;
}

    .MobileMenu .treeview li li.collapsable a:hover {
        color: #FF6600;
    }

.MobileMenu .treeview li.collapsable ul a {
    background: inherit;
    color: #ccc;
}

    .MobileMenu .treeview li.collapsable ul a:hover {
        color: #FF6600;
    }

.MobileMenu .treeview li li a.selected {
    color: #FF6600;
    background: none;
}

    .MobileMenu .treeview li li a.selected:hover {
        color: #FF6600;
    }

/*---LeftMenu---*/
.MenuName {
    background: #E2E4E4;
    color: #555;
    font-size: 14px;
    padding: 12px 0 12px 20px;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
}

    .MenuName:before {
        content: "\f0c9";
        font-family: FontAwesome;
        padding: 0 10px 0 0;
        color: rgb(21,44,115);
        font-size: 18px;
    }


.LeftMenu .treeview, .LeftMenu .treeview ul {
    padding: 0;
    margin: 0px;
    list-style: outside none none;
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #E6E6E6;
}

    .LeftMenu .treeview ul {
        margin: 0;
        padding: 0;
        border: none;
    }

    .LeftMenu .treeview .hitarea {
        cursor: pointer;
    }

        .LeftMenu .treeview .hitarea:before {
            height: 40px;
            width: 40px;
            cursor: pointer;
            position: absolute;
            right: 10px;
            content: "-";
            font-family: FontAwesome;
            font-size: 24px;
            text-align: center;
            line-height: 50px;
        }

    .LeftMenu .treeview li .hitarea:before {
        color: #333;
    }

    .LeftMenu .treeview li .expandable-hitarea:before {
        content: "+";
        color: #333;
        font-size: 18px;
    }
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float: none;
}

.LeftMenu .treeview li {
    list-style-type: none;
}

    .LeftMenu .treeview li a {
        font-size: 14px;
        font-weight: 500;
        display: block;
        padding: 15px 20px;
        border-top: 1px solid #E6E6E6;
        color: #555;
        text-transform: none;
        font-family: open sans;
    }

    .LeftMenu .treeview li:first-child a {
        border-top: none;
    }

    .LeftMenu .treeview li:first-child li a {
        border-top: 1px solid #E6E6E6;
    }

.LeftMenu .treeview ul li a {
    font-weight: 400;
    font-size: 13px;
    padding-left: 30px;
}

.LeftMenu .treeview ul li li a {
    padding-left: 45px;
}

.LeftMenu .treeview ul li li li a {
    padding-left: 60px;
}

.LeftMenu .treeview a.selected {
    color: #fff;
    background: rgba(0,0,0,0.1);
}

    .LeftMenu .treeview a.selected:hover {
        color: #fff;
    }

.LeftMenu .treeview a:hover {
    color: rgb(21,44,115);
    cursor: pointer;
    background: rgba(0,0,0,0.1)
}

.LeftMenu .treeview li a.current,
.LeftMenu .treeview li.collapsable a {
    background: rgba(0,0,0,0.1);
    color: rgb(21,44,115);
}

.LeftMenu .treeview li.collapsable ul a {
    background: inherit;
    color: #31383E;
}

    .LeftMenu .treeview li.collapsable ul a:hover {
        color: rgb(21,44,115);
        background: #f5f5f5;
    }

.LeftMenu .treeview li li a.selected {
    color: rgb(21,44,115);
    background: none;
}



@media handheld, only screen and (max-width:767px) {
    .LeftMenu {
        display: none;
    }
}