#userinfo{overflow:hidden;width:100%}.profile-cont{background:var(--bg-white);border:1px solid #00000014;border-radius:6px;box-shadow:0 4px 8px 0 #0000000a;margin:0 auto;max-width:1000px;padding:16px}.profile-top{border-bottom:1px solid #eee;display:flex;padding-bottom:24px}.profile-avatar .cover{background-size:cover;border-radius:6px;display:block;font-size:0;height:100px;margin-right:16px;width:100px}.profile-user-status{display:flex;flex-direction:column;font-size:20px;font-weight:600;line-height:26px}.profile-user-status .user-status{color:var(--font-light-grey);font-size:12px;margin-bottom:8px}.profile-user-status .user-status span{color:var(--font-light-grey)!important;font-size:14px;font-weight:400}.profile-user-status .user-online-status{font-size:14px;font-weight:400}.profile-user-status .user-online-status .online-status{border-radius:6px;color:#fff;padding:2px 8px}.profile-user-status .user-online-status .online-status.online{background:#6eb461}.profile-user-status .user-online-status .online-status.offline{background:#b46161}.profile-user-status .user-send-message{background-color:#eee;background-image:url(/templates/development/img/profile/message.svg);background-position:4px 4px;background-repeat:no-repeat;background-size:20px;border:1px solid var(--font-light-grey);border-radius:6px;box-shadow:1px 1px 3px 0 #bbb;font-size:12px;font-weight:400;margin-top:auto;padding-left:30px;width:132px}.profile-user-fields,.profile-user-status .user-send-message a{color:var(--font-light)}.profile-user-fields{font-size:15px}.profile-user-fields li{margin-bottom:16px}.profile-user-fields li .ui-c1{display:block;font-weight:600;margin-bottom:4px}.profile-user-fields li .ui-c2{display:block}.profile-user-fields input[type=email],.profile-user-fields input[type=password],.profile-user-fields input[type=text],.profile-user-fields select,.profile-user-fields textarea{margin-top:6px;max-width:360px;width:100%}.profile-user-fields select{max-width:360px;padding:2px 0}.heading{color:var(--font-light);display:block;font-weight:600;margin-bottom:4px}.profile-user-stats{border-top:1px solid #eee;display:flex;margin-top:12px;padding-top:24px}.tabs-holder{display:block}.tab-content,.tabs-holder{flex:100%;width:100%}.tab-pane-small-annotation{color:var(--font-light-grey);font-size:14px;margin-bottom:16px}.profile-tabs{background-color:#d4d8dd;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 8px 0 #0000000a;color:var(--font-light-grey);display:flex;font-size:13px;margin:24px 0;padding:2px;width:fit-content}.profile-tabs li{border-radius:8px;color:var(--font-light-grey);padding:6px;transition:background-color .15s ease}.profile-tabs li:hover{cursor:pointer}.profile-tabs li.active{background-color:#fafafa;color:var(--font-light)}.tab-pane{display:none}.tab-pane.active{display:block}.preview-button,.submit-user-profile{border-radius:6px;font-size:14px;padding:4px 8px}.preview-button{background:unset;border:2px solid var(--font-light-grey);color:var(--font-light-grey);margin-left:8px}.submit-user-profile{background:var(--blue);color:#fff}.pm-box{margin:24px 0}.pm_status{color:var(--font-light-grey);font-size:12px;margin-top:24px}.sendmessage-form{margin:12px 0}.sendmessage-form .combo_field{margin-bottom:6px}.sendmessage-form .comment-editor{margin-bottom:16px}.sendmessage-form .form_submit{margin-top:24px}.comment-text.wrap{flex-wrap:wrap!important}.comment-text .pm-title{flex:100%;font-size:16px;font-weight:700;margin-bottom:24px}.user-group{border:1px solid var(--font-light-grey);border-radius:8px;color:var(--font-light-grey)!important;font-size:12px;font-weight:400;padding:2px 8px}#pmlist{overflow-x:auto}table.pm{border-collapse:initial;border-spacing:0 10px;max-width:600px;width:100%}table.pm td:first-of-type{width:0}table.pm tr:first-of-type{border:1px solid #000}table.pm a{color:#2195f2;font-size:14px}tbody tr:first-child{border-bottom:1px solid #eee;padding-bottom:24px}td.pm_head{color:var(--font-light);font-size:12px;font-weight:600;padding-bottom:4px}.pm_list.pm_date{color:var(--font-light-grey);font-size:12px}.quote_block{border:1px solid #eee;border-radius:12px;box-shadow:0 4px 8px 0 #0000000a;margin-bottom:12px;padding:12px}.comment-cont img{max-width:100%;width:auto}@media (min-width:600px){.profile-cont{padding:24px 32px}.profile-avatar .cover{height:128px;margin-right:24px;width:128px}.profile-user-status .user-status{font-size:14px}.profile-user-status .user-send-message{font-size:14px;width:160px}.preview-button,.profile-tabs,.submit-user-profile{font-size:16px}.pm_list.pm_date,td.pm_head{font-size:14px}}