@font-face {
    font-family: 'icons';
    src: url('/fonts/icons.eot?48938704');
    src: url('/fonts/icons.eot?48938704#iefix') format('embedded-opentype'),
    url('/fonts/icons.woff2?48938704') format('woff2'),
    url('/fonts/icons.woff?48938704') format('woff'),
    url('/fonts/icons.ttf?48938704') format('truetype'),
    url('/fonts/icons.svg?48938704#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}
@keyframes spin{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(350deg)}
}
:root{
    --scrolltop: 0;
}
::-webkit-scrollbar{width: 10px}
::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 16px}
::-webkit-scrollbar-thumb{background: #047a76;border-radius: 16px}
::-webkit-scrollbar-thumb:hover {background: #02706c}
.disabled[data-title]:hover:after{opacity:0}
[data-title]:hover:after{
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after{
    content: attr(data-title);
    position: absolute;
    background-color: #000000bd;
    padding: 6px 10px;
    color: #fff;
    font-size: 12px;
    font-family: 'Inter',sans-serif;
    font-weight: normal;
    white-space: nowrap;
    border-radius: 6px;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    cursor: default;
    left: -10px;
    bottom: 105%;
    line-height: normal;
}
[data-title]{
    position: relative;
}
a, a:visited{
    color: #047a76;
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
.avatars .avatar{
    width: 100px;
    height: 100px;
    background-size: cover;
    display: inline-block;
    border-radius: 100px;
    margin: 16px 8px;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform 0.2s;
}
.avatars .avatar:hover, .avatar.sel{
    box-shadow: 3px 6px 10px #b7b7b7, inset 0px 0px 0px 2px #fff;
    transform: scale(1.1);
}
.avatars .avatar.sel{
    box-shadow: 4px 7px 13px #696969, inset 0px 0px 0px 2px #f0ff00, 0px 0px 0px 3px #047a76;
    transform: scale(1.2);
}
.avatars .avatarswindow{
    max-width: 962px;
    margin: auto;
    height: 558px;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: center;
}
.block, .post, .postfeed{
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #00000021;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
body{
    width: 100%;
    color: #232323;
    background-color: #fff;
    margin: 0;
    font-family:'Inter',sans-serif;
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent;
}
body.dark{background-color: #181818;color: #ededed}
body.dark a, body.dark a:visited{color: #d3e000}
body.dark.avatars .avatar{box-shadow: 0px 0px 0px 2px #777777, inset 0px 0px 0px 2px #3d3d3d}
body.dark.avatars .avatar.sel{box-shadow: 4px 7px 13px #696969, inset 0px 0px 0px 2px #f0ff00, 0px 0px 0px 3px #047a76;}
body.dark button{
    border: 1px solid #636363;
    background-color: #d3e000;
    color: #047a76;
}
body.dark button:hover{background-color: #e3f100}
body.dark .ev{color: #d3e000}
body.dark .form{background-color: #777}
body.dark .form input, body.dark .form select{
    background-color: #5b5b5b;
    border: 2px solid #555555;
    color: #a5a5a5;
    accent-color: #5b5b5b;
}
body.dark .form label{color: #cdcdcd}
body.dark h2{color: #e1e1e1}
body.dark main{background-color: #535353!important}
body.dark .page{background-color: #777!important}
body.noscroll{
    position: fixed;
    top: var(--scrolltop);
    inline-size: 100%;
}
.btn, .button, button{
    cursor: pointer;
    transition: all 0.2s;
    outline: none;
}
button{
    border: 1px solid #dddfe2;
    background-color: #047a76;
    color: #fff;
}
button:hover{
    background-color: #099994;
}
button.disabled, button:disabled{
    background-color: #e3e3e3!important;
    cursor: default!important;
}
button.loading{
    background-color: #87a9a8;
    color: #87a9a8;
    position: relative;
    cursor: default!important;
}
button.loading .spin{
    position: absolute;
    color: #ffffff91;
    width: 100%;
    left: 0;
    margin: auto;
    font-family: 'icons', serif;
}
button.disabled:hover, button:disabled:hover{background-color: #e3e3e3!important;}
button.red{background-color: #bd0000!important;}
button.red:hover{background-color: #e71717!important;}
.cell{
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
}
.clear{clear: both}
.closebtn{transition: all 0.2s}
#closet{
    position: absolute;
    top: -5000px;
    left: -5000px;
    display: none;
}
#columncenter{
    width: 100%;
}
#columnleft{
    display: flex;
    min-width: 360px;
    width: 360px;
    max-width: 360px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 -1px 4px #0000005c;
    box-sizing: border-box;
    z-index: 10;
}
.dialog ::-webkit-scrollbar-thumb{background-color: #ebebeb}
.dialog ::-webkit-scrollbar-track{background-color: #fff}
.dialog ::-webkit-scrollbar{width: 6px}
.dialog#postdialog{
    width: 700px;
    max-height: 90%;
    display: flex;
    flex-direction: column;
}
.dialog#postdialog .dialogcontent{
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 10px -12px 22px 0;
    padding: 0px 8px;
}
.emojibox{
    position: absolute;
    z-index: 10;
    background-color: #fff;
    padding: 10px;
    bottom: 0;
    left: -344px;
    box-shadow: #0003 0px 12px 28px 0px;
    border-radius: 8px;
}
.emojibox .emojilist{
    width: 325px;
    height: 295px;
    overflow-y: scroll;
}
.emojibox .emojibtns{
    height: 42px;
    background-color: #ffffff;
    margin: 0 -10px -10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #d3d3d3;
}
.emojibox h3{
    font-size: 14px;
    margin: 14px 5px;
    color: #737373;
}
.emojibox span{
    font-size: 28px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s;
}
.emojibox span:hover{
    background-color: #efefef;
}
.emojibox ::-webkit-scrollbar-thumb{background: #ffb02e}
.ev{
    font-weight: bold;
    color: #047a76;
}
.f10{font-size: 10px!important;}
.f12{font-size: 12px!important;}
.f14{font-size: 14px!important;}
.f16{font-size: 16px!important;}
.f20{font-size: 20px!important;}
.fbig{
    font-size: 28px;
    line-height: 38px;
}
.fgreen{color: #19b73c}
.flex{display: flex}
.fmini{
    font-size: 11px;
    color: #777;
    line-height: 14px;
}
footer{
    padding: 20px;
    color: #999;
    font-size: 14px;
}
footer.tmpb{
    margin: auto;
    width: 100%;
    max-width: 1050px;
    box-sizing: border-box;
}
.forange{color: #df9d20}
.form{
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    position: relative;
}
.form button, .page button{
    width: 100%;
    padding: 14px 16px;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 6px;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
}
.form button.event{
    padding: 14px 20px;
    background-color: #0f8fe5;
    color: #ffffff;
    display: block;
    font-size: 16px;
    width: auto;
    margin: 15px auto;
}
.form button.event:hover{
    background-color: #2da0ed;
}
.form h2{
    color: #fff;
    text-align: center;
    margin: -15px -20px 30px -20px;
    background-color: #047a76;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 24px;
}
.form .infotext{
    margin: 14px 0;
    font-size: 14px;
    line-height: 20px;
}
.form .infotext strong{
    color: #047a76;
}
.form .inputbox{
    position: relative;
}
.form .inputbox .errorbox{
    position: absolute;
    width: 200px;
    left: -232px;
    background-color: #e30000;
    color: #fff;
    padding: 10px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    top: 31px;
    border-radius: 6px;
    box-shadow: 3px 3px 10px #b5b5b5;
    z-index: 10;
    line-height: 18px;
}
.form .inputbox .errorbox:before{
    content: ' ';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #e30000;
    position: absolute;
    right: -7px;
    top: 8px;
}
.form input, .form select{
    width: 100%;
    padding: 12px 14px;
    margin: 2px 0 15px 0;
    box-sizing: border-box;
    border: 2px solid #e9e9e9;
    color: #1d2129;
    border-radius: 6px;
    font-size: 16px;
}
.form input:focus, .form select:focus{
    outline: none !important;
    border: 2px solid #d3e000;
    box-shadow: 0 0 4px #d3e000;
}
.form input.error, .form select.error{
    border: 2px solid #e30000;
}
.form input[type='checkbox']{
    height: 30px;
    width: 30px;
    margin-left: 5px;
}
.form label{
    font-size: 12px;
    color: #919191;
    padding: 2px 3px;
    display: block;
}
.form select, .form select:disabled{
    color: #c9c9c9;
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
}
.form select:focus, .form select option:not(:first-of-type){
    color: #1d2129;
}
.form .selectwrapper{
    position: relative;
}
.form .selectwrapper:after{
    content: "▾";
    font-size: 16px;
    top: 36px;
    right: 14px;
    position: absolute;
    color: #c9c9c9;
}
.fdred{color: #9d0000!important}
.fred{color: #fd0000!important}
.group .contentarea .contentleft{
    padding: 20px 0 30px 20px;
    max-width: 700px;
    min-width: 500px;
    box-sizing: border-box;
    width: 65%;
}
.group .contentarea .contentright{
    padding: 20px 20px;
    box-sizing: border-box;
    width: 45%;
    min-width: 300px;
}
.group h1{
    margin: 20px;
    font-size: 26px;
}
.group .head{
    width: 100%;
    aspect-ratio: 3 / 1;
    max-height: 350px;
    background-color: #8bd59d;
}
.group .infobox .button{
    padding: 10px;
    text-align: center;
    background-color: #ededed;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: #424242;
}
.group .infobox .button:hover{
    background-color: #e5e5e5;
}
.group .infobox .infotext{
    margin: 20px 0;
    line-height: 22px;
}
.group .infotext .icon{
    margin-right: 10px;
    font-size: 18px;
}
.group .menu{
    border-top: 1px solid #dbdbdb;
    margin: 20px 20px 0;
    display: flex;
}
.group .menu .voice{
    padding: 20px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 8px;
    margin: 4px 0;
    transition: all 0.5s;
}
.group .menu .voice:hover{background-color: #efefef}
.group .menu .voice.sel{
    border-bottom: 3px solid #047a76;
    color: #047a76;
    font-weight: bold;
    border-radius: 0;
    margin-bottom: 0;
    cursor: default;
}
.group .menu .voice.sel:hover{background-color: transparent}
.group .toparea{
    padding: 0 20px;
    background-color: #fff;
    box-shadow: 0 -1px 4px #0000005c;
}
.group .typebar{
    width: 100%;
    padding: 10px 14px;
    background-color: #047a76;
    color: #ffffff;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 12px;
}
.group .usablearea{
    max-width: 1250px;
    margin: auto;
}
h1{
    margin-top: 0;
    color: #047a76;
    font-size: 24px;
}
h2{
    color: #047a76;
    text-align: center;
    font-size: 22px;
    margin: 0 0 14px 0;
}
header{
    width: 100%;
    top: 0;
    left: 0;
    background-color: #047a76;
    padding: 7px 30px 7px 30px;
    margin: 0;
    box-shadow: 0px 1px 4px 0px #0000006e;
    box-sizing: border-box;
    z-index: 100;
    position: fixed;
}
header .logo{
    width: 156px;
    height: 46px;
    background-image: url(/img/logo.png);
    display: block;
    background-size: contain;
    cursor: pointer;
    background-repeat: no-repeat;
}
header .logo a {
    display: block;
    width: 100%;
    height: 100%;
}
header .mainmenu{
    display: none;
    position: absolute;
    background-color: #fff;
    right: 5px;
    top: 55px;
    padding: 8px;
    min-width: 240px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
}
header .mainmenu.active{display:block}
header .mainmenu .voice{
    padding: 10px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    color: #353535;
    text-decoration: none;
}
header .mainmenu .voice:hover{
    background-color: #eee;
}
header .menubtn{
    font-family: 'icons', arial, sans-serif;
    position: absolute;
    right: 15px;
    top: 3px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
}
hr{
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 20px 0;
}
.hul:hover{text-decoration: underline}
.icon{
    font-family: 'icons', serif;
}
input,button,select{font-family:'Inter',sans-serif}
main{
    background-color: #e3e3e3;
    display: grid;
    padding-top: 60px;
    min-height: 240px;
    box-sizing: border-box;
}
#mask{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fffc;
    position: fixed;
    z-index: 1000;
    display: none;
}
#mask.show{
    display: flex;
}
.mb10{margin-bottom: 10px}
.mb25{margin-bottom: 25px}
.mt10{margin-top:10px}
.mtb10{
    margin-top:10px;
    margin-bottom: 10px;
}
::-ms-input-placeholder{color: #c9c9c9}
::placeholder{
    color: #c9c9c9;
    opacity: 1;
}
.p10{padding:10px}
.page{
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}
.page .buttonarea{
    text-align: right;
    padding: 20px 20px 0 20px;
}
.page .buttonarea button{
    width: auto!important;
}
.page h1{
    margin: -15px -20px 20px;
    background-color: #047a76;
    color: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    padding: 10px 20px;
}
.post{
    padding: 12px 14px;
    position: relative;
}
.post a{color: #111;}
.post .comment .baloon{
    margin: 0 5px 5px 5px;
    padding: 8px 12px;
    background-color: #f1f1f1;
    border-radius: 14px;
    font-size: 15px;
    max-width: 90%;
}
.post .comment .baloon .nick{
    font-size: 13px;
    font-weight: bold;
}
.post .comment .commentinfo{
    margin: 0 0 10px 37px;
}
.post .comment .commentinfo .date{
    font-size: 11px;
    display: inline-block;
    color: #878787;
    cursor: default;
}
.post .comment .commentinfo .cmenu{
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    color: #676767;
    font-family: 'Open Sans', serif;
}
.post .comment .commentinfo .cmenu .voice{
    margin: 0 0 0 12px;
    cursor: pointer;
}
.post .comment .replies{
    margin: 0 0 10px 45px;
}
.post .comment .replies .avatar{
    width: 26px;
    margin-top: 2px;
}
.post .comments{margin-bottom: 12px}
.post .infoarea{
    margin: 10px 0 0;
    color: #888;
    font-size: 14px;
}
.post .infoarea .infoblock{
    float: right;
    padding: 2px;
}
.post .infoarea .reactions{
    display: inline-flex;
    vertical-align: middle;
    margin: 0 7px 3px 3px;
    direction: rtl;
}
.post .infoarea .reactions .r1{
    background-image: url(/img/reactions/liked.png);
}
.post .infoarea .reactions span{
    background-image: url(/img/reactions/like.png);
    width: 22px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    float: right;
    margin: 0 -3px;
}
.post .menuarea{
    display: flex;
    padding: 4px 0;
    margin: 12px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.post .menuarea .btn{
    padding: 8px 0;
    font-size: 14px;
    border-radius: 8px;
    width: 33.3%;
    text-align: center;
    font-weight: bold;
    color: #676767;
    font-family: 'Open Sans', serif;
}
.post .menuarea .btn .icon{
    margin-right: 10px;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}
.post .options{
    position: absolute;
    top: 13px;
    right: 21px;
    padding: 8px 10px;
    border-radius: 30px;
    font-size: 20px;
}
.post .postarea .text{
    font-size: 15px;
    line-height: 22px;
}
.post .postarea .text.big{
    font-size: 24px;
    line-height: 34px;
}
.post .replyarea .avatar, .post .comment .avatar{
    width: 32px;
    vertical-align: middle;
}
.post .replyarea .c2{
    width: 100%;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.post .replyarea .icons{
    position: absolute;
    display: flex;
    right: 9px;
    top: 2px;
    color: #898989;
}
.post .replyarea .icons .icon{
    border-radius: 20px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    transition: all 0.2s;
    font-size: 18px;
    text-align: center;
}
.post .replyarea .icons .icon.emo{padding-top:1px}
.post .replyarea .icons .icon.send{display: none}
.post .replyarea .icons .icon:hover{background-color: #ddd}
.post .replyfeedtext{
    padding: 7px 60px 7px 12px;
    color: #3b3b3b;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border-radius: 20px;
    background-color: #f1f1f1;
    font-size: 14px;
    transition: all 0.2s;
    border: none;
    resize: none;
    height: 34px;
    overflow: hidden;
    font-family: 'Inter',sans-serif;
    line-height: 20px;
}
.post .replyarea.opened .replyfeedtext{
    padding: 8px 8px 31px 12px;
    height: auto;
}
.post .replyarea.opened .icons{
    width: 100%;
    margin-top: -40px;
    margin-bottom: 10px;
    padding: 0px 12px;
    box-sizing: border-box;
    position: initial;
    cursor: text;
}
.post .replyarea.opened .icons .icon.send{
    display: block;
    position: absolute;
    right: 18px;
    padding-right: 5px;
    color: #047a76;
}
.post .replyarea.opened .icons .icon.send.disabled{color: #ccc}
.post .replyarea.opened .icons .icon.send.disabled:hover{
    background-color: transparent;
    cursor: default;
}
.post .showcomments{
    margin: 15px 0;
    font-size: 14px;
    font-weight: bold;
    color: #676767;
    font-family: 'Open Sans', serif;
    cursor: pointer;
}
.post .replies .showcomments{
    margin: 10px 0 15px;
}
.post .userarea{margin-bottom: 10px}
.post .userarea .c1{vertical-align: middle}
.post .userarea .avatar{
    width: 40px;
    vertical-align: middle;
}
.post .userarea .date{
    color: #999;
    font-size: 12px;
}
.postfeed{
    padding: 12px 15px;
}
.postfeed .buttons{display: flex}
.postfeed .buttons .btn{
    padding: 12px 0;
    font-size: 14px;
    border-radius: 8px;
    width: 33.3%;
    text-align: center;
    font-weight: bold;
    color: #7b7b7b;
}
.postfeed .buttons .btn:hover, .post .btn:hover{
    background-color: #f1f1f1;
}
.postfeed .buttons .icon{
    margin: 10px;
    vertical-align: middle;
    font-size: 20px;
}
.postfeed .main{
    width: 100%;
    display: table;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}
.postfeed .main .writebutton{
    padding: 12px 15px;
    background-color: #f1f1f1;
    border-radius: 20px;
    color: #7d7d7d;
    cursor: pointer;
    transition: all 0.2s;
}
.postfeed .main .writebutton:hover{background-color: #e1e1e1}
.postfeed .main img.avatar{width: 44px}
.postfeed .main .cell.c1{
    width: 50px;
}
#postdialog .post{
    padding: 0;
    box-shadow: none;
    margin-top: 10px;
}
#postdialog .replyareadialog{
    margin: -20px;
    padding: 10px;
    box-shadow: 1px -1px 2px 0px #dfdfdfbd;
}
#postdialog .replyareadialog .post{
    margin: 0;
    padding: 10px 6px;
}
#postfeeddialog, .dialog{
    width: 500px;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff;
    position: relative;
    margin: auto;
    box-shadow: 0px 12px 28px #0000004a;
    box-sizing: border-box;
}
#postfeeddialog .addtopost{
    padding: 15px 20px 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #373737;
    position: relative;
    box-shadow: 0px 1px 2px 0px #00000021;
}
#postfeeddialog .addtopost .buttons{
    float: right;
    position: absolute;
    right: 12px;
    top: 6px;
}
#postfeeddialog .addtopost .buttons .icon{
    font-size: 20px;
    cursor: pointer;
    padding: 8px;
    width: 22px;
    border-radius: 20px;
    margin-right: 10px;
    transition: all 0.2s;
    display: inline-block;
    text-align: center;
}
#postfeeddialog .addtopost .buttons .icon:hover{background-color: #e1e1e1}
#postfeeddialog button{
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}
#postfeeddialog .closebtn, .dialog .closebtn{
    position: absolute;
    top: 12px;
    right: 20px;
    padding: 11px;
    background-color: #ebebeb;
    border-radius: 40px;
    cursor: pointer;
    color: #797979;
    font-size: 14px;
}
#postfeeddialog .closebtn:hover, .dialog .closebtn:hover{background-color: #d9d9d9}
#postfeeddialog .stylepost{
    margin-bottom: 12px;
}
#postfeeddialog #stylepostbtn{
    height: 28px;
    width: 28px;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,132,0,1) 25%, rgba(255,231,0,1) 50%, rgba(164,255,0,1) 75%, rgba(0,198,255,1) 100%);
    border: 2px solid #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 4px #999999b8;
}
#postfeeddialog .textfeedarea{
    min-height: 150px;
    cursor: text;
}
#postfeeddialog .textfeedarea .textfeed{
    padding: 10px 5px;
    outline: none;
    font-size: 24px;
    color: #434343;
}
#postfeeddialog .textfeedarea .textfeed:empty::before {
    content: attr(data-placeholder);
    color: #aaa;
}
#postfeeddialog .title, .dialog .title{
    margin: -20px -20px 0;
    padding: 20px 0 20px 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background-color: #047a76;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#postfeeddialog .userarea{
    margin: 15px 0;
}
#postfeeddialog .userarea .avatar{
    width: 50px;
}
#postfeeddialog .userarea .c2, .post .userarea .c2{
    width: 100%;
    padding: 2px 10px;
}
#postfeeddialog .userarea .groupname{
    font-size: 13px;
    padding: 5px 8px;
    background-color: #ebebeb;
    margin-top: 2px;
    display: inline-block;
    border-radius: 6px;
    color: #717171;
}
#postfeeddialog .userarea .nick, .post .userarea .nick{
    font-weight: bold;
    font-size: 14px;
}
.posts{
    width: 100%;
}
.signup #workarea{
    margin: 1%;
    padding: 1.2%;
}
.signup .cell{
    width: 50%;
    max-width: 510px;
    padding: 10px;
}
.signup .form{
    max-width: 400px;
    margin: auto;
}
.spin{
    animation: spin 1s infinite linear
}
.signup .table{
    min-height: 720px;
}
.table{
    display: table;
    margin: 0 auto;
}
.tac{text-align: center!important}
.tmpb .page{
    width: 92%;
    max-width: 1050px;
    margin: 45px auto;
}
.tmpb .page.xl{
    width: 95%;
    max-width: 1400px;
    margin: 44px auto;
}
.unselect, .uns, .addtopost, .avatar, .btn, button, .button, .buttons, .closebtn, header, .menu, .menuarea, .icon, .icons, .emojibox, .hul, .voice{
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}
.vam{vertical-align: middle!important}
#workarea{
    display: flex;
}