@import url('https://fonts.googleapis.com/css2?family=Lato|Noto+Sans&display=swap'); .stickyMenuForm { all: initial; } .stickyMenuSearchTable { all: initial; display: table; } .stickyMenuSearchRow { all: initial; display: table-row; } .stickyMenuSearchCell { all: initial; display: table-cell; } .stickyMenuPara { all: initial; } .sidepanel { all: initial; width: 15em; position: fixed !important; z-index: 1 !important; top: 0 !important; left: 0 !important; background-color: #f5f6f7 !important; overflow-x: auto !important; transition: 0.5s !important; padding-bottom: 60px !important; border-bottom-right-radius: 10px !important; border-right: 1px solid #cecece !important; border-bottom: 1px solid #cecece !important; } .sidepanel a { all: initial; padding: 8px 8px 8px 32px !important; text-decoration: none !important; font-size: 1em !important; display: block !important; transition: 0.3s !important; } .sidepanel a:hover { color: #f1f1f1 !important; } .sidepanel .closebtn { position: absolute !important; top: 10px !important; right: 5px !important; font-size: 1.8em !important; color: #cc0000 !important; cursor: pointer !important; } .openbtn { all: initial; font-size: 1.8em !important; cursor: pointer !important; color: #cc0000 !important; padding-top: 5px !important; line-height: 95% !important; border: none !important; position: fixed !important; top: 10px !important; left: 5px !important; border-radius: 6px !important; } .openbtn:hover { //background-color:#444 !important; } @media screen and (max-width: 1280px) { #mySidepanel { width: 15em; } } @media screen and (max-width: 736px) { #mySidepanel { width: 0px; } } .searchField { all: initial; background: #ffffff; margin-top: 5px !important; margin-left: 5px !important; height: 2em !important; width: 10.5em !important; border: 1px solid #cccccc !important; border-radius: 5px !important; font-family: 'Lato', sans serif; font-size: 0.9em !important; padding: 3px !important; } .searchIcon { all: initial; color: #000000 !important; vertical-align: middle !important; cursor: pointer !important; } #mainMenu { all: initial; font-family: 'Noto Sans', sans-serif !important; color: #000 !important; } #mainMenu ul { all: initial; list-style: none !important; padding-left: 10px !important; //text-transform: uppercase !important; -moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; user-select: none !important; letter-spacing: 0.075em !important; font-size: 0.9em !important; } #mainMenu ul ul li { all: initial; font-size: 12px !important; border: 0px !important; } #mainMenu li { all: initial; display:block !important; border-bottom: 1px solid #cecece !important; } #mainMenu a { all: initial; display:block !important; padding:3px !important; padding-left: 10px !important; text-decoration:none !important; color:#000 !important; font-family: 'Noto Sans', sans-serif !important; cursor: pointer; } #mainMenu a:hover { background-color:#cecece !important; color:#000 !important; } #navItems li ul{ display: none; } .opener { float: right; vertical-align: middle; padding-top: 3px; }