<>.bluenavbar.fixed{margin-top: 0px !important;} < type="text/css"> /* Topbar Base Styles */ .topbar.topbar--white {background: var(--header-head-primary) !important;} .topbar.topbar--transparent {background: transparent !important;} /* Smooth transitions for topbar variants */ .topbar { transition: background-color 0.3s ease; } /* Scrolled state for transparent topbar */ .topbar--transparent.scrolled { background: var(--header-head-primary) !important; } .tbsearch .input-append{border-radius: 83px;border: 1.5px solid var(--gray-300#D9D9D9);background: rgba(2552552550.53);} .topbar .top-cont{height: 100%;background: transparent !important;} .topbar .top-cont .top-cont-row{height: 100%;display: flex;align-items: center;justify-content: space-between;} .topbar .rspan{width: auto;} .logo{margin-top: 0;} .tbhide.hidden-phone{display: flex; align-items: center;} /* Logo Styles */ .city-select-wrapper {display: flex;align-items: center;} /* Button Overrides */ .btn-group.open .dropdown-toggle{box-shadow: none !important; background: none !important} .btn-group.open .dropdown-toggle:hover{box-shadow:none !important;background: none !important} .btn-group.open .btn-primary.dropdown-toggle{background-color: transparent !important} .btn-group.open .btn-warning.dropdown-toggle{background-color: transparent !important} .btn-group.open .btn-danger.dropdown-toggle{background-color: transparent !important} .btn-group.open .btn-success.dropdown-toggle{background-color: transparent !important} .btn-group.open .btn-info.dropdown-toggle{background-color: transparent !important} .btn-group.open .btn-inverse.dropdown-toggle{background-color: transparent;} .btn:focus{box-shadow: none !important;background-color: transparent !important; border: none !important; outline: none !important;} .create-btn-:focus.events-for-you-btn:focus.city-select-button:focus.user-dropdown-btn:focus {outline: 2px solid var(--primary-default#0A74BF) !important; outline-offset: 2px !important; border-radius: 4px !important;} .topuserinfo .open:after{border: none !important;} /* Mobile Navbar Styles */ .mobile-navbar--custom{padding: 4px!important;} .tbsearch_manage_drover_btn{ display: none; position: absolute; top: 12px; left: 15px; z-index: 30; } .tbsearch_manage_drover_btn #manage-drover-btn{ background: transparent; border: none; outline: none; box-shadow: none; padding: 7px 10px; font-size: 20px; margin: 0; } .tbsearch_manage_drover_btn .btn:focus{ outline: none; box-shadow: none; } .mobile-navbar-container {width: auto;} .mobile-avatar-btn {position: relative;box-shadow: none;border:none;outline: none;} .mobile-burger-btn {position: relative;box-shadow: none;border:none;outline: none;} .tb-mobile__profile-img-bg {background-image: url('');} .red-dot-avatar {width: 7px; height: 7px; background: red; display: block; border-radius: 50px; position: absolute; top: 1px; left: 30px;} .red-dot-burger {width: 7px; height: 7px; background: red; display: block; border-radius: 50px; position: absolute; top: -1px; left: 19px;} .screen-reader-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0000); border: 0;} /* Navigation Menu Styles */ div.user-only{overflow: hidden;padding-left: 20px;min-height: 260px;} #ae-mobile-navbar .li1{border: none;} .dropdown-menu li a {display: inherit;} .dropdown-menu li a:hover{text-decoration: none;} #ae-mobile-navbar .btn-navbar.tb-mobile--avatar {float: right;top: 0px;right: 20px;margin-top: 3px;} #ae-mobile-navbar .btn-navbar.tb-mobile--avatar .tb-mobile__profile-img {width: 28px;height: 28px;background-size: contain;border: 1px solid white;border-radius: 50%;} #ae-mobile-navbar .btn-navbar.tb-mobile--burger {float: right;top: 14px;right: 14px;margin:auto;position:relative;outline:none;} .li-breaker{border-bottom: 1px solid #3b4249 !important;} #ae-mobile-navbar .navbar-inner {background: transparent;} #ae-mobile-navbar .btn-navbar{background: transparent;} /* City Select Styles */ .city-select-mobile-text {text-transform: none;margin-left: 0!important;max-width: 500px;} .city-select-v-middle {vertical-align: middle;} .city-select-width {width: 60%; max-width: 200px;} .city-select-button{font-size: 16px !important;} .city-select-button:hover{background: transparent;border} .city-select-button i{margin-left: 0 !important;padding-left: 7px !important;} .city-select-desktop {text-transform: capitalize;margin-left: 0;padding: 7px 0px;margin-top:2px;color: var(--topbar-text); border: none; background: none;} .city-select-icon-marker {margin-right: 3px;font-size: 16px !important;} .city-select-icon-down {margin-left: 3px;color:#000;margin-right: 5px} /* Search Styles */ #searchd-input{height: 36px;max-width: 100%;width: 280px;border-radius: 0 20px 20px 0;margin-right: 10px;box-shadow: none;font-size: 14px;} .search-icon-desktop {height: 39px; display: inline-flex; border-radius: 20px 0 0 20px;align-items: center;padding-left: 15px;} .search-icon-mobile { margin-top: 3px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1001; } /* Topbar Options */ .topbar-options {display: flex !important; justify-content: flex-end;gap:24px;align-items: center;} .topbar-options-logged-out {padding-top: 3px;margin-left: 15px;} .topbar-options a:focus{color:#fff;outline:unset;} /* Create Button Styles */ .create-btn- {padding-right:0;text-decoration: none; color: var(--gray-800);} .create-btn-icon {font-size: 14px; font-weight: 600; color: var(--gray-600)} .topbar--transparent .create-btn-icon {color: var(--gray-400) !important} .events-for-you-btn {padding-left: 24px;text-decoration: none;color: var(--gray-800);} .events-for-you-icon {margin-right: 7px; font-size: 14px; font-weight: 600; color: var(--gray-600)} .topbar--transparent .events-for-you-icon {color: var(--gray-400) !important} /* User Profile Styles */ .topuserinfo {width: auto;} .topuserinfo:hover{background-color: #F0F9FF;border-radius: 20px;} .topuserinfo .tthumb {height: 28px;width: 28px;vertical-align: middle;display: inline-block;background-size: cover !important;background-position: 50% 50% !important;background-repeat: no-repeat !important;margin-top: -2px;} .user-dropdown-btn {line-height: 33px; width: 58px; height: 36px;border:none;border-radius: 4px;} .user-avatar-bg {background-size: 100%;background-size: cover;-moz-background-size: 100%;-moz-background-size: cover;border-radius: 50%;} .user-angle-down {margin-left: 2px;} .user-notification-badge {position: absolute;top: -2px;left: 2px;padding: 0px 5px;z-index: 4;} /* B2B Styles */ .b2b-dropdown-btn {outline: none; vertical-align: top;border:none;height: 34px;width: 34px;background-color: unset;box-shadow: unset;border:none;outline: none;} .b2b-dropdown-cursor {cursor: pointer;} .b2b-chatbot-transparent {background-color: transparent !important;filter: none !important;} /* Profile Menu Styles */ .profile-main-title {position: initial; display: contents;} .profile-flex-container {width: 100%; display: flex; gap: 10px; align-items: center;} .profile-name-weight {font-weight: 500;} .profile-arrow-margin {margin-right:10px;} .divider-margin-1 {margin: 10px 0px 18px 0px;} .divider-margin-2 {margin: 10px 0px 12px 0px;} .section-padding-0 {padding: 0;} .app-download-bg {background:#F5F5F5;} .app-download-color {color:#0A74BF} .logout-line-height {line-height: normal;} /* Modal Styles */ .modal-subtitle {font-size: 15px;text-transform: none;} .nearby-cities-title {text-transform: none;} /* Country Flag Styles */ .count-flag-display {display: inline-block;border-top: 1px dashed #ddd;} /* Old Styles (Commented) */ .old-mobile-icon {font-size: 15px; vertical-align: middle;} .old-mobile-ticket-icon {font-size: 15px; vertical-align: middle;} .old-mobile-star-icon {font-size: 15px; vertical-align: middle;} .old-mobile-envelope-icon {font-size: 15px; vertical-align: middle;} .old-mobile-group-icon {font-size: 15px; vertical-align: middle;} .old-mobile-plus-icon {font-size: 15px;} .old-mobile-calendar-icon {font-size: 15px;} .old-mobile-signin-icon {margin-right: 6px;} .old-mobile-download-icon {margin-right: 6px;} .old-mobile-badge {padding: 3px 8px; font-size: 11px; margin-left: 2px; font-weight: 600; border-radius: 50px;} .old-mobile-phone-icon {font-size: 24px; vertical-align: middle;} .old-mobile-user-icon {font-size: 15px; vertical-align: middle;} .old-account-flex {display: inline-flex;} .old-account-block {display: inline-block;flex:1;} .old-account-padding {padding: 0 14px;} .old-logout-btn {background: #4b5866;box-shadow: none;border: 1px solid #44505D;color: white;text-shadow: none;} /* Organizer Profile Styles */ .organizer-dropdown-width {width: 220px;display:none} .organizer-dropdown-title {font-weight: 600;font-size: 13px;margin-bottom: 15px;color: #444;} .organizer-dropdown-new-link {font-weight: normal;padding: 0px;cursor: pointer;} .organizer-item-margin {margin-bottom: 5px;} .organizer-bg-white {background: #fff;width: 42px;height: 42px;} .organizer-text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;margin-bottom: 5px;} .organizer-name-weight {font-weight: 700;font-size: 13px;} .organizer-notification-badge {padding: 0px 5px;right: 0;margin-top: 2px;margin-right: 3px;} /* Hide Mode Styles */ .hide-mode-elements div.bluenavbar.hide-mode-elements div.topbar.hide-mode-elements div.footer1.hide-mode-elements .aeblog #sidebar1{display: none;} .hide-mode-elements div.non-overlay{margin-top: 0;} /* Special Logo Styles */ .logo-margin-top-0 {margin-top: 0;} /* Dropdown Menu Styles (Commented/Old) */ .home-create-menu li a{ float: left; width: 100%; text-align: left; box-sizing: border-box; } .create-dropdown-margin {margin-right:5px;} .create-dropdown- {border-top-left-radius: 2px; border-bottom-left-radius: 2px; background: transparent; border: 1px solid #404B55; margin-right: 5px;} .create-dropdown-menu- {font-size: 14px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;} .btn-group-yellow {background-color: #faa732;border-radius: 3px;padding: 2px 0;} .btn-group-yellow-padding {padding-right: 0;} .dropdown-menu-width {width: 70px;} .notification-display-block {display:block;} .notification-display-none {display:none;} /* Hide tbdapp on desktop */ .topbar .tbdapp {display: none;} #login-top{color: var(--topbar-text)} @media(max-width: 767px){ .topbar {box-shadow:none !important;} .page-head .container{width: 100% !important;} .tbsearch .input-append{border: none; background: transparent;margin-right: -4px;border: none !important; } .topbar .tbhide.visible-desktop { display: none !important; } .topuserinfo.visible-desktop { display: none !important; } .tbsearch { position: absolute; top: 12px; left: 15px; z-index: 1001; width: auto; right: auto; } #searchd-input { display: none; } #sd-in-btn { box-shadow: none; background: no-repeat; border: none; } .mob-left-bar ul { display: flex; flex-wrap: nowrap; background: whitesmoke; margin-bottom: 0; } .topbar .top-cont{width: auto;} .logo-cont { position: relative; z-index: 1001; display: block; } .logo-span { position: relative; z-index: 1001; } /* Manage drawer button s for mobile */ .tbsearch_manage_drover_btn{ display: block !important; position: absolute; top: 12px; left: 15px; z-index: 1001; } .tbsearch_manage_drover_btn #manage-drover-btn{ background: transparent; border: none; outline: none; box-shadow: none; padding: 7px 10px; font-size: 20px; margin: 0; color: #333; } .tbsearch_manage_drover_btn .btn:focus{ outline: none; box-shadow: none; } /* .logo-span .logo-cont img {width: 105px;height: auto;} */ .topbar .logo-span{text-align:left;padding-left:22px} .topbar .tbsearch{right:64px;left:unset} #ae-mobile-navbar .btn-navbar.tb-mobile--burger{top:12px} #ae-mobile-navbar li>a{color:#333; margin: 0;padding: 8px 0px;} #ae-mobile-navbar .mcity-select{background:#F3F5F7 !important;font-size:14px;padding: 0 !important; top:0; margin: 0 !important;text-transform:none;color:#0A74BF;} #ae-nav-collapse,#ae-mobile-navbar .li1{background:#fff;} #ae-nav-collapse ul{border:none;box-sizing: border-box;} #ae-mobile-navbar .li1{box-shadow:unset;height: 36px; display: flex; align-items: center;} .ae-top-visible-city{background: #F3F5F7 !important; border-radius: 6px !important; font-size:14px !important;margin-bottom: 10px;} .ae-top-visible-city a{text-transform: capitalize;} /* Manage drawer button s for mobile */ .tbsearch_manage_drover_btn{ display: block !important; position: absolute; top: 12px; left: 15px; z-index: 1001; } .tbsearch_manage_drover_btn #manage-drover-btn{ background: transparent; border: none; outline: none; box-shadow: none; padding: 7px 10px; font-size: 20px; margin: 0; color: #333; } .tbsearch_manage_drover_btn .btn:focus{ outline: none; box-shadow: none; } /* Overlay s for mobile navigation */ body.nav-overlay::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0000.8); z-index: 1000; pointer-events: none; } /* Ensure the overlay appears when navigation is open */ #ae-nav-collapse.in::before { pointer-events: auto; } /* Ensure tbdapp button stays above overlay */ .topbar .tbdapp { z-index: 1001 !important; position: relative; } /* Fix mobile search icon positioning */ .search-icon-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-left: 0; margin: 10px -5px; } /* Ensure proper spacing between logo and search */ .logo-span-flex { margin-right: 60px; /* Give space for search icon */ } /* Adjust search container positioning */ .tbsearch { position: absolute; top: 12px; right: 15px; left: auto; z-index: 1001; } } @media(max-width: 1000px){ .logo-span .logo-cont img {width: 105px;height: auto;} /* Show manage drawer button on tablet and mobile */ .tbsearch_manage_drover_btn{ display: block !important; } } @media (max-width: 767px) { .navbar .btn-navbar {display: block;} .show_for_b2b{margin-right: 60px; z-index: 1001 !important} } /* For the user dropdown button */ .btn-topbar .icon-angle-down {display: inline-block;transition: transform 0.2s ease-in-out;text-decoration: none !important; box-shadow: none !important} .btn-topbar:hover .icon-angle-down {transform: rotate(180deg);} /* SVG Icon Styles */ .ae-icon-settings{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTkuMzk1MDQgMTkuMzcxMUw5Ljk3OTQ5IDIwLjY4NTZDMTAuMTUzMiAyMS4wNzY4IDEwLjQzNjggMjEuNDA5MyAxMC43OTU3IDIxLjY0MjZDMTEuMTU0NyAyMS44NzU5IDExLjU3MzYgMjIuMDAwMSAxMi4wMDE3IDIyQzEyLjQyOTggMjIuMDAwMSAxMi44NDg4IDIxLjg3NTkgMTMuMjA3NyAyMS42NDI2QzEzLjU2NjcgMjEuNDA5MyAxMy44NTAyIDIxLjA3NjggMTQuMDIzOSAyMC42ODU2TDE0LjYwODQgMTkuMzcxMUMxNC44MTY0IDE4LjkwNDcgMTUuMTY2NCAxOC41MTU5IDE1LjYwODQgMTguMjZDMTYuMDUzMiAxOC4wMDM0IDE2LjU2NzcgMTcuODk0MSAxNy4wNzg0IDE3Ljk0NzhMMTguNTA4NCAxOC4xQzE4LjkzNCAxOC4xNDUgMTkuMzYzNiAxOC4wNjU2IDE5Ljc0NTEgMTcuODcxM0MyMC4xMjY1IDE3LjY3NzEgMjAuNDQzNCAxNy4zNzYzIDIwLjY1NzMgMTcuMDA1NkMyMC44NzE0IDE2LjYzNSAyMC45NzM1IDE2LjIxMDMgMjAuOTUxIDE1Ljc4MjlDMjAuOTI4NSAxNS4zNTU1IDIwLjc4MjUgMTQuOTQzOCAyMC41MzA2IDE0LjU5NzhMMTkuNjgzOSAxMy40MzQ0QzE5LjM4MjUgMTMuMDE3MSAxOS4yMjE0IDEyLjUxNDggMTkuMjIzOSAxMkMxOS4yMjM4IDExLjQ4NjYgMTkuMzg2NCAxMC45ODY0IDE5LjY4ODQgMTAuNTcxMUwyMC41MzUgOS40MDc3OEMyMC43ODY5IDkuMDYxNzUgMjAuOTMzIDguNjUwMDcgMjAuOTU1NCA4LjIyMjY3QzIwLjk3NzkgNy43OTUyOCAyMC44NzU5IDcuMzcwNTQgMjAuNjYxNyA3QzIwLjQ0NzggNi42MjkyMyAyMC4xMzA5IDYuMzI4NDkgMTkuNzQ5NSA2LjEzNDIzQzE5LjM2ODEgNS45Mzk5NyAxOC45Mzg1IDUuODYwNTMgMTguNTEyOCA1LjkwNTU2TDE3LjA4MjggNi4wNTc3OEMxNi41NzIyIDYuMTExNDEgMTYuMDU3NiA2LjAwMjEyIDE1LjYxMjggNS43NDU1NkMxNS4xNjk5IDUuNDg4MjUgMTQuODE5OSA1LjA5NzM2IDE0LjYxMjggNC42Mjg4OUwxNC4wMjM5IDMuMzE0NDRDMTMuODUwMiAyLjkyMzE3IDEzLjU2NjcgMi41OTA3MiAxMy4yMDc3IDIuMzU3NEMxMi44NDg4IDIuMTI0MDggMTIuNDI5OCAxLjk5OTkzIDEyLjAwMTcgMkMxMS41NzM2IDEuOTk5OTMgMTEuMTU0NyAyLjEyNDA4IDEwLjc5NTcgMi4zNTc0QzEwLjQzNjggMi41OTA3MiAxMC4xNTMyIDIuOTIzMTcgOS45Nzk0OSAzLjMxNDQ0TDkuMzk1MDQgNC42Mjg4OUM5LjE4Nzk3IDUuMDk3MzYgOC44Mzc5MiA1LjQ4ODI1IDguMzk1MDQgNS43NDU1NkM3Ljk1MDI2IDYuMDAyMTIgNy40MzU3MSA2LjExMTQxIDYuOTI1MDQgNi4wNTc3OEw1LjQ5MDYgNS45MDU1NkM1LjA2NDkzIDUuODYwNTMgNC42MzUzNCA1LjkzOTk3IDQuMjUzOTEgNi4xMzQyM0MzLjg3MjQ5IDYuMzI4NDkgMy41NTU2MSA2LjYyOTIzIDMuMzQxNzEgN0MzLjEyNzUzIDcuMzcwNTQgMy4wMjU0OSA3Ljc5NTI4IDMuMDQ3OTggOC4yMjI2N0MzLjA3MDQ2IDguNjUwMDcgMy4yMTY1IDkuMDYxNzUgMy40NjgzOCA5LjQwNzc4TDQuMzE1MDQgMTAuNTcxMUM0LjYxNjk4IDEwLjk4NjQgNC43Nzk1OCAxMS40ODY2IDQuNzc5NDkgMTJDNC43Nzk1OCAxMi41MTM0IDQuNjE2OTggMTMuMDEzNyA0LjMxNTA0IDEzLjQyODlMMy40NjgzOCAxNC41OTIyQzMuMjE2NSAxNC45MzgyIDMuMDcwNDYgMTUuMzQ5OSAzLjA0Nzk4IDE1Ljc3NzNDMy4wMjU0OSAxNi4yMDQ3IDMuMTI3NTMgMTYuNjI5NSAzLjM0MTcxIDE3QzMuNTU1ODIgMTcuMzcwNiAzLjg3Mjc0IDE3LjY3MTIgNC4yNTQxMSAxNy44NjU0QzQuNjM1NDggMTguMDU5NiA1LjA2NDk2IDE4LjEzOTIgNS40OTA2IDE4LjA5NDRMNi45MjA2IDE3Ljk0MjJDNy40MzEyNyAxNy44ODg2IDcuOTQ1ODEgMTcuOTk3OSA4LjM5MDYgMTguMjU0NEM4LjgzNTEzIDE4LjUxMSA5LjE4NjgxIDE4LjkwMiA5LjM5NTA0IDE5LjM3MTFaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGQ9Ik0xMS45OTk5IDE1QzEzLjY1NjggMTUgMTQuOTk5OSAxMy42NTY5IDE0Ljk5OTkgMTJDMTQuOTk5OSAxMC4zNDMxIDEzLjY1NjggOSAxMS45OTk5IDlDMTAuMzQzMSA5IDguOTk5OTIgMTAuMzQzMSA4Ljk5OTkyIDEyQzguOTk5OTIgMTMuNjU2OSAxMC4zNDMxIDE1IDExLjk5OTkgMTVaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==');} .ae-icon-cal{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIxIDEwSDNNMjEgMTEuNVY4LjhDMjEgNy4xMTk4NCAyMSA2LjI3OTc2IDIwLjY3MyA1LjYzODAzQzIwLjM4NTQgNS4wNzM1NCAxOS45MjY1IDQuNjE0NiAxOS4zNjIgNC4zMjY5OEMxOC43MjAyIDQgMTcuODgwMiA0IDE2LjIgNEg3LjhDNi4xMTk4NCA0IDUuMjc5NzYgNCA0LjYzODAzIDQuMzI2OThDNC4wNzM1NCA0LjYxNDYgMy42MTQ2IDUuMDczNTQgMy4zMjY5OCA1LjYzODAzQzMgNi4yNzk3NiAzIDcuMTE5ODQgMyA4LjhWMTcuMkMzIDE4Ljg4MDIgMyAxOS43MjAyIDMuMzI2OTggMjAuMzYyQzMuNjE0NiAyMC45MjY1IDQuMDczNTQgMjEuMzg1NCA0LjYzODAzIDIxLjY3M0M1LjI3OTc2IDIyIDYuMTE5ODQgMjIgNy44IDIySDEyLjVNMTYgMlY2TTggMlY2TTE3LjQ5NzYgMTUuNzExOUMxNi43OTc4IDE0LjkzMjggMTUuNjMwOSAxNC43MjMyIDE0Ljc1NDEgMTUuNDM2N0MxMy44Nzc0IDE2LjE1MDEgMTMuNzUzOSAxNy4zNDMgMTQuNDQyNSAxOC4xODY4QzE1LjEzMSAxOS4wMzA2IDE3LjQ5NzYgMjEgMTcuNDk3NiAyMUMxNy40OTc2IDIxIDE5Ljg2NDIgMTkuMDMwNiAyMC41NTI3IDE4LjE4NjhDMjEuMjQxMyAxNy4zNDMgMjEuMTMyOSAxNi4xNDI2IDIwLjI0MTEgMTUuNDM2N0MxOS4zNDkyIDE0LjczMDcgMTguMTk3NCAxNC45MzI4IDE3LjQ5NzYgMTUuNzExOVoiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+');} .ae-icon-inbox{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIuNSAxMkg1Ljg4MTk3QzYuNTY3MTcgMTIgNy4xOTM1NyAxMi4zODcxIDcuNSAxM0M3LjgwNjQzIDEzLjYxMjkgOC40MzI4MyAxNCA5LjExODAzIDE0SDE0Ljg4MkMxNS41NjcyIDE0IDE2LjE5MzYgMTMuNjEyOSAxNi41IDEzQzE2LjgwNjQgMTIuMzg3MSAxNy40MzI4IDEyIDE4LjExOCAxMkgxOS41TTguOTY2NTYgNEgxNS4wMzM0QzE2LjExMDMgNCAxNi42NDg3IDQgMTcuMTI0MSA0LjE2Mzk2QzE3LjU0NDUgNC4zMDg5NiAxNy45Mjc0IDQuNTQ1NiAxOC4yNDUxIDQuODU2NzVDMTguNjA0MyA1LjIwODYgMTguODQ1MSA1LjY5MDIgMTkuMzI2NyA2LjY1MzM3TDIxLjQ5MzIgMTAuOTg2NUMyMS42ODIyIDExLjM2NDUgMjEuNzc2NyAxMS41NTM1IDIxLjg0MzQgMTEuNzUxNUMyMS45MDI2IDExLjkyNzUgMjEuOTQ1MyAxMi4xMDg1IDIxLjk3MSAxMi4yOTIzQzIyIDEyLjQ5OTIgMjIgMTIuNzEwNSAyMiAxMy4xMzMxVjE1LjJDMjIgMTYuODgwMiAyMiAxNy43MjAyIDIxLjY3MyAxOC4zNjJDMjEuMzg1NCAxOC45MjY1IDIwLjkyNjUgMTkuMzg1NCAyMC4zNjIgMTkuNjczQzE5LjcyMDIgMjAgMTguODgwMiAyMCAxNy4yIDIwSDYuOEM1LjExOTg0IDIwIDQuMjc5NzYgMjAgMy42MzgwMyAxOS42NzNDMy4wNzM1NCAxOS4zODU0IDIuNjE0NiAxOC45MjY1IDIuMzI2OTggMTguMzYyQzIgMTcuNzIwMiAyIDE2Ljg4MDIgMiAxNS4yVjEzLjEzMzFDMiAxMi43MTA1IDIgMTIuNDk5MiAyLjAyODk3IDEyLjI5MjNDMi4wNTQ3MSAxMi4xMDg1IDIuMDk3NDQgMTEuOTI3NSAyLjE1NjYyIDExLjc1MTVDMi4yMjMyNiAxMS41NTM1IDIuMzE3NzYgMTEuMzY0NSAyLjUwNjc1IDEwLjk4NjVMNC42NzMzMSA2LjY1MzM3QzUuMTU0OSA1LjY5MDE5IDUuMzk1NyA1LjIwODYgNS43NTQ5NSA0Ljg1Njc1QzYuMDcyNjMgNC41NDU2IDYuNDU1NTEgNC4zMDg5NiA2Ljg3NTg5IDQuMTYzOTZDNy4zNTEyNSA0IDcuODg5NjkgNCA4Ljk2NjU2IDRaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==');} .ae-icon-plus-2 { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhWMTZNOCAxMkgxNk03LjggMjFIMTYuMkMxNy44ODAyIDIxIDE4LjcyMDIgMjEgMTkuMzYyIDIwLjY3M0MxOS45MjY1IDIwLjM4NTQgMjAuMzg1NCAxOS45MjY1IDIwLjY3MyAxOS4zNjJDMjEgMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjJWNy44QzIxIDYuMTE5ODQgMjEgNS4yNzk3NiAyMC42NzMgNC42MzgwM0MyMC4zODU0IDQuMDczNTQgMTkuOTI2NSAzLjYxNDYgMTkuMzYyIDMuMzI2OThDMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yIDNINy44QzYuMTE5ODQgMyA1LjI3OTc2IDMgNC42MzgwMyAzLjMyNjk4QzQuMDczNTQgMy42MTQ2IDMuNjE0NiA0LjA3MzU0IDMuMzI2OTggNC42MzgwM0MzIDUuMjc5NzYgMyA2LjExOTg0IDMgNy44VjE2LjJDMyAxNy44ODAyIDMgMTguNzIwMiAzLjMyNjk4IDE5LjM2MkMzLjYxNDYgMTkuOTI2NSA0LjA3MzU0IDIwLjM4NTQgNC42MzgwMyAyMC42NzNDNS4yNzk3NiAyMSA2LjExOTg0IDIxIDcuOCAyMVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo='); } .ae-icon-plus{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEwIDYuNjY2NjdWMTMuMzMzM002LjY2NjY3IDEwSDEzLjMzMzNNNi41IDE3LjVIMTMuNUMxNC45MDAxIDE3LjUgMTUuNjAwMiAxNy41IDE2LjEzNSAxNy4yMjc1QzE2LjYwNTQgMTYuOTg3OCAxNi45ODc4IDE2LjYwNTQgMTcuMjI3NSAxNi4xMzVDMTcuNSAxNS42MDAyIDE3LjUgMTQuOTAwMSAxNy41IDEzLjVWNi41QzE3LjUgNS4wOTk4NyAxNy41IDQuMzk5OCAxNy4yMjc1IDMuODY1MDJDMTYuOTg3OCAzLjM5NDYyIDE2LjYwNTQgMy4wMTIxNyAxNi4xMzUgMi43NzI0OEMxNS42MDAyIDIuNSAxNC45MDAxIDIuNSAxMy41IDIuNUg2LjVDNS4wOTk4NyAyLjUgNC4zOTk4IDIuNSAzLjg2NTAyIDIuNzcyNDhDMy4zOTQ2MiAzLjAxMjE3IDMuMDEyMTcgMy4zOTQ2MiAyLjc3MjQ4IDMuODY1MDJDMi41IDQuMzk5OCAyLjUgNS4wOTk4NyAyLjUgNi41VjEzLjVDMi41IDE0LjkwMDEgMi41IDE1LjYwMDIgMi43NzI0OCAxNi4xMzVDMy4wMTIxNyAxNi42MDU0IDMuMzk0NjIgMTYuOTg3OCAzLjg2NTAyIDE3LjIyNzVDNC4zOTk4IDE3LjUgNS4wOTk4NyAxNy41IDYuNSAxNy41WiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4=');} .ae-icon-anotation-heart{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTIuNSA2LjVDMi41IDUuMDk5ODcgMi41IDQuMzk5OCAyLjc3MjQ4IDMuODY1MDJDMy4wMTIxNyAzLjM5NDYyIDMuMzk0NjIgMy4wMTIxNyAzLjg2NTAyIDIuNzcyNDhDNC4zOTk4IDIuNSA1LjA5OTg3IDIuNSA2LjUgMi41SDEzLjVDMTQuOTAwMSAyLjUgMTUuNjAwMiAyLjUgMTYuMTM1IDIuNzcyNDhDMTYuNjA1NCAzLjAxMjE3IDE2Ljk4NzggMy4zOTQ2MiAxNy4yMjc1IDMuODY1MDJDMTcuNSA0LjM5OTggMTcuNSA1LjA5OTg3IDE3LjUgNi41VjExLjI1QzE3LjUgMTIuNDE0OSAxNy41IDEyLjk5NzMgMTcuMzA5NyAxMy40NTY3QzE3LjA1NiAxNC4wNjkzIDE2LjU2OTMgMTQuNTU2IDE1Ljk1NjcgMTQuODA5N0MxNS40OTczIDE1IDE0LjkxNDkgMTUgMTMuNzUgMTVDMTMuMzQyOSAxNSAxMy4xMzkzIDE1IDEyLjk1MDQgMTUuMDQ0NkMxMi42OTg2IDE1LjEwNCAxMi40NjQxIDE1LjIyMTMgMTIuMjY1NCAxNS4zODcxQzEyLjExNjQgMTUuNTExNCAxMS45OTQzIDE1LjY3NDMgMTEuNzUgMTZMMTAuNTMzMyAxNy42MjIyQzEwLjM1MjQgMTcuODYzNSAxMC4yNjE5IDE3Ljk4NDEgMTAuMTUxIDE4LjAyNzJDMTAuMDUzOSAxOC4wNjUgOS45NDYxMSAxOC4wNjUgOS44NDg5NyAxOC4wMjcyQzkuNzM4MDcgMTcuOTg0MSA5LjY0NzYgMTcuODYzNSA5LjQ2NjY3IDE3LjYyMjJMOC4yNSAxNkM4LjAwNTcxIDE1LjY3NDMgNy44ODM1NyAxNS41MTE0IDcuNzM0NTggMTUuMzg3MUM3LjUzNTkzIDE1LjIyMTMgNy4zMDE0MSAxNS4xMDQgNy4wNDk1OSAxNS4wNDQ2QzYuODYwNzIgMTUgNi42NTcxNSAxNSA2LjI1IDE1QzUuMDg1MTUgMTUgNC41MDI3MiAxNSA0LjA0MzI5IDE0LjgwOTdDMy40MzA3MiAxNC41NTYgMi45NDQwNCAxNC4wNjkzIDIuNjkwMyAxMy40NTY3QzIuNSAxMi45OTczIDIuNSAxMi40MTQ5IDIuNSAxMS4yNVY2LjVaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS45OTc3MiA2Ljk0MjE2QzkuMzMxMjcgNi4xODQ2NyA4LjIxOTkyIDUuOTgwOSA3LjM4NDkgNi42NzQ1NEM2LjU0OTg4IDcuMzY4MTggNi40MzIzMiA4LjUyNzkxIDcuMDg4MDcgOS4zNDgyOEM3LjQ3OCA5LjgzNjExIDguNDMzMDcgMTAuNzEwOSA5LjE0MzI3IDExLjMzOTlDOS40MzY0NCAxMS41OTk2IDkuNTgzMDIgMTEuNzI5NCA5Ljc1OTQ2IDExLjc4MjFDOS45MTA0MiAxMS44MjcxIDEwLjA4NSAxMS44MjcxIDEwLjIzNiAxMS43ODIxQzEwLjQxMjQgMTEuNzI5NCAxMC41NTkgMTEuNTk5NiAxMC44NTIyIDExLjMzOTlDMTEuNTYyNCAxMC43MTA5IDEyLjUxNzQgOS44MzYxMSAxMi45MDc0IDkuMzQ4MjhDMTMuNTYzMSA4LjUyNzkxIDEzLjQ1OTkgNy4zNjA4OCAxMi42MTA1IDYuNjc0NTRDMTEuNzYxMiA1Ljk4ODIgMTAuNjY0MiA2LjE4NDY3IDkuOTk3NzIgNi45NDIxNloiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+');} .ae-icon-time{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTkuOTk5ODQgMS42NjY2M0MxNC42MDIyIDEuNjY2NjMgMTguMzMzMiA1LjM5NzU4IDE4LjMzMzIgOS45OTk5NkMxOC4zMzMyIDE0LjYwMjMgMTQuNjAyMiAxOC4zMzMzIDkuOTk5ODQgMTguMzMzM0M1LjM5NzQ2IDE4LjMzMzMgMS42NjY1IDE0LjYwMjMgMS42NjY1IDkuOTk5OTZIMy4zMzMxN0MzLjMzMzE3IDEzLjY4MTkgNi4zMTc5NCAxNi42NjY2IDkuOTk5ODQgMTYuNjY2NkMxMy42ODE4IDE2LjY2NjYgMTYuNjY2NSAxMy42ODE5IDE2LjY2NjUgOS45OTk5NkMxNi42NjY1IDYuMzE4MDYgMTMuNjgxOCAzLjMzMzI5IDkuOTk5ODQgMy4zMzMyOUM3LjcwODM1IDMuMzMzMjkgNS42ODY4OSA0LjQ4OTQxIDQuNDg2OTMgNi4yNTAxNkw2LjY2NjUgNi4yNDk5NlY3LjkxNjYzSDEuNjY2NVYyLjkxNjYzSDMuMzMzMTdMMy4zMzMwOCA0Ljk5OTI4QzQuODUzNDUgMi45NzU1OCA3LjI3Mzc4IDEuNjY2NjMgOS45OTk4NCAxLjY2NjYzWk0xMC44MzMyIDUuODMzMjlMMTAuODMzIDkuNjU0MTJMMTMuNTM1MyAxMi4zNTdMMTIuMzU2OCAxMy41MzU1TDkuMTY2MzQgMTAuMzQ0MUw5LjE2NjUgNS44MzMyOUgxMC44MzMyWiIgZmlsbD0iIzY2NzA4NSIvPiA8L3N2Zz4=');} .ae-icon-square-question{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTcuNTc1IDcuNUM3Ljc3MDkyIDYuOTQzMDYgOC4xNTc2MyA2LjQ3MzQyIDguNjY2NjMgNi4xNzQyOEM5LjE3NTYzIDUuODc1MTMgOS43NzQwOCA1Ljc2NTc4IDEwLjM1NiA1Ljg2NTU5QzEwLjkzNzkgNS45NjU0IDExLjQ2NTcgNi4yNjc5NCAxMS44NDU5IDYuNzE5NjFDMTIuMjI2MSA3LjE3MTI4IDEyLjQzNDIgNy43NDI5NCAxMi40MzMzIDguMzMzMzNDMTIuNDMzMyAxMCA5LjkzMzMzIDEwLjgzMzMgOS45MzMzMyAxMC44MzMzTTEwIDE0LjE2NjdIMTAuMDA4M002LjUgMTcuNUgxMy41QzE0LjkwMDEgMTcuNSAxNS42MDAyIDE3LjUgMTYuMTM1IDE3LjIyNzVDMTYuNjA1NCAxNi45ODc4IDE2Ljk4NzggMTYuNjA1NCAxNy4yMjc1IDE2LjEzNUMxNy41IDE1LjYwMDIgMTcuNSAxNC45MDAxIDE3LjUgMTMuNVY2LjVDMTcuNSA1LjA5OTg3IDE3LjUgNC4zOTk4IDE3LjIyNzUgMy44NjUwMkMxNi45ODc4IDMuMzk0NjIgMTYuNjA1NCAzLjAxMjE3IDE2LjEzNSAyLjc3MjQ4QzE1LjYwMDIgMi41IDE0LjkwMDEgMi41IDEzLjUgMi41SDYuNUM1LjA5OTg3IDIuNSA0LjM5OTggMi41IDMuODY1MDIgMi43NzI0OEMzLjM5NDYyIDMuMDEyMTcgMy4wMTIxNyAzLjM5NDYyIDIuNzcyNDggMy44NjUwMkMyLjUgNC4zOTk4IDIuNSA1LjA5OTg3IDIuNSA2LjVWMTMuNUMyLjUgMTQuOTAwMSAyLjUgMTUuNjAwMiAyLjc3MjQ4IDE2LjEzNUMzLjAxMjE3IDE2LjYwNTQgMy4zOTQ2MiAxNi45ODc4IDMuODY1MDIgMTcuMjI3NUM0LjM5OTggMTcuNSA1LjA5OTg3IDE3LjUgNi41IDE3LjVaIiBzdHJva2U9IiM2NjcwODUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvc3ZnPg==');} .ae-icon-marker{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEyIDIyQzEzIDE3IDIwIDE2LjQxODMgMjAgMTBDMjAgNS41ODE3MiAxNi40MTgzIDIgMTIgMkM3LjU4MTcyIDIgNCA1LjU4MTcyIDQgMTBDNCAxNi40MTgzIDExIDE3IDEyIDIyWiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8cGF0aCBkPSJNMTIgMTNDMTMuNjU2OSAxMyAxNSAxMS42NTY5IDE1IDEwQzE1IDguMzQzMTUgMTMuNjU2OSA3IDEyIDdDMTAuMzQzMSA3IDkgOC4zNDMxNSA5IDEwQzkgMTEuNjU2OSAxMC4zNDMxIDEzIDEyIDEzWiIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4=');} .ae-icon-logout{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTEzLjMzMzMgMTQuMTY2N0wxNy41IDEwTTE3LjUgMTBMMTMuMzMzMyA1LjgzMzMzTTE3LjUgMTBINy41TTcuNSAyLjVINi41QzUuMDk5ODcgMi41IDQuMzk5OCAyLjUgMy44NjUwMiAyLjc3MjQ4QzMuMzk0NjIgMy4wMTIxNyAzLjAxMjE3IDMuMzk0NjIgMi43NzI0OCAzLjg2NTAyQzIuNSA0LjM5OTggMi41IDUuMDk5ODcgMi41IDYuNVYxMy41QzIuNSAxNC45MDAxIDIuNSAxNS42MDAyIDIuNzcyNDggMTYuMTM1QzMuMDEyMTcgMTYuNjA1NCAzLjM5NDYyIDE2Ljk4NzggMy44NjUwMiAxNy4yMjc1QzQuMzk5OCAxNy41IDUuMDk5ODcgMTcuNSA2LjUgMTcuNUg3LjUiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9zdmc+');} .ae-icon-left-arrow{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE3IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTYuNSAxMkwxMC41IDhMNi41IDQiIHN0cm9rZT0iIzY2NzA4NSIgc3Ryb2tlLXdpZHRoPSIxLjY2NjY3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');} .ae-icon-login{background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4gPHBhdGggZD0iTTYgMTdDNiAxNy45MyA2IDE4LjM5NSA2LjEwMjIyIDE4Ljc3NjVDNi4zNzk2MiAxOS44MTE3IDcuMTg4MjcgMjAuNjIwNCA4LjIyMzU0IDIwLjg5NzhDOC42MDUwNCAyMSA5LjA3MDAzIDIxIDEwIDIxSDE2LjJDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDEwQzkuMDcwMDMgMyA4LjYwNTA0IDMgOC4yMjM1NCAzLjEwMjIyQzcuMTg4MjcgMy4zNzk2MiA2LjM3OTYyIDQuMTg4MjcgNi4xMDIyMiA1LjIyMzU0QzYgNS42MDUwNCA2IDYuMDcwMDMgNiA3TTEyIDhMMTYgMTJNMTYgMTJMMTIgMTZNMTYgMTJIMyIgc3Ryb2tlPSIjNjY3MDg1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4=');} .ae-icon-phone {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTkuOTk5ODQgMTQuNTgzNEgxMC4wMDgyTTYuODMzMTcgMTguMzMzNEgxMy4xNjY1QzE0LjA5OTkgMTguMzMzNCAxNC41NjY2IDE4LjMzMzQgMTQuOTIzMiAxOC4xNTE3QzE1LjIzNjggMTcuOTkxOSAxNS40OTE3IDE3LjczNjkgMTUuNjUxNSAxNy40MjMzQzE1LjgzMzIgMTcuMDY2OCAxNS44MzMyIDE2LjYwMDEgMTUuODMzMiAxNS42NjY3VjQuMzMzMzVDMTUuODMzMiAzLjM5OTkzIDE1LjgzMzIgMi45MzMyMiAxNS42NTE1IDIuNTc2N0MxNS40OTE3IDIuMjYzMSAxNS4yMzY4IDIuMDA4MTMgMTQuOTIzMiAxLjg0ODM0QzE0LjU2NjYgMS42NjY2OSAxNC4wOTk5IDEuNjY2NjkgMTMuMTY2NSAxLjY2NjY5SDYuODMzMTdDNS44OTk3NSAxLjY2NjY5IDUuNDMzMDQgMS42NjY2OSA1LjA3NjUyIDEuODQ4MzRDNC43NjI5MiAyLjAwODEzIDQuNTA3OTUgMi4yNjMxIDQuMzQ4MTYgMi41NzY3QzQuMTY2NSAyLjkzMzIyIDQuMTY2NSAzLjM5OTkzIDQuMTY2NSA0LjMzMzM1VjE1LjY2NjdDNC4xNjY1IDE2LjYwMDEgNC4xNjY1IDE3LjA2NjggNC4zNDgxNiAxNy40MjMzQzQuNTA3OTUgMTcuNzM2OSA0Ljc2MjkyIDE3Ljk5MTkgNS4wNzY1MiAxOC4xNTE3QzUuNDMzMDQgMTguMzMzNCA1Ljg5OTc1IDE4LjMzMzQgNi44MzMxNyAxOC4zMzM0Wk0xMC40MTY1IDE0LjU4MzRDMTAuNDE2NSAxNC44MTM1IDEwLjIzIDE1IDkuOTk5ODQgMTVDOS43Njk3MiAxNSA5LjU4MzE3IDE0LjgxMzUgOS41ODMxNyAxNC41ODM0QzkuNTgzMTcgMTQuMzUzMiA5Ljc2OTcyIDE0LjE2NjcgOS45OTk4NCAxNC4xNjY3QzEwLjIzIDE0LjE2NjcgMTAuNDE2NSAxNC4zNTMyIDEwLjQxNjUgMTQuNTgzNFoiIHN0cm9rZT0iIzJEOUNEQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');} /* Base topbar s */ .topbar { position: fixed; width: 100%; z-index: 1000; transition: all 0.3s ease; } /* Transparent variant (light text on dark/image backgrounds) */ .topbar--transparent { background: transparent; } .topbar--transparent .top-cont { background: transparent; } .topbar--transparent .top-cont-row { background: transparent; } /* Light theme elements for transparent variant */ .topbar--transparent { --topbar-text: #ffffff; --topbar-icon: #ffffff; --topbar-border: rgba(2552552550.3); --topbar-input-bg: rgba(2552552550.1); --topbar-hover: rgba(2552552550.8); } /* Dark theme elements for white variant */ .topbar--white { --topbar-text: var(--gray-800); --topbar-icon: var(--gray-600); --topbar-border: #E5E7EB; --topbar-input-bg: #ffffff; --topbar-hover: #0A74BF; } /* Common elements with variable colors */ .topbar .icon-map-marker-2, .topbar .icon-angle-down { color: var(--topbar-icon); } .topbar .tbsearch .input-append { border: 1.5px solid var(--topbar-border); background: var(--topbar-input-bg); } .topbar #searchd-input { color: var(--topbar-text); } .topbar #searchd-input::placeholder { color: var(--topbar-text); opacity: 0.7; } /* Logo variants */ .topbar--transparent .logo-light { display: block; } .topbar--transparent .logo-dark { display: none; } .topbar--white .logo-light { display: none; } .topbar--white .logo-dark { display: block; } /* SVG icon colors */ .topbar--transparent .new-svg-icon { filter: none !important; } .topbar--white .new-svg-icon { filter: none; /* Original colors */ } /* Search icon colors */ .topbar--transparent .search-icon-desktop svg path { stroke: #ffffff; } .topbar--white .search-icon-desktop svg path { stroke: #30363E; } /* Button s */ .topbar--transparent .create-btn-, .topbar--transparent .events-for-you-btn { color: var(--topbar-text) !important; } /* Hover states */ .topbar--transparent .city-select-button:hover { color: var(--topbar-hover) !important; background-color: rgba(2552552550.1) !important; /* Semi-transparent white */ border-radius: 20px; transition: all 0.2s ease; } /* Topuserinfo hover states for transparent variant */ .topbar--transparent .topuserinfo:hover { background-color: rgba(2552552550.1) !important; /* Semi-transparent white */ border-radius: 20px; transition: all 0.2s ease; } .events-for-you-btn:hover.create-btn-:hover{text-decoration: none !important; color: var(--gray-900)} /* Scrolled state for transparent variant */ .topbar--transparent.scrolled { background: var(--white); box-shadow: 0 2px 4px rgba(0000.05); } .topbar--transparent.scrolled { --topbar-text: #333333; --topbar-icon: #667085; --topbar-border: #E5E7EB; --topbar-input-bg: #ffffff; --topbar-hover: #0A74BF; --city-hover: #F0F9FF; } .topbar--transparent.scrolled .logo-light { display: none; } .topbar--transparent.scrolled .logo-dark { display: block; } .topbar--transparent.scrolled .new-svg-icon { filter: none; } /* Mobile s */ @media(max-width: 767px) { .topbar--transparent, .topbar--white { background: var(--white); } /* Force dark theme on mobile regardless of variant */ .topbar--transparent { --topbar-text: #333333; --topbar-icon: #667085; --topbar-border: #E5E7EB; --topbar-input-bg: #ffffff; --topbar-hover: #0A74BF; } .topbar--transparent .logo-light { display: none; } .topbar--transparent .logo-dark { display: block; } .topbar--transparent .new-svg-icon { filter: none; } .navbar-inner{min-height: 55px !important} } /* Mobile specific s */ @media(max-width: 767px) { .topbar--transparent { background: var(--white); } .topbar--white .tbdapp, .topbar--transparent .tbdapp { font-size: 12px; display: block; padding: 7px 12px; color: var(--primary-default); background-color: transparent; border: 1px solid var(--primary-default); border-radius: 9999px; cursor: pointer; font-weight: 700; position: absolute; top: 13px; right: 100px; line-height: normal; font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif; z-index: 1001 !important; } /* Adjust positions when logged in */ .lg1.topbar--white .tbdapp, .lg1.topbar--transparent .tbdapp { right: 115px; } .lg1.topbar--white .tbsearch, .lg1.topbar--transparent .tbsearch { top: 13px; right: 80px; } .topbar .tbsearch .input-append{ background: none !important; } /* Responsive adjustments for different screen sizes */ @media (max-width: 480px) { .logo-span-flex { margin-right: 50px; } .tbsearch { right: 10px; } } @media (min-width: 481px) and (max-width: 767px) { .logo-span-flex { margin-right: 60px; } .tbsearch { right: 15px; } } } /* Hover states */ .city-select-button:hover .city-select-icon-marker{ color: var(--primary-default#0A74BF); } .city-select-button:hover{ background-color: var(--city-hover); border-radius: 20px; transition: all 0.2s ease; } /* Button s for both variants */ .topbar--white .topbar-btn, .topbar--transparent .topbar-btn { background: none !important; font-size: 14px !important; box-shadow: none !important; border: none !important; } /* Search input s for both variants */ .topbar--white #searchd-input, .topbar--transparent #searchd-input { height: 38px; max-width: 100%; width: 240px; border-radius: 0 20px 20px 0; margin-right: 10px; box-shadow: none; font-size: 14px; background: transparent; } /* Add this to the existing CSS section */ /* Vertical line divider s */ .vertical-line { display: inline-block; color: var(--gray-300#D9D9D9); margin: 1px 7px 0px 14px; font-size: 15px; line-height: 36px; vertical-align: middle; } /* Ensure proper alignment of surrounding elements */ .logo-span-flex { display: flex; align-items: start; flex: 1; } .logo-cont { display: inline-flex; align-items: center; } .city-select-wrapper { display: inline-flex; align-items: center; } /* Hide divider on mobile */ @media (max-width: 767px) { .vertical-line { display: none; } } .topbar--white .tbdapp { color: var(--primary-default); border-color: var(--primary-default); } .topbar--transparent .tbdapp { color: #fff; border-color: #fff; } .topbar--white .search-icon-mobile svg path { stroke: #333; } .topbar--transparent .search-icon-mobile svg path { stroke: #fff; } /* Logo visibility rules */ .topbar--transparent .logo-light { display: block; } .topbar--transparent .logo-dark { display: none; } .topbar--white .logo-light { display: none; } .topbar--white .logo-dark { display: block; } /* When transparent topbar is scrolledswitch logos */ .topbar--transparent.scrolled .logo-light { display: none; } .topbar--transparent.scrolled .logo-dark { display: block; } /* Mobile-specific s for cityhome */ @media (max-width: 767px) { .topbar--transparent { background: transparent !important; } .topbar--transparent.topbar--white { background: var(--header-head-primary) !important; } } .events-for-you-btn:hover.create-btn-:hover{text-decoration: none !important; color: var(--gray-900)} /* Active/Clicked states for both variants */ .events-for-you-btn:active .events-for-you-btn:focus, .create-btn-:active .create-btn-:focus { text-decoration: none !important; color: var(--gray-900) !important; } /* Active/Clicked states for transparent variant */ .topbar--transparent .events-for-you-btn:active, .topbar--transparent .events-for-you-btn:focus, .topbar--transparent .create-btn-:active, .topbar--transparent .create-btn-:focus { text-decoration: none !important; color: var(--topbar-hover) !important; } /* Active/Clicked states for scrolled transparent variant */ .topbar--transparent.scrolled .events-for-you-btn:active, .topbar--transparent.scrolled .events-for-you-btn:focus, .topbar--transparent.scrolled .create-btn-:active, .topbar--transparent.scrolled .create-btn-:focus { text-decoration: none !important; color: var(--gray-900) !important; } /* Scrolled state hover for transparent variant */ .topbar--transparent.scrolled .city-select-button:hover { color: var(--topbar-hover) !important; background-color: var(--city-hover) !important; /* Use the defined variable */ border-radius: 20px; transition: all 0.2s ease; } /* Scrolled state hover for topuserinfo in transparent variant */ .topbar--transparent.scrolled .topuserinfo:hover { background-color: var(--city-hover) !important; /* Use the defined variable */ border-radius: 20px; transition: all 0.2s ease; }