.badge-locked {
    opacity:0.5;
    filter: grayscale(100%);
  }
  .profile-picture, .header-profile-picture, .feed-profile-picture {
            display:flex;
            align-items: center;
            justify-content: center;
            width:150px;
            height:150px;
            background-color: var(--theme-primary-color);
            border-radius: 50%;
            color:#fff;
            overflow:hidden;

        }
        .feed-notification-header {
            display:flex;
            flex-direction:row;
            align-items:center;
            margin-bottom:1rem;
        }
        .feed-notification {
            margin-right:1rem; 
            width:5rem;
            flex-grow:0;
            flex-shrink:0;
        }
        .feed-date {
            margin-top:1rem;
            margin-bottom:0;
            color:#666;
        }
        .feed-profile-picture {
            flex:0 0 50px;
            width:50px; height:50px;
            /*margin-right:1em;*/
            line-height:50px;
            font-size:150%;
        }
        .bg-blue, .header-profile-picture.blue, .feed-profile-picture.blue, .header-cover-image.blue {
            background-color: #014593;
        }
        .header-profile-picture.pink, .feed-profile-picture.pink, .header-cover-image.pink {
            background-color: #2d98da;
        }
        .header-profile-picture.turquoise, .feed-profile-picture.turquoise, .header-cover-image.turqouise {
            background-color: #00cec9;
        }
        .header-profile-picture.green, .feed-profile-picture.green, .header-cover-image.green {
            background-color:#00b894;
        }
        .header-profile-picture.purple, .feed-profile-picture.purple, .header-cover-image.purple {
            background-color:#6c5ce7;
        }
        .header-profile-picture.orange, .feed-profile-picture.orange, .header-cover-image.orange {
            background-color:#e17055;
        }
        .header-profile-picture.red, .feed-profile-picture.red, .header-cover-image.red {
            background-color:#d63031;
        }
        .bg-burgundy, .header-profile-picture.burgundy, .feed-profile-picture.burgundy, .header-cover-image.burgundy {
            background-color:#480024;
        }

        .info-table tr {
            position: relative;
        }

        .info-table tr.info-row:hover {
            background:#efefef;
        }

        .info-table tr td:first-child { border-top-left-radius: 0.5rem; }
        .info-table tr td:last-child { border-top-right-radius: 0.5rem; }

        .info-table tr td:first-child { border-bottom-left-radius: 0.5rem; }
        .info-table tr td:last-child { border-bottom-right-radius: 0.5rem; }
        

        .table-link:after, .full-link:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
        }

        .card.notification {
            position: relative;
        }

        .remove-button {
            display:inline-block; padding:0.5rem 1rem; border-radius:1rem; background:#e74c3c; color:#fff; font-size:0.9rem;
        }

        .btn-delete {
            background:#e74c3c; border:1px solid #e74c3c;
            color:#fff;
        }

        .tag {
            font-weight:700;
            font-size:0.8rem;
            letter-spacing:1px;
            text-transform:uppercase;
            display:inline-flex;
            align-items:center;
            padding:0 0.5rem;
            border-radius:0.2rem;
            margin-right:0.5rem;
        }

        .tag-icon {
            margin-right:0.5rem;
        }

        .tag-green {
            background:#33d9b2;
            color:#fff;
        }

        .tag-red {
            background:#ff5252;
            color:#fff;
        }

        .tag-blue {
            background:#34ace0;
            color:#fff;
        }

        .tag-orange {
            background:#f39c12;
            color:#fff;
        }

        .portal-signup-logo {
            max-width:300px; margin:0 auto; margin-bottom:1rem;
        }

        .header-logo {
            border-right:0;
        }
.site-header {
  flex-flow: row wrap;
}

.header-tabs-right {
    border-top: 2px solid #efefef;
    width:100%;
}

.header-tabs-right .header-tab {
    flex-basis: 25%;
    display:flex;
    justify-content: center;

}

@media (min-width:600px) {

        .header-logo {
            border-right: 2px solid #efefef;
        }
.site-header {
  flex-flow:  nowrap;
}

.header-tabs-right .header-tab {
    flex-basis: auto;
    display:flex;
    justify-content: center;

}

}