#ssi_logo_container {
        top: 0px;
        left: 0px;
        width: auto;
        position: absolute;
        text-align: center;
        z-index: 1001;
    }
    
    .logo_link {
        display: inline-block;
        padding: 13px 19px 0;
    }

    .logo_link img {
        height: 36px !important;
    }
    
    #ssi_nav_chats_icon img {
        height: 35px !important;
    }
    
    #ssi_header_container {
        background: white;
        height: 60px;
        border-bottom: 2px solid rgb(200,203,207);
    }
        
    #ssi_header {
        height: 60px;
    }
    
    #ssi_main_nav_bar, #ssi_mobile_nav_bar {
        z-index: 6;
        width: 100%;
        position: absolute;
    }
    #ssi_main_nav_bar {
        top: 0;
        overflow: hidden;
    }
    
    #ssi_header_table {
        position: relative;
        float: right;
        margin-top: 2px;
    }

    #ssi_header_table.inactive {
        width: 100%;
        margin-top: 8px;
    }

    #ssi_header_table td {
        white-space: nowrap;
    }

    #ssi_header_spacer_cell {
        width: 80px;
    }
    
    .ssi_header_admin_wrapper {
        display: none !important;
    }

    #ssi_main_nav_bar .icon_button { /* overrides icon_button in main.css */
        width: auto !important;
        font-size: 17px !important;
        background: none;
        padding: 7px 24px;
        margin-top: 8px;
        border: none !important;
        display: none;
    }
    
    #ssi_main_nav_bar .icon_button i {
        margin-left: 8px;
        margin-top: 1px;
    }
    
    #ssi_main_nav_bar .icon_button ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #ssi_main_nav_bar .icon_button li {
        display: inline-block;
        vertical-align: top;
    }

    .ssi_header_a {
        color: inherit;
        text-decoration: none;
        cursor: pointer;
        padding: 10px;
    }
    .ssi_header_a_no_link {
        padding: 10px;
        text-decoration: none;
        color: inherit;
        cursor: default;
    }
    #ssi_main_nav_bar .ssi_header_a {
        display: block;
    }
    
    .ssi_subnav_a {
        color: rgb(200,200,200) !important;
    }
        
    .ssi_header_active_tab {
        color: rgb(51,169,243) !important;
        text-decoration: none;
        padding: 10px;
        /*padding-bottom: 7px;
        border-bottom: 2px solid rgb(255,229,171);*/
    }
    .ssi_header_a:hover, .ssi_header_active_tab:hover {
        text-decoration:underline;
    }
  
/* Mobile Nav --------------------------------------------------------------------- */
  
    #ssi_nav_icon_container i {
        color: rgb(148,148,148);
    }
    
    #ssi_nav_profile_icon,
    #ssi_nav_chats_icon,
    #ssi_nav_matches_icon {
        padding: 13px;
        cursor: pointer;
        font-size: 27px;
        color: rgb(148,148,148);
        position: relative;
        display: block;
    }

    #open_menu_icon {
        width: 30px;
        height: 30px;
    }

    #ssi_nav_profile_photo {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #ssi_nav_profile_placeholder {
        position: absolute;
        top: 13px;
        color: rgb(148,148,148);
        display: none;
        font-size: 29px;
    }
    
    #ssi_nav_username {
        margin: 0;
        padding: 19px 0 19px 12px;
        cursor: pointer;
        font-size: 19px;
        font-family: Helvetica-Light, sans-serif;
        color: #666;
        line-height: 1.2;
    }

    #ssi_nav_chats_icon {
        font-size: 28px !important;
    }

    #close_menu_icon {
        display: none;
        margin-right: 5px;
    }

    #ssi_nav_chats_icon:hover i,
    #ssi_nav_matches_icon:hover i,
    #ssi_nav_profile_icon:hover #ssi_nav_profile_placeholder {
        color: rgb(128,128,128);
    }

    .ssi_nav_badge {
        font-family: Quicksand-Bold, sans-serif;
        position: absolute;
        font-size: 10px;
        text-decoration: none;
        color: white;
        background: red;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
        padding: 1px 5px;
        display: none;
    }

    .ssi_nav_badge.chat_badge {
        display: block;
        top: 0;
        right: 0;
        margin-top: -5px;
        margin-right: -5px;
    }

    #ssi_nav_matches_badge {
        top: 9px;
        right: 6px;
    }

    #ssi_nav_chats_badge {
        top: 11px;
        right: 11px;
    }

    #ssi_mobile_shade {
        display: none;
        position: fixed;
        z-index: 1100;
        left: -500px;
        top: 61px; /* same as #ssi_mobile_nav */
        right: -500px;
        bottom: -500px;
        overflow: hidden;
        background-color: rgba(0,0,0,0.2);
    }
    
    #ssi_mobile_nav {
        z-index: 1102;
        display: none;
        position: absolute;
        top: 61px; /* same as #ssi_mobile_shade */
        right: 0;
        font-size: 15px;
        background: white;
    }
    
    #ssi_mobile_nav ul, #ssi_mobile_nav li {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
        display: block;
        text-align: right;
    }
    
    #ssi_mobile_nav a {
        display: block;
        padding: 15px 20px 14px 40px;
        text-decoration: none;
        border-bottom: 1px solid rgb(220,222,224);
    }
    #ssi_mobile_nav a:hover {
        text-decoration: underline;
        cursor: pointer !important;
    }