/*Notifications Styling*/
div#invites-page {
    position: absolute;
    min-height: calc(100vh - 147px);
    width: 61.25em;
    max-width: 100%;
    width: 70em;
    top: 110px;
    background: white;
    border-radius: 20px 20px 0px 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 36px;
    border: 1px solid #2ab3ff;
    border-bottom: none;
}

#invites-page-menu {
    position: absolute;
    width: 100%;
    top: 0;
    height: 35px;
    border-bottom: 1px solid black;
    overflow: hidden;
    padding-left: 35px;
    box-sizing: border-box;
}

.invite-button {
    background: none;
    border: none;
    font-size: 16px;
    padding: 0;
    padding-top: 9px;
    padding-bottom: 7px;
    padding-left: 0px;
    margin-left: 26px;
    color: dimgray;
    cursor: pointer;
}

.invite-button.copy-link {
    background: #7b7bfb;
    color: white;
    padding: 9px 10px 7px 10px;
}

.invite-button.copy-link:hover {
    background: blue;
}

.no-invites {
    top: 50px;
    position: relative;
    color: dimgray;
}

#invite-link {
    width: 165px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #5dd4bc;
}

#invites-page-body {
    position: relative;
    width: 100%;
    top: 36px;
}

body.mobile {
    overflow: visible;
}

body.mobile .invite-button {
    margin-left: 12px;
}

body.mobile div#invites-page {
    border-radius: 0;
    top: 4px;
    min-height: calc(100vh - 88px);
}

.authorized.logged-in {
    margin-left: 14px;
}

#invites-page-body>li {
    display: list-item;
    white-space: normal;
    margin-right: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgray;
    padding-top: 5px;
}

#invites-page-body .no-notifications.info {
    padding: 0;
    font-size: 11px
}

#invites-page-body li > div {
    margin-left: 60px!important;
}

#invites-page-body li > img {
    margin-left: 17px!important;
}

.invite-image {
    float: left;
    height: 26px;
    margin-top: 5px;
}