#modern-header {
    width: 100%;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
}

#modern-header,
.header-item,
.top-menu-btn {
    height: 54px;
}

#logos {
    width: 290px;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
}

#top-menu {
    display: flex;
    flex-wrap: nowrap;
}

#cvent-logo {
    display: inline-block;
    float: left;
    width: 112px;
    padding: 0 24px 0 28px;
    margin: 11px 0;
    border-right: solid 1.5px rgb(105, 113, 122);
}

#cvent-logo img {
    max-width: 250px;
    max-height: 32px;
}

#cvent-logo a {
    color: rgb(18, 87, 159);
    display: block;
    margin: -2px auto;
}

#passkey-logo {
    display: inline-block;
    padding-left: 24px;
    margin: 11px 0;
    color: rgb(0, 106, 225);
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-utilities {
    display: flex;
    justify-content: flex-end;
    width: 290px;
    margin-right: 0.5px;
    position: relative;
}

#top-menu-icon {
    right: 0;
    width: 68px;
}

#top-menu-icon.pointer {
    cursor: pointer;
}

#user-icon {
    width: 32px;
    background-color: rgb(47, 199, 240);
    color: #1a2026;
    font-size: 15px;
    height: 32px;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    margin: 7px 16px;
    border: solid 4px #ffffff;
}

#user-icon:hover {
    border-color: #d7d9db;
}

.top-menu-item {
    display: inline-block;
}

.top-menu-item a {
    display: block;
    text-decoration: none;
    color: #1a2026;
}

.top-menu-item a:hover {
    color: #1a2026;
}

#search-icon,
.top-menu-btn {
    float: left;
}

.top-menu-btn {
    padding: 0px 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    color: #1a2026;
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
}

.top-menu-btn:hover,
.top-sub-menu-option a:hover {
    background-color: #f7f8f9;
}

#top-menu-manage-btn:after,
#top-menu-reservations-btn:after,
#top-menu-reports-btn.with-sub-items:after,
#top-menu-events-btn:after {
    font-family: 'cvticons';
    content: '\e938';
    padding-left: 5px;
    display: inline-block;
    text-decoration: none;
}

#top-sub-menu {
    position: relative;
}

.top-sub-menu-item {
    top: 54px;
    margin-left: -24px;
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(154, 159, 166);
    box-shadow: rgb(0 0 0 / 25%) 0rem 0.25rem 0.5rem -0.125rem;
    border-radius: 4px;
    padding: 12px 0px;
    font-size: 0.875rem;
    width: 220px;
    height: auto;
    z-index: 400;
    line-height: 1.5;
    font-weight: 400;
    box-sizing: border-box;
}

.top-sub-menu-option a {
    direction: ltr;
    display: block;
    box-sizing: border-box;
    padding: 12px 24px;
    white-space: normal;
    text-decoration: none;
    color: #1a2026;
    font-size: 1rem;
    font-weight: 300;
}

.selected-item {
    background-color: #003673;
    color: #ffffff;
}

.selected-item:hover {
    background-color: #57789e;
}

.top-menu-item.selected-item a {
    color: #ffffff;
}


.header-bottom-border {
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #006de9 0%, #00ca9d 95%);
}

#help-menu-items .icon{
    height: 25px;
    padding-right: 5px;
    fill: rgb(105, 113, 122);
}

#help-menu-items a span {
    position: absolute;
    padding-top: 1px;
}

#help-circle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-top: 8px;
    border: solid 7px white;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    fill: rgb(105, 113, 122);
}

#help-circle:hover {
    border: solid 7px #ecedef;
    border-radius: 50%;
    background-color: #ecedef;
}

#help-circle-tooltip,
#top-menu-icon-tooltip {
    display: none;
    position: relative;
}

#help-circle-tooltip,
#user-icon-tooltip,
#top-menu-icon-tooltip {
    display: none;
    position: relative;
}

#help-circle-tooltip,
#user-icon-tooltip {
    right: 82px;
    width: 122px;
    top: 6px;
    z-index: 4;
}

#help-circle-tooltip {
    right: 87px;
    top: 9px;
}

#top-menu-icon-tooltip {
    width: 290px;
    height: 125px;
    top: -1px;
    right: 225px;
    z-index: 4;
}

#help-circle:hover #help-circle-tooltip,
#user-icon:hover #user-icon-tooltip,
#top-menu-icon:hover #top-menu-icon-tooltip {
    display: block;
}

#help-circle.help-menu-opened:hover #help-circle-tooltip,
#user-icon.user-menu-opened:hover #user-icon-tooltip,
#top-menu-icon.top-menu-opened:hover #top-menu-icon-tooltip {
    display: none;
}

#help-circle-tooltip .tooltip-pointer,
#user-icon-tooltip .tooltip-pointer,
#top-menu-icon-tooltip .tooltip-pointer {
    width: 0;
    height: 5px;
}

#help-circle-tooltip .tooltip-text,
#user-icon-tooltip .tooltip-text,
#top-menu-icon-tooltip .tooltip-text {
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;

}

#help-circle-tooltip .tooltip-pointer,
#user-icon-tooltip .tooltip-pointer,
#top-menu-icon-tooltip .tooltip-pointer,
#help-circle-tooltip .tooltip-text,
#user-icon-tooltip .tooltip-text,
#top-menu-icon-tooltip .tooltip-text {
    background-color: #4a5059;
}

#help-circle-tooltip .tooltip-text,
#user-icon-tooltip .tooltip-text {
    height: 36px;
    line-height: 36px;
}

#top-menu-icon-tooltip .tooltip-text {
    height: 125px;
    line-height: 16px;
    padding: 15px;
    box-sizing: border-box;
}

#help-circle-tooltip .tooltip-pointer:after,
#user-icon-tooltip .tooltip-pointer:after,
#top-menu-icon-tooltip .tooltip-pointer:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 10px solid #4a5059;
    top: -10px;
}

#help-circle-tooltip .tooltip-pointer:after,
#user-icon-tooltip .tooltip-pointer:after {
    left: 89px;
}

#top-menu-icon-tooltip .tooltip-pointer:after {
    left: 250px;
}

#top-menu-icon-tooltip .tooltip-link {
    margin-top: 12px;
}

#top-menu-icon-tooltip .tooltip-link a {
    color: #fff;
    text-decoration: underline;
}

#help-menu,
#user-menu {
    display: none;
}

#user-menu .tooltip-pointer {
    width: 0;
    height: 16px;
}

#help-menu .tooltip-pointer {
    width: 0;
    height: 20px;
}

#help-menu .tooltip-pointer:before,
#help-menu .tooltip-pointer:after,
#user-menu .tooltip-pointer:before,
#user-menu .tooltip-pointer:after {
    content: '';
    position: absolute;
    border: 13px solid transparent;
}

#user-menu .tooltip-pointer:before {
    border-bottom: 17px solid #9a9fa6;
}

#help-menu .tooltip-pointer:before {
    border-bottom: 17px solid #9a9fa6;
}

#user-menu .tooltip-pointer:after {
    border-bottom: 17px solid #ffffff;
    z-index: 4;
}

#help-menu .tooltip-pointer:after {
    border-bottom: 17px solid #ffffff;
    z-index: 4;
}

#help-menu-items,
#user-menu-items {
    width: 360px;
    border: 1px solid #9A9FA6;
    position: relative;
    right: 322px;
    top: 6px;
    background-color: #ffffff;
    text-align: left;
    padding: 12px 0;
    z-index: 3;
}

#help-menu-items {
    top: 4px;
}

#user-menu-items .user-menu-item {
    height: 40px;
    line-height: 24px;
    color: #1A2026;
    font-size: 16px;
    font-weight: 400;
}

#help-menu-items .user-menu-item {
    height: 40px;
    line-height: 24px;
    color: #1A2026;
    font-size: 16px;
    font-weight: 300;
}

#help-menu-items .user-menu-item:hover,
#user-menu-items .user-menu-item:hover {
    background-color: #f0f1f2;
}

#user-menu-items .user-menu-item.user-logout a:before {
    font-family: 'cvticons';
    content: '\eaaa';
    display: inline-block;
    text-decoration: none;
    font-size: 24px;
}

#user-menu-items .user-menu-item.user-logout span {
    position: relative;
    bottom: 4px;
    margin-left: 5px;
}

#user-short-name {
    text-transform: uppercase;
}

.top-sub-menu-item .top-sub-menu-option a {
    color: #1a2026;
}

#new-home-page-switcher {
    display: none;
    height: 68px;
    width: 360px;
    background-color: #006de9;
    right: 0;
    position: absolute;
    top: 55px;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Rubik';
    box-sizing: border-box;
    line-height: 40px;
    box-shadow: rgb(0 0 0 / 25%) 0rem 0.25rem 0.5rem -0.125rem;
    z-index: 2;
}

#new-home-page-switcher .header-item {
    margin-top: 7px;
}

#new-home-page-switcher .switcher-text {
    float: right;
    line-height: 44px;
    height: 68px;
    box-sizing: border-box;
    padding: 14px 0;
    margin-right: 161px;
}

#help-menu-items a,
#user-menu-items a {
    padding: 8px 24px;
}

#help-menu-items a {
    position: relative;
    bottom: 0;
    display: inline-block;
    width: 87%;
}