

    .RPMHeader {
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        font-size: 18px;
        line-height: 1.2285;
    }
    #header > :first-child, aside
    {
        width:auto;
    }
#header {
height:54px;
box-shadow: 1px 2px rgba(0,0,0,0.15), 0px 2px 3px rgba(0,0,0,0.15);
}
.iconCommon {
    font-size: 30px !important;
}
.hideMobile {
    display: inline-block !important;
}

.showMobile {
    display: none !important;
}
@media all and (max-width:900px) {

    .hideMobile {
      
        display:none!important;
    }

    .showMobile {
    display:inline-block!important;
    }
    
}
@media all and (max-width:450px) {

    .hideSmallMobile {
        display: none !important;
    }

    .showSmallMobile {
        display: inline-block !important;
    }
}
@media all and (max-width:900px) {
    .RPMHeader {
        font-size: 18px;
    }
}

.searchAllText {
    width: 300px;
    margin-right: 0;
    margin-top: -3px;
    font-family:Barlow, !important, sans-serif;
}

/*Menu*/
@media all and (min-width:0px) {
    /*Applies to all media sizes*/


    .menu-on-top nav > ul > li > ul > li > a, .menu-on-top nav > ul > li > ul > li > ul > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    nav ul {
        font-size: 18px !important;
    }

        nav ul li a {
            padding: 5px 10px 5px 10px !important;
            font-size: larger;
        }

    .buttonMenuPanel {
        margin-left: 5px;
        margin-right: 5px;
    }

        .buttonMenuPanel > span > a > li {
            display: inline-block;
            width: 100%;
            height: 100%;
        }

    .MenuPanel {
        /*max-width:285px;*/
        width: auto;
        margin-left: -700px;
        position: fixed;
        z-index: 1000;
        direction: ltr;
        margin-top: 5px;
        left: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }

    .menuHeader {
        font-size: 18px !important;
        padding-left: 10px !important;
    }

        .menuHeader > a, .menuItem > a {
            display: inline-block;
            width: 100%;
            height: 100%;
            padding: .75rem !important;
            font-size: 20px;
        }

    .menuItemHeader {
        font-size: 18px !important;
        margin-left: 15px;
        padding-left: 5px;
        /*width:auto;*/
    }

    .menuItem, .menu-item-parent {
        font-size: 18px !important;
        padding-left: 20px;
    }

    .menuItemChild {
        padding-left: 10px;
    }

    .menuItem {
        width: 100%;
    }

        .menuItem > span .badge {
            position: relative !important;
        }



    a[aria-expanded="true"] i {
        transform: rotate(90deg);
        padding-top: 5px;
    }

    /*media screen*/
    .menu-on-top .menu-item-parent + span {
        top: 10px;
        right: 5px;
        position: relative;
        margin-right: 0px;
        float: right !important;
    }


    .panel-body {
        padding: 2px !important;
    }





    .btn-header, .btn-header > span > a > i {
        cursor: pointer;
    }

    #hide-menu > :first-child > a {
        /*width:20px!important;*/
        /*height:20px!important;*/
    }

    .menu-on-top #hide-menu {
        display: block !important;
        padding-left: 10px;
    }

    .menu-on-top.hidden-menu #left-panel {
        display: block;
    }

    .menu-on-top #main {
        /*margin-left: 0px !important;
        margin-top: 69px !important;*/
    }

    .smart-rtl.menu-on-top .menu-item-parent {
        text-align: left !important;
        max-width: 300px !important;
    }

    .smart-rtl body, body.smart-rtl {
        direction: ltr !important;
    }

    .smart-rtl.hidden-menu #left-panel {
        left: 0px;
        right: auto;
        width: auto;
    }

    .menu-on-top aside#left-panel nav {
        width: 300px;
        height: auto !important;
        overflow: scroll;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }

    .menu-on-top .menu-item-parent {
        white-space: inherit;
        overflow: visible;
        text-overflow: inherit;
        text-align: left;
        min-width: 85%;
        max-width: 85%;
        padding-left: 5px;
        padding-right: 8px;
    }

    .menu-on-top #left-panel {
        left: 0px;
        display: none;
    }

    .menu-on-top aside#left-panel, .menu-on-top aside#left-panel:hover {
        width: 290px !important;
        /*background:none;*/
        /*background-color:transparent!important;*/
        direction: ltr;
        background-repeat: repeat;
        box-shadow: none;
        background: none !important
    }
    /*media screen*/
    .navbar-collapse {
        overflow-x: visible;
        padding-right: 13px;
        border-top: 1px solid transparent;
        box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
        -webkit-overflow-scrolling: touch;
        padding-left: 0px !important;
    }
}


