/*RadMenus*/




.RadMenu, .RadMenu ul.rmRootGroup {
    background-color: transparent !important;
    background-image: none !important;
    color: White !important;
    width: 100% !important;
}

    .RadMenu .rmVertical a.rmLink {
        background-color: #009ADE !important;
        background-image: none !important;
        color: White !important;
        font-size: 14px !important;
    }

    .RadMenu .rmSeparator {
        height: 1px;
    }

.rmRootGroup, .rmGroup {
    border-color: transparent !important;
    border-width: 0px !important;
}



.rmRootLink {
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 36px !important;
    background-image: none !important;
    color: White !important;
}

    .rmRootLink i:before {
        color: white !important;
    }

header.fh_windowscroll .rmRootLink {
    font-size: 14px !important;
    line-height: 24px !important;
}

div.rmText {
    padding-left: 30px !important;
}

.RadMenu .rmVertical .rmText:hover {
    background-color: rgba(255, 255, 255, 0.20);
    background-image: none !important;
}

.RadMenu li a.lvlT:hover {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.20)
}

.RadMenu li a.lvlT.rmExpanded {
    background-color: rgba(255, 255, 255, 0.20)
}

.rmLink .rmExpandRight {
    background-image: url('/common/images/arrows/arrow_white.gif') !important;
    background-position: right !important;
}

.rmExpanded .rmExpandRight, .RadMenu .rmVertical .rmText:hover {
    background-image: url('/common/images/arrows/arrow_white.gif') !important;
}


.rmLevel1 {
    padding-top: 1px !important;
}

.NoLink > a {
    cursor: default !important;
}

li.rmLast {
    float: right !important;
}

.MobileMenu .icon-home:after {
    content: "Home";
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    margin: auto;
    position: relative;
    top: 2px;
}



/*admin user bar */



.userPanel1 .name, .userPanel1 .org {
    font-size: 20px;
}



.userPanel1 div {
    text-align: left;
}

.userPanel1 .content {
    padding-left: 25px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
}

.userPanel1 .links a {
    color: #434A54 !important;
    text-decoration: none !important;
    padding-left: 5px;
    font-size: 13px;
}

    .userPanel1 .links a:hover {
        text-decoration: underline !important;
        color: #009ADE !important;
    }

        .userPanel1 .links a:hover i {
            color: #009ADE !important;
        }

.userPanel1 div.h2 {
    margin-top: 10px;
    color: #434A54;
    font-weight: bold;
    font-size: 14px;
}

.userPanel1 .rtWrapperContent, .mmPanel .rtWrapperContent {
    padding: 0px !important;
}

.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
    font-size: 10px;
}

.rcbAdmin .col1, .rcbAdmin .col2, .rcbAdmin .col3 {
    margin: 0;
    padding: 0 5px 0 0;
    width: 110px;
    line-height: 14px;
    float: left;
}


.rcbAdmin .col1 {
    width: 50px;
}

.rcbAdmin .col2 {
    width: 100px;
}

.rcbAdmin .col3 {
    width: 50px;
}

.userPanel1 .hd, .mmPanel .hd {
    font-family: 'Segoe UI', Arial, sans-serif !important;
    background-color: #434A54;
    color: #44C7F4;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.userPanel1 div.signout:hover {
    color: #434A54;
    background-color: #44C7F4;
}

.userPanel1 .hd span, .mmPanel .hd span {
    margin-left: 12px;
}

.userPanel1 div.signout {
    padding-left: 25px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #434A54;
    font-weight: bold;
}

    .userPanel1 div.signout i {
        padding-right: 5px;
    }





#adminuserbar_main {
    text-align: right;
    color: white !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding-top: 5px;
    padding-right: 20px;
}

header.fh_windowscroll div#adminuserbar_main {
    xpadding-top: 10px;
}

#adminuserbar_main a, #adminmenumode_main a {
    color: white !important;
    text-decoration: none !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
}

#adminuserbar_main > div {
    float: left;
    padding-right: 15px;
}

#adminuserbar_main a, #adminmenumode_main a {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* menumode*/

.menu_mode {
    border: 1px solid black;
    height: 50px;
    padding: 3px;
    cursor: pointer;
}

    .menu_mode:hover {
        background-color: #44C7F4;
    }

.menu_mode_label {
    font-size: 14px !important;
    font-weight: bold;
}

.menu_mode_desc {
    font-size: 11px !important;
}



.icon-remove-circle:before {
    color: white;
    padding-right: 3px;
}

.icon-sort-down:before {
    padding-left: 3px;
    color: white;
}

.rmRootToggle {
    color: #009ADE !important;
}


@media (max-width: 768px) and (max-height : 768px) {

    #adminuserbar_main a, #adminmenumode_main a {
        xfont-size: 1.3em !important;
    }

    #adminuserbar_main > div {
        float: none;
        margin-bottom: 5px;
    }

    #adminuserbar_main {
        padding-top: 5px;
        padding-right: 2px;
    }

    header.fh_windowupscroll div.hdr_menu_clr {
        display: none;
    }

    header.fh_windowupscroll div.hdr_menu {
        float: right;
    }


    header.fh_windowupscroll #adminuserbar_main {
        display: none;
    }

    .MobileMenu {
        float: left !important;
    }

    header.fh_windowupscroll {
        float: right !important;
    }


    .RadMenuPopup .rmLink, .RadMenuPopup .rmParentItem {
        width: 100% !important;
        padding: 0.571em .05em .571em 20px !important;
        box-sizing: border-box !important;
        line-height: 40px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
    }

    .RadMenuPopup .rmItem.rmParentItem:before {
        left: -.2em !important;
        visibility: visible;
    }

    .RadMenuPopup .rmItem.rmParentItem {
        visibility: hidden;
    }

        .RadMenuPopup .rmItem.rmParentItem:after {
            content: "Back";
            margin: auto;
            position: absolute;
            top: 8px;
            visibility: visible;
        }



    .RadMenuPopup {
        z-index: 99999 !important;
    }

        .RadMenuPopup .rmItem {
            padding-right: 2.43em;
            border-top-width: 1px;
            border-color: #d3d7df;
            border-top-style: solid;
            position: relative;
        }

    .MobileMenu .rmRootToggle {
        width: 40px !important;
        height: 40px !important;
    }

        .MobileMenu .rmRootToggle:before {
            font-size: 1.5em !important;
        }
}