body {
    background-color: rgba(232,236,236,1);
    background-repeat: no-repeat !important;
    margin: 0;
    font-family: Poppins, Arial;
}

a {
    text-decoration: none;
}
ul, ol, menu, li {
    list-style: none;
}
h4 {
    margin-top: -9px;
    margin-bottom: 15px;
    color: rgba(113,141,148,1);
    font-size: x-small;
}
.top-screen {
    width: 400px;
    height: 220px;
    background: url('data:image/png;base64,[encoded data, 20404 characters]'
    );
    background-size: 400px;
    position: relative;
}

.bottom-screen {
    width: 320px;
    min-height: 240px;
    margin-left: 40px;
    background-color: rgba(232,236,236,1);
    position: absolute;
    z-index: 5;
}

.toolbar-padding {
    height: 30px;
}
.header-title {
    position: absolute;
    width: 350px;
    height: 44px;
    z-index: 2;
    margin: 167px 0 0;
    padding-top: 9px;
    padding-left: 50px;
    white-space: nowrap;
    text-align: left;
    font-style: normal;
    font-weight: bolder;
    font-size: 25px;
    color: rgb(0 0 0);
    background-color: rgba(255, 255, 255, 0.6)
}

.header-icon {
    height: 50px;
    width: 50px;
    margin-top: 173px;
    margin-left: 5px;
    background-repeat: no-repeat !important;
    position: absolute;
    z-index: 3;
}

.header-description {
    padding-top: 87px;
    padding-left: 5px;
    position: absolute;
    vertical-align: bottom;
    width: 215px;
    font-size: small;
}

#headers-profile-icon {
    background: url('data:image/png;base64,[encoded data, 9780 characters]');
    background-size: 40%;
    margin-top: 182px;
    margin-left: 15px;
}

#headers-activity-feed-icon {
    margin-top: 182px;
    margin-left: 15px;
    background-size: 50% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAmCAYAAAC/H3lnAAAABHNCSVQICAgIfAhkiAAAA3pJREFUWEftmDFP20AYhr/PgVawFHXqVvgFDVtVYjUZcVTRuQvp0ISt4RcUfkHpRsIATF3TwWFMUNKqG+kvgK0rXZCaFL/VGRLO9tlnGwekqhmd93yP3/v83etjivGrmfYawBViFJl4IcaQ+BJQlwit3zPzhwfd0rluIOsENdPeJ+KKTnfb/wEMhjPzJR10JHB1pV1ngz7eFib2eFC30bdKUfpQ4Eqxs/Dg8uI08xLQ0DPh7W6vfBAmCwWuFuwtZv4wHgiiXwb49W5/tRvbMY1w4/nRImacFjE/k6RnjZ61lAhY5a7uydM+hAs9i1N5fNRcSodV7jZ7VrbdQSKsmu0DJlqfrCYwaPbLyyoTAsAqdwFsN/vlrbQu6sYpXQaXVOUXAPZ3BlG7w9zcoq7d6KB0//tdppCOEQCumW1RT4vS8kzV3fE8717YeSPHJ55aVrjsAd4w7QqI9+XOcBfujuerFtpdZno5gVa47AH2u0ugT42+VdctZ1b/bxSOimB05Ps5l1je+1YejK9NgP3uCgGPeGn3++pZVkBx7uN3GUSHzZ41iQYT4EDt+oRxJstCo3JZNs4F1omyAElyj1rBHsi7n+yyC1wrtDvEVJReNs8yJJksC21UebLKXXKMHTAisymzM2j0yl+SAl7nhzWQEb1zslOXg5cDfN7rl99wzWz/JKInN32XiLUp+UqddAcUvZZz1EmTAEGEYW7usQCG1yVB67sUYaO/7UQ5Xi3YJ8ycj7sqAIgl9wzH2FQAx73dtS5G6BbKNB8DgHe1GblXAWCxzFHI7nIyvZc1cGiz+dXaCRsn6taZdU7kUgDomAjR2RpUYYOfTjYNcCkA3OhZ2gqumXaLiNduugrOjZGxHLbJKLpQrEDl30Q4LfCVYxgw0SPpZW2BKeCyAeSJ2XM97sdAZsBpa/Kqs9Bxs29Nen70S+oNQ6kdHk8SSFcx3tck+SRThwWbKsNGMSft25kD3+QQpw5oToRArahOonrQqQDHqILUkv/Aqa2LOfDfcLhqts/lDSBJmIlpVGqZ/yvI7cPBXooDHhnbd/0t53+q6srROhvwHAqK2MCqdJ/akikOHO+QbtBJs2NNkS1wa/fkdMR5seousDhPe/jnous79rxLptC5BKxAbPaslhB5oqQ4tSTiouf05b6wgR9gHgxzc3X5XE+bfe+LN2zev544915JYxcoAAAAAElFTkSuQmCC');
}

#headers-communities-icon {
    margin-top: 182px;
    margin-left: 15px;
    background-size: 55% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAArCAYAAAA3+KulAAAABHNCSVQICAgIfAhkiAAABNtJREFUaEPtWcFS40YQfS072YJLdr9gzResuW0ldgWOWIeQL1hziOGG+YJ4vwBzQ84B7RdgDjZHlLI3ldt6vyDeL1j2AgXB6tRIxkijGWlkm02qgqp8sdQ9et093W+eCAtcv3zfK1sWfgRoO+aGeAyg6wzsMxP3e9Ve3WfrJfv+2W9/2CMTG90zNI9xCIQOQdhIs2fwJXyr2Xm/9U73XOOHfpMsHM7uMzwQt02DIfvNDUhEk0EnuQLB8G6KKz+73ualbNeo9l0C3iT9sesM7J1c6wDIBahR6bWI6Ne8i4jnmXl0W1zdlEGlByg/KGNAuoWZ8TvAngXLC4CSX2KmMgj7CeCMI2dYa8r/ixKmAjWVmdLYLLSH6hsXz7+dXP1FoOf3jhj4Ah+tzvtaW+V82jBcEL2K3iemzePhVgheusQ6zyZXLkA/RW/5E143bRZGGVKVWtqLRV9mt9IbSaDGzqC2lla2iX3F8JxhbdOk1E0BjYnoZaQTKUtHm6kCfcgT8bAirscEfHdvZ5qlTEBB6UgvdFNYeaHqWNrWLHUyAu8cD2w3LeK7lX47ug9NbIItnJXGvcr5BhNfPGSHPzpDu5xlF72vmDWZGZbLnJnfdoZ2K2vdbEDS3BFdrTOspQ5UeVE5KCY+5rGZK0MmLyMDalT72wScPvzPZ87AjtMlyUi2YeBdZ1CrL54hqeQEnekM7BdZjmMlJw1kk/J5tJILZ8P1Z9NZogLaqPRiXdKk5TcqfY9IEN/wMrExKjnx0G6115WG3fimsLJu0ulUMyyrSyb2D/DltrBSMlkvsykIQIlOF8SM3ZvC6kHaIsm9I8zU9Oc+EyENwkWMlRh2OOMMiQflEpi+wJiYdmQqEwzGu+sTIsQ2PjN/ui2ullVB2Ht9XvK/4X2A6xIYrY2qvI0yJAyDvXR35cnc7GE+YUpOUQKCX+JS7YMpfzsEKNHBAr4I1DuDWte0CRkDCkrv9XmJi35XC0qzqngxC9xUsQPdkUTY8IQ3TEnprHmYIk9rw2k+xNyy7qh+/OeWOJYnLkXDEWenT+xjOy+YXHtIfpOQ46EFRknOWFAqjJFF7GZxtulZyBNENAAPaumOFybBz1VyaQ5FJwzu32Gsy0aavdhLJm05C9TSAGUt9LXuPwH6WpGed53/T4am3ecNMYSCk+v8YxDdMTNGYOqmiZD3fkTD8cH7RHzpT3CU1s4TGQqHJ588AggdzjEDB2lsQGbrYHgEeqtq7zFAQSTIP41yKYNoL+kRvai4W+2zkkoptIkZIDWjXtK7mrrRMHG9XBxIsk1naB/FqE/IdP0PicwwfyRCezLBaB4aosIh1kIRJZ8Eq05q2rqDXFg9GptIpoIMNSr9UwXVN1JZTIOvBBdsdt+Nan7iiH9bWF3TsQYNQZ6Jl6TS3UzO/IsAidpOz0GjqKiYJYiE562rUSwQPg6ELE2yoAfOr7stCk7W7cSXis7QXk/ljgl5LbShhBhhoGouCkBlL3cyZ1DLHPoqG2pUe5+jzcBUXVk2qHlUHtlG6N80T2SWDUb4k0ufp3sibS1VEP4zgOYRFp8APUZp6Xw+ZUihFYqGRrFPhv/CDJodEaS5YvLFTp5f9DetUUhK/eDLNLHVXkRxWaREQyHzusVAmYCR6mu57H/KMkLlidEVTOEfZpILW7RpTOEAAAAASUVORK5CYII=');
}

#headers-messages-icon {
    margin-top: 183px;
    margin-left: 15px;
    background-size: 50% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAnCAYAAACmE6CaAAAABHNCSVQICAgIfAhkiAAAA4pJREFUWEftmbFuE1kYhc8ZG9hEQqSmgX2CNR0igzA0KE6R0G6ziRAOVJgniPMEJF1skDJUlAQJ2zQoiTystiP7BJiCjiJICAjEc9AMGXsYTzw2HmMj5XaW79x7vv/+99w7/xChlp+u/QNqnkQGwPnw/6P6LWmXxC5lPFq3Z7aDOuj/uH2xdl5pbYDIjkpor/MKWP2Smlixtq/uuc+0IPJm5RVJN/q/RxPWSnau0ILIm5UiyeXfQ31bJcWrbmp5K5E3q28JnAX9hXGe8qtRWP9vpjEuYPnL1XkIBQJXQEEiRD5+UJ/5mzevvTiX+vq5QT+zJIdIz63b15+NC4CvY8msPBRxs60VH0p27jTvTD8vOIZzPyxYYrFsz6yMA8hCdmvq5MGnDRLzYT2leo68bdaygrPVTqV2N9fW5GDxwb+zu6OC8dII2iA41aFBQMn2IagtKOhVARBoj0KxZM+u/UoQL/rNT8sEPAcKtqDU9kq4EF4jJH0m8UcE9fZ+euKG783DBLp1qZIxUnwSddhKh+fCoQdFQACO8NKg3gGc64yA9gAuluu5zWFB5M3aMqli1PiSVsJHQSSEhJ2ynct+z0VYBM50DihrPzV5L8lVcW8MTtp5EnngSv87Dhbcvbl0uepmU6t1hXB7fR9YFokrEZFpUFwM32N+ZoWWzMpdEcUjNu/afnqi6AesbwhfUH66WqCBDht2/x/EirtZp4D3hjgfDtJPQ7hivc1mwAL5V+eZ0r8Vd7VO6Ol+anIhKl0HgvCFL5nVVRB3ozZ9L1YcY53vDaiwXp+1jkrLRCC8vWLWsg4ci+S5fqw4xjp3jAMuxN3XEoNwhbsRPdX8aPVqxXHWWbZnI201HKREIVqbPsaKnSbWaGAjzjp7dbWhQPRgxdH6hB+sc+QQvVix3+co6xwbiDgrRhfrHCuIKCv2oh9jnWMJEbDirHFgWHHWObYQvQrrp9/Q3KkfEYP2PYYYNIJJPX+8EklFctBxjldi0Agm9XzkShze8V8FJmmU6rk/k5o0yXG8zw8n9Dp4DyvXc1Ne9SZM5zR1YZRVv6PAw+/6fmXmEKKyGXy5kVv1AzYlY2yq4oAy4VqsHNwrv8ytehARKZVkFgxlLElvvqQnM24xof2lqEtZZigqBhg0/E7SggjcOqMLAANMmuSj7j4IFxR+gPAn86oZUgZUZzk9SUV9jGUQjWYTu1GG8w0nX8hG9XOqJwAAAABJRU5ErkJggg==');
}

#headers-news-icon {
    margin-top: 183px;
    margin-left: 20px;
    background-size: 40% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAzCAYAAADo8TpyAAAABHNCSVQICAgIfAhkiAAABBJJREFUaEPtms9SGkEQxr9eTFJ6iT5B9Amit1QKKnqUPYQ8QfQQ8BbzBOIbmJtsDsEnCB7AI6TYpHJTn0DyBOEkJQqdmiUgOzv7l1mqTLlVVFngdP/mo6enewaChmdns7n8bHD9BkABTKsgrALOC8x8QaAuiDsAapW2earBJWgWI3uvzlb5yfAAoJ14drhKt8bh8a9tMZlETyJwofDTQe+AgP1EXsU3Ae6CjSPL3j5MYiM2uAN9d90kovUkDuUxIpT6C0tb1dZWN469WOAfXtfXKYMmgZY9TpgvAWoRqIY7dMZhIMZkDGOZwQXxIqIXCsDOcMDvvvw0L6LCRwYfhcf1lQzNzL8NQvm4bVajON3L1XeGjLJiAp2bzOJGVOUjgfuFBwMn/cziflRn44mN7PVqRBCZaPKIsLFscyOKAJHAS9nGEQgfXU6AE6udj5lN3EjFXKNKwHsJ/tCyzXIYfCj4KOXxlW7osb1ittGaVl5km35maS3sWwwFl1URMd1fWFoPMxymmCtsBr0OAc/H74kQDPs2A8FHO2LvzzQEgXejLsSo8GLBMujrPTh3rba5EjQ+EFw2CObLim1qyd8yVDFb70xnGmLaOra3W37wgeCexcP4XLHziXfLIAXj+goGlxZOmApRQ0P1f8Vco0DAt0m4ML5bdn4zkeKlXENkE6fKEw/d0toshVHQxPayZ5tM3NQFztPOKu18aBZKqrqcCERaDFqggSClXGNu4GLCcfz9f+Dyjik2Hss2J/GeNCSCxmlRPO5i0TGRBwsu1y3DAW/41ei+MR43r+pQXAYP2jf8wbN1Uewf3OdVjlRuzjIBT0E3xCfrR/5IZdMXvJSr1wB6O9l8UiiuFPWKSywElBgBirvr5DS3+/EE4iQEJbiqnL3JLK7oqsH9wkk01kaGzqOUt0pweWGmWc4mLW/9wN29YIrlrAdc6kOZ1UlBCe6pCkOK+lkyiTzW0w35dP4ecE/XAyDNqlAGV7aLCuE84KVsownCpICP0rjqVFzY8h5b8GmlbRam/bjA5XSUdvPgN+EoHC7wYrZ+7j7M9M5Ut7p+9uTtH4xWxc5v3W+I//4qSlu8o/YcF6Uiu7h6UPE5T5UAjuKqBRm03c5LdbnscM7UQbtWO18jJfS8yBL6EZFAcvGe0NZchzn3SsVcozt9bjdXgsTO+JScwsZAFUQvE9uZ50DmS4Kxn9o5SdpzeQRPW2HZ/qPiD1Jx5/7TGJ0I9BcWd+UWL+zzJJPWEiqlbP1inE7lm2L5qjHOlWDQhPSAS6e6ADoM1JxCTfyiYuqMXdcZpB5wxT2or1qa+lct4E67dXfdCt19NV5+aQEX6o7ge2X5BnqivCalPY1EkpWtGiPO1YcZLoB49AsLpq4xoJruu6O/XFlSt0lS5RMAAAAASUVORK5CYII=');
}

/*communities*/
.search-container {
    width: 300px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    white-space: nowrap;
    overflow-x: auto;
}
#search-icon {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: -5px;
    white-space: nowrap;
    position:absolute;
    background-repeat: no-repeat !important;
    background-size: 20px 20px !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAyBJREFUSEu9Vr12ElEQ/mZBhViYHB/A5Bx7sfMYOIEyUEgqS0kRSGd8gsQnkDJgEdLZuSmWlCEH9Nhl8wbrA+SIDUn42fHcXSB3l7uwEPUWFOzMfDPf/WbmEmacnddGQtOwAVCewctElBi6WGBYTDB5wMefv+fMWbHk7xRkvJs8TTN4H4R0yIAWMW0ftjYbYeyVwKVkvQzC+zAB/DbM0LvR+HatkWlP8/cAF9Jnyw/710dEyC8COvJhZlPra1uHPzatoDge4FLK0AF6o6jiHOAGiEytR+ZNLNaO9W8SNuw0iFYJeDfpw2Y3upQJqnwMrKKXgd+wcVD9li1PY0DowYZdI6JnHjtGo9LKZlS+DrAjJOIzrxNfUl/LT6NLthfX9GjQqfkZI/D2YTNX84M7wMVkvUEkWsY9olKtR4mwoCM/VyMdU66cwe1uZGnNTzk5fRqhCzkjtvFhFr1B1Kviqaqm4np9jzR8ulMkzqutbNjeVeJP6oVPKs2cp1Nogmbmj9VW7uA+7eTXjKC72syteCZXKWmYIHoh3e9WtZnV7wPsCu36lxyj0sx6WpdKqTp7MunR2ryiUiVZTNXbBDwZfSOmjDxOJ4BvI/GVWeMuDBvFpGHJ6p4AnmUQBkRl42dygur/IS6R2OQd+zYRA8fVZrawaKXuQDIOiGh/WosqB4j/PuZJYvfV6ar9wL4g0PIYWDGQhiPTKwQA1m0k/nIRke0k6y2NsD5r/LrAqXqegK+esRlyocs+xXXjC2n0VvQniYkvfgMG0t1aVO9iyx7w1qz3lKCXo3zE4DSRPCfsq9vI4+cq5sZWzrTpd8SyH08xia4yA3ovEr+Ug7h7GBsge0/cKTPDC+zUHLwWRwBu5rauApcoHT1nVv2iYwY8BQ8NlNvJ7zx8d+nyfp5H1YB9BWhP/T5+8ODnbcoo2KCyPG+nJeA8k5jL3ehSOTbo5Bl0NA08EFg4ierdIBCB0qokmHEOhq4NSJeXy27KKKjAGXC231RgVYVCUOL/MA/3AHCr0syuzQ08330DfnBm/llt5cST+N8fAS70MkQqLET130rzD6rgoS6bo8JBAAAAAElFTkSuQmCC');
}
#search-bar {
    background: none;
    border: none;
    white-space: nowrap;
    margin-left: 30px;
    margin-top: 4px;
    width: 260px;
    height: 15px;
}

.communities-wrapper {
    width: 300px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
}

.communities-header {
    padding-left: 8px;
    font-size: small;
}

.community-list-icon {
    background-repeat: no-repeat !important;
    background-size: 50px 50px !important;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    float: left;
    margin: 5px 10px 15px 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV/TaqVUHOwg4pChdrIgKuIoVSyChdJWaNXB5NIvaGJIUlwcBdeCgx+LVQcXZ10dXAVB8APEydFJ0UVK/F9SaBHjwXE/3t173L0DhGaNqWZgHFA1y8gkE2K+sCIGXxFCAH7E0CsxU09lF3LwHF/38PH1Ls6zvM/9OfqVoskAn0g8y3TDIl4nnt60dM77xBFWkRTic+Ixgy5I/Mh12eU3zmWHBZ4ZMXKZOeIIsVjuYrmLWcVQiaeIo4qqUb6Qd1nhvMVZrdVZ+578heGitpzlOs0RJLGIFNIQIaOOKmqwEKdVI8VEhvYTHv5hx58ml0yuKhg55rEBFZLjB/+D392apckJNymcAHpebPtjFAjuAq2GbX8f23brBPA/A1dax7/RBGY+SW90tOgRMLANXFx3NHkPuNwBhp50yZAcyU9TKJWA9zP6pgIweAuEVt3e2vs4fQBy1NXSDXBwCMTKlL3m8e6+7t7+PdPu7wciuXKHjJUaWAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+QKBAMtDK8J1F8AAADsSURBVGje7dvNDYMwDIZhYmWtLsAizMQiXYDB2nsEEkj4J/brY3vpIzvkw1Lb9vn+lkIlS7ECDDhZ9bMP92NtGXBnD2RGGjBgwIABAwYMGLBmlrbMttbZvXtCx+8t4KINfbJCslg3hTvD2miJ+MM10S4d3o+1eS0ZxLK7I9QD7X6Gr9BaYy1WiCh7sm7dufLR0jp9SURsmiztCXXr8B2s5vmXSthwWXr6t6W7IMuoKZ5d9MjUPevoTvM+DHj2kR6vJuvxDpulywSP9PdwuZFO/9DyXgxwDwMGDBgwYMCAAQN+qRp/4wEMGPBM9Qf3C2DK9iBTlQAAAABJRU5ErkJggg==');
}
.community-list-icon.bottom {
    margin-bottom: 5px;
}
.community-list-title {
    padding-top: 6px;
    font-size: medium;
}
.community-list-wrapper {
    cursor: pointer;
    vertical-align: bottom;
    width: 290px;
    margin-left: 0px;
    margin-bottom: -15px;
    margin-top: -20px;
    min-height: 55px;
    border-bottom: 1.5px solid #d6d2d2;
}
.community-list-wrapper.bottom {
    border-bottom: 0;
}
.community-list-followers {
    margin-left: 58px;
    margin-top: -13px;
    font-size: x-small;
}

#messages-banner-icon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAnCAYAAACmE6CaAAAABHNCSVQICAgIfAhkiAAAA4pJREFUWEftmbFuE1kYhc8ZG9hEQqSmgX2CNR0igzA0KE6R0G6ziRAOVJgniPMEJF1skDJUlAQJ2zQoiTystiP7BJiCjiJICAjEc9AMGXsYTzw2HmMj5XaW79x7vv/+99w7/xChlp+u/QNqnkQGwPnw/6P6LWmXxC5lPFq3Z7aDOuj/uH2xdl5pbYDIjkpor/MKWP2Smlixtq/uuc+0IPJm5RVJN/q/RxPWSnau0ILIm5UiyeXfQ31bJcWrbmp5K5E3q28JnAX9hXGe8qtRWP9vpjEuYPnL1XkIBQJXQEEiRD5+UJ/5mzevvTiX+vq5QT+zJIdIz63b15+NC4CvY8msPBRxs60VH0p27jTvTD8vOIZzPyxYYrFsz6yMA8hCdmvq5MGnDRLzYT2leo68bdaygrPVTqV2N9fW5GDxwb+zu6OC8dII2iA41aFBQMn2IagtKOhVARBoj0KxZM+u/UoQL/rNT8sEPAcKtqDU9kq4EF4jJH0m8UcE9fZ+euKG783DBLp1qZIxUnwSddhKh+fCoQdFQACO8NKg3gGc64yA9gAuluu5zWFB5M3aMqli1PiSVsJHQSSEhJ2ynct+z0VYBM50DihrPzV5L8lVcW8MTtp5EnngSv87Dhbcvbl0uepmU6t1hXB7fR9YFokrEZFpUFwM32N+ZoWWzMpdEcUjNu/afnqi6AesbwhfUH66WqCBDht2/x/EirtZp4D3hjgfDtJPQ7hivc1mwAL5V+eZ0r8Vd7VO6Ol+anIhKl0HgvCFL5nVVRB3ozZ9L1YcY53vDaiwXp+1jkrLRCC8vWLWsg4ci+S5fqw4xjp3jAMuxN3XEoNwhbsRPdX8aPVqxXHWWbZnI201HKREIVqbPsaKnSbWaGAjzjp7dbWhQPRgxdH6hB+sc+QQvVix3+co6xwbiDgrRhfrHCuIKCv2oh9jnWMJEbDirHFgWHHWObYQvQrrp9/Q3KkfEYP2PYYYNIJJPX+8EklFctBxjldi0Agm9XzkShze8V8FJmmU6rk/k5o0yXG8zw8n9Dp4DyvXc1Ne9SZM5zR1YZRVv6PAw+/6fmXmEKKyGXy5kVv1AzYlY2yq4oAy4VqsHNwrv8ytehARKZVkFgxlLElvvqQnM24xof2lqEtZZigqBhg0/E7SggjcOqMLAANMmuSj7j4IFxR+gPAn86oZUgZUZzk9SUV9jGUQjWYTu1GG8w0nX8hG9XOqJwAAAABJRU5ErkJggg==');
    background-size: 30px 20px;
    width: 30px;
    height: 20px;
    position: absolute;
    margin-left: 5px;
    margin-top: 6px;
}

.messages-banner-wrapper {
    width: 300px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    position: relative;
    margin-top: 10px;
}
.messages-banner-header {
    padding-left: 8px;
    font-size: small;
    margin-left: 32px;
}
.messages-banner-arrow {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV/TSqVUBO0g4pChOlkQv3CUKhbBQmkrtOpgcumH0KQhSXFxFFwLDn4sVh1cnHV1cBUEwQ8QJ0cnRRcp8X9JoUWMB8f9eHfvcfcOEBoVppqBMUDVLCOdiIu5/IoYfEUIAQTRhymJmXoys5CF5/i6h4+vdzGe5X3uz9GjFEwG+ETiWaYbFvE68fSmpXPeJ46wsqQQnxOPGnRB4keuyy6/cS45LPDMiJFNzxFHiMVSB8sdzMqGSjxJHFVUjfKFnMsK5y3OaqXGWvfkLwwXtOUM12kOIYFFJJGCCBk1bKACCzFaNVJMpGk/7uEfdPwpcsnk2gAjxzyqUCE5fvA/+N2tWZwYd5PCcaDrxbY/hoHgLtCs2/b3sW03TwD/M3Cltf3VBjDzSXq9rUWPgN5t4OK6rcl7wOUOMPCkS4bkSH6aQrEIvJ/RN+WB/lsgtOr21trH6QOQpa6WboCDQ2CkRNlrHu/u7uzt3zOt/n4Ab8Ryps1GK2kAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfkCgQHGRgJ8FsJAAAAXklEQVRIx+3UMQ5AQBCF4Y87EG7rbjpRUTiI3mq2EqGxErJ/OZm8P5lkHpmv0WNEnUowIGBOJakwRcmCNkv+LynRRUHAerZwNStuBFvqxzueqMnh3w5/peyS13XmeXbvDSl8HqymvwAAAABJRU5ErkJggg==');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    margin-left: 275px;
    margin-top: -26px;
}

#messages-banner-badge {
    display: none;
    position: absolute;
    min-width: 8px;
    height: 8px;
    right: 25px;
    top: 5px;
    padding: 6px 5px 4px 5px;
    border: 3px solid #673DB6;
    background: #673DB6;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 6px;
    -webkit-border-radius: 20px;
}

/*messages tab*/

#messages-list-wrapper {
    width: 300px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}

.messages-list-icon {
    background-repeat: no-repeat !important;
    background-size: 50px 50px !important;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    float: left;
    margin: 12px 10px 12px 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV/TaqVUHOwg4pChdrIgKuIoVSyChdJWaNXB5NIvaGJIUlwcBdeCgx+LVQcXZ10dXAVB8APEydFJ0UVK/F9SaBHjwXE/3t173L0DhGaNqWZgHFA1y8gkE2K+sCIGXxFCAH7E0CsxU09lF3LwHF/38PH1Ls6zvM/9OfqVoskAn0g8y3TDIl4nnt60dM77xBFWkRTic+Ixgy5I/Mh12eU3zmWHBZ4ZMXKZOeIIsVjuYrmLWcVQiaeIo4qqUb6Qd1nhvMVZrdVZ+578heGitpzlOs0RJLGIFNIQIaOOKmqwEKdVI8VEhvYTHv5hx58ml0yuKhg55rEBFZLjB/+D392apckJNymcAHpebPtjFAjuAq2GbX8f23brBPA/A1dax7/RBGY+SW90tOgRMLANXFx3NHkPuNwBhp50yZAcyU9TKJWA9zP6pgIweAuEVt3e2vs4fQBy1NXSDXBwCMTKlL3m8e6+7t7+PdPu7wciuXKHjJUaWAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+QKBAMtDK8J1F8AAADsSURBVGje7dvNDYMwDIZhYmWtLsAizMQiXYDB2nsEEkj4J/brY3vpIzvkw1Lb9vn+lkIlS7ECDDhZ9bMP92NtGXBnD2RGGjBgwIABAwYMGLBmlrbMttbZvXtCx+8t4KINfbJCslg3hTvD2miJ+MM10S4d3o+1eS0ZxLK7I9QD7X6Gr9BaYy1WiCh7sm7dufLR0jp9SURsmiztCXXr8B2s5vmXSthwWXr6t6W7IMuoKZ5d9MjUPevoTvM+DHj2kR6vJuvxDpulywSP9PdwuZFO/9DyXgxwDwMGDBgwYMCAAQN+qRp/4wEMGPBM9Qf3C2DK9iBTlQAAAABJRU5ErkJggg==');
}
.messages-list-icon.bottom {
    margin-bottom: 5px;
}
.messages-list-title {
    padding-top: 19px;
    font-size: medium;
}
.messages-list-wrapper {
    cursor: pointer;
    vertical-align: bottom;
    width: 295px;
    margin-left: 0;
    margin-bottom: -15px;
    margin-top: -20px;
    min-height: 55px;
    border-bottom: 1.5px solid #d6d2d2;
}

.messages-list-wrapper:last-child {
    border: none;
}
.messages-list-wrapper.bottom {
    border-bottom: 0;
}

.message-list-timestamp {
    padding-left: 224px;
    margin-top: -60px;
    position: absolute;
}

/*message viewer*/
#message-viewer {
    display: none;
    margin-top: 15px;
    margin-bottom: 15px;
}

.message-viewer-top-banner {
    top: 0;
    width: 1050px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    margin-top: 15px;
    margin-left: 15px;
    position: fixed;
    z-index: 10;
}

.message-viewer-top-banner-back-button {
    background: url('data:image/png;base64,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')
    0 0;
    background-repeat: no-repeat !important;
    cursor: pointer;
    width: 150px;
    height: 45px;
    background-size: 100%;
    margin-left: 15px;
}

#message-viewer-icon {
    width: 75px;
    border-radius: 10px;
    margin: 10px 10px 10px 15px;
}

#message-viewer-name {
    font-weight: bold;
    margin-top: -7px;
    margin-bottom: 0;
    font-size: xx-large;
}

.message-viewer-bottom-banner {
    bottom: 0;
    width: 1050px;
    min-height: 75px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-left: 15px;
    position: fixed;
    margin-bottom: 15px;
    z-index: 1;
}

.message-viewer-top-cover {
    background-color: rgba(232,236,236,1);
    position: fixed;
    height: 15px;
    width: 1053px;
    z-index: 10;
    margin-top: -135px;
    margin-left: 15px;
}

.message-viewer-bottom-cover {
    background-color: rgba(232,236,236,1);
    position: fixed;
    height: 20px;
    width: 1053px;
    z-index: 1;
    margin-top: 646px;
    margin-left: 15px;
}

#message-viewer-content {
    margin-bottom: -5px;
}

.message-viewer-bubble-receive {
    left: 0;
    background-color: rgba(255,255,255,1);
    border: 2px solid #d6d2d2;
    border-radius: 10px;
    margin-left: 51px;
    position: relative;
    max-width: 200px;
    margin-bottom: 5px;
    font-size: xx-small;
}

.message-viewer-bubble-receive-text {
    padding-left: 15px;
    padding-right: 15px;
    font-size: larger;
    word-wrap: break-word;
}

.message-viewer-bubble-receive-memo {
    width: 50%;
}

.message-viewer-bubble-receive-timestamp {
    left: -242px;
    font-weight: bold;
    font-size: xx-small;
    margin-top: -8px;
    text-align: right;
    position: relative;
}

.message-viewer-bubble-sent {
    left: 128px;
    background-color: #673DB6;
    border: 3px solid #673DB6;
    border-radius: 10px;
    margin-left: 15px;
    position: relative;
    max-width: 200px;
    margin-bottom: 5px;
}

.message-viewer-bubble-sent-text {
    color: white;
    padding-left: 15px;
    padding-right: 15px;
    font-size: x-small;
    word-wrap: break-word;
}

.message-viewer-bubble-sent-memo {
    width: 95%;
    margin: 2px 2px 0 4px;
}

.message-viewer-bubble-sent-timestamp {
    font-size: xx-small;
    left: -55px;
    font-weight: bold;
    margin-top: -9px;
    text-align: right;
    position: relative;
}

#message-viewer-submit-button {
    left: 0;
    position: relative;
    width: 75px;
    height: 75px;
    background-repeat: no-repeat !important;
    cursor: pointer;
    background: url('data:image/png;base64,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')
    20px 20px;
    background-size: 35px 35px;
}

#message-viewer-input {
    vertical-align: top;
    float: top;
    background: none;
    border: none;
    margin-top:20px;
    font-size: 25px;
    white-space: nowrap;
    width: 500px;
    height: 65px;
}

/*First run page*/
.about-wrapper {
    display: none;
    text-align: center;
    width: 400px;
    height: 640px;
}

.about-header {
    text-align: center;
    font-size: 30px;
    padding-top: 160px;
}

.about-body {
    font-size: 15px;
    position: absolute;
    text-align: center;
    margin-top: 15px;
    margin-left: 50px;
    margin-right: 50px;
    max-width: 800px;
}

.about-button {
    position: absolute;
    height: 37px;
    width: 100px;
    margin-top: 175px;
    background: #673DB6;
    color: white;
    font-size: large;
    border-width: 0;
    border-radius: 10px;
    z-index: 5;
}

/*Community and User Page*/
.community-page-info-icon {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: rgba(113,141,148,1);
}

.user-page-tab-table {
    position: relative;
    margin-top: 35px;
    margin-bottom: -10px;
    margin-left: -15px;
    background: white;
    width: 1035px;
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
}

.user-page-tab {
    width: 100px;
    text-align: center;
    color: black;
    cursor: pointer;
    font-size: small;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: -3px;
    margin-top: -5px;
    margin-bottom: -4px;
}

.user-page-tab.selected {
    color: white;
    background-color: #673DB6;
    margin-top: -4px;
}

.user-page-tab.left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.user-page-tab.right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.user-page-tab-triangle {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 35px solid #673DB6;
    border-bottom: 20px solid transparent;
    display: none;
    position: absolute;
    margin-top: -15px;
    margin-left: 100px;
}

.user-page-tab-triangle.selected {
    display: inline-block;
}

.user-menu-button {
    height: 37px;
    width: 290px;
    margin: 2px;
    background: #673DB6;
    color: white;
    font-size: large;
    border-width: 0;
    border-radius: 6px;
}

.community-page-table-wrapper {
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 20px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
}

.community-page-table-label {
    color: #673DB6;
    padding-left: 15px;
    margin-top: 0;
}

.community-page-table-text {
    color: black;
    padding-left: 15px;
    margin-top: -20px;
}

.community-page-shaded-info-container {
    z-index: 3;
    width: 139px;
    height: 36px;
    background-color: rgb(233, 233, 233);
    border: 1.5px solid #e9e9e9;
    border-radius: 5px;
    margin: 2px;
}

.community-page-follow-button {
    width: 115px;
    height: 25px;
    position: relative;
    margin-bottom: 10px;
    margin-left: 239px;
    background-color: white;
    border-color: #1F8A42;
    border-style: solid;
    border-bottom-left-radius: 4px;
}

.community-page-follow-button.selected {
    background-color: #1F8A42;
}

.community-page-follow-button > .community-page-follow-button-text {
    color: #1F8A42;
    font-size: 11px;
    margin-top: 6px;
    margin-left: 20px;
}

.community-page-follow-button.selected > .community-page-follow-button-text {
    color: white;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 12px;
}

#community-related-wrapper {
    width: 75px;
    height: 25px;
    position: absolute;
    margin-bottom: 10px;
    margin-left: -40px;
    padding-left: 40px;
    background-color: #1F8A42;
    border-color: #1F8A42;
    border-style: solid;
    border-bottom-right-radius: 4px;
}

.related-button-text {
    color: white;
    font-size: 11px;
    margin-top: 5px;
    margin-left: 20px;
}

.community-page-posts-wrapper {
    position: relative;
    z-index: 3;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 30px;
    min-height: 190px;
}

.community-page-posts-header {
    margin-top: 25px;
}

.community-page-posts-header-tab {
    padding-left: 14px;
    padding-right: 10px;
    font-size: 11px;
    cursor: pointer;
}

.community-page-posts-header-tab.active {
    color: #673DB6;
}

.community-page-post-wrapper {
    padding-top: 10px;
}

.community-page-post-screenshot {
    width: 280px;
    border: 1.5px solid #d6d2d2;
    border-radius: 6px;
    margin-left: 15px;
}

.community-page-post-painting {
    margin-left: 15px;
    max-width: 280px;
}

.community-page-post-time-stamp {
    margin-top: 0;
    max-width: 150px;
}

.community-page-post-yeah-button-wrapper {
    padding-bottom: 0;
    margin-left: 244px;
    margin-top: -46px;
    background-repeat: no-repeat !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAA8CAYAAADSfGxZAAAABHNCSVQICAgIfAhkiAAABHpJREFUaEPtm8Fu20YQhv+hpAQ51X2CKIfIvVW5FW2M2sc4sK08QSSgZNJTmieo8gR2T02kAlaeIJQMO0czSFr0FudWKQXqPkGlU5BI4hRLiDQpU/LS4lKCQp4EaZfc/9uZ2eFol+C7jO9e3ifiMhMXCbTi/21ZPjO4S0wnzNSo/X7nuauLxIfy+vHK1cGHFyCsL4tgKR0M62P22r2GtdF1QDy4fXT82UFwSTGsZ282N+jh2mGZQftSBJe0EYErZNw+sojw/ZlGbtpDVOt/3D1ZRt0Pv3mZ55y9B9COZxSMV2SsHf7nD4zUpxtP/7xzuowQXE36t4dFLUNvz7yDu/Rg7Yj9op+93nTixrJf47pTEKMZT0GkIIIhIbWI1CJSi3BsIF01Rq6QgkhBBFPEuVhE6atf88NB5nqG0DPfG1LvMKX8/sow2/9aDD8zyL0zTyvdOLPdxEBsFX4racSPgNAah8Vgs9U2fvGLE8DYzuyCUAQoHxTOp2CckDZ8bP7148zvQspBiJnkK/19EJUkZtAiGlSEsO3V2iNiqoIwvTLG6NqgykHnB1Pi/hObKAVRulkrMpEo8siX+RhdgE9BVIwkjLnR7BiVSH18jZWC2CnU3k4Q9C8LsYwVInL8/sKLuccEJ54QowiiL8b72MDjg7a+d+G9QhooA7FdqFeJ8LP/mQx+pX3MlfyBTriOfbVfJZCIH+cv5p4NrTxu+k7Mgd0IAGF0SRvcukzMUALCCXKc/ScAgfG81dHLk2Zr62atrGnBEiEzv9M+5dYnrRCj+CPcyLMOZjRbHV0mHgWGogTEuCghqNUxLvR5f7+LILgqRqvRC08Vo9vs6F9GdQ8lILZXa3t+U4/iu8KaMMjmzb91S1bMzmpdLJ/X3fZEgxtR3UMVCItAXgGYhtiIIkwWgNtuu1A3ieAVX22me1GX0xTEiKYaEIV6gwj33Rmzba4cvDcaUWdatv34Mk0235JN3d1nKAGxtVr/SQN2fUKsZlvfkBUWpZ2TtGlnpXjRt9nWI1felYAIG1yUgCkLYrR8HvuTNpGrtNpG5P9slYAQQsYDmPgubhfZKdTEO0wgN7mMW4ixKQMRluzECSMMAjOetDp6Vdai/O2UgRAPOZfsjJ48q2WEQ5BL2iZBUgrCgRGSOs9iGZMgTEvFZSxEOYg4YaiCoDRGjM/CrJahEkKiIGaxDNUQEgdxGRhJQJgLiCgwkoIwNxAyMJKEMFcQ02AAELWIQJosW6iRWSrD2iSyfE4b3KTVxN9HNYS5W4QrdhqMJCAsDIhJbpIUhIUCMQ4jSQgLB0IMSNQyhkAx08+Zcf/ROy1WzT1YXjbKx90vBTEimoJIQQSdK7WI1CJSiwhdcFLXmOQaxtqRONjl7Tf4PA+uoHfuKBMzTLb5yTIfZbKzvEsEb3MJi6NM6eE2wDncJlzm/AG3uBPaxb2fsIbam8117wDslcEHsfnCd9pvcQcf18gEhE/ZayXvAKx7Y+EmNlNZ7Hz1B9C4HrwI92GgJ3bwasSNp6/vens4/gcrH5FO7PvkhAAAAABJRU5ErkJggg==');
    background-size: 35px;
    width: 50px;
    height: 40px;
    position: absolute;
}

.community-page-post-yeah-button-wrapper.selected {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAA8CAYAAADSfGxZAAAABHNCSVQICAgIfAhkiAAABBNJREFUaEPtmztMFEEYx78hEAOihRb4QEMBKAWKFCq5O0MwvgATTIROCRheBRDpgNaD7hK1ECFK0E4KNeHpKyYcQSl4FiZAYRSUK6BAlAJkzLfeHrvL3u3u7dxuOOZLLrmwM7Pz/eb/PdjLEpBYhbP3VgxAEQVynhA4Ir0WLd8phR8E6KdNgFcd3oLnol8Ev1Q63h6HmPUOAnA5WhzW4wcFeAObcRXtw5e+CSCqnH1eIODQMznaxlAK3nZvvotUOXvLgJCn0eagIX8oLSdVrr4BALhiaGL0DR4klc7eRUJIUvT5pt8jSqkPFUH1T4nekRyE/2w5CA5CHuZcEVwRXBGqpY+HBg8NHhr2hcbBQ/GAn7XfG/B9dkVXe5qQGAfJqfuEsfNzv+DP6rqueeEOiliOyHIlQd7NFEg/c2Db3mbGl2HC64MP3V9l1xBWcW0GHEvbL4CT2tLimgCx++EXwO+sjTkIPMnbjZmAILQMgXS1TgmO5RWnQGFZKuD8UIbKeNY6DRNDPq3lDV1nCgJP8u79s5rOSHeIji39XBNUYMRG+uehq3XayJSQY5mCaH7iUHUITxw/CYmxkJyqz2FpPkFI8XtjtzmCYfJeEV7hkmEGAmVdWJYm28fMxDK0NY3JEh1KH8diKKgZAuhqmdomfQy10qZTMiCoJnf5MJOcwQQEJjb3i1yZXyMDC4JDwSznWjKUNmbKLs/PrYCnbjRohUCI7u5cGYxJrw8eNY2FK4TAPCYglE6hQ/fKhzU3J52nBUFcDJVR7c4OrI2qaMh/p3kvrQFMQJTUZsikbiR2hR7jcALMjC9p7TVwHdUnLa/NJR9NhwcTEA0PzkF61la/4KkfNeSYbgL+gTUt2XDauVWe25rHTJdTDsIPlwkIzOY5V48GDhbrO9b5SJmyTLvvDOtu3YPtiQmIi8UpQmssGnaMnvrPEeGAPQWCkFr1hX7T92ICQm1zRhKmES+UasBexVNnHjoTEOiIMoHh31iHCPYdWHKlxiIscD1mINSaHZYw1CD0dM5CT+ecEUEFHcsMBN5B2eyIdzWrDDUIeps2vZSYgsCbqrXOZpQRDEKoVlyv89JxzEGwhGEVBKY5QnkKZpVhJYSIgjCjDKshRBxEODDsgGAJCCMw7IJgGQg9MOyEYCmIUDDwfxPlY3+9D2rCKZVqcyJSPkNtLlg1kc6xGoLlihCdDQXDDgi2gQgWJnZBsBWEEoadEGwHgRvAZxn4o8/kkC/iP/SGyl2WJ0tWWZ71OhyEnygHwUHIg4srgiuCK0K14PDQEEODv7gCIL64wl9lAhgkla6+IgLwknWntpPWowA3/r/uuKtfcKOvHw8VoBgAahz9JzZj6CQA7NlJJ8lgr6tk4+/JtpHrCwII0XbzK9H/AA3nZQ9WdEU6AAAAAElFTkSuQmCC');
    background-size: 35px;
    background-repeat: no-repeat !important;
}

.community-page-post-yeah-button {
    cursor: pointer;
    position: absolute;
    height: 32px;
    width: 36px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.community-page-post-yeah-count {
    color: #673DB6;
    margin-top: -40px;
    font-weight: bold;
    font-size: small;
    position: absolute;
    text-align: right;
    height: 33px;
    right: 65px
}

.community-page-post-user-info-wrapper {
    background-color: rgba(255,255,255,1);
    margin-bottom: 15px;
    margin-left: 80px;
    min-width: 520px;
}

.community-page-post-user-icon {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    margin-right: 5px;
    float: left;
    background-color: rgba(113,141,148,1);
}

.community-page-verified-user-badge {
    position: absolute;
    min-width: 1px;
    height: 1px;
    margin-left: 40px;
    margin-top: -6px;
    padding: 6px 5px 4px 5px;
    border: 3px solid #673DB6;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAABHNCSVQICAgIfAhkiAAAAI5JREFUKFOV0lERgzAQRdH7FBQpSKgTpgrQgIPioE7AAg4qAQfLLE0YyBBC+cgH2TObt4n44zOzCmiBXnddQANQA90tmKAJeBbhKZJmhY1GUp8eO4e8zuE7BP5IekV8hSL0sCPwAFZcQiv0xcwOOEzO//0GIc1pjG04Cfa6LNo67nLFzt9cp1hbvI7cA1kA5mlGowbMjrkAAAAASUVORK5CYII=');
    background-color: #673DB6;
    background-position: 1.5px 3px;
    background-size: 79%;
    background-repeat: no-repeat !important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    -webkit-border-radius: 20px;
}

.community-page-post-username {
    padding-top: 2px;
    font-size: small;
    margin-bottom: 0;
}

.community-page-post-text-overlay {
    position: relative;
    z-index: 5;
    width: 280px;
    margin-top: -10px;
}

.no-posts-text {font-size: small;color: rgba(113,141,148,1);padding-bottom: 0;text-align: center;vertical-align: middle;line-height: 123px;}

h3 {
    padding-left: 20px;
}

iframe {
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    background-color: black;
    margin-left: 15px;
}

#load-more-posts-button {
    position: absolute;
    height: 25px;
    width: 175px;
    background: #673DB6;
    color: white;
    font-size: small;
    border-width: 0;
    border-radius: 15px;
    bottom: -30px;
    left: 70px;
}

.community-page-new-post-button {
    position: absolute;
    margin-left: 100px;
    margin-top: -41px;
    height: 31px;
    width: 120px;
    background: #1F8A42;
    color: white;
    border-width: 0;
    border-radius: 0 0 4px 4px;
}

.post-user-info-wrapper {
    margin-left: 15px

}

.community-page-post-wrapper > h3 {
    font-size: small;
    font-weight: normal;
    margin-top: -5px;
}

.community-page-post-text-overlay > h3 {
    font-size: small;
    font-weight: normal;
}

.notifications-list-content {
    font-size: x-small;
}

.unread-badge {
    position: absolute;
    min-width: 2px;
    height: 2px;
    margin-top: -5px;
    margin-left: 10px;
    border: 3px solid #673DB6;
    background-color: #673DB6;
    -webkit-border-radius: 20px;
}

.outlined-button {
    height: 20px;
    width: 70px;
    font-size: small;
    color: #673DB6;
    background-color: white;
    border-radius: 3px;
    border-color: #673DB6;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
}

.outlined-button > p {
    position: absolute;
    margin-top: -8px;
    margin-left: 0;
}

/*Post Overlay*/
.overlay {
    display: none;
    overflow: hidden;
    margin-top: 13px;
    margin-bottom: 0;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.post-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    background-color: rgba(255,255,255,1);
    border: 1.5px solid #d6d2d2;
    border-radius: 10px;
    margin-bottom: 0;
    margin-top: -7px;
}

.post-close-button-wrapper {
    padding-bottom: 0;
    background-repeat: no-repeat !important;
}

.post-close-button {
    margin-left: 34px;
    height: 15px;
    width: 56px;
    text-align: center;
    margin-top: -15px;
    position: absolute;
    cursor: pointer;
    font-size: small;
    color: #673DB6;
    background-color: white;
    border-radius: 5px;
    border-color: #673DB6;
    border-style: solid;
    border-width: initial;
}

/* New Post Container */
.checkbox-container {
    display: block;
    position: relative;
    padding-top: 3px;
    padding-left: 60px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: xx-large;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 5px;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #4F279B;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 6px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
}

.checkbox-post {
    margin-top: 4px;
    margin-left: 117px;
    padding-left: 25px;
    font-size: small;
    position: absolute;
}

textarea {
    background-color: #eee;
    border-style: none;
    border-radius: 5px;
    width: 900px;
    height: 100px;
    margin-bottom: 50px;
    resize: none;
    font-size: x-large;
}

.submit-button {
    height: 19px;
    width: 56px;
    font-size: small;
    color: #673DB6;
    background-color: white;
    border-radius: 5px;
    border-color: #673DB6;
    border-style: solid;
    border-width: initial;
    margin-top: -15px;
    margin-left: -24px;
    position: absolute;
    cursor: pointer;
}

.post-type-button-text {
    background-color: #eee;
    color: black;
    font-size: 100px;
    margin-left: 34px;
    text-align: center;
    width: 50px;
    height: 48px;
    border-top-left-radius: 5px;
    margin-bottom: -5px;
    -webkit-user-select: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSJVB1sQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi5uak6CIl/i8ptIjx4Lgf7+497t4BQqPCVLNrAlA1y0jFY2I2tyoGXiEgDD/6EZaYqSfSixl4jq97+Ph6F+VZ3uf+HH1K3mSATySeY7phEW8Qz2xaOud94hArSQrxOfG4QRckfuS67PIb56LDAs8MGZnUPHGIWCx2sNzBrGSoxNPEEUXVKF/Iuqxw3uKsVmqsdU/+wmBeW0lzneYI4lhCAkmIkFFDGRVYiNKqkWIiRfsxD/+w40+SSyZXGYwcC6hCheT4wf/gd7dmYWrSTQrGgO4X2/4YBQK7QLNu29/Htt08AfzPwJXW9lcbwOwn6fW2FjkCBraBi+u2Ju8BlzvA0JMuGZIj+WkKhQLwfkbflAMGb4HeNbe31j5OH4AMdbV8AxwcAmNFyl73eHdPZ2//nmn19wMlNnKIx2t1DgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+UCFQMRIYqsWUsAAANZSURBVHja7d27a1NRAMfxb2NaNxUq1T7whQ4uiuLkICi6iYJSQdDVWvs/OHd3sUInVy0qtFgf+B8UH4OD1CqtUkUUa4c2GuuQOxREzEnuTe7j+4GDVXLTy/n9crg5uRiQJEmSJEmSlH8dCT9/F9ADDADbor/r/yrAJ2Ah+vNnlk6+FxgCpoAVYM3R1FiJ5nII2J7m4LuBUUNPdFSAsWg1TZVrwJIBtWx8B66mIfgycMNA2jbGgM52hd8FPDKEto+H7SrBTSc/NWO81eGPOOmpGw1dEzSyD7AVmAU2+XY9VX4Ae4HPIQdtaOAXjQLHnO/U2RhdC0wnuQL0Au/c0UutVWBntHtY99u4EGcaCP85cAeYy9qWZht1AbuAQeBg4CpwFriV1IlNBe5aXWnB5w151gEMR3NZ77xPJnUynYHbvEPmF5thwj47KCdxEjsCTmLGV37sK8GLgPkfqPeJS4EXgPW6G52I4rEWzWm9+pIoQMhHkXNmFrvZJF6sIQUIufr3aj9+lSSyKjmvxWYBLIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyALIAsgCyA/rI54LFLFiB/Qr5D+KMFyJctwEULUExlYBzorvPxi8BXC5AP+4Fp4FzAMQ8I+Nrecsqafho4CfQUPPhOYA9woIFj74dOehrspvblyId80TdlHniatQLsA54B/ebXtOvAapb2AQw/Pq+A26EHlQw/F5aBS0A1KwUw/Pj8Bi4DLxs5uGT4mfYLGAHuNfPWy/Cz6RtwAXjSzJOUDD+TJoAjzYbfygIYfvOqwGPgKHAeeBvHk5YNP5Uq1Pb0F4D31LaDJ4Evcf+icorDXwROAK/tQ3JKhm8BDF91GaT2MWM9oxrw2PVjISqPMr4ClBp85Z8C3hhLPq4BXPYtgOFbAMO3AIZvAQzfAhi+BTD81Gnl/QAfgOO+zy/mCuAmT4EL4LJf4AIYfo4KsGz4xdZL7RZkP9UrsAnDL7Y+aveo/Sv8ecPPv/5oJVh/00c1+jdv/MyYjiZXg8PRzzME/LckkiRJkiRJkqRW+gMZ7X1Vhp5apwAAAABJRU5ErkJggg==');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-type-button-painting {
    background-color: #eee;
    color: black;
    font-size: 100px;
    text-align: center;
    margin-left: 34px;
    height: 48px;
    width: 50px;
    border-bottom-left-radius: 5px;
    -webkit-user-select: none;
    background-image: url('data:image/png;base64,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');
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-type-button-text.selected {
    background-color: #673DB6;
    color: white;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSJVB1sQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi5uak6CIl/i8ptIjx4Lgf7+497t4BQqPCVLNrAlA1y0jFY2I2tyoGXiEgDD/6EZaYqSfSixl4jq97+Ph6F+VZ3uf+HH1K3mSATySeY7phEW8Qz2xaOud94hArSQrxOfG4QRckfuS67PIb56LDAs8MGZnUPHGIWCx2sNzBrGSoxNPEEUXVKF/Iuqxw3uKsVmqsdU/+wmBeW0lzneYI4lhCAkmIkFFDGRVYiNKqkWIiRfsxD/+w40+SSyZXGYwcC6hCheT4wf/gd7dmYWrSTQrGgO4X2/4YBQK7QLNu29/Htt08AfzPwJXW9lcbwOwn6fW2FjkCBraBi+u2Ju8BlzvA0JMuGZIj+WkKhQLwfkbflAMGb4HeNbe31j5OH4AMdbV8AxwcAmNFyl73eHdPZ2//nmn19wMlNnKIx2t1DgAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAAd0SU1FB+UCFQMROgDJkKcAAAOsSURBVHja7d27i1xlGIDx5x0mmyoqRGI2Cd7QwkZRrOwMhjQxghJB0MZCjUlhI2KztZ1gJYFgYWsWVxIhxMt/ELwUFhJjyBp2RRRiiuzGzWuxUynofOeye86Z59cF5swcvvc5Z2e+DAxIkiRJkiRJGr5o88kzcw7YAxwA7gHmXPKprAOrwDKwGhG3ehNAZs4DR4HngIPATudZyxrwFbAELEXESicDyMzdwNvAWw69NbeAj4CFiFjtTACZ+SbwHrDLGW2J68A7EfHhtgaQmWPgfeCkM9kWp4CTdd4jRI3hzwFngUPOYVudB56tGsGoxgt/4PA74TBQ+U/BqOLVfwJ43bXvjFcz840t+ROQmXcDl4A7XPdO+RN4KCJ+bfsOsODwO2kX8G6rd4DJJs/PuKPXVWvAfSV7BOPCFzhaYfjfAJ8AlycbGfp/c8D9wDHgsYLjdrK5A3uqlbPKzM9zeuuZ+VpmhvOsvN6Rmccnazmtc22dzI7MvFlwIn5KaG7tjxes+83JBl3jJ3FvwUlc9Mpv/E7wbcH6H2jjU8B8wWPPREQ6umZM1vJMwSH72ghgb8FjLzu2xl1q42ItCaDk3b/v9pu33sasRq7rbDMAA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByABkADIAGYAMQAYgA5AByAD0L3cWPPa6AQxPyW8IXzOAAcnMu4CXDGA2hz8GTgO7pzxkBfjdAIYx/EeA88DzBYd9VvKzveOOlX4EeAbYM+Oz3wE8CDxa4dilkgePOzL8B9j8ceTHve5ruQp82asAMvNh4Gtgv/OrbSEi1nqzD+DwG/U98HHpQSOHPwg3gJcjYqMXATj8Rt0GXomI76ocPHL4vfYXcCIiPq36BGOH31t/AC9GxBd1nmTk8HtpEXiy7vC3LACH34gN4ALwVES8EBE/NfGkY4ffSets7ukvA1fY3A4+FxG/Nf1C4w4PfwU4GBE/2EN7Rg7fANrg8IcmM4/l9DaymuXJnUM9vwOMKl75hyLiR8cygPcA3vYNwOEbgMM3AIdvAA7fABy+ATj8LtrK7wP8Ajzt5/zZvAO4yTPDAXjbn+EAHP6AArjh8GdYZs5n5m3/V2+2I1h0+LMdwL7MvPIfw7/q8Icfwf7JnWDjH18AWcxMv/jZM1HnbgA8MfnnxYi45nJKkiRJkiRJUhf9DSNBEBI1q2RhAAAAAElFTkSuQmCC');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-type-button-painting.selected {
    background-color: #673DB6;
    color: white;
    background-image: url('data:image/png;base64,[encoded data, 4204 characters]');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat !important;
}

.post-textarea {
    margin-bottom: 0;
    height: 75px;
    width: 170px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -154px;
    margin-top: -47.5px;
    padding: 10px;
    position: absolute;
    font-size: small;
}

.post-memo {
    background-color: #eee;
    margin-bottom: 0;
    height: 96px;
    width: 190px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: -48px;
    margin-left: -154px;
    text-align: center;
    position: absolute;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.post-memo-preview {
    margin-top: 9px;
}

.post-user-icon {
    margin: -15px 0 10px 50px;
    width: 120px;
    border-radius: 10px;
    float: left;
    background-color: rgba(113,141,148,1);
}

.post-emotions-wrapper {
    margin-top: -15px;
    margin-left: 34px;
    margin-right: 0;
    background-color: #eee;
    width: 190px;
    padding: 5px;
    border-radius: 5px;
}

.post-emotions-arrow-left {
    position: absolute;
    margin-top: -90px;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 36px solid #eee;
}

.post-emotion-radio label > input[type='radio'] {
    visibility: hidden;
    position: absolute;
}

.post-emotion-radio label > input[type='radio'] ~ span {
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
/**
    Emotion icons created by NinStar#8700 on Discord
    https://ninstars.blogspot.com/
 */
.post-emotion-0 {
    background-image: url('data:image/png;base64,[encoded data, 4668 characters]');
}

.post-emotion-1 {
    background-image: url('data:image/png;base64,[encoded data, 5468 characters]');
}

.post-emotion-2 {
    background-image: url('data:image/png;base64,[encoded data, 5548 characters]');
}

.post-emotion-3 {
    background-image: url('data:image/png;base64,[encoded data, 5776 characters]');
}

.post-emotion-4{
    background-image: url('data:image/png;base64,[encoded data, 5476 characters]');
}

.post-emotion-5 {
    background-image: url('data:image/png;base64,[encoded data, 5168 characters]');
}

.selected-post-emotion-0{
    background-image: url('data:image/png;base64,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');
}

.selected-post-emotion-1{
    background-image: url('data:image/png;base64,[encoded data, 4600 characters]');
}

.selected-post-emotion-2{
    background-image: url('data:image/png;base64,[encoded data, 4680 characters]');
}

.selected-post-emotion-3{
    background-image: url('data:image/png;base64,[encoded data, 4820 characters]');
}

.selected-post-emotion-4{
    background-image: url('data:image/png;base64,[encoded data, 4656 characters]');
}

.selected-post-emotion-5{
    background-image: url('data:image/png;base64,[encoded data, 4280 characters]');
}

.post-screenshot-picker {
    position: absolute;
    margin-top: -25px;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background-color: #eee;
    text-align: center;
}

.post-screenshot-picker-icon {
    background-image: url('data:image/png;base64,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');
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat !important;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.post-screenshot-picker-dropdown {
    display: none;
    position: absolute;
    margin-top: 3px;
    margin-left: -204px;
    width: 237px;
    height: 165px;
    border: 1.5px solid #c4bfbf;
    border-radius: 3px;
    background-color: #eee;
    z-index: 10;
}

.post-screenshot-preview {
    width: 100px;
    height: 60px;
    border-radius: 5px;
    padding-top: 5px;
}

.spoiler-overlay > button {
    height: 30px;
    margin: auto;
    margin-left: 87px;
    background: #673DB6;
    color: white;
    border-width: 0;
    border-radius: 5px;
}

.posts-wrapper {
}

.reply-banner {
    height: 30px;
}

.reply-banner > h2 {
    color: #673DB6;
    position: absolute;
    margin-top: 7px;
    margin-left: 50px;
    font-size: small;
}

.reply-banner > div {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAABHNCSVQICAgIfAhkiAAAAZRJREFUSEvtlbFSwkAQhncRLBgLfAJ9A7FjnGSETkkBbyAWAp2WlvgG2hEcR3wCaQJlMkPGlrS8gwWVzjCS9S6RxAFMDnN0XHXF3v/d7b+3i3XFaAHCNRK+6Hb5Bja0sKH2iWsT0KQz1PY3xIEAxAH6sIxbkGgGtqkTzdRSXOLUNQuDQ0q7Fd3WHqJukQjEIW7GHSFgjoicaTpb6lqlySpgItDViZFP7eBoLhwFSwTigKZq1AjwOQ6GDcVwAPGIB7ozOn5805x1HReBYV3td1nfufD6HdFdx9Za64JEXsZBVQZ6nYuzLl5q2+eWbJjXRBuq0QPASihOXbbvuYArKyiyjInOmNZtEEM0nmayBQ9UK5q53a8PBxEP/vOS+DP0HowFDzb7vJ/7FX9YPILYxFuaP/xvYAqqiJAnwpy4nB/JNNNMlFfxXuA7uE9SB92PBSazIB9C6LI91Hhly1lREE6QAoqDSAGJQKSAfrcwX9D3ZNGQRKlrKoMiIZmLxq9yPRGIC9aVvsW+wulfLwkvIafoYlW+AbVv6Bm3qPJUAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 20px;
    margin-top: 4px;
    width: 20px;
    height: 20px;
    position: absolute;
}

.replies-line {
    border-left: 5px solid #6e7894;
    margin: -11px 0 0 50px;
    height: 17px;
    position: absolute;
    z-index: 5;
}

.replies-line:last-of-type {
    display: none;
}