.addInfo{
    list-style: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
    margin-top: 3px;
    color: #3F3F3F;
}
.on {
    opacity: 1 !important;
    display: block !important;
}
.login-bar {
    min-height: 32px;
    display: grid;
    grid-template-columns: 1.5fr 0.8fr;
    padding: 0.5em !important;
}

.login-bar > * {
    padding: 0 2px;
    vertical-align: middle;
}

.login-bar > .profile-interactions {
    grid-column: 2;
    grid-row: 1 / 3;
    justify-self: end;
    align-self: center;
}

.big-login {
    font-size: 1.5em;
    font-weight: 700;
    align-self: center;
    justify-self: center;
}

.bigAvatar {
	height: 220px;
	width: 220px;
    border: 2px solid grey !important;
}

.citizenActionIcon {
    font-size: 1.5em;
    padding: 0.25em 0.5em;
}

.mobile .citizenActionIcon {
    line-height: unset !important;
}

.citizenActionIcon i {
    padding: 0;
    color: white;
}

.profile-interactions {
    grid-column: 2;
    grid-row: 1 / 3;
    justify-self: center;
    align-self: center;
}

.profile-data.profile-eq {
    padding: 0.5em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile .profile-data.profile-eq {
    flex-direction: column;
}

table.eq-profile-stats {
    border-collapse: collapse;
    color: #3d6571;
    min-width: 175px;
}

.rank220px.halfSizeOnDesktop {
	width: 110px;
}
.mobile .rank220px.halfSizeOnDesktop, .rank220px {
	width: 220px;
}

table.eq-profile-stats TR TD {
    border-bottom: 1px solid #649bac;
    padding: 4px 0 2px;
}
table.eq-profile-stats TR:last-child TD {
    border-bottom: 0 none;
}

table.eq-profile-stats TR:nth-child(n+3) TD:first-child {
    width: 40%;
    text-align: right;
}

table.eq-profile-stats TR:nth-child(n+3) TD:last-child {
    padding-left: 8px;
    text-align: left;
}

table.eq-profile-stats .ui-tooltip {
    width: 215px;
    display: none;
    position: absolute;
    z-index: 100;
}

table.eq-profile-stats .eq-stats-label {
    letter-spacing: 1px;
}

.profile-data.profile-eq::after, .profile-row.clear::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 1px;
    line-height: 1px;
}

.help {
    cursor: pointer;
}

span.blue {
    color: #009;
}

span.orange {
    color: #d57003;
    font-weight: bold;
}

span.online {
    color: #090;
    font-weight: bold;
}

span.offline {
    color: #900;
    font-weight: bold;
}

.profile-data, .profile-shouts, .login-bar {
    /*background: #f2f2f2 url("../../img/bg5.png") repeat scroll 0 0;*/
    border: 2px solid grey;
    border-radius: 0.5em;
    font-size: 1.125em;
    margin: 0 auto 0.25em;
    padding: 0.25em 0 0.75em;
    position: relative;
}

.profile-data.green {
    border: 1px solid #5b5;
    box-shadow: 0 0 4px 1px #5b5 inset;
    color: #080;
}

.profile-data.red {
    border: 3px solid #ff0000;
    box-shadow: 0 0 4px 1px #ff0000 inset;
    color: #b91414;
    text-shadow: 0px 0px 2px black;
}

.mobile .profile-data.red {
    font-size: 1.5em !important;
}

.profile-data .rank, .profile-shouts .rank {
    color: lightgrey;
    font-size: 1.5em;
    text-decoration: underline;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 4px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    text-shadow: none;
}

.profile-data .fbShare {
    text-shadow: 0 0 2px #026;
}

.profile-row {
    box-sizing: border-box;
    margin: 0 !important;
    min-height: 1.5em;
    padding: 5px 15px;
}

.profile-data .profile-row .label {
    float: left;
}

.profile-data .profile-row .data {
    float: right;
}

.profile-data .profile-row .data > div {
    vertical-align: middle;
}
/*newTag is temporary*/
.profile-data strong, .profile-data a:not(.newTag) {
    display: block;
    font-weight: 900;
    text-align: center;
}

.profile-data a.profileLink {
    display: inline;
}

.profile-data strong.office {
    letter-spacing: 1px;

}

.modIcon {
    color: #183153;
}

.mofIcon {
    color: #cdcd00;
}

.mosIcon {
    color: #1DA1F2;
}

.congressIcon {
    color: #ffa700;
}

.leaderIcon {
    color: #240824;
}

.presidentIcon {
    color: #ed9121;
}

.premium-account {
    color: darkGoldenrod;
    font-size: 1.5em;
    padding: 4px 0;
    text-align: center;
    font-weight: bold;
}

.premium-account > * {
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle;
}

.discord-nick {
    font-size: 1rem;
    margin-top: .7rem;
    margin-bottom: .5rem;
}

.discord-nick span {
    font-weight: bold;
}

.profile-text {
    background-color: rgba(61, 101, 113, 0.2);
    border-radius: 0.25em;
    border: 2px solid grey;
    margin: 0.25em auto;
    max-height: 400px;
    max-width: 100%;
    overflow: auto;
    padding: 0.25em;
}

.myTextInDoc {
    width: 180px;
    text-align: center;
    float: left;
    font-family: "open sans", sans-serif;
}

#pagination-digg a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    color: #222222;
    display: block;
    margin: 0;
    padding: 0.4em 0.8em !important;
    text-decoration: none;
    text-shadow: 0 0 1px #FFFFFF, 0 1px #FFFFFF;
    cursor: pointer;
}

#pagination-digg a:hover {
    border: 0 none;
    box-shadow: none !important;
    outline: 1px solid rgba(200, 200, 255, 0.5);
}

#medals {
    font-size: 14px;
}

#profileEquipmentNew .equipmentBox {
    background-color: transparent !important;
    border: 0px solid transparent !important;
    box-shadow: none !important;
    height: auto !important;
    margin: 0 !important;
    width: auto !important;
}

#profileEquipmentNew .equipmentBack {
    position: relative;
}

.eqStats {
    float: right;
}

/*.foundation-style .profile-row > .shoutContainer > .shoutModerator,*/
/*.foundation-style .profile-row > .shoutContainer > .shoutFundraiser,*/
/*.foundation-style .profile-row > .shoutContainer > .shout2 {*/
    /*max-width: 85% !important;*/
/*}*/

.articleImage {
    width: 100% !important;;
}

.mobile .medalsMobile {
    display: flex !important;
    padding: 0;
}

.mobile .medalsMobile ul {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile .medalsMobile ul li img {
    width: 8.5vh !important;
}

.mobile .medalsMobile ul li {
    width: 8.5vh;
    padding: 3px;
}

#description {
    font-weight: 700;
    background: linear-gradient(to right, #b8860b 25%, #b8b10b 50%, #b8860b 75%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    text-shadow: none;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.reportContainer > form {
    display: flex;
    flex-direction: column;
    width: 200px;
    justify-content: center;
    align-items: center;
}

.mobile .reportContainer > form {
    width: 90%;
}

.reportContainer select {
    width: 150px;
}

.reportContainer textarea {
    height: 91px;
    width: 200px;
    max-width: 200px;
    margin: 0px;
}

.blockUserContainer {
    /*border-top: 1px solid #8bb4c0;*/
    margin-top: 0.5em;
}

.mobileFriendsListWrapper {
    width: 20%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.825em;
 }

.mobile .mobileFriendsListWrapper {
    width: 25%;
    font-size: 0.75em;
}

.mobile .reportContainer {
    font-size: 1em;
}

.mobile .reportContainer select {
    font-size: 1em;
    width: 400px;
}

.mobile .reportContainer textarea {
    max-width: 90%;
    font-size: 0.5em;
    height: 250px;
    width: 90%;
}

.mobile .profile-interactions {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-bottom: 0.6em;
    font-size: 1.25em;
    gap: 0.25em;
}

.mobile #mobileProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.mobile #loginBar {
    width: 96%;
    min-height: 15vw;
    display: flex;
    text-align: center;
    align-items: center;
    font-size: 3em;
    line-height: 7vw;
    word-break: break-all;
    flex-direction: column;
    justify-content: center;
}

.mobile #loginBar .big-login {
    padding-right:10px;
}


.profile-row img {
    width: 4em !important;
    height: 4em !important;
    border-radius: 0.25em;
}

.mobile .profile-row img {
    width: 3em !important;
    height: 3em !important;
}

.mobile .profile-row .achievement70 {
    zoom: 2;
}

.mobile .eqStats {
    justify-content: center;
    float: unset;
    padding: 0 10px 10px;
    margin-top: 0.25em;
}

.mobile .mobileEqProfileStats {
    font-size: 0.75em !important;
    text-align: center;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    column-gap: 1em;
    width: fit-content;
    align-content: center;
    justify-content: center;
}

.mobile #profileText {
    max-width: 100vw;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.5em;
    border: 3px solid grey;
    max-height: 50vw;
}

.mobile #mOperations table {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mobile #mOperations table tr {
    font-size: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mobile #mOperations table td {
    width: 100%; font-size: 4vw
}

.mobile #advancedModeratorActions, .mobile #advancedModeratorActions form {
    width: 100%;
    margin: 0 !important;
    font-size: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mobile .profile-data {
    font-size: 3.5em !important;
    width: 95%;
    padding: 0.5em;
    position: relative;
}

.mobile .citizenAction {
    width: 19vw;
    height: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
}

.mobile .citizenAction {
    width: 6vw;
}

.mobile .bigAvatar {
    width: 50%;
    height: 50%;
}

.mobile #profileTable {
    width: 100%;
}

.profileShoutNew {
    margin-bottom: 0.5em;
}

.profile-shouts .shoutContainer {
    width: 90% !important;
    filter: none;
    gap: 0.25em;
}

.newProfileData {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 0.25em;
}

.mobile .newProfileData {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.newProfileData .newProfileRow {
    padding: 0.25em 0.75em;
    border-radius: 0.5em;
    font-size: 0.85em;
    text-shadow: none;
    color: white;
    margin: 0 0.325em !important;
    min-height: 0;
}

.newProfileData .inviterRow img {
    width: 2em !important;
    height: 2em !important;
}

.mobile .newProfileData .newProfileRow {
    padding: 0.25em 0.75em;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 44%;
}

.moderatorActionsContainer {
    margin: 0 auto 6px;
    border: 2px solid grey;
    border-radius: 0.5em;
    padding: 1em 0.5em;
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.moderatorActionsContainer button {
    text-shadow: 0 -1px 1px black !important;
    border-radius: 0.5em !important;
    font-size: 1.125em !important;
}

.profile-data i.icon-lock2,
.profile-data i.icon-exclamation-triangle,
.profile-data i.icon-lock-open {
    padding-right: 0;
    line-height: unset;
}

.profile-data .reportContainer form {
    background: #0000003b;
    border-radius: 0.5em;
    padding: 0.5em 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5em;
}

.mobile #mPlayerInfo input[type="text"] {
    font-size: 1.75rem;
    width: 80%;
}

.mobile #mPreviousActions .dataTable,
.mobile #mNotes .dataTable {
    font-size: 2rem;
}

.mobile #profileEquipmentNew {
    zoom: 2;
}

.mobile .profile-data .medal > img {
    zoom: 1.75;
}

.mobile .profile-data .medal > div {
    font-size: 0.75em;
}

.mobile .xflagsSmall {
    zoom: 3;
}

.profile-data .social-rank {
    filter: invert(0.9);
    zoom: 0.75;
}

.profile-row.clear {
    margin: 0 0.5em !important;
    padding: 0.5em;
}

.mobile .profile-row.clear {
    margin: 0 !important;
}

.profile-data .small-block-grid-10 {
    padding: 0 0.5em;
}

.mobile .profile-data .small-block-grid-10 {
    padding: 0;
}

.profile-data #pagination-digg {
    margin:0;
}

.profile-data .ownedCompanies {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.profile-data .ownedCompanies .companyTag {
    min-width: 48%;
}

.profile-data .profileFriends {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1em;
    justify-content: center;
}

.mobile .profile-data .profileFriends {
    row-gap: 0.5em;
}

.mobile .premium-account img {
    zoom: 2.25;
}

.mobile #social-ranks .social-rank {
    zoom: 2;
    width: 25%;
}

.mobile .moderatorActionsContainer {
    font-size: 2.5em;
}

.mobile #social-ranks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0.5em auto;
    row-gap: 1em;
}

.mobile .social-rank.true:after {
    font-size: 0.25em;
    width: 60%;
}

.profile-data .reverseRow {
    flex-direction: row-reverse;
}

.mobile .equipmentBox .equipmentBack {
    margin: 0 !important;
}

.mobile .equipmentContainer {
    height: 370px !important;
}