.user-page { margin: 25px 0; font-size: 16px; }
.user-card-general { border-radius: 25px; overflow: hidden; }
.grey-scale-bg { filter: grayscale(100%); }
.user-card-general-left { width: 45%; background: rgba(255, 255, 255, 0.75); }
.user-card-general-left-bg { position: absolute; top: 0; left: 45%; width: 5%; height: 100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 100%); }
.user-card-general .user-card-body { background: none; border-radius: 0; }
.user-card-general header { margin-bottom: 5px; }
.user-card-general header figure { width: 100px; border-radius: 50%; overflow: hidden; }
.user-card-general header figure img { width: 100%; height: auto; display: block; }
.user-card-general header figcaption { margin-left: 10px; }
.user-card-general h1 { max-width: 330px; margin-top: 15px; line-height: 35px; font-size: 22px; font-weight: bold; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.user-card-general h1 a { font-size: 14px; top: -2px; position: relative; padding: 3px 5px; margin-left: 10px; color: #FFF; background: #171A21; background: linear-gradient(135deg, #183D50 0%, #171A21 100%); border-radius: 25px; }
.user-card-ref { line-height: 25px; margin-bottom: 10px; color: #737373; font-size: 12px; }
.user-card-status { display: inline-block; line-height: 25px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.user-card-status-active { color: rgba(0, 122, 255, 1); }
.user-card-status-banned { color: #f40; }
.user-cards-cont { margin-top: 25px; }
.user-cards-row { margin: 0 -12.5px }
.user-card-body-sep { width: 100%; height: 0; padding: 0 15px; margin-bottom: 15px; line-height: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.user-cards-col { width: 50%; }
.user-cards-col-inner { padding: 0 12.5px; margin-bottom: 25px; }
.user-card-header h2 { margin-left: 25px; margin-bottom: 5px; color: #737373; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.user-card-header h2 a { color: #737373; text-decoration: underline; }
.user-card-body { padding: 25px; padding-bottom: 10px; background: rgba(255, 255, 255, 0.35); border-radius: 25px; }
.user-card-body-inner { margin: 0 -5px; }
.user-card-body-col { width: 50%; margin-bottom: 15px; }
.user-card-body-col-inner {padding: 0 5px; }
.user-card-body-row { height: 22px; line-height: 25px; overflow: hidden; }
h4.user-card-body-label { color: #939393; font-size: 12px; text-transform: uppercase; }
.user-admin-panel { margin-top: 25px; }
.user-admin-panel h3 { margin-left: 25px; margin-bottom: 5px; color: rgba(0, 122, 255, 1); font-size: 12px; text-transform: uppercase; }
.user-admin-panel-bg { padding: 25px; color: #FFF; background: rgba(0, 122, 255, 1); border-radius: 15px; }
.user-admin-panel-inner { margin: 0 -5px; }
.user-admin-panel-inner .user-card-body-content a { display: block; text-align: center; line-height: 35px; font-size: 14px; text-transform: uppercase; border-radius: 5px; }
.user-card-reputation-positive { color: #00b746; }
.user-card-reputation-negative { color: #f40; }
.user-card-reputation-count { margin-left: 10px; color: #939393; font-size: 14px; }
.user-card-body-content a { text-decoration: underline; }
.user-card-purchase { margin-left: 5px; }
.user-card-purchase-ok { color: #00b746; }
.user-card-purchase-no { color: #939393; }
.user-card-purchase-sep { margin: 0 15px; color: #939393; }

.user-card-general-admin-panel { margin-top: 25px; padding: 25px; background: rgba(0, 122, 255, 0.5); color: #FFF; border-radius: 15px; }
.user-card-general-admin-panel h4.user-card-body-label { margin-bottom: 10px; color: #FFF; }
.user-card-general-admin-panel-actions-col { width: 50%; }
.user-card-general-admin-panel-actions-col-inner { padding-right: 12.5px; }
.user-card-general-admin-panel-actions-col:last-child .user-card-general-admin-panel-actions-col-inner { padding: 0; padding-left: 12.5px; }
.user-card-general-admin-panel-actions-col a { margin-bottom: 5px; display: block; text-align: center; line-height: 30px; color: #FFF; background: rgba(0, 122, 255, 1); border-radius: 10px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease }
.user-card-general-admin-panel-actions-col a:hover { color: rgba(0, 122, 255, 1); background-color: #FFF; }
.user-card-general-admin-panel-actions-col p { font-size: 12px; }
.user-card-general-admin-panel-banned { background: rgba(255, 68, 0, 0.5); }
.user-card-general-admin-panel-banned .user-card-general-admin-panel-actions-col a { background: rgba(255, 68, 0, 1); }
.user-card-general-admin-panel-banned .user-card-general-admin-panel-actions-col a:hover { color:rgba(255, 68, 0, 1); background: #FFF; }