/* --------------- horizontal menu */ ul.bx-menu-hor { padding:0; margin:0; list-style:none; } .bx-menu-hor li { display:inline-block; vertical-align:middle; } .bx-menu-hor li a { display:block; text-decoration:none; } .bx-menu-hor-inline li a { display:inline; } .bx-menu-hor li.bx-menu-tab-active a { color:#000; } .bx-menu-hor li img, .bx-menu-hor li .sys-icon { display:inline-block; vertical-align:middle; } .bx-menu-hor li img { height:1.6rem; width:auto; background-position: center center; background-repeat: no-repeat; } /* --------------- horizontal inline menu with 'special' buttons */ .bx-menu-hor-inline-sbtn li a { position: relative; display: inline-block; height: 24px; height: 1.6rem; line-height: 24px; line-height: 1.6rem; } /* --------------- vertical, vertical lite, notifications menu */ ul.bx-menu-notif, ul.bx-menu-verlit, ul.bx-menu-ver, ul.bx-menu-custom-ver { padding:0; margin:0; list-style:none; } .bx-menu-ver li, .bx-menu-custom-ver li { margin-top:1px; } .bx-menu-notif li:first-child, .bx-menu-verlit li:first-child, .bx-menu-ver li:first-child, .bx-menu-custom-ver li:first-child { margin-top:0px; } .bx-menu-verlit li a, .bx-menu-ver li a { display:block; text-decoration:none; } .bx-menu-notif li.bx-menu-tab-active a, .bx-menu-verlit li.bx-menu-tab-active a, .bx-menu-ver li.bx-menu-tab-active a { color:#000; } .bx-menu-notif li img, .bx-menu-notif li .sys-icon, .bx-menu-notif li span, .bx-menu-verlit li img, .bx-menu-verlit li .sys-icon, .bx-menu-verlit li span, .bx-menu-ver li img, .bx-menu-ver li .sys-icon, .bx-menu-ver li span { display:inline-block; vertical-align:middle; } .bx-menu-notif li img, .bx-menu-notif li .sys-icon, .bx-menu-verlit li img, .bx-menu-verlit li .sys-icon, .bx-menu-ver li img, .bx-menu-ver li .sys-icon { width:20px; width:1.25rem; height:20px; height:1.25rem; margin-right:2px; margin-right:0.125rem; text-align:center; vertical-align: top; } .bx-menu-notif li img, .bx-menu-verlit li img, .bx-menu-ver li img { background-size:1.25rem 1.25rem; background-position:center center; background-repeat:no-repeat; } .bx-menu-ver li .sys-icon { font-size:20px; font-size:1.25rem; } .bx-menu-ver li .flag-icon { vertical-align:baseline; } .bx-menu-notif li .sys-icon { font-size:24px; font-size:1.5rem; width:24px; width:1.5rem; height:24px; height:1.5rem; margin-right:5px; margin-right:0.3rem; } .bx-menu-ver .bx-def-hr { margin:0; } .bx-menu-verlit li img { width:24px; width:1.5rem; height:24px; height:1.5rem; background-position:center center; background-repeat:no-repeat; vertical-align:middle; } .bx-menu-notif .bx-def-unit-alert-middle { position:relative; float:right; } /* --------------- main menu */ #bx-homepage-menu-sys_homepage { text-align:center; } #bx-menu-main-submenu { display:inline-block; line-height:2.5rem; vertical-align:top; } .bx-menu-main-submenu-div .sys-icon { font-size:32px; font-size:2rem; } ul.bx-menu-main-submenu { padding:0; margin:0; list-style:none; white-space:nowrap; } .bx-menu-main-submenu li { display:inline-block; margin:0; vertical-align:top; } .bx-menu-main-submenu li a { display:inline-block; text-decoration:none; font-size:1.2rem; line-height:2.5rem; vertical-align:top; } .bx-menu-main-submenu li.bx-menu-tab-active a { color:#000; } /* --------------- toolbar menu */ .bx-menu-toolbar { list-style:none; margin:0 0 0 0; padding:0; } ul.bx-menu-toolbar li { position:relative; float:left; margin:0px; } ul.bx-menu-toolbar li a { position:relative; display:block; height:48px; height:3rem; line-height:48px; line-height:3rem; font-size:16px; font-size:1rem; text-align: center; vertical-align:middle; text-decoration:none; } ul.bx-menu-toolbar li a .sys-icon, ul.bx-menu-toolbar li a .sys-icon-a, ul.bx-menu-toolbar li a img, ul.bx-menu-toolbar li a span { vertical-align:top; } ul.bx-menu-toolbar li a .sys-icon-a { margin-top:0.75rem; } ul.bx-menu-toolbar li img { max-height:48px; max-height:3rem; background-position:center center; background-repeat:no-repeat; } ul.bx-menu-toolbar li .sys-icon-a, ul.bx-menu-toolbar li .sys-icon { display:inline-block; vertical-align:middle; font-size:24px; font-size:1.5rem; text-align:center; width:1.5rem; height:1.5rem; } ul.bx-menu-toolbar li .bx-menu-toolbar-item-unit { display: inline-block; vertical-align: middle; } ul.bx-menu-toolbar li a .bx-def-unit-alert-middle { right: 5px; right: -0.3125rem; } .bx-menu-toolbar-padding { padding-top: 48px; padding-top: 3rem; } #bx-menu-toolbar-1-container .bx-menu-toolbar { float:left; } #bx-menu-toolbar-2-container .bx-menu-toolbar { float:right; } #bx-menu-toolbar-2-container .bx-menu-toolbar .bx-menu-toolbar-item-title { display: inline-block; max-width: 10.0rem; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; } /* --------------- floating blocks menu */ .bx-sliding-menu-close, .bx-sliding-menu-close:hover { position:absolute; top:0; right:0; text-decoration:none; } .bx-sliding-menu, .bx-sliding-menu-main { width:100%; background-color: rgba(255, 255, 255, 0.9); overflow-x:auto; -webkit-overflow-scrolling:touch; } .bx-sliding-menu-fullheight { height:calc(100% - 3rem); overflow-x:hidden; overflow-y:auto; } .bx-sliding-menu > .bx-def-page-width, .bx-sliding-menu-main > .bx-def-page-width { position: relative; } .bx-sliding-menu-main ul.bx-menu-floating-blocks-big { display:table; margin:0 auto; white-space:nowrap; } .bx-sliding-menu-main .bx-menu-account-popup-profile .bx-base-pofile-unit { margin-bottom:0; } .bx-sliding-menu-main .bx-menu-account-popup-profile-switcher { overflow:hidden; } .bx-popup-content .bx-menu-floating-blocks-wide, .bx-popup-content .bx-menu-floating-blocks { width:256px; width:16rem; } .bx-popup-content .bx-menu-account-popup .bx-menu-floating-blocks-wide, .bx-popup-content .bx-menu-account-popup .bx-menu-floating-blocks { width:auto; } .bx-menu-account-popup-menu ul.bx-menu-floating-blocks-wide { display:inline-block; max-width:800px; max-width:50rem; } ul.bx-menu-floating-blocks-wide, ul.bx-menu-floating-blocks-big, ul.bx-menu-floating-blocks { padding:0; margin:0; list-style:none; } .bx-menu-floating-blocks-big li, .bx-menu-floating-blocks-wide li, .bx-menu-floating-blocks li { display: inline-block; /* For IE 7 */ zoom: 1; *display: inline; vertical-align:top; width:80px; width:5rem; height:80px; height:5rem; } .bx-menu-floating-blocks-big li { width:128px; width:8rem; height:128px; height:8rem; } .bx-menu-floating-blocks-wide li { position:relative; width:100px; width:6.25rem; } .bx-menu-floating-blocks-wide li .bx-menu-item-addon { right:10px; right:0.625rem; bottom:auto; top:0; } .bx-menu-floating-blocks-big li:hover, .bx-menu-floating-blocks-wide li:hover, .bx-menu-floating-blocks li:hover { opacity:0.8; } .bx-menu-floating-blocks-big li:active, .bx-menu-floating-blocks-big li.bx-menu-tab-active, .bx-menu-floating-blocks-wide li:active, .bx-menu-floating-blocks-wide li.bx-menu-tab-active, .bx-menu-floating-blocks li:active, .bx-menu-floating-blocks li.bx-menu-tab-active { opacity:1.0; } .bx-menu-floating-blocks-big li a, .bx-menu-floating-blocks-wide li a, .bx-menu-floating-blocks li a { display:block; text-decoration:none; } .bx-menu-floating-blocks-big li.bx-menu-tab-active a, .bx-menu-floating-blocks-wide li.bx-menu-tab-active a, .bx-menu-floating-blocks li.bx-menu-tab-active a { color:#000; } .bx-menu-floating-blocks li img, .bx-menu-floating-blocks-wide li img, .bx-menu-floating-blocks li .sys-icon, .bx-menu-floating-blocks-wide li .sys-icon { display:block; height:32px; height:2rem; margin:16px 0 3px 0; margin:1rem 0 0.2rem 0; } .bx-menu-floating-blocks li img, .bx-menu-floating-blocks-wide li img { width:32px; width:2rem; margin:16px 20px 3px 20px; margin:1rem 1.5rem 0.2rem 1.5rem; background-size:2rem 2rem; } .bx-menu-floating-blocks-big li img, .bx-menu-floating-blocks-big li .sys-icon { display:block; height:64px; height:4rem; margin:16px 0 8px 0; margin:1rem 0 0.5rem 0; } .bx-menu-floating-blocks-big li img { width:64px; width:4rem; margin:16px 32px 8px 32px; margin:1rem 2rem 0.5rem 2rem; background-size:4rem 4rem; } .bx-menu-floating-blocks-wide li img { margin-left:34px; margin-right:34px; margin-left:2.125rem; margin-right:2.125rem; } .bx-menu-floating-blocks-big li img, .bx-menu-floating-blocks-wide li img, .bx-menu-floating-blocks li img { background-position:center center; background-repeat:no-repeat; } .bx-menu-floating-blocks-big li .sys-icon, .bx-menu-floating-blocks-wide li .sys-icon, .bx-menu-floating-blocks li .sys-icon { text-align:center; vertical-align:bottom; line-height:32px; line-height:2rem; font-size:32px; font-size:2rem; } .bx-menu-floating-blocks-big li .sys-icon { line-height:64px; line-height:4rem; font-size:64px; font-size:4rem; } .bx-menu-floating-blocks-big li .bx-menu-floating-blocks-title, .bx-menu-floating-blocks-wide li .bx-menu-floating-blocks-title, .bx-menu-floating-blocks li .bx-menu-floating-blocks-title { text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* --------------- interactive block menu */ ul.bx-menu-inter, ul.bx-menu-inter-vert { padding:0; margin:0; list-style:none; } ul.bx-menu-inter li { float:left; } li.bx-menu-inter-div { padding: 0px 3px; } li.bx-menu-inter-div:first-child { display: none; } li.bx-menu-inter-act {} li.bx-menu-inter-pas a:hover { text-decoration: none; } li.bx-menu-inter-hidden { display: none; } /* --------------- horizontal buttons menu */ ul.bx-menu-btns-ver, ul.bx-menu-btns-hor { padding:0; margin:0; list-style:none; text-align:center; } ul.bx-menu-btns-hor li { display:inline; display:inline-block; vertical-align: bottom; } ul.bx-menu-btns-ver li { text-align:center; } ul.bx-menu-btns-ver li .bx-btn { float:none; display:inline-block; } ul.bx-menu-btns-hor li:last-child .bx-btn { margin-right:0; } /* --------------- account popup menu */ .bx-popup-content .bx-menu-account-popup { min-width:17em; } .bx-menu-account-popup-menu { text-align:center; } .bx-menu-account-popup-profile-switcher-link { text-align:center; } .bx-menu-account-popup-profile-switcher-link a:hover, .bx-menu-account-popup-profile-switcher-link a { text-decoration:none; } /* --------------- custom menu */ .bx-menu-custom > li > span, .bx-menu-custom > li > a { display:inline-block; } .bx-menu-custom.bx-menu-hor > li > span { margin-right: 20px; margin-right: 1.25rem; } /*--- Custom Menu with More Auto ---*/ .bx-menu-custom.bx-menu-hor.bx-menu-more-auto, .bx-menu-custom.bx-menu-hor.bx-menu-submenu-more-auto { position: relative; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; } .bx-menu-custom.bx-menu-hor.bx-menu-more-auto { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .bx-menu-custom.bx-menu-hor.bx-menu-submenu-more-auto { -webkit-flex-wrap: wrap; flex-wrap: wrap; min-width: 18rem; } .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item { position: relative; display: block; margin: 8px; margin: 0.5rem; } .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto > span { display: block; margin: 0; } .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item > a:last-child, .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item > a.bx-btn:last-child, .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item > span:last-child, .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item:last-child > a, .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item:last-child > a.bx-btn, .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item:last-child > span { margin-right: 0; } .bx-menu-custom.bx-menu-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto { display: none; } /*--- Vertical (Vertical Custom) Menus (in Popup) ---*/ .bx-popup .bx-menu-custom-ver li a { position: relative; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; box-sizing: border-box; width: 100%; padding: 0 0.625rem; } .bx-popup .bx-menu-ver li img, .bx-popup .bx-menu-ver li .sys-icon, .bx-popup .bx-menu-custom-ver li img, .bx-popup .bx-menu-custom-ver li .sys-icon { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.5rem; } .bx-popup .bx-menu-ver li .sys-icon:before, .bx-popup .bx-menu-custom-ver li .sys-icon:before { display: block; text-align: center; } /* --------------- profile stats menu */ .bx-menu-ver.bx-menu-object-sys_profile_stats li { position: relative; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin: 0.625rem 0; border-radius: 0; } .bx-menu-ver.bx-menu-object-sys_profile_stats li a { -webkit-flex-grow: 3; flex-grow: 3; position: relative; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; } .bx-menu-ver.bx-menu-object-sys_profile_stats li .bx-menu-addon-cnt { height: 1.5rem; border-radius: 1.0rem; line-height: 1.4rem; } .bx-menu-ver.bx-menu-object-sys_profile_stats li img, .bx-menu-ver.bx-menu-object-sys_profile_stats li .sys-icon { display: inline-block; vertical-align: top; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.5rem; }