/* Sample specific styles*/
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    #wrapper .icon-menu {
        font-size: 24px;
    }
    @media(max-width:500px) {
        #wrapper #maintext.main-content {
            height: 800px;
        }
    }
    #wrapper .sidebar-menu {
        z-index: 20 !important;
    }
    /* Specific styles for Menu container element*/
    #wrapper .dock-menu.e-menu-container {
        border: 0px;
    }
    .e-bigger .e-folder {
        font-size: 18px;
    }
    .e-folder {
        text-align: center;
        font-weight: 500;
        font-size: 16px
    }
    /* Specific styles for Right side pane elements*/
    #maintext.main-content {
        height: 500px;
    }
    #wrapper .sidebar-menu .e-menu-container {
        border: 0px;
        height: 500px;
    }
    #maintext .content {
        padding: 15px;
    }
    #maintext .paragraph-content {
        padding: 15px 0;
        font-weight: normal;
        font-size: 14px;
        text-align: initial;
    }
    .e-bigger #maintext .paragraph-content {
        font-size: 16px;
    }
    #maintext .sidebar-heading {
        font-size: 16px;
        font-weight: 500;
    }
    .e-bigger #maintext .sidebar-heading {
        font-size: 18px;
    }
    /* Specifies the styles for Menu component */
    .sidebar-menu .e-menu-container ul .e-menu-item.e-menu-caret-icon {
        width: 220px;
    }
    .e-close .e-menu-container ul .e-menu-item {
        width: 50px;
    }
    .e-close ul .e-menu-item.e-menu-caret-icon {
        padding-right: 12px;
    }
    .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item .e-caret {
        display: none;
    }
    .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item.e-menu-caret-icon,
    .sidebar-menu.e-dock.e-close .e-menu-container ul.e-vertical {
        min-width: 0;
        width: 50px !important;
    }
    .sidebar-menu.e-dock.e-close .e-menu-container ul.e-menu {
        font-size: 0;
    }
    .sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon {
        font-size: 20px;
        padding: 0;
    }
    /* Clip only the in-sidebar rail. Flyout ul.e-ul must stay visible so items are not cut off. */
    #wrapper .sidebar-menu,
    #wrapper .sidebar-menu .e-menu-wrapper,
    #wrapper .sidebar-menu .e-menu-container > ul.e-menu {
        overflow: hidden;
    }
    /* Sample specific icon styles */
    @font-face {
        font-family: 'fontello';
        src: url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+IklCAAABUAAAAFZjbWFwkivVUAAAAagAAAISY3Z0IAbX/wIAABFMAAAAIGZwZ22KkZBZAAARbAAAC3BnYXNwAAAAEAAAEUQAAAAIZ2x5ZmjN+4gAAAO8AAAJRGhlYWQUVp+lAAANAAAAADZoaGVhB+UEBwAADTgAAAAkaG10eC8e//EAAA1cAAAANGxvY2EOPhBsAAANkAAAABxtYXhwAPsL9gAADawAAAAgbmFtZcydHyEAAA3MAAACzXBvc3ReFbn+AAAQnAAAAKVwcmVw5UErvAAAHNwAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEDoAGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOgB6BIDUv9qAFoDUwCXAAAAAQAAAAAAAAAAAAUAAAADAAAALAAAAAQAAAFyAAEAAAAAAGwAAwABAAAALAADAAoAAAFyAAQAQAAAAAYABAABAALoCegS//8AAOgB6BD//wAAAAAAAQAGABYAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAoAAAAAAAAAAMAADoAQAA6AEAAAABAADoAgAA6AIAAAACAADoAwAA6AMAAAADAADoBAAA6AQAAAAEAADoBQAA6AUAAAAFAADoBgAA6AYAAAAGAADoBwAA6AcAAAAHAADoCAAA6AgAAAAIAADoCQAA6AkAAAAJAADoEAAA6BAAAAAKAADoEQAA6BEAAAALAADoEgAA6BIAAAAMAAAAAv/9/2oDWQNSACYATQA8QDlFQj8NBwUGAAFLSEY+DgUDACIaAgIDA0cAAAEDAQADbQABAQxIAAMDAlgAAgINAkksKyAeFxIEBRYrET4BNzYXNjc1PgEyFhcTNhceAQcOAQcOAgcVFAYHISImJzU0LgE3HgIXITU+ATc+AT8BMjY3NicuAQ4BBxEuAScOAQcVJgcmBgcmBgJKSTNEGSACRmtEBQFeTDc2FxdwFRciUhEmGf6lGiQDHBY+AhYcAQFbEG4NFUIWRQQGAQQNFkg8WBYCIhwYIgMxOhpCDj46AaM8TAQrChAGazVMSDn+7y0cE3Y4FhALDipMFpsZJAMmGqochHQdN2x6FwMmYhMZIAQNAgQVGiMOFiIDAW0bJAICJBu/MTsQEhsJOAAAAgAA/2oDxANTAAwANAA/QDwaDQIBBgABAgACRwABBgMGAQNtBQEDAAYDAGsAAAIGAAJrAAYGDEgAAgIEWAAEBA0ESR8iEiMjExIHBRsrBTQjIiY3NCIVFBY3MiUUBisBFAYiJjUjIiY1PgQ3NDY3JjU0PgEWFRQHHgEXFB4DAf0JITABEjooCQHHKh36VHZU+h0qHC4wJBIChGkFICwgBWqCARYiMDBgCDAhCQkpOgGpHSo7VFQ7Kh0YMlReiE1UkhAKCxceAiIVCwoQklROhmBSNAACAAD/sQLKAwwAFQAeACVAIgAFAQVvAwEBBAFvAAQCBG8AAgACbwAAAGYTFxERFzIGBRorJRQGIyEiJjU0PgMXFjI3Mh4DAxQGIi4BNh4BAspGMf4kMUYKGCo+LUnKSipCJhwIj3y0egSCrIRFPFhYPDBUVjwoAUhIJj5UVgHAWH5+sIACfAAABP///7EELwMLAAgADwAfAC8AVUBSHRQCAQMPAQABDg0MCQQCABwVAgQCBEcAAgAEAAIEbQAGBwEDAQYDYAABAAACAQBgAAQFBQRUAAQEBVgABQQFTBEQLismIxkXEB8RHxMTEggFFysBFA4BJjQ2HgEBFSE1NxcBJSEiBgcRFBY3ITI2JxE0JhcRFAYHISImNxE0NjchMhYBZT5aPj5aPgI8/O6yWgEdAR78gwcKAQwGA30HDAEKUTQl/IMkNgE0JQN9JTQCES0+AkJWQgQ6/vr6a7NZAR2hCgj9WgcMAQoIAqYIChL9WiU0ATYkAqYlNAE2AAEAAP9pBJsDUQAUAB5AGwwGAgABAUcIAQBEAAABAHAAAQEMAUkcIwIFFisBFAYEJyInFwU+AT8BJjU0NiQgBBYEm57+8KB6cAL+myw2BARqngEQAT4BEpwBgX7WfgEnA2s7hicmeJJ+1nx81gAAAAACAAD/nwOPAx0ABQAOAD5AOwQBAAIBRwMBAEQFAQIDAAMCAG0AAABuBAEBAwMBUgQBAQEDWAADAQNMBwYAAAsKBg4HDgAFAAURBgUVKwkBIREBERMyNi4CDgEWAYUCCv6N/fbMLEACPFw6BEIDHf32/owCCwFz/so+WD4CQlRCAAEAAP+fAx8DHQAMACNAIAkHAgEAAUcIAQFEAgEAAQBvAAEBZgEABgQADAEMAwUUKwEyFhAGJyInBzcmEDYBmaLk5KIqMrsBceYDHeT+vOYBDH3lcwFC5AAD//X/8gQgAssAGQAiACwANkAzAAEAAwUBA2AABQAEAgUEYAYBAgAAAlQGAQICAFgAAAIATBsaKyomJR8eGiIbIhwXBwUWKwEWBw4CBwYgJy4CJyY3PgI3NiAXHgIFMjY0JiIGFBY3FAYuAjY3MhYEChYWBzZ8QXD+1XBAfjQIFhYGNn5AcQEpcUB+Nv4HS2pql2pqtDxYPAJAKis8AXwdHgtGgixQUC2ASAodHgtGgCxSUi1+SN9sl2pql2y3Kz4COlo4BD4AAAQAAP9+A8ADPgAIACEAVQBjALNAFRMMAgQAJQECBCAcAgMCWlYCBQMER0uwDFBYQCYABAACAAQCbQACAwACA2sAAwUFA2MGAQAADEgABQUBWQABAQ0BSRtLsBhQWEAnAAQAAgAEAm0AAgMAAgNrAAMFAAMFawYBAAAMSAAFBQFZAAEBDQFJG0AlBgEABABvAAQCBG8AAgMCbwADBQNvAAUBAQVUAAUFAVkAAQUBTVlZQBMBAFlXSEc4NhkYBQQACAEIBwUUKwEyABAAIAAQAAE0JicGFx4BPwIWDgEXFjMeARcWBwYXNgEOAQcyHwEeAhcWBhQWFRQWFRQWMzI2JjU0PgE3Ni4EIy4BBiY1ND4BNz4CNz4BAxYzMjcmBwYPAQYjDgEB4MgBGP7o/nL+5gEaAmCcfBICBBwQIBQWLC4WIj4cHgIKGBYkVv4ucK4oBhAcDBwUAgQkTBBIEAoCBhpeCBAOFDAiKAIQNBQiHigICBIaDgQqQkI+gGIaXBgpL0oCDBwDPv7m/nL+6AEYAY4BGv4ghNYqGAgmGgYMAhguQixAAkQgUDwsIHACHg6MaAIDAQYKCAxCOjQUHFAEDFQsQAggVDgSIjYgGAoIBgIIHg4KIigKDg4SDAQa/PAURCwKAg8REAIYAAAAAAIAAP++AsoDCwAFACIAMkAvFAUDAgQCAAFHAwECAAJwBAEBAAABVAQBAQEAVgAAAQBKBwYYFhIQBiIHIRAFBRUrASERAR8BEzIXHgEXERQGBwYjIi8BBwYjIicuATURNDY3NjMCg/3EAR4y7AcMDBMUARYSCg4bFPb2FBoNDBIWFhIMDQLD/UsBEi/jAv0FCB4U/TETIAcEEuzsEwUHIBMCzxMgBwUAAAEAAP++AsoDCwAcACFAHg4BAQABRwMBAAEAbwIBAQFmAQASEAwKABwBGwQFFCsBMhceARcRFAYHBiMiLwEHBiMiJy4BNRE0Njc2MwKKDAwTFAEWEgoOGxT29hQaDQwSFhYSDA0DCwUIHhT9MRMgBwQS7OwTBQcgEwLPEyAHBQAAAwAA//YD7QLGAAwAGQAmACxAKQAFAAQDBQRgAAMAAgEDAmAAAQAAAVQAAQEAWAAAAQBMMzQzNDMyBgUaKzcUFjMhMjY0JiMhIgYTFBYzITI2NCYjISIGExQWMyEyNjQmIyEiBkQqHgMZHioqHvznHSwBKh4DGR4qKh785x0sASoeAxkeKioe/OcdLD4eKio8KioBAh4qKjwqKgECHioqPCoqAAABAAAAAQAAEVNluF8PPPUACwPoAAAAANhTrgIAAAAA2FOuAv/1/2kEmwNTAAAACAACAAAAAAAAAAEAAANS/2oAAASb//X/9ASbAAEAAAAAAAAAAAAAAAAAAAANA+gAAANN//0D6AAAAsoAAAQv//8EmwAAA6AAAAMxAAAEFf/1A8AAAALKAAACygAABDEAAAAAAAAAlgEAAUQBvgH2AjYCYgLGA7wEEARQBKIAAQAAAA0AZAAEAAAAAAACABAAIABzAAAAZgtwAAAAAAAAABIA3gABAAAAAAAAADUAAAABAAAAAAABAAgANQABAAAAAAACAAcAPQABAAAAAAADAAgARAABAAAAAAAEAAgATAABAAAAAAAFAAsAVAABAAAAAAAGAAgAXwABAAAAAAAKACsAZwABAAAAAAALABMAkgADAAEECQAAAGoApQADAAEECQABABABDwADAAEECQACAA4BHwADAAEECQADABABLQADAAEECQAEABABPQADAAEECQAFABYBTQADAAEECQAGABABYwADAAEECQAKAFYBcwADAAEECQALACYByUNvcHlyaWdodCAoQykgMjAxOSBieSBvcmlnaW5hbCBhdXRob3JzIEAgZm9udGVsbG8uY29tZm9udGVsbG9SZWd1bGFyZm9udGVsbG9mb250ZWxsb1ZlcnNpb24gMS4wZm9udGVsbG9HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEAOQAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AZgBvAG4AdABlAGwAbABvAFIAZQBnAHUAbABhAHIAZgBvAG4AdABlAGwAbABvAGYAbwBuAHQAZQBsAGwAbwBWAGUAcgBzAGkAbwBuACAAMQAuADAAZgBvAG4AdABlAGwAbABvAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgAHdXAtaGFuZAhiZWxsLWFsdAR1c2VyB3BpY3R1cmULY29tbWVudC1hbHQDdGFnEGNvbW1lbnQtaW52LWFsdDIDZXllBWdsb2JlDmJvb2ttYXJrLWVtcHR5CGJvb2ttYXJrBG1lbnUAAAAAAAABAAH//wAPAAAAAAAAAAAAAAAAAAAAAAAYABgAGAAYA1P/aQNT/2mwACwgsABVWEVZICBLuAAOUUuwBlNaWLA0G7AoWWBmIIpVWLACJWG5CAAIAGNjI2IbISGwAFmwAEMjRLIAAQBDYEItsAEssCBgZi2wAiwgZCCwwFCwBCZasigBCkNFY0VSW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCxAQpDRWNFYWSwKFBYIbEBCkNFY0UgsDBQWCGwMFkbILDAUFggZiCKimEgsApQWGAbILAgUFghsApgGyCwNlBYIbA2YBtgWVlZG7ABK1lZI7AAUFhlWVktsAMsIEUgsAQlYWQgsAVDUFiwBSNCsAYjQhshIVmwAWAtsAQsIyEjISBksQViQiCwBiNCsQEKQ0VjsQEKQ7ABYEVjsAMqISCwBkMgiiCKsAErsTAFJbAEJlFYYFAbYVJZWCNZISCwQFNYsAErGyGwQFkjsABQWGVZLbAFLLAHQyuyAAIAQ2BCLbAGLLAHI0IjILAAI0JhsAJiZrABY7ABYLAFKi2wBywgIEUgsAtDY7gEAGIgsABQWLBAYFlmsAFjYESwAWAtsAgssgcLAENFQiohsgABAENgQi2wCSywAEMjRLIAAQBDYEItsAosICBFILABKyOwAEOwBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAssICBFILABKyOwAEOwBCVgIEWKI2EgZLAkUFiwABuwQFkjsABQWGVZsAMlI2FERLABYC2wDCwgsAAjQrILCgNFWCEbIyFZKiEtsA0ssQICRbBkYUQtsA4ssAFgICCwDENKsABQWCCwDCNCWbANQ0qwAFJYILANI0JZLbAPLCCwEGJmsAFjILgEAGOKI2GwDkNgIIpgILAOI0IjLbAQLEtUWLEEZERZJLANZSN4LbARLEtRWEtTWLEEZERZGyFZJLATZSN4LbASLLEAD0NVWLEPD0OwAWFCsA8rWbAAQ7ACJUKxDAIlQrENAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAOKiSfAFhIIojYbAOKiEbsQEAQ2CwAiVCsAIlYbAOKiFZsAxDR7ANQ0dgsAJiILAAUFiwQGBZZrABYyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsQAAEyNEsAFDsAA+sgEBAUNgQi2wEywAsQACRVRYsA8jQiBFsAsjQrAKI7ABYEIgYLABYbUQEAEADgBCQopgsRIGK7ByKxsiWS2wFCyxABMrLbAVLLEBEystsBYssQITKy2wFyyxAxMrLbAYLLEEEystsBkssQUTKy2wGiyxBhMrLbAbLLEHEystsBwssQgTKy2wHSyxCRMrLbAeLACwDSuxAAJFVFiwDyNCIEWwCyNCsAojsAFgQiBgsAFhtRAQAQAOAEJCimCxEgYrsHIrGyJZLbAfLLEAHistsCAssQEeKy2wISyxAh4rLbAiLLEDHistsCMssQQeKy2wJCyxBR4rLbAlLLEGHistsCYssQceKy2wJyyxCB4rLbAoLLEJHistsCksIDywAWAtsCosIGCwEGAgQyOwAWBDsAIlYbABYLApKiEtsCsssCorsCoqLbAsLCAgRyAgsAtDY7gEAGIgsABQWLBAYFlmsAFjYCNhOCMgilVYIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgbIVktsC0sALEAAkVUWLABFrAsKrABFTAbIlktsC4sALANK7EAAkVUWLABFrAsKrABFTAbIlktsC8sIDWwAWAtsDAsALABRWO4BABiILAAUFiwQGBZZrABY7ABK7ALQ2O4BABiILAAUFiwQGBZZrABY7ABK7AAFrQAAAAAAEQ+IzixLwEVKi2wMSwgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhOC2wMiwuFzwtsDMsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYbABQ2M4LbA0LLECABYlIC4gR7AAI0KwAiVJiopHI0cjYSBYYhshWbABI0KyMwEBFRQqLbA1LLAAFrAEJbAEJUcjRyNhsAlDK2WKLiMgIDyKOC2wNiywABawBCWwBCUgLkcjRyNhILAEI0KwCUMrILBgUFggsEBRWLMCIAMgG7MCJgMaWUJCIyCwCEMgiiNHI0cjYSNGYLAEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsAJiILAAUFiwQGBZZrABY2AjILABKyOwBENgsAErsAUlYbAFJbACYiCwAFBYsEBgWWawAWOwBCZhILAEJWBkI7ADJWBkUFghGyMhWSMgILAEJiNGYThZLbA3LLAAFiAgILAFJiAuRyNHI2EjPDgtsDgssAAWILAII0IgICBGI0ewASsjYTgtsDkssAAWsAMlsAIlRyNHI2GwAFRYLiA8IyEbsAIlsAIlRyNHI2EgsAUlsAQlRyNHI2GwBiWwBSVJsAIlYbkIAAgAY2MjIFhiGyFZY7gEAGIgsABQWLBAYFlmsAFjYCMuIyAgPIo4IyFZLbA6LLAAFiCwCEMgLkcjRyNhIGCwIGBmsAJiILAAUFiwQGBZZrABYyMgIDyKOC2wOywjIC5GsAIlRlJYIDxZLrErARQrLbA8LCMgLkawAiVGUFggPFkusSsBFCstsD0sIyAuRrACJUZSWCA8WSMgLkawAiVGUFggPFkusSsBFCstsD4ssDUrIyAuRrACJUZSWCA8WS6xKwEUKy2wPyywNiuKICA8sAQjQoo4IyAuRrACJUZSWCA8WS6xKwEUK7AEQy6wKystsEAssAAWsAQlsAQmIC5HI0cjYbAJQysjIDwgLiM4sSsBFCstsEEssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KwCUMrILBgUFggsEBRWLMCIAMgG7MCJgMaWUJCIyBHsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhsAIlRmE4IyA8IzgbISAgRiNHsAErI2E4IVmxKwEUKy2wQiywNSsusSsBFCstsEMssDYrISMgIDywBCNCIzixKwEUK7AEQy6wKystsEQssAAVIEewACNCsgABARUUEy6wMSotsEUssAAVIEewACNCsgABARUUEy6wMSotsEYssQABFBOwMiotsEcssDQqLbBILLAAFkUjIC4gRoojYTixKwEUKy2wSSywCCNCsEgrLbBKLLIAAEErLbBLLLIAAUErLbBMLLIBAEErLbBNLLIBAUErLbBOLLIAAEIrLbBPLLIAAUIrLbBQLLIBAEIrLbBRLLIBAUIrLbBSLLIAAD4rLbBTLLIAAT4rLbBULLIBAD4rLbBVLLIBAT4rLbBWLLIAAEArLbBXLLIAAUArLbBYLLIBAEArLbBZLLIBAUArLbBaLLIAAEMrLbBbLLIAAUMrLbBcLLIBAEMrLbBdLLIBAUMrLbBeLLIAAD8rLbBfLLIAAT8rLbBgLLIBAD8rLbBhLLIBAT8rLbBiLLA3Ky6xKwEUKy2wYyywNyuwOystsGQssDcrsDwrLbBlLLAAFrA3K7A9Ky2wZiywOCsusSsBFCstsGcssDgrsDsrLbBoLLA4K7A8Ky2waSywOCuwPSstsGossDkrLrErARQrLbBrLLA5K7A7Ky2wbCywOSuwPCstsG0ssDkrsD0rLbBuLLA6Ky6xKwEUKy2wbyywOiuwOystsHAssDorsDwrLbBxLLA6K7A9Ky2wciyzCQQCA0VYIRsjIVlCK7AIZbADJFB4sAEVMC0AS7gAyFJYsQEBjlmwAbkIAAgAY3CxAAVCsgABACqxAAVCswoCAQgqsQAFQrMOAAEIKrEABkK6AsAAAQAJKrEAB0K6AEAAAQAJKrEDAESxJAGIUViwQIhYsQNkRLEmAYhRWLoIgAABBECIY1RYsQMARFlZWVmzDAIBDCq4Af+FsASNsQIARAAA') format('truetype');
    }
    .sidebar-menu .icon-up-hand:before {
        content: '\e801';
    }
    .sidebar-menu .icon-bell-alt:before {
        content: '\e802';
    }
    .sidebar-menu .icon-user:before {
        content: '\e803';
    }
    .sidebar-menu .icon-picture:before {
        content: '\e804';
    }
    .sidebar-menu .icon-comment-alt:before {
        content: '\e805';
    }
    .sidebar-menu .icon-tag:before {
        content: '\e806';
    }
    .sidebar-menu .icon-comment-inv-alt2:before {
        content: '\e807';
    }
    .sidebar-menu .icon-eye:before {
        content: '\e808';
    }
    .sidebar-menu .icon-globe:before {
        content: '\e809';
    }
    .sidebar-menu .icon-bookmark-empty:before {
        content: '\e810';
    }
    .sidebar-menu .icon-bookmark:before {
        content: '\e811';
    }
    #wrapper .icon-menu:before {
        content: '\e914';
        font-family: 'sbicons'
    }
    /* Specific styles for Menu items*/
    .bootstrap5 #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .bootstrap5-dark #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .tailwind #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .tailwind-dark #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 9px;
    }
    .bootstrap5.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .bootstrap5-dark.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .tailwind.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .tailwind-dark.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 15px;
    }
    .material #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 12px;
    }
    .material.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 16px;
    }
    .bootstrap #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .bootstrap-dark #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 13px;
    }
    .bootstrap4 #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 9px;
    }
    .bootstrap4.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 13px;
    }
    .fabric #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .fabric-dark #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 7px;
    }
    .fabric.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item,
    .fabric-dark.e-bigger #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 5px;
    }
    .highcontrast #wrapper .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
        padding: 0 4px;
    }
    .material3 #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .material3-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .bootstrap5 #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .bootstrap5-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .tailwind #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .tailwind-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 15px 0 7px;
    }
    .material #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 8px 0 2px;
    }
    .bootstrap4 #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 16px 0 5px;
    }
    .bootstrap4.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 16px 0 2px;
    }
    .highcontrast #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 16px 0 10px;
    }
    .bootstrap #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .bootstrap-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 14px 0 4px;
    }
    .fabric #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .fabric-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 16px 0 9px;
    }
    .e-bigger.material3 #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .e-bigger.material3-dark #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .bootstrap5.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .bootstrap5-dark.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .tailwind.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .tailwind-dark.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 20px 0 -2px;
    }
    .material.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 20px 0 -2px;
    }
    .bootstrap.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .bootstrap-dark.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 24px 0 3px;
    }
    .fabric.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon,
    .fabric-dark.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 22px 0 9px;
    }
    .highcontrast.e-bigger #wrapper .sidebar-menu .e-menu-container ul .e-menu-item .e-menu-icon {
        margin: 0 20px 0 8px;
    }
    /* Specific styles for Toolbar component*/
    .tailwind-dark #wrapper .e-toolbar {
        border-bottom: 1px solid #4b5563;
    }
    .material #wrapper .e-toolbar {
        border-bottom: 1px solid rgba(0,0,0,0.12);
    }
    .tailwind #wrapper .e-toolbar {
        border-bottom: 1px solid #e5e7eb;
    }
    .bootstrap5-dark #wrapper .e-toolbar {
        border-bottom: 1px solid #444c54;
    }
    .bootstrap5 #wrapper .e-toolbar {
        border-bottom: 1px solid #d2d6de;
    }
    .sidebar-menu .icon {
        font-family: 'fontello';
    }
    .material3 #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .material3-dark #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .material #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 10px;
    }
    .bootstrap4 #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 4px;
    }
    .bootstrap5.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .bootstrap5-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .highcontrast.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: -2px;
    }
    .material3.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .material3-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .material.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .material-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 5px;
    }
    .bootstrap4.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 3px;
    }
    .bootstrap #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .bootstrap-dark #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 6px;
    }
    .bootstrap.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .bootstrap-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .fabric.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .fabric-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 0px;
    }
    .tailwind.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .tailwind-dark.e-bigger #wrapper .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: -2px;
    }
    /* Specific styles for Sidebar component*/
    .material .sidebar-menu {
        border-right: 1px solid rgba(0,0,0,0.12) !important;
    }
    .fabric .sidebar-menu {
        border-right: 1px solid #eaeaea !important;
    }
    .tailwind .sidebar-menu {
        border-right: 1px solid #d7d7d7 !important;
    }
    .bootstrap5-dark .sidebar-menu {
        border-right: 1px solid #444c54 !important;
    }
    .bootstrap5 .sidebar-menu {
        border-right: 1px solid #dee2e6 !important;
    }
    .material-dark .sidebar-menu {
        border-right: 1px solid #616161 !important;
    }
    .fabric-dark .sidebar-menu {
        border-right: 1px menu #414040 !important;
    }
    .tailwind-dark .sidebar-menu {
        border-right: 1px solid #4b5563 !important;
    }
    /* Specific styles for sample level custom elements*/
    .bootstrap5 .e-folder-name, .bootstrap5-dark .e-folder-name {
        margin-top: -2px;
    }
    .tailwind .e-folder-name, .tailwind-dark .e-folder-name, .bootstrap4 .e-folder-name,
    .bootstrap .e-folder-name, .bootstrap-dark .e-folder-name {
        margin-top: 3px;
    }
    .material .e-folder-name, .material-dark .e-folder-name {
        margin-top: 1px;
    }
    @font-face {
        font-family: 'e-icons';
        src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
        font-weight: normal;
        font-style: normal;
    }

/* Portal overrides: demo sample used fixed 500px heights — use full viewport for real pages */
#wrapper #maintext.main-content,
#maintext.main-content {
    height: auto;
    min-height: calc(100vh - 50px);
}
#wrapper .sidebar-menu .e-menu-container {
    height: auto;
    min-height: calc(100vh - 50px);
}
#wrapper .main-content .content {
    padding: 1.25rem;
}
#wrapper .portal_toolbar_actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-right: 0.75rem;
    color: #ffffff;
}

#wrapper .portal_toolbar_lang {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

#wrapper .portal_lang_link {
    display: inline-flex;
    line-height: 0;
}

#wrapper .portal_lang_link img {
    width: 20px;
    height: auto;
    display: block;
}

#wrapper .portal_toolbar_logout {
    color: #ffffff;
    text-decoration: underline;
    white-space: nowrap;
}

/* Layout header toolbar only (not Syncfusion grid toolbars) */
#wrapper .e-toolbar.portal_layout_toolbar,
#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-items,
#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-left,
#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-center,
#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-right {
    background-color: #00a7e5 !important;
    background-image: none !important;
    border-bottom-color: #00a7e5 !important;
    color: #ffffff !important;
}

#wrapper .e-toolbar.portal_layout_toolbar {
    height: 50px;
    min-height: 50px;
    border-bottom: 1px solid #00a7e5 !important;
}

#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-items {
    height: 50px;
    min-height: 50px;
}

#wrapper .e-toolbar.portal_layout_toolbar .e-folder,
#wrapper .e-toolbar.portal_layout_toolbar .e-folder-name,
#wrapper .e-toolbar.portal_layout_toolbar .portal_toolbar_actions,
#wrapper .e-toolbar.portal_layout_toolbar .portal_toolbar_logout {
    color: #ffffff !important;
}

#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-item .e-tbar-btn,
#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-item .e-tbar-btn:hover,
#wrapper .e-toolbar.portal_layout_toolbar .e-toolbar-item .e-tbar-btn:focus {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Portal SVG menu icons + hamburger */
#wrapper .portal_menu_toggle {
    width: 40px;
    height: 40px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: transparent url('/images/svg/menu_icon.svg') center / 22px 22px no-repeat;
    filter: brightness(0) invert(1);
}

#wrapper .sidebar-menu .e-menu-item .e-menu-icon.portal_nav_icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    font-size: 0 !important;
    color: transparent;
}

#wrapper .sidebar-menu .portal_nav_parent_link,
#wrapper .sidebar-menu .portal_nav_parent_link:link,
#wrapper .sidebar-menu .portal_nav_parent_link:visited,
#wrapper .sidebar-menu .portal_nav_parent_link:hover,
#wrapper .sidebar-menu .portal_nav_parent_link:active,
#wrapper .sidebar-menu .portal_nav_item_link,
#wrapper .sidebar-menu .portal_nav_item_link:link,
#wrapper .sidebar-menu .portal_nav_item_link:visited,
#wrapper .sidebar-menu .portal_nav_item_link:hover,
#wrapper .sidebar-menu .portal_nav_item_link:active,
.e-menu-popup .portal_nav_item_link,
.e-menu-popup .portal_nav_item_link:link,
.e-menu-popup .portal_nav_item_link:visited,
.e-menu-popup .portal_nav_item_link:hover,
.e-menu-popup .portal_nav_item_link:active,
body > .e-menu-popup .portal_nav_item_link,
body > .e-popup.e-menu-popup .portal_nav_item_link,
body > .e-menu-container.e-popup .portal_nav_item_link {
    display: inline-flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

#wrapper .sidebar-menu .e-menu-item .e-menu-icon.portal_nav_icon::before {
    content: none !important;
}

#wrapper .sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon.portal_nav_icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    background-size: 22px 22px;
    margin: 0;
    padding: 0;
}

#wrapper .portal_nav_icon_dashboard { background-image: url('/images/svg/menu/dashboard.svg'); }
#wrapper .portal_nav_icon_clients { background-image: url('/images/svg/menu/clients.svg'); }
#wrapper .portal_nav_icon_client_types { background-image: url('/images/svg/menu/client_types.svg'); }
#wrapper .portal_nav_icon_products { background-image: url('/images/svg/menu/products.svg'); }
#wrapper .portal_nav_icon_maintenance_contract_types { background-image: url('/images/svg/menu/maintenance_contract_types.svg'); }
#wrapper .portal_nav_icon_maintenance_contracts { background-image: url('/images/svg/menu/maintenance_contracts.svg'); }
#wrapper .portal_nav_icon_helpdesk { background-image: url('/images/svg/menu/helpdesk.svg'); }
#wrapper .portal_nav_icon_calendar { background-image: url('/images/svg/menu/hour_bank.svg'); }
#wrapper .portal_nav_icon_hour_bank { background-image: url('/images/svg/menu/hour_bank.svg'); }
#wrapper .portal_nav_icon_accounts { background-image: url('/images/svg/menu/accounts.svg'); }
#wrapper .portal_nav_icon_send_email { background-image: url('/images/svg/menu/send_email.svg'); }
#wrapper .portal_nav_icon_account_types { background-image: url('/images/svg/menu/account_types.svg'); }
#wrapper .portal_nav_icon_resellers { background-image: url('/images/svg/menu/resellers.svg'); }
#wrapper .portal_nav_icon_email_templates { background-image: url('/images/svg/menu/email_templates.svg'); }
#wrapper .portal_nav_icon_sent_emails { background-image: url('/images/svg/menu/sent_emails.svg'); }
#wrapper .portal_nav_icon_alerts { background-image: url('/images/svg/menu/alerts.svg'); }
#wrapper .portal_nav_icon_alert_history { background-image: url('/images/svg/menu/alert_history.svg'); }
#wrapper .portal_nav_icon_client_daily_activity { background-image: url('/images/svg/menu/client_daily_activity.svg'); }
#wrapper .portal_nav_icon_audit_log { background-image: url('/images/svg/menu/audit_log.svg'); }
#wrapper .portal_nav_icon_users { background-image: url('/images/svg/menu/users.svg'); }
#wrapper .portal_nav_icon_change_password { background-image: url('/images/svg/menu/change_password.svg'); }

/* Sidebar dark gray (#777777 — same as portal guest/login background) */
#wrapper .sidebar-menu.e-sidebar,
#wrapper .sidebar-menu .e-menu-wrapper,
#wrapper .sidebar-menu .dock-menu.e-menu-container,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu {
    background-color: #777777 !important;
    background-image: none !important;
    border-color: #777777 !important;
}

#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item .e-menu-url,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item .e-menu-text {
    color: #ffffff !important;
}

#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item:hover,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item.e-focused,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item.e-selected,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item.portal_nav_item_active {
    background-color: #666666 !important;
    color: #ffffff !important;
}

#wrapper .sidebar-menu .e-menu-item .e-menu-icon.portal_nav_icon {
    filter: brightness(0) invert(1);
}

/* Spacing between vertical menu items — full width so selection reaches the right edge */
#wrapper .sidebar-menu .dock-menu.e-menu-container,
#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu {
    width: 100%;
}

#wrapper .sidebar-menu .dock-menu.e-menu-container ul.e-menu .e-menu-item {
    margin-top: 5px;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#wrapper .sidebar-menu.e-dock.e-close .dock-menu.e-menu-container ul.e-menu .e-menu-item {
    width: 50px;
    max-width: 50px;
}

/* Submenu popup (hover) — match sidebar dark theme */
/* Flyout is appended to body. JS sets left from the parent item and flips top upward when needed. */
body > .e-menu-popup,
body > .e-popup.e-menu-popup,
body > .e-menu-container.e-popup,
.e-menu-popup.e-popup {
    position: fixed !important;
}

body > .e-menu-popup,
body > .e-popup.e-menu-popup,
body > .e-menu-container.e-popup,
body > .e-menu-popup ul.e-ul,
.e-menu-popup.e-popup,
.e-menu-popup.e-popup ul.e-ul {
    background-color: #777777 !important;
    border-color: #666666 !important;
}

body > .e-menu-popup .e-menu-item,
body > .e-popup.e-menu-popup .e-menu-item,
body > .e-menu-container.e-popup .e-menu-item,
body > .e-menu-popup .e-menu-item .e-menu-url,
body > .e-popup.e-menu-popup .e-menu-item .e-menu-url,
body > .e-menu-container.e-popup .e-menu-item .e-menu-url,
body > .e-menu-popup .e-menu-item .e-menu-text,
body > .e-popup.e-menu-popup .e-menu-item .e-menu-text,
body > .e-menu-container.e-popup .e-menu-item .e-menu-text,
.e-menu-popup.e-popup .e-menu-item,
.e-menu-popup.e-popup .e-menu-item .e-menu-url,
.e-menu-popup.e-popup .e-menu-item .e-menu-text {
    color: #ffffff !important;
}

body > .e-menu-popup .e-menu-item:hover,
body > .e-popup.e-menu-popup .e-menu-item:hover,
body > .e-menu-container.e-popup .e-menu-item:hover,
body > .e-menu-popup .e-menu-item.e-focused,
body > .e-popup.e-menu-popup .e-menu-item.e-focused,
body > .e-menu-container.e-popup .e-menu-item.e-focused,
body > .e-menu-popup .e-menu-item.e-selected,
body > .e-popup.e-menu-popup .e-menu-item.e-selected,
body > .e-menu-container.e-popup .e-menu-item.e-selected,
body > .e-menu-popup .e-menu-item.portal_nav_item_active,
body > .e-popup.e-menu-popup .e-menu-item.portal_nav_item_active,
body > .e-menu-container.e-popup .e-menu-item.portal_nav_item_active,
.e-menu-popup.e-popup .e-menu-item:hover,
.e-menu-popup.e-popup .e-menu-item.e-focused,
.e-menu-popup.e-popup .e-menu-item.e-selected,
.e-menu-popup.e-popup .e-menu-item.portal_nav_item_active {
    background-color: #666666 !important;
    color: #ffffff !important;
}

body > .e-menu-popup .e-menu-item .e-menu-icon.portal_nav_icon,
body > .e-popup.e-menu-popup .e-menu-item .e-menu-icon.portal_nav_icon,
body > .e-menu-container.e-popup .e-menu-item .e-menu-icon.portal_nav_icon,
.e-menu-popup.e-popup .e-menu-item .e-menu-icon.portal_nav_icon {
    filter: brightness(0) invert(1);
}

/* Flyout items are text-only. Hide leftover icon slots and neutralize Syncfusion's
   e-blankicon padding so one row does not jump a tab ahead of the others. */
body > .e-menu-popup .e-menu-item .e-menu-icon,
body > .e-popup.e-menu-popup .e-menu-item .e-menu-icon,
body > .e-menu-container.e-popup .e-menu-item .e-menu-icon,
.e-menu-popup.e-popup .e-menu-item .e-menu-icon {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body > .e-menu-popup .e-menu-item.e-blankicon:not(:has(.menu-separator)),
body > .e-popup.e-menu-popup .e-menu-item.e-blankicon:not(:has(.menu-separator)),
body > .e-menu-container.e-popup .e-menu-item.e-blankicon:not(:has(.menu-separator)),
.e-menu-popup.e-popup .e-menu-item.e-blankicon:not(:has(.menu-separator)) {
    padding-left: 12px !important;
}

/* Labeled submenu separators (Tables / Settings) — same markup/CSS as time.track */
.e-menu-popup .e-menu-item:has(.menu-separator),
body > .e-menu-popup .e-menu-item:has(.menu-separator),
body > .e-popup.e-menu-popup .e-menu-item:has(.menu-separator),
body > .e-menu-container.e-popup .e-menu-item:has(.menu-separator) {
    min-height: 14px !important;
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
    pointer-events: none !important;
    cursor: default !important;
    background: transparent !important;
}

.e-menu-popup .e-menu-item:has(.menu-separator):hover,
.e-menu-popup .e-menu-item:has(.menu-separator).e-focused,
.e-menu-popup .e-menu-item:has(.menu-separator).e-selected,
body > .e-menu-popup .e-menu-item:has(.menu-separator):hover,
body > .e-popup.e-menu-popup .e-menu-item:has(.menu-separator):hover,
body > .e-menu-container.e-popup .e-menu-item:has(.menu-separator):hover,
body > .e-menu-popup .e-menu-item:has(.menu-separator).e-focused,
body > .e-popup.e-menu-popup .e-menu-item:has(.menu-separator).e-focused,
body > .e-menu-container.e-popup .e-menu-item:has(.menu-separator).e-focused {
    background: transparent !important;
}

.e-menu-popup .menu-separator,
body > .e-menu-popup .menu-separator,
body > .e-popup.e-menu-popup .menu-separator,
body > .e-menu-container.e-popup .menu-separator {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 22px;
    margin: 4px 0 2px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    background: transparent;
}

.e-menu-popup .menu-separator span,
body > .e-menu-popup .menu-separator span,
body > .e-popup.e-menu-popup .menu-separator span,
body > .e-menu-container.e-popup .menu-separator span {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-right: 8px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.e-menu-popup .menu-separator::after,
body > .e-menu-popup .menu-separator::after,
body > .e-popup.e-menu-popup .menu-separator::after,
body > .e-menu-container.e-popup .menu-separator::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    min-width: 12px;
    background: rgba(255, 255, 255, 0.28);
}