/* Forumotion CSS_v30*/
.select:after, #notif-menu .delete:after, #breadcrumbs a + a:before, .posts-icon.folder_global:after, .posts-icon.folder_announce:after, .posts-icon.folder_sticky:after, .posts-icon.folder_locked:after, .posts-icon.folder_hot:after, .posts-icon.folder_birthday:after, .spoiler_title:after, .pagination .pag-img:after, .quick-reply-send {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    }
.block .block-dl-default:after, .navbar:after, .linklist:after, .notification-row:after, .ajax-profil_parent:after, .block-post .block-footer:after, .block-comment .block-footer:after, .quick-nav:after, .action-bar:after, .calendar-row:after, .friend-block-big:after {
    clear: both;
    content: "";
    display: block;
    }
* {
    transition: all 0.16s ease;
    }
*,*:before,*:after {
    border: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
html, body {
    background-color: #F0F0F0;
    color: #263238;
    height: 100%;
    }
html {
    overflow-x: hidden;
    overflow-y: scroll;
    }
body {
    direction: ltr;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 10px;
    }
a {
    color: #263238;
    text-decoration: none;
    }
a:hover {
    color: #1E88E5;
    }
a:visited {
    color: #263238;
    }
a:active {
    color: #1E88E5;
    }
.material-icons {
    cursor: inherit;
    user-select: none;
    vertical-align: middle;
    }
button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    font-family: Open Sans, Arial, sans-serif;
    }
input {
    font-family: Open Sans, Arial, sans-serif;
    }
textarea {
    font-family: Open Sans, Arial, sans-serif;
    transition: none;
    }
h1, h2, h3, h4, h5, h6 {
    font-family: Open Sans, Arial, sans-serif;
    }
code, pre {
    font-family: Courier, Courier New, monospace;
    }
ul, ol {
    margin-left: 22px;
    }
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    outline: none;
    padding: 0 5px;
    }
select:hover {
    outline: none;
    }
.select {
    position: relative;
    max-width: 300px;
    width: 100%;
    }
.select:after {
    font-family: "Material Icons";
    content: "arrow_drop_down";
    font-size: 18px;
    line-height: 36px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    }
label {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    }
label:hover .checkbox,label:hover .input-subtle,label:hover .radio {
    border-color: #1E88E5;
    }
label > span,.label > span {
    display: inline-block;
    font-weight: 600;
    }
.label-helper {
    margin-top: -7px;
    }
span + input {
    margin-top: -6px;
    }
.text-center {
    text-align: center;
    }
.invisible {
    display: none !important;
    }
.label-description {
    color: #9C9C9C;
    clear: both;
    display: block;
    font-weight: 400;
    }
.description {
    clear: both;
    display: block;
    font-weight: 400;
    opacity: 0.6;
    }
.center {
    text-align: center;
    }

/* Inputs */
.checkbox {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 17px;
    line-height: 15px;
    margin-right: 11px;
    position: relative;
    text-align: center;
    width: 17px;
    vertical-align: -4px;
    }
.checkbox input {
    cursor: pointer;
    display: block;
    height: 15px;
    opacity: 0;
    width: 15px;
    }
.checkbox + span {
    display: block;
    font-weight: 400;
    }
.checkbox.has-error {
    border-color: #CD5C5C;
    border-width: 2px;
    }
.checkbox.has-error:after {
    height: 13px;
    line-height: 13px;
    width: 13px;
    }
.checkbox.has-success {
    border-color: #5CCD5C;
    }
.checkbox.has-error .help-block, .checkbox.has-success .help-block {
    display: none;
    }
.checkbox.has-error:after, .checkbox.has-success:after {
    display: none;
    }
input:checked + .checkbox-check:after {
    opacity: 1;
    }
input {
    outline: none;
    }
input:hover {
    outline: none;
    }
.checkbox-check:after {
    color: #222222;
    bottom: 0;
    height: 15px;
    left: 0;
    line-height: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 15px;
    content: "\e876";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: all 0.16s ease;
    }
.radio-wrap {
    margin-bottom: 12px;
    }
.radio-wrap label:not(.radio-label) {
    float: left;
    margin-right: 16px;
    margin-bottom: 8px;
    }
.radio-wrap:after {
    clear: both;
    content: "";
    display: block;
    }
.radio-wrap-horizontal label:not(.radio-label) {
    clear: both;
    }
.radio {
    border-color: rgba(0, 0, 0, 0.25);
    border-width: 1px;
    border-style: solid;
    border-radius: 17px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 17px;
    line-height: 15px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    width: 17px;
    vertical-align: -4px;
    }
.radio input {
    cursor: pointer;
    display: block;
    height: 15px;
    opacity: 0;
    width: 15px;
    }
.radio + span {
    font-weight: 400;
    }
.radio + span img {
    vertical-align: -4px;
    }
.radio:hover {
    border-color: #1E88E5;
    }
.radio-label {
    cursor: default;
    margin-bottom: 8px;
    }
.radio-label + .description {
    margin-bottom: 8px;
    margin-top: -4px;
    }
input:checked + .radio-check:after {
    opacity: 1;
    }
.radio-check:after {
    background-color: rgba(0, 0, 0, 0.25);
    content: "";
    bottom: 0;
    border-radius: 11px;
    height: 11px;
    left: 2px;
    line-height: 11px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 11px;
    transition: all 0.16s ease;
    }
.input {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.22);
    border-style: solid;
    border-width: 0 0 1px;
    display: block;
    height: 36px;
    padding: 0;
    width: auto;
    }
.input-big {
    height: 48px;
    }
.input-subtle,.inputbox,.gensmall,select {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0 !important;
    display: block;
    width: 100%;
    clear: both;
    background-color: transparent;
    margin-bottom: 11px;
    max-width: 300px;
    font-size: 13px;
    }
.input-subtle:hover, .input-subtle:focus,.inputbox:hover,.inputbox:focus,.gensmall:hover,.gensmall:focus,select:hover,select:focus {
    border-color: #1E88E5;
    }
input.input-subtle,input.inputbox,select.input-subtle,select.inputbox,select {
    line-height: 36px;
    height: 36px;
    }
textarea.input-subtle {
    line-height: 22px;
    min-height: 88px;
    }
select.gensmall,#profile_field_4_-12_0 {
    line-height: 36px;
    height: 36px;
    clear: none;
    display: inline-block;
    margin: 5px 8px;
    }
.input-wrap {
    position: relative;
    margin: 0 0 6px;
    }
.input-wrap input {
    width: 100%;
    }
.input-wrap button {
    background-color: transparent;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 36px;
    }
.input-wrap button i {
    font-size: 21px;
    }
.input-wrap button:hover {
    background-color: rgba(0, 0, 0, 0.06);
    }
input,textarea,select,button {
    font-family: inherit;
    }

/* Inputs */

/* Clear */
.clear:after,header:after,.forum-header:after,.forum-section:after,.posts-header:after,.posts-section:after,#block-statistics:after,footer:after,#wrap:after,#breadcrumbs:after,.chat-body:after,.chat-row:after,.chat-editor-inner:after,.topic-header:after,.page-header:after,.post-header:after,.block-content:after,.block-subtle:after {
    clear: both;
    content: "";
    display: block;
    }

/* Likes and Dislikes--------------------------------------------------*/
.fa_like_div {
     float: left;
     }
.content + .fa_like_div,.content > .fa_like_div {
     margin-top: 11px;
     float: none;
     width: 100%;
     }
.fa_disliked .rep-cat {
     background-color: #F44336;
     }
.fa_liked .rep-cat {
     background-color: #4CAF50;
     }
.rep-nb {
     padding: 0 0 0 6px;
     }
.rep-button, .rep-button:active, .rep-button:focus {
    border: none;
    cursor: pointer;
    display: inline-block;
    margin: 6px 11px 0 0;
    outline: none;
    position: relative;
    background-color: #263238;
    color: #FFF;
    padding: 6px 11px;
    border-radius: 3px;
    overflow: hidden;
    }
.rep-button:hover {
    filter: brightness(90%);
    -ms-filter: brightness(90%);
    -webkit-filter: brightness(90%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    }
.rep-cat {
    height: 30px;
    display: block;
    margin: -6px 10px -6px -11px;
    float: left;
    line-height: 30px;
    padding: 0 11px;
    background-color: #1E88E5;
    }
.rep-cat i {
     font-size: 14px;
     }
.fa_like_others {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    outline: none;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    color: #263238;
    }
.fa_like_others:hover, .fa_like_others:focus {
    color: #1E88E5;
    }
.fa_like_others .fa_like_tooltip {
    background-color: rgba(0,0,0,0.9);
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
    color: #FFF;
    display: none;
    font-size: 11px;
    font-style: normal;
    left: 50%;
    line-height: 1.5;
    padding: 6px 15px;
    position: absolute;
    bottom: 125%;
    min-width: 80px;
    text-align: left;
    transform: translateX(-50%);
    white-space: nowrap;
    visibility: hidden;
    font-family: Open Sans, Arial, sans-serif;
    }
.fa_like_others:focus .fa_like_tooltip {
    display: block;
    visibility: visible;
    }
.fa_like_others a {
    color: #fff;
    }
.fa_like_list,.fa_dislike_list {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 7px;
    border-left: 3px solid rgba(0, 0, 0, 0.25);
    margin-top: 6px;
    }
#like_popup {
    box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.11),0 3px 6px -2px rgba(0, 0, 0, 0.22),0 1px 5px 0 rgba(0, 0, 0, 0.11);
    display: none;
    font-size: 15px;
    left: 50%;
    line-height: 1.6;
    padding: 16px 16px 8px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: none;
    word-wrap: break-word;
    }
#login_popup{
    box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.11),0 3px 6px -2px rgba(0, 0, 0, 0.22),0 1px 5px 0 rgba(0, 0, 0, 0.11);
    display: none;
    font-size: 15px;
    line-height: 1.6;
    padding: 16px 16px 8px;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    transition: none;
    word-wrap: break-word;
    }
#like_popup .headline, #login_popup .headline {
    background-color: #263238;
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    margin: -16px -16px 21px;
    padding: 16px;
    }
#like_popup_close, #login_popup_close {
    background-color: #ebebeb;
    border-radius: 31px;
    float: right;
    height: 31px;
    line-height: 27px;
    text-align: center;
    width: 31px;
    }
#like_popup_close i, #login_popup_close i {
    font-size: 18px;
    }

/* Clear */

/* Header */
header {
    background-color: #263238;
    color: #ffffff;
    line-height: 64px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    z-index: 10000;
    }
header button,header .button {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: right;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 14px;
    height: 34px;
    letter-spacing: 0.2px;
    line-height: 34px;
    margin: 15px 22px 15px 0;
    padding: 0 17px;
    width: auto;
    }
@media (min-width: 961px) {
    header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    }
}
#main-menu-btn {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    height: 64px;
    line-height: 64px;
    margin: 0;
    padding: 0 22px;
    position: relative;
    text-align: center;
    }
#main-menu-btn:hover {
    background-color: rgba(0, 0, 0, 0.22);
    }
@media (max-width: 960px) {
    #main-menu-btn {
    border: none;

/* margin-right: -16px;
     */
}
}
#logo-link {
    color: #FFFFFF;
    display: block;
    float: left;
    padding-right: 22px;
    }
@media (max-width: 660px) {
    #logo-link {
    padding-right: 0;
    }
}
#logo {
    color: #FFFFFF;
    float: left;
    height: 64px;
    line-height: 64px;
    text-align: center;

/* Icon logo */
}
#logo i {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 34px;
    display: inline-block;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    margin: 15px;
    text-align: center;
    width: 34px;
    }
#logo img {
    max-height: 100%;
    width: auto;
    }
#logo-text {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.2px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0 11px;
    }
#logo-text h1 {
    font-size: inherit;
    font-weight: inherit;
    }
@media (max-width: 660px) {
    #logo-text {
    display: none;
    }
}
#search-main {
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    display: block;
    float: right;
    height: 34px;
    margin: 15px 22px;
    }
#search-main input {
    background-color: transparent;
    color: #FFFFFF;
    direction: ltr;
    display: block;
    font-size: 14px;
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 300;
    height: 34px;
    padding-right: 34px;
    width: 250px;
    }
#search-main input::placeholder {
    opacity: 1;
    }
#search-main button {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    float: right;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    margin: -34px 0 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 34px;
    }
#search-main button:hover {
    color: rgba(255, 255, 255, 0.5);
    }
#search-main i {
    font-size: inherit;
    }
@media (max-width: 660px) {
    #search-main {
    border: none;
    }
#search-main input {
    float: left;
    margin-right: -34px;
    position: relative;
    transition: none;
    width: 34px;
    z-index: 1;
    }
#search-main input:focus {
    background-color: #3A464C;
    font-size: 21px;
    height: 112px;
    left: 0;
    right: 0;
    padding: 0 22px;
    position: absolute;
    top: 0;
    width: 100%;
    }
#search-main button {
    float: none;
    font-size: 24px;
    margin: 0;
    }
}
#header-user,#header-notif {
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 14px;
    height: 64px;
    padding: 0 22px;
    position: relative;
    width: auto;
    }
#header-user img,#header-notif img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 0 1px rgba(0, 0, 0, 0.22);
    border-radius: 40px;
    display: block;
    float: left;
    height: 32px;
    margin: 16px 11px 16px 0;
    width: 32px;
    }
#header-user:hover,#header-notif:hover {
    background-color: rgba(0, 0, 0, 0.22);
    color: #ffffff;
    }
#header-navigation {
    float: left;
    font-size: 14px;
    list-style: none;
    margin-left: 0;
    }
#header-navigation li {
    float: left;
    }
#header-navigation a {
    color: rgba(255, 255, 255, 0.44);
    display: block;
    height: 64px;
    padding: 0 22px;
    }
#header-navigation a.active {
    border-bottom: 3px solid #F5F5F5;
    color: #ffffff;
    }
#header-navigation a:hover {
    background-color: rgba(0, 0, 0, 0.22);
    color: #ffffff;
    }
#header-navigation i + span {
    margin-left: 11px;
    padding-right: 4px;
    }
@media (max-width: 960px) {
    #header-navigation {
    clear: both;
    }
#header-navigation a {
    height: 48px;
    line-height: 48px;
    }
}

/* Header */

/* Main menu and main user menu */
#main-menu,#main-user-menu,#notif-menu {
    background-color: #1E272C;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.14), 3px 0 1px -2px rgba(0, 0, 0, 0.2), 1px 0 5px 0 rgba(0, 0, 0, 0.12);
    bottom: 0;
    font-size: 14px;
    overflow: auto;
    padding: 11px 22px;
    position: fixed;
    text-align: left;
    top: 0;
    z-index: 10000;
    }
#main-menu .divider,#main-user-menu .divider,#notif-menu .divider {
    background-color: rgba(255, 255, 255, 0.22);
    height: 1px;
    margin: 11px 0;
    width: 100%;
    }
#main-menu.hidden,#main-user-menu.hidden,#notif-menu.hidden {
    opacity: 0;
    pointer-events: none;
    }
#main-menu ul,#main-user-menu ul {
    display: block;
    list-style: none;
    margin: 0 -22px;
    min-width: 100%;
    }
#main-menu ul a,#main-user-menu ul a {
    color: #ffffff;
    display: block;
    min-width: 300px;
    padding: 16px 32px;
    }
#main-menu ul a:hover,#main-user-menu ul a:hover {
    background-color: rgba(0, 0, 0, 0.22);
    }
#main-menu ul i,#main-user-menu ul i {
    margin: -4px 16px -4px 0;
    vertical-align: -7px;
    }
#notif-menu ul {
    display: block;
    list-style: none;
    margin: 0 -22px;
    min-width: 100%;
    }
#notif-menu li:first-child {
    margin-top: 11px;
    }
#notif-menu .unread .content:before {
    background-color: #1E88E5;
    border-radius: 9px;
    content: "";
    display: block;
    height: 63px;
    left: 11px;
    position: absolute;
    top: 11px;
    width: 4px;
    }
#notif-menu .content {
    background-color: rgba(255, 255, 255, 0.11);
    color: #C7C7C7;
    border-radius: 3px;
    display: block;
    margin: 0 22px 6px;
    min-width: 300px;
    padding: 11px 32px;
    position: relative;
    }
#notif-menu a {
    color: #FFFFFF;
    font-weight: 600;
    }
#notif-menu hr {
    display: none;
    }
#notif-menu .contentText {
    padding-right: 31px;
    }
#notif-menu .contentText a:last-child {
    border-top: 1px solid #1E272C;
    display: block;
    margin-top: 11px;
    padding-top: 11px;
    }
#notif-menu .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    }
#notif-menu .delete {
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 22px;
    text-align: center;
    top: 11px;
    width: 20px;
    }
#notif-menu .delete:after {
    font-family: "Material Icons";
    content: "close";
    font-size: 16px;
    line-height: inherit;
    }
#notif-view-all a {
    display: block;
    font-weight: 400;
    margin-top: 22px;
    padding: 11px 22px;
    text-align: center;
    }
#main-menu {
    left: 0;
    }
#main-menu.hidden {
    transform: translate3d(-100%, 0, 0);
    }
#main-user-menu,#notif-menu {
    right: 0;
    }
#main-user-menu.hidden,#notif-menu.hidden {
    transform: translate3d(100%, 0, 0);
    }
.main-menu-headline {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.2px;
    overflow: hidden;
    padding: 22px 0 11px;
    text-align: center;
    text-overflow: ellipsis;
    max-width: 100%;
    }
.main-menu-headline .headline-small {
    font-size: 13px;
    }
.main-menu-headline span {
    display: block;
    }

/* Main menu */
#header-banner {
    background-color: #172329;
    background-image: url("https://2img.net/i/fa/awesomebb/header.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-bottom: 33px;
    position: relative;
    width: 100%;
    }
#header-banner h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    position: absolute;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    top: 50%;
    transform: translate3d(0, -50%, 0);
    z-index: 500;
    }
@media (min-width: 961px) {
    #header-banner {
    margin-top: 64px;
    }
}
#wrap,.wrap {
    margin: 0 auto;
    max-width: 1200px;
    max-width: 1200px;
    padding: 0 22px;
    }
@media (min-width: 961px) {
    #wrap,.wrap {
    min-width: 961px;
    }
}
@media (max-width: 950px) {
    #wrap,.wrap {
    max-width: 100%;
    padding: 0 11px;
    }
}
#wrap,#simple-wrap {
    font-size: 13px;
    position: relative;
    }
#portal-leftmiddle {
    margin-right: 250px;
    }
@media (max-width: 960px) {
    #portal-leftmiddle {
    margin-right: 0;
    }
}
#portal-leftmiddle-inner {
    float: left;
    width: 100%;
    }
#portal-left {
    float: left;
    padding-right: 22px;
    width: 250px;
    }
@media (max-width: 960px) {
    #portal-left {
    padding-right: 0;
    width: 100%;
    }
}
#portal-middle {
    margin-left: 250px;
    }
@media (max-width: 960px) {
    #portal-middle {
    margin-left: 0;
    }
}
#portal-middle-inner {
    float: right;
    width: 100%;
    }
#portal-right {
    float: right;
    padding-left: 22px;
    width: 250px;
    }
@media (max-width: 960px) {
    #portal-right {
    padding-left: 0;
    width: 100%;
    }
}
#breadcrumbs {
    background-color: #263238;
    color: #ffffff;
    border-radius: 3px;
    clear: both;
    float: left;
    font-size: 0;
    margin-bottom: 22px;
    white-space: nowrap;
    }
#breadcrumbs a {
    color: #ffffff;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    padding: 9px 16px;
    position: relative;
    }
#breadcrumbs a:last-child:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    box-shadow: 0 0 11px 16px #263238;
    width: 5px;
    transition: all .16s ease;
    }
#breadcrumbs a:hover {
    background-color: rgba(0, 0, 0, 0.44);
    }
#breadcrumbs a:hover:after {
    filter: brightness(50%);
    -ms-filter: brightness(50%);
    -webkit-filter: brightness(50%);
    }
#breadcrumbs a + a:before {
    font-family: "Material Icons";
    content: "chevron_right";
    font-size: 16px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    }
#breadcrumbs a:first-child {
    padding: 9px 16px !important;
    }
#breadcrumbs i {
    font-size: 21px;
    margin: -3px 0 -3px;
    vertical-align: -5px;
    }
#breadcrumbs i + span {
    margin-left: 8px;
    }
#breadcrumbs.mobile:not(.breadcrumbs-topic) a:not(:nth-last-child(2)) {
    display: none;
    }
#breadcrumbs.mobile:not(.breadcrumbs-topic) a:nth-last-child(2) {
    padding: 9px 16px 9px 32px;
    }
#breadcrumbs.mobile:not(.breadcrumbs-topic) a:nth-last-child(2):before {
    left: 16px;
    }
#breadcrumbs.breadcrumbs-topic.mobile a:not(:last-child) {
    display: none;
    }
#breadcrumbs.breadcrumbs-topic.mobile a:last-child {
    padding: 9px 16px 9px 32px;
    }
#breadcrumbs.breadcrumbs-topic.mobile a:last-child:before {
    left: 16px;
    }
#index {
    transition: none;
    margin-right: 322px;
    }
@media (max-width: 1200px) {
    #index {
    margin-right: 0;
    }
}
.main-inner {
    float: left;
    width: 100%;
    }
#sidebar,#sidebar-left {
    width: 300px;
    }
#sidebar {
    float: right;
    }
#sidebar .sticky {
    width: 300px;
    }
#sidebar-left {
    float: left;
    }
@media (max-width: 1200px) {
    #sidebar,#sidebar-left {
    width: 100%;
    }
}
@media (min-width: 1201px) {
    .sticky {
    position: fixed;
    top: 86px;
    width: auto;
    }
}
.cp {
    margin-left: 272px;
    }
@media (max-width: 960px) {
    .cp {
    margin-left: 0;
    }
}
.cp-inner {
    float: right;
    width: 100%;
    }
.cp-sidebar {
    float: left;
    width: 250px;
    }
@media (max-width: 960px) {
    .cp-sidebar {
    width: 100%;
    }
}
.cp-mobile-menu {
    margin-bottom: 22px;
    }

/* Forum and posts table */
.forum,.posts {
    margin-bottom: 22px;
    }
.forum-hidden .forum-section {
    display: none;
    }
.forum-header,.posts-header {
    background-color: #1E88E5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-radius: 3px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 16px 16px 16px 64px;
    position: relative;
    }
.forum-header .category-title,.forum-header .category-title h1,.forum-header .category-title h2,.forum-header .posts-title,.posts-header .category-title,.posts-header .posts-title {
    font-size: inherit;
    font-weight: inherit;
    }
.forum-header .category-title h1,.forum-header .category-title h2 {
    display: inline;
    }
.forum-header .category-title img {
    display: inline-block;
    max-width: 100%;
    max-height: 16px;
    vertical-align: -3px;
    }
.forum-header i,.posts-header i {
    font-size: 16px;
    vertical-align: -3px;
    }
.forum-header i + span,.posts-header i + span {
    margin-left: 8px;
    }
.category-title,.posts-title {
    box-sizing: content-box;
    float: left;
    margin-left: -48px;
    padding-right: 48px;
    width: 33.3333%;
    }
@media (max-width: 750px) {
    .category-title,.posts-title {
    width: 50%;
    }
}
@media (max-width: 660px) {
    .category-title,.posts-title {
    width: 75%;
    }
}
@media (max-width: 500px) {
    .category-title,.posts-title {
    width: 100%;
    }
}
.forum-hide {
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 9px;
    text-align: center;
    top: 9px;
    width: 32px;
    }
.forum-hide i {
    font-size: 24px;
    vertical-align: 0;
    line-height: inherit;
    margin: 0;
    }
.forum-hide:hover {
    background-color: rgba(0, 0, 0, 0.44);
    cursor: pointer;
    }
.forum-hide-icon-a {
    background-color: #FFFFFF;
    height: 2px;
    left: 50%;
    margin-top: -1px;
    margin-left: -6px;
    position: absolute;
    top: 50%;
    transform: skewY(-45deg) skewX(30deg);
    width: 6px;
    }
.forum-hide-icon-b {
    background-color: #FFFFFF;
    height: 2px;
    left: 50%;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transform: skewY(45deg) skewX(-30deg);
    width: 6px;
    }
.forum-show .forum-hide-icon-a {
    transform: skewY(45deg) skewX(-30deg);
    }
.forum-show .forum-hide-icon-b {
    transform: skewY(-45deg) skewX(30deg);
    }
.forum-section,.posts-section {
    background-color: #ffffff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    display: block;
    line-height: 22px;
    margin-top: 6px;
    padding: 19px 16px;
    }
.forum-section:hover .forum-icon,.forum-section:hover .posts-icon,.posts-section:hover .forum-icon,.posts-section:hover .posts-icon {
    background-color: #1E88E5;
    }
.forum-section .gensmall,.posts-section .gensmall {
    border: none;
    clear: none;
    display: inline;
    margin: 0;
    width: auto;
    }
.forum-section .checkbox,.posts-section .checkbox {
    float: none;
    margin-right: 4px;
    vertical-align: -3px;
    }
.forum-content,.posts-content {
    margin-left: 48px;
    position: relative;
    }
.cat_new .forum-icon,.forum_new .forum-icon {
    background-color: #CD5C5C;
    }
.posts-section .post_new {
    background-color: #CD5C5C;
    }
.posts-icon.folder_global i, .posts-icon.folder_announce i, .posts-icon.folder_sticky i, .posts-icon.folder_locked i, .posts-icon.folder_hot i, .posts-icon.folder_birthday i {
    display: none;
    }
.posts-icon.folder_global:after, .posts-icon.folder_announce:after, .posts-icon.folder_sticky:after, .posts-icon.folder_locked:after, .posts-icon.folder_hot:after, .posts-icon.folder_birthday:after {
    font-size: 16px;
    vertical-align: -4px;
    }
.posts-icon.folder_global:after {
    font-family: "Material Icons";
    content: "cloud";
    }
.posts-icon.folder_announce:after {
    font-family: "Material Icons";
    content: "announcement";
    }
.posts-icon.folder_sticky:after {
    font-family: "Material Icons";
    content: "grade";
    }
.posts-icon.folder_locked:after {
    font-family: "Material Icons";
    content: "lock";
    }
.posts-icon.folder_hot:after {
    font-family: "Material Icons";
    content: "whatshot";
    }
.posts-icon.folder_birthday:after {
    font-family: "Material Icons";
    content: "cake";
    }
.forum-icon,.posts-icon {
    background-color: #B2B2B2;
    color: #FFFFFF;
    border-radius: 16px;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 16px;
    margin-top: 6px;
    text-align: center;
    width: 32px;
    }
.forum-icon.unread,.posts-icon.unread {
    background-color: #1E88E5;
    }
.forum-icon i,.posts-icon i {
    font-size: 16px;
    vertical-align: -4px;
    }
@media (max-width: 750px) {
    .forum-icon,.posts-icon {
    margin-bottom: 11px;
    }
}
.forum-description,.posts-description {
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    width: 33.3333%;
    }
.forum-description h3,.posts-description h3 {
    color: #263238;
    float: left;
    font-size: 16px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    }
@media (min-width: 501px) {
    .forum-description h3,.posts-description h3 {
    padding: 0 !important;
    }
}
@media (max-width:500px) {
    .forum-description h3 a,.posts-description h3 a {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: content-box;
    }
}
.forum-description p,.posts-description p {
    color: #797979;
    clear: both;
    display: block;
    font-size: 14px;
    }
@media (max-width: 750px) {
    .forum-description,.posts-description {
    margin-bottom: 11px;
    width: 50%;
    }
}
@media (max-width: 660px) {
    .forum-description,.posts-description {
    width: 75%;
    }
}
@media (max-width: 500px) {
    .forum-description,.posts-description {
    width: 100%;
    }
}
.forum-statistics-header i,.forum-lastpost-header i,.posts-statistics-header i,.posts-lastpost-header i {
    color: rgba(255, 255, 255, 0.44);
    }
@media (max-width: 750px) {
    .forum-lastpost-header,.posts-lastpost-header {
    display: none;
    }
}
.forum-statistics,.forum-statistics-header,.posts-statistics,.posts-statistics-header {
    float: left;
    padding: 0 2.5%;
    width: 33.3333%;
    }
@media (max-width: 750px) {
    .forum-statistics,.forum-statistics-header,.posts-statistics,.posts-statistics-header {
    width: 50%;
    }
.forum-statistics,.posts-statistics {
    margin-bottom: 11px;
    padding: 0;
    }
}
@media (max-width: 660px) {
    .forum-statistics,.forum-statistics-header,.posts-statistics,.posts-statistics-header {
    width: 25%;
    }
}
@media (max-width: 500px) {
    .forum-statistics,.posts-statistics {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin-bottom: 0;
    padding: 0 11px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    }
}
.forum-statistics-topics,.forum-statistics-posts,.forum-statistics-header-topics,.forum-statistics-header-posts,.posts-statistics-replies,.posts-statistics-views,.posts-statistics-header-replies,.posts-statistics-header-views {
    float: left;
    text-align: center;
    width: 50%;
    }
.forum-statistics-topics,.forum-statistics-posts,.posts-statistics-replies,.posts-statistics-views {
    font-size: 16px;
    }
.forum-statistics-topics span,.forum-statistics-posts span,.posts-statistics-replies span,.posts-statistics-views span {
    color: #797979;
    clear: both;
    display: block;
    font-size: 13px;
    }
@media (max-width: 660px) {
    .forum-statistics-topics,.forum-statistics-header-topics,.posts-statistics-views,.posts-statistics-header-views {
    display: none;
    }
.forum-statistics-posts,.forum-statistics-header-posts,.posts-statistics-replies,.posts-statistics-header-replies {
    width: 100%;
    }
}
@media (max-width: 500px) {
    .forum-statistics-posts,.posts-statistics-replies {
    font-size: 13px;
    text-align: left;
    width: auto;
    }
.forum-statistics-posts span,.posts-statistics-replies span {
    color: #797979;
    clear: none;
    display: inline;
    }
.forum-statistics-header-posts,.posts-statistics-header-replies {
    display: none;
    }
}
.forum-lastpost,.forum-lastpost-header,.posts-lastpost,.posts-lastpost-header {
    float: left;
    width: 33.3333%;
    }
.forum-lastpost,.posts-lastpost {
    color: #263238;
    font-size: 14px;
    }
.forum-lastpost .avatar-default,.posts-lastpost .avatar-default {
    float: left;
    margin-top: 6px;
    }
.forum-lastpost .topic-title,.posts-lastpost .topic-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-left: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    }
.forum-lastpost .topic-title i,.posts-lastpost .topic-title i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 18px;
    vertical-align: -4px;
    }
.forum-lastpost i,.posts-lastpost i {
    margin-right: 6px;
    }
@media (max-width: 750px) {
    .forum-lastpost,.posts-lastpost {
    background-color: #F5F5F5;
    border-color: #EBEBEB;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    float: none;
    margin: 0 -16px -19px -64px;
    overflow: hidden;
    padding: 8px 16px;
    width: auto;
    }
.forum-lastpost .topic-title,.posts-lastpost .topic-title {
    font-size: 13px;
    }
}
.forum-lastpost-inner,.posts-lastpost-inner {
    margin-left: 48px;
    }
.forum-lastpost-inner > span,.posts-lastpost-inner > span {
    display: inline-block;
    }
@media (max-width: 750px) {
    .forum-lastpost-inner > span,.posts-lastpost-inner > span {
    clear: none;
    display: inline;
    }
}
.forum-lastpost-location i,.forum-lastpost-author i,.forum-lastpost-time i,.posts-lastpost-author i,.posts-lastpost-time i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 18px;
    vertical-align: -4px;
    }
.posts-lastpost-author,.posts-lastpost-time {
    display: inline-block;
    width: 100%;
    }
.forum-lastpost-location,.forum-lastpost-author,.forum-lastpost-time {
    display: inline-block;
    width: 100%;
    }
@media (max-width: 750px) {
    .forum-lastpost-location,.forum-lastpost-author {
    margin-right: 6px;
    }
.forum-lastpost-location,.forum-lastpost-author,.forum-lastpost-time {
    float: left;
    width: auto;
    }
}

/* Topic */
.topic h2 {
    color: #263238;
    font-size: 16px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.post-section {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    display: block;
    border-radius: 3px;
    line-height: 22px;
    margin: 16px 8px;
    padding: 16px;
    }
.post-head {
    margin-bottom: 8px;
    position: relative;
    }
.post-icon {
    background-color: #B2B2B2;
    color: #FFFFFF;
    border-radius: 16px;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 16px;
    margin-top: 6px;
    text-align: center;
    width: 32px;
    }
.post-icon i {
    font-size: 16px;
    }
.post-time {
    color: #797979;
    float: right;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    }
.post-details {
    color: #797979;
    font-size: 13px;
    }
.post-details .checkbox {
    margin-bottom: -4px;
    margin-right: 11px;
    vertical-align: 0;
    }
.post-content {
    font-size: 15px;
    line-height: 1.6;
    word-wrap: break-word;
    margin-bottom: 16px;
    }
.post-content ul, .post-content ol {
    margin-left: 22px;
    }
.post-content iframe,.post-content img {
    max-width: 100%;
    }
.spoiler_title {
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-weight: 600;
    padding: 6px 11px;
    position: relative;
    }
.spoiler_title:after {
    font-family: "Material Icons";
    content: "arrow_drop_down";
    font-size: 18px;
    line-height: 36px;
    pointer-events: none;
    position: absolute;
    right: 11px;
    top: 0;
    }
.spoiler_content {
    display: none;
    padding-left: 22px;
    border-left: 3px solid rgba(0, 0, 0, 0.22);
    margin-top: 6px;
    }
.spoiler_content.hidden {
    display: block;
    }
#cp-main .page-title {
    background-color: #1E88E5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 6px;
    padding: 16px;
    position: relative;
    }
#cp-main .panel {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 22px;
    padding: 12px 16px 8px;
    }
.block {
    margin-bottom: 22px;
    }
.block .block-header {
    background-color: #1E88E5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-radius: 3px;
    padding: 16px;
    position: relative;
    }
.block .block-header h2 {
    font-size: 13px;
    font-weight: 400;
    }
.block .block-header i {
    font-size: 16px;
    vertical-align: -3px;
    }
.block .block-header i + span {
    margin-left: 8px;
    }
.block .block-header + .block-content {
    margin-top: 6px;
    }
.block .block-header + .block-content > img:first-child {
    float: left;
    margin: 20px 32px 24px 16px;
    }
.block .block-header .EV_TagCategory {
    border-radius: 3px;
    display: block;
    float: right;
    padding: 3px 11px;
    }
.block .block-content {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 12px 16px 8px;
    }
.block .block-content img {
    max-width: 100%;
    }
.block .block-content.block-gallery {
    position: relative;
    height: 230px;
    }
.block .block-content > h2 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 22px;
    text-align: center;
    }
.block .block-content + .block-content {
    margin-top: 6px;
    }
.block .block-content .block-gallery-thumbnail {
    min-height: 150px;
    max-height:100%;
    }
.block .block-content.block-gallery img {
    display: block;
    max-width: 100%;
    min-height: 100px;
    margin: auto;
    }
.block .block-secondary-content {
    background-color: #F5F5F5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 6px;
    padding: 8px 16px;
    }
.block .sub-head {
    background-color: #F5F5F5;
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 1px 0;
    font-weight: 600;
    margin: 22px -16px;
    padding: 16px;
    }
.block .block-p-big {
    font-size: 21px;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 1.5;
    margin: 3px 0;
    }
.block .block-dl-default {
    margin: 11px 0;
    }
.block .block-dl-default dt {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    }
.block .block-dl-default dt i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 21px;
    margin-right: 8px;
    vertical-align: -4px;
    }
.block .block-dl-default dd {
    margin-bottom: 11px;
    }
.block .block-footer {
    padding: 11px 16px;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #EBEBEB;
    background-color: #F5F5F5;
    margin: 11px -16px -8px;
    }
.block > .block-gallery .block-footer {
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    margin: 0;
    }
.block.block-gallery .block-footer .block-gallery-info, .block.block-gallery .block-footer .block-gallery-description {
    display: block;
    padding: 10px;
    }
.block-subtle {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    font-size: 13px;
    margin-bottom: 22px;
    padding: 16px;
    }
.block-subtle > i {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 16px;
    }
.block-subtle .headline {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    }
.block-subtle .btn {
    display: block;
    float: left;
    margin: 0 22px 8px 0;
    white-space: nowrap;
    }
.block-big .block-content {
    padding: 16px 22px;
    }
.block-error {
    margin: 22px 0;
    }
.block-error .block-content {
    background-color: #CD5C5C;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    padding: 16px 22px !important;
    }
.block-error [color="red"] {
    color: inherit;
    }
.block-content-error {
    background-color: #CD5C5C;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 22px;
    padding: 11px 16px;
    }
.block-posting .input-subtle {
    max-width: 100%;
    }

/* Custom login box */
.block-modal .form-buttons {
    margin: 32px 0 11px;
    }
.block-login,.block-modal {
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    }
.block-login .block-content,.block-modal .block-content {
    padding: 32px 64px 21px;
    width: 100%;
    }
.block-login .btn,.block-modal .btn {
    clear: both;
    display: block;
    float: left;
    margin: 0 0 11px;
    }
.block-login .btn-login,.block-modal .btn-login {
    width: 100%;
    }
.block-login .input,.block-modal .input {
    margin: 0 0 11px;
    width: 100%;
    }
.block-login .label,.block-modal .label {
    margin: 22px 0;
    }
.block-login .sub-head,.block-modal .sub-head {
    margin: 32px -64px;
    padding: 16px 64px;
    }
.block-login h2,.block-modal h2 {
    margin: 0 0 22px !important;
    text-align: center;
    width: 100%;
    }
@media (max-width: 500px) {
    .block-login .block-content,.block-modal .block-content {
    padding: 32px 32px 21px;
    }
.block-login .sub-head,.block-modal .sub-head {
    margin: 32px -32px;
    padding: 16px 32px;
    }
}
.social_login_group {
    font-size: 13px;
    text-align: center;
    }
.social_login_group > div {
    display: inline-block;
    margin: 0 22px 11px;
    vertical-align: top;
    }
.social_login_group .fb-or {
    margin: 0 0 11px;
    position: relative;
    text-align: center;
    width: 100%;
    }
.social_login_group .fb-or:after {
    background-color: rgba(0, 0, 0, 0.22);
    display: block;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    }
.social_login_group .fb-or-text {
    background-color: #FFFFFF;
    display: inline-block;
    padding: 0 22px;
    position: relative;
    z-index: 500;
    }

/* Custom login box */
.avatar-default img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 0 1px rgba(0, 0, 0, 0.22);
    border-radius: 32px;
    display: block;
    height: 32px;
    width: 32px;
    }
.avatar-big img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 0 1px rgba(0, 0, 0, 0.22);
    border-radius: 128px;
    display: inline-block;
    height: 128px;
    width: 128px;
    }
#block-online,#block-birthdays {
    width: 100%;
    }
#block-online i,#block-birthdays i {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 16px;
    }
#block-online .headline,#block-birthdays .headline {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    }
#block-online i {
    color: #3F51B5;
    }
#block-online .bold {
    display: block;
    font-weight: 700;
    }
#block-birthdays i {
    color: #F57F17;
    }

/* Chat */
.chat-body {
    bottom: 103px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 58px;
    }
#chatbox_footer[style*="display: none"] + .chat-body {
    bottom: 8px;
    }
.chat-messages {
    height: 100%;
    margin-right: 196px;
    position: relative;
    }
.chat-messages .chat-messages-inner {
    bottom: 0;
    float: left;
    left: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    }
.chat-messages .block-content {
    margin-top: 6px;
    }
.chat-row,#chatbox > * {
    font-size: 13px;
    padding: 8px 16px;
    }
.chat-row + .chat-row,#chatbox > * + .chat-row {
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 1px 0 0;
    }
.chat-row:nth-child(even),#chatbox > *:nth-child(even) {
    background-color: #F5F5F5;
    }
.chat-row-avatar img {
    float: left;
    margin-right: 16px;
    margin-top: 2px;
    }
.chat-row-inner {
    margin-left: 48px;
    }
.chat-row-details {
    display: block;
    width: 100%;
    }
.chat-row-user,.chat-row-date {
    display: inline-block;
    }
.chat-row-date {
    color: rgba(0, 0, 0, 0.44);
    margin-left: 8px;
    }
.chat-row-message {
    display: block;
    width: 100%;
    }
.chat-users {
    bottom: 0;
    font-size: 13px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 190px;
    }
.chat-users ul {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    }
.chat-users li + li {
    margin-top: 4px;
    }
.chat-editor .chat-editor-inner {
    margin-top: 6px;
    padding: 0;
    }
.chat-editor-inner {
    position: relative;
    }
.chat-editor-inner input {
    background-color: transparent;
    float: left;
    height: 50px !important;
    margin-top: 0 !important;
    padding: 8px 80px 8px 16px;
    width: 100% !important;
    }
.chat-editor-inner button {
    background-color: transparent;
    color: #263238;
    height: 50px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 64px;
    }
.chat-editor-inner button i {
    font-size: 21px;
    vertical-align: -6px;
    }
.chat-editor-inner button:hover {
    background-color: #F5F5F5;
    }
.chatbox {
    padding: 8px;
    position: relative;
    }
.chatbox-wrap {
    margin: 14px -8px;
    transition: none;
    }
#chatbox_top {
    margin-top: 0;
    }
#chatbox_header {
    overflow: hidden;
    }
.chatbox-title {
    float: left;
    }
#chatbox_main_options {
    float: right;
    list-style: none;
    }
#chatbox_main_options li {
    display: inline-block;
    font-size: 13px;
    }
#chatbox_footer {
    bottom: 8px;
    display: block;
    height: auto !important;
    left: 8px;
    position: absolute;
    right: 8px;
    }
.chatbox-resize {
    margin-top: -27px;
    position: relative;
    }
#chatbox .cb-avatar {
    border-radius: 30px;
    overflow: hidden;
    border: none !important;
    margin: 4px 11px 0 0 !important;
    padding: 0 !important;
    }
#chatbox .user {
    padding: 0 !important;
    }
#chatbox .msg {
    margin: 0 !important;
    }

/* Chat */
.topic-header,.page-header {
    display: block;
    clear: both;
    width: 100%;
    }
.topic-header h1,.topic-header h2,.page-header h1,.page-header h2 {
    display: block;
    float: left;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 16px;
    }
.topic-header .btn,.page-header .btn {
    float: right;
    margin-bottom: 22px;
    }
.topic-header .btn + .btn,.page-header .btn + .btn {
    margin-right: 6px;
    }
.topic-header .btn + .pagination,.page-header .btn + .pagination {
    margin-right: 22px;
    }

/* Pagination */
.pagination {
    display: block;
    float: right;
    font-size: 0;
    margin-bottom: 22px;
    }
.pagination > a {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 13px;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    padding: 0 24px;
    text-align: center;
    }
.pagination > a:hover {
    filter: brightness(90%);
    -ms-filter: brightness(90%);
    -webkit-filter: brightness(90%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    }
.pagination > span {
    display: block;
    float: left;
    }
.pagination > span > strong,.pagination > span > b,.pagination > span > a {
    background-color: #263238;
    color: #FFFFFF;
    border-radius: 3px;
    display: block;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 3px 0 0 1px;
    text-align: center;
    width: 44px;
    }
.pagination > span > strong,.pagination > span b {
    font-weight: 700;
    opacity: 0.6;
    }
.pagination .pag-img {
    border-radius: 36px;
    height: 36px;
    margin: 0;
    width: 36px;
    vertical-align: -3px;
    }
.pagination .pag-img:after {
    line-height: 36px;
    }
.pagination .pag-img:not(last-child) {
    margin-right: 11px;
    }
.pagination .pag-img:not(last-child):after {
    font-family: "Material Icons";
    content: "chevron_left";
    }
.pagination .pag-img:last-child {
    margin-left: 11px;
    margin-right: 0;
    }
.pagination .pag-img:last-child:after {
    font-family: "Material Icons";
    content: "chevron_right";
    }
.pagination ul {
    list-style: none;
    margin: 0;
    }
.pagination li {
    display: block;
    float: left;
    }
.pagination li:nth-child(2) a {
    border-radius: 3px 0 0 3px;
    }
.pagination li:nth-last-child(2) a {
    border-radius: 0 3px 3px 0;
    }
.pagination .prev a,.pagination .next a {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    text-align: center;
    }
.pagination .prev {
    margin-left: 11px;
    margin-right: 11px;
    }
.pagination .prev a {
    border-radius: 39px;
    height: 39px;
    line-height: 39px;
    margin-top: -3px;
    width: 39px;
    }
.pagination .prev i {
    line-height: 39px;
    vertical-align: 0;
    }
.pagination .next {
    margin-left: 11px;
    }
.pagination .next a {
    border-radius: 35px;
    height: 45px;
    line-height: 45px;
    margin-top: -6px;
    width: 45px;
    }
.pagination .next i {
    line-height: 45px;
    vertical-align: 0;
    }
.pagination .pagination-page {
    margin-left: 1px;
    }
.pagination .pagination-page a {
    background-color: #263238;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    height: 33px;
    line-height: 33px;
    text-align: center;
    width: 44px;
    }

/* Pagination */
#plus_menu {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.44);
    border-radius: 3px;
    font-size: 13px;
    padding: 11px 22px;
    z-index: 700 !important;
    left: 0 !important;
    right: auto !important;
    width: auto !important;
    min-width: 200px !important;
    }
#plus_menu .title-overview {
    background-color: #263238;
    margin: -11px -22px 11px;
    border-radius: 3px 3px 0 0;
    color: #FFF;
    padding: 11px 22px;
    font-size: 13px;
    }
#plus_menu .title-overview strong {
    font-weight: 400;
    }
#plus_menu .dashed {
    border-top: 2px dashed rgba(0, 0, 0, 0.22);
    margin: 11px 0;
    }
#plus_menu .left-overview a {
    display: block;
    padding: 11px 22px;
    margin: 0 -22px;
    min-width: 100%;
    font-weight: 400;
    }
#plus_menu .left-overview br {
    display: none;
    }
#fileupload {
    margin: 0 0 11px;
    }

/* Topic */
.post-wrap {
    margin: 0 0 22px;
    }
.post-header {
    background-color: #1E88E5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    border-radius: 3px;
    padding: 16px;
    position: relative;
    z-index: 500;
    }
.post-header h2 {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin-right: 8px;
    }
.post-header h2 img {
    vertical-align: -4px;
    margin: 0 6px;
    }
.post-header h2 img,.post-header h2 i {
    float: left;
    }
.post-header i {
    font-size: 16px;
    vertical-align: -3px;
    }
.post-header i + span {
    margin-left: 8px;
    }
.post-header a {
    color: #FFFFFF;
    }
@media (max-width: 960px) {
    .post-header {
    border-radius: 3px 3px 0 0;
    }
}
.post-heading-wrap {
    display: block;
    margin: -10px 16px -10px 0;
    float: left;
    }
.post-date {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 13px;
    display: block;
    }
.post-buttons {
    float: right;
    font-size: 13px;
    margin-left: 22px;
    }
.post-buttons ul {
    list-style: none;
    margin: 0;
    }
.post-buttons li {
    float: left;
    }
.post-buttons li + li {
    margin-left: 11px;
    }
.post-buttons a,.post-buttons span {
    background-color: rgba(0, 0, 0, 0.22);
    color: #FFF;
    border-radius: 3px;
    cursor: pointer;
    padding: 6px 12px;
    }
.post-buttons a i,.post-buttons span i {
    position: relative;
    }
.post-buttons a i + i,.post-buttons span i + i {
    color: #C3C3C3;
    margin-left: -8px;
    position: static;
    }
.post-buttons a:hover,.post-buttons span:hover {
    background-color: #263238;
    }
.post-buttons .selected {
    background-color: #1E88E5!important;
    }
.post-buttons-mobile {
    position: static !important;
    }
.post-buttons-mobile > i {
    background-color: rgba(0, 0, 0, 0.22);
    color: #FFF;
    border-radius: 3px;
    display: block;
    float: right;
    font-size: 21px;
    margin: -7px 9px -7px 0;
    height: 32px;
    line-height: 32px;
    width: 40px;
    text-align: center;
    z-index: 750;
    position: relative;
    }
.post-buttons-mobile .dropdown-box {
    border-radius: 3px 3px 0 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    box-shadow: none;
    background-color: #1E88E5;
    padding: 8px 64px 0 8px;
    }
.post-buttons-mobile .dropdown-box li {
    padding: 0;
    }
.post-buttons-mobile .dropdown-box a,.post-buttons-mobile .dropdown-box span {
    background-color: rgba(0, 0, 0, 0.22);
    color: #FFF !important;
    border-radius: 3px;
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    min-width: 0;
    padding: 7px 11px;
    }
.post-buttons-mobile .dropdown-box a:hover,.post-buttons-mobile .dropdown-box span:hover {
    background-color: #263238;
    }
.post-buttons-mobile .selected {
    background-color: #1E88E5!important;
    }
.post-body {
    display: flex;
    flex-direction: row;
    }
@media (min-width: 961px) {
    .post-body {
    margin: 0 -3px;
    }
}
@media (max-width: 960px) {
    .post-body {
    flex-wrap: wrap-reverse;
    }
}
.post {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    margin: 6px 3px 0;
    padding: 16px 25px;
    position: relative;
    text-align: justify;
    width: 100%;
    z-index: 500;
    display: flex;
    flex-direction: column;
    }
@media (max-width: 960px) {
    .post {
    border-radius: 0 0 3px 3px;
    margin: 0;
    }
}
.post-aside {
    background-color: #F5F5F5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    flex-basis: 200px;
    flex-grow: 0;
    flex-shrink: 0;
    float: left;
    font-size: 13px;
    margin: 6px 3px 0;
    padding: 16px 25px;
    position: relative;
    text-align: center;
    }
@media (max-width: 960px) {
    .post-aside {
    border-radius: 0;
    flex-basis: 100%;
    margin: 0;
    padding: 8px 25px;
    text-align: left;
    }
}
.post table, .post tr, .post td {
    border:  ridge;
    }
.post-author-status {
    background-color: #4CAF50;
    border-radius: 12px;
    display: none;
    float: left;
    height: 12px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 12px;
    }
.online .post-author-status {
    display: block;
    }
.post-author {
    clear: both;
    }
@media (max-width: 960px) {
    .post-author {
    display: inline-block;
    }
}
.post-author-name,.post-author-title {
    clear: both;
    display: block;
    }
.post-author-avatar {
    margin: 11px 0 22px;
    }
@media (max-width: 960px) {
    .post-author-avatar {
    float: left;
    margin: 0;
    }
.post-author-avatar img {
    border-radius: 36px;
    display: block;
    height: 36px;
    margin: 0 11px 0 0;
    width: 36px;
    }
}
.post-author-details {
    display: block;
    margin-top: 22px;
    text-align: left;
    width: 100%;
    }
.post-author-details span{
    font-weight: bold;
    }
@media (max-width: 960px) {
    .post-author-details {
    display: none;
    }
}
.post-author-contact {
    background-color: #626E74;
    color: #FFFFFF;
    border-radius: 3px;
    display: inline-block;
    margin-top: 11px;
    padding: 3px 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
@media (max-width: 960px) {
    .post-author-contact {
    float: right;
    margin-top: 6px;
    }
.post-author-contact .dropdown-box {
    left: auto !important;
    right: 0 !important;
    }
}

/* Topic *
/* + blockquote {
    margin-top: 11px;
    }
blockquote {
    background-color: #FFF2B5;
    border-color: rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5;
    padding: 8px 16px 8px 10px;
    }
blockquote cite {
    color: rgba(0, 0, 0, 0.44);
    display: block;
    margin-bottom: 3px;
    }
* + .codebox {
    margin-top: 11px;
    }
.codebox {
    background-color: #354147;
    border-color: rgba(0, 0, 0, 0.44);
    color: #FFFFFF;
    border-radius: 3px;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px 16px 8px 10px;
    }
.codebox p {
    color: rgba(255, 255, 255, 0.44);
    display: block;
    margin-bottom: 3px;
    }
.codebox p a {
    float: right;
    }
.codebox code {
    display: block;
    max-height: 400px;
    overflow: auto;
    white-space: nowrap;
    }
.attachbox {
    background-color: #F5F5F5;
    border-color: rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.5;
    margin-top: 11px;
    padding: 8px 16px 8px 10px;
    }

/* Footer */
footer {
    background-color: #263238;
    color: #FFFFFF;
    font-size: 13px;
    margin: 33px 0 -22px;
    padding: 44px 0;
    }
#forum-statistics {
    float: left;
    font-size: 13px;
    text-align: left;
    width: 100%;
    }
#forum-statistics > div {
    border-left: 1px solid rgba(255, 255, 255, 0.22);
    float: left;
    width: 33.3333%;
    line-height: 34px;
    max-width: 278px;
    min-height: 94px;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 22px;
    padding-right: 44px;
    position: relative;
    }
#forum-statistics span {
    color: rgba(255, 255, 255, 0.44);
    display: block;
    font-size: 13px;
    }
#forum-statistics strong {
    font-size: 24px;
    vertical-align: -4px;
    }
@media (min-width: 751px) {
    #forum-statistics > div > div {
    top: 50%;
    transform: translate3d(0, -50%, 0);
    position: absolute;
    left: 22px;
    right: 44px;
    }
}
@media (max-width: 750px) {
    #forum-statistics > div {
    max-width: 100%;
    min-height: 0;
    width: 100%;
    }
#forum-statistics > div + div {
    margin-top: 22px;
    }
}
#page-footer {
    background-color: #172329;
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 22px;
    padding: 33px 0;
    }
#page-footer .gensmall {
    border: none;
    display: inline;
    width: auto;
    clear: none;
    background-color: transparent;
    margin-bottom: 0;
    max-width: auto;
    font-size: inherit;
    }
#page-footer a, #forum-statistics  a, .forum-statistics  a {
    color: #ffffff;
    }
#page-footer .gensmall + a {
    margin-left: 0 !important;
    }
#page-footer .wrap {
    padding: 0 11px;
    }
.navbar + .copyright {
    font-weight: 600;
    margin-top: 11px;
    text-align: center;
    }
.navbar + .copyright br {
    display: none;
    }
.linklist {
    list-style: none;
    margin: 0;
    }
.linklist li {
    float: left;
    margin: 0 22px 0 0;
    }
.linklist li > a,.linklist li > span {
    margin-left: 11px;
    }
.linklist li > a + a,.linklist li > a + strong,.linklist li > a + span,.linklist li > span + a,.linklist li > span + strong,.linklist li > span + span {
    margin-right: 11px;
    }
.linklist .rightside {
    float: right;
    margin: 0 0 0 22px;
    text-align: right;
    }
.linklist .rightside > a,.linklist .rightside > strong {
    margin-right: 11px;
    }
.linklist .rightside > a + a,.linklist .rightside > a + strong,.linklist .rightside > a + span,.linklist .rightside > strong + a,.linklist .rightside > strong + strong,.linklist .rightside > strong + span {
    margin-left: 11px;
    }
.linklist + .linklist {
    margin-top: 11px;
    }
@media (max-width: 960px) {
    .navbar {
    text-align: center;
    }
.navbar .linklist {
    font-size: 0;
    }
.navbar .linklist li,.navbar .linklist .rightside {
    margin: 0;
    width: 100%;
    text-align: center;
    }
.navbar .linklist .no-reduct {
    font-size: 13px!important;
    }
.navbar .linklist li > a,.navbar .linklist li > strong,.navbar .linklist li > span,.navbar .linklist .rightside > a,.navbar .linklist .rightside > strong,.navbar .linklist .rightside > span {
    display: inline-block;
    font-size: 13px !important;
    margin: 6px 11px;
    }
}

/* Footer */
#dimmer,.jqmOverlay {
    background-color: rgba(0, 0, 0, 0.44);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900;
    }
#dimmer.hidden,.jqmOverlay.hidden {
    opacity: 0;
    pointer-events: none;
    }
#jqmHide {
    background-color: transparent;
    position: absolute;
    right: 11px;
    top: 11px;
    }

/* Buttons */
.btn,.mainoption {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    }
.btn i + span,.mainoption i + span {
    margin-left: 11px;
    }
.btn-default,.mainoption,.button,.button1,.button2,.liteoption {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    padding: 0 24px;
    }
.btn-default i,.mainoption i,.button i,.button1 i,.button2 i,.liteoption i {
    font-size: 21px;
    margin-left: -9px;
    vertical-align: -5px;
    }
.btn-default:hover,.mainoption:hover,.button:hover,.button1:hover,.button2:hover,.liteoption:hover {
    filter: brightness(90%);
    -ms-filter: brightness(90%);
    -webkit-filter: brightness(90%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    }
.btn-default:visited,.mainoption:visited,.button:visited,.button1:visited,.button2:visited,.liteoption:visited {
    color: #FFFFFF;
    }
.btn-default + .button, .btn-default + .button1, .btn-default + .button2,.mainoption + .button,.mainoption + .button1,.mainoption + .button2,.button + .button,.button + .button1,.button + .button2,.button1 + .button,.button1 + .button1,.button1 + .button2,.button2 + .button,.button2 + .button1,.button2 + .button2,.liteoption + .button,.liteoption + .button1,.liteoption + .button2 {
    margin-left: 6px;
    }
.btn-fixed {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22), 0 3px 1px -2px rgba(0, 0, 0, 0.44), 0 1px 5px 0 rgba(0, 0, 0, 0.22);
    color: #FFFFFF;
    border-radius: 50px;
    bottom: 22px;
    cursor: pointer;
    display: block;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 22px;
    text-align: center;
    width: 50px;
    z-index: 600;
    }
a.btn-fixed {
    color: #FFFFFF;
    }
.btn-fixed:hover {
    filter: brightness(90%);
    -ms-filter: brightness(90%);
    -webkit-filter: brightness(90%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    }
.btn-fixed i + i {
    margin-left: -9px;
    }
.btn-flat {
    background-color: transparent;
    color: #263238;
    border-radius: 3px;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    padding: 0 24px;
    }
.btn-flat i {
    font-size: 21px;
    margin-left: -9px;
    vertical-align: -5px;
    }
.btn-flat:hover {
    background-color: rgba(0, 0, 0, 0.11);
    color: #263238;
    }
.btn-big {
    height: 48px;
    line-height: 48px;
    }
.btn-wide {
    width: 100%;
    }
.btn-green {
    color: #FFF!important;
    background-color: #5CCD5C;
    }
.btn-green:hover {
    background-color: #3abc3a;
    }
.btn-red {
    color: #FFF!important;
    background-color: #CD5C5C;
    }
.btn-red:hover {
    background-color: #bc3a3a;
    }
.btn-icon i {
    margin: 0;
    }

/* Buttons */
.notification-row {
    background-color: #FFFFFF;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    margin: 0;
    padding: 8px 16px;
    }
.notification-row + .notification-row {
    margin-top: 6px;
    }
.notification-check {
    background-color: #B2B2B2;
    color: #FFFFFF;
    border-radius: 36px;
    cursor: pointer;
    float: left;
    height: 36px;
    line-height: 36px;
    margin-bottom: 4px;
    margin-right: 16px;
    margin-top: 4px;
    position: relative;
    text-align: center;
    width: 36px;
    }
.notification-check i {
    font-size: 16px;
    vertical-align: -4px;
    }
.checkbox-row {
    border-radius: 36px;
    display: block;
    float: left;
    font-size: 16px;
    height: 36px;
    left: 0;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 36px;
    }
.checkbox-row input {
    cursor: pointer;
    display: block;
    height: 36px;
    margin: 0;
    opacity: 0;
    width: 36px;
    }
input:checked + .checkbox-row-check:after {
    opacity: 1;
    }
.checkbox-row-check:after {
    background-color: #1976D2;
    color: #FFFFFF;
    border-radius: 36px;
    bottom: 0;
    height: 36px;
    left: 0;
    line-height: 36px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 36px;
    content: "\e876";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: all 0.16s ease;
    }
.notification-content {
    line-height: 22px;
    }
.notification-title,.notification-date {
    display: block;
    }
.notification-title {
    font-size: 16px;
    }
.notification-title a {
    font-weight: 500;
    color: #1E88E5;
    }
.notification-title img {
    float: right;
    }
.notification-date {
    color: #797979;
    }
.mark-buttons {
    margin: 11px 0;
    }
.mark-buttons a:last-child {
    float: right;
    }
.form-buttons .btn,.form-buttons .mainoption,.submit-buttons .btn,.submit-buttons .mainoption {
    clear: none;
    margin: 11px 11px 11px 0;
    }
.post-buttons .btn,.post-buttons .mainoption {
    clear: none;
    margin: 0 11px 22px 0;
    }
.quick-reply {
    clear: both;
    }
.quick-reply .block-content {
    padding: 0;
    position: relative;
    margin: 0;
    }
.quick-reply .textarea {
    background-color: #F5F5F5;
    border-color: #EBEBEB;
    border-radius: 16px 3px 3px 16px;
    border-style: solid;
    border-width: 2px;
    display: block;
    font-size: 13px;
    min-height: 94px;
    padding: 9px 16px 9px 57px;
    resize: vertical;
    white-space: pre-wrap;
    width: 100%;
    }
.quick-reply-textarea-wrap {
    padding: 6px 64px;
    position: relative;
    width: 100%;
    }
.quick-reply-textarea-wrap .avatar-default {
    position: absolute;
    left: 69px;
    top: 11px;
    }
.quick-reply-btn {
    background-color: transparent;
    color: #263238;
    cursor: pointer;
    display: block;
    font-size: 21px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    width: 64px;
    }
.quick-reply-send {
    font-size: 21px;
    right: 0;
    top: 0;
    }
.quick-reply-upload {
    left: 0;
    top: 0;
    }
.quick-reply-upload i {
    font-size: 21px;
    vertical-align: -3px;
    }
.poll dt {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    width: 100%;
    display: block;
    }
.poll dd {
    margin-bottom: 12px;
    width: 100%;
    display: block;
    }
.poll-bar-wrap {
    background-color: #BBBBBB;
    border-radius: 3px;
    width: 100%;
    }
.poll-bar {
    background-color: #0598E4;
    color: #FFFFFF;
    width: auto;
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    }
.poll-percent {
    padding: 0 6px;
    }
.poll-num {
    color: #FFFFFF;
    float: right;
    padding: 0 6px;
    }
.poll-total {
    width: auto !important;
    display: inline-block !important;
    margin-bottom: 0 !important;
    }
dd.poll-total {
    margin-left: 8px;
    font-size: 14px;
    }
#profile {
    margin-left: 322px;
    }
@media (max-width: 1200px) {
    #profile {
    margin-left: 0;
    }
}
@media (max-width: 660px) {
    #profile .grid-2 {
    width: 100%;
    }
}
.profile-header {
    border-radius: 3px 3px 0 0;
    display: block;
    margin: -12px -16px 16px;
    overflow: hidden;
    position: relative;
    text-align: center;
    }
.profile-header-background {
    bottom: 0;
    filter: blur(8px);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    }
.profile-header-background img {
    height: auto;
    width: 100%;
    }
.profile-header-content {
    background-color: rgba(0, 0, 0, 0.75);
    border-color: rgba(0, 0, 0, 0.75);
    border-radius: 3px 3px 0 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 16px;
    position: relative;
    z-index: 2;
    }
.profile-avatar {
    display: inline-block;
    margin-bottom: -3px;
    }
.profile-avatar img {
    border-radius: 140px;
    display: block;
    max-height: 140px;
    max-width: 140px;
    }
.profile-username {
    font-size: 16px;
    font-weight: 700;
    }
.profile-username strong {
    font-weight: 600;
    }
.ajax-profil_edit {
    margin-left: 22px;
    }
.ajax-profil_parent .field_uneditable {
    display: inline-block;
    }
.ajax-profil_parent .field_editable {
    display: inline-block;
    }
.ajax-profil_parent .field_editable .profile_field_list {
    list-style: none;
    }
.ajax-profil_parent .field_editable .inputbox {
    display: inline-block;
    clear: none;
    width: auto;
    margin: 0 11px;
    }
#profile-advanced-add {
    text-align: center;
    }
#profile-advanced-add a.btn{
    margin: 10px auto;
    }

/* Ads section */
.forum-status-label {
    background-color: #12A3EB;
    color: #FFFFFF;
    border-radius: 3px;
    float: right;
    font-size: 12px;
    padding: 6px 11px;
    }
.friends-foes-list .btn-icon.valid {
    color: #3abc3a;
    }
.friends-foes-list .btn-icon.cancel {
    color: #bc3a3a;
    }
@media (max-width: 960px) {
    .forum-status-label {
    clear: both;
    display: inline-block;
    float: none;
    }
}
@media (max-width: 750px) {
    .forum-status-label {
    float: right;
    padding: 3px 6px;
    }
}
@media (max-width: 660px) {
    .forum-status-label {
    float: none;
    }
}
.EV_StatusLabel {
    background-color: #12A3EB;
    color: #FFFFFF;
    border-radius: 3px;
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 22px;
    padding: 3px 16px;
    top: 0;
    }
.ad-status-label {
    background-color: #12A3EB;
    color: #FFFFFF;
    border-radius: 3px;
    display: block;
    float: left;
    height: 42px;
    line-height: 42px;
    margin: 0 22px 0 0;
    padding: 0 16px;
    top: 0;
    }
.AD_StatusValid {
    background-color: #27AE60;
    }
.AD_StatusNoValid {
    background-color: #E67E22;
    }
.AD_StatusRejected {
    background-color: #C0392B;
    }
.ad-gallery {
    width: auto;
    min-height: 120px;
    margin: -12px -16px -8px;
    display: block;
    position: relative;
    }
#AD_LargeImg {
    width: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    }
#AD_LargeImg img {
    border-radius: 3px;
    display: block;
    width: 100%;
    }
#ad-thumbs-wrap {
    border-radius: 0 0 3px 3px;
    margin-top: -107px;
    overflow: hidden;
    position: relative;
    height: 107px;
    }
#ad-thumbs-wrap:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    box-shadow: 0 0 48px 48px #000;
    content: "";
    display: block;
    height: 22px;
    pointer-events: none;
    }
#ad-thumbs-arrow-previous,#ad-thumbs-arrow-next {
    bottom: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    width: 36px;
    z-index: 600;
    }
#ad-thumbs-arrow-previous:after,#ad-thumbs-arrow-next:after {
    background-color: #2c353b;
    color: #FFFFFF;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    font-size: 24px;
    z-index: 3;
    line-height: 36px;
    text-align: center;
    position: absolute;
    width: 36px;
    top: 0;
    border-radius: 36px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    }
#ad-thumbs-arrow-previous.hidden,#ad-thumbs-arrow-next.hidden {
    opacity: 0;
    }
#ad-thumbs-arrow-previous {
    left: 8px;
    }
#ad-thumbs-arrow-previous:after {
    content: "\e408";
    left: 0;
    }
#ad-thumbs-arrow-previous.hidden {
    transform: translate(-44px, 0);
    }
#ad-thumbs-arrow-next {
    right: 8px;
    }
#ad-thumbs-arrow-next:after {
    content: "\e409";
    right: 0;
    }
#ad-thumbs-arrow-next.hidden {
    transform: translate(44px, 0);
    }
#AD_Thumbs {
    white-space: nowrap;
    overflow-x: scroll;
    padding: 22px 0;
    position: relative;
    text-align: center;
    overflow-y: hidden;
    margin: 0 0 -22px;
    height: 129px;
    z-index: 500;
    }
.AD_Thumb {
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.44), 0 3px 1px -2px rgba(0, 0, 0, 0.88), 0 1px 5px 0 rgba(0, 0, 0, 0.44);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    height: 64px;
    width: 64px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 8px;
    }
.AD_Thumb:first-child {
    margin-left: 16px;
    }
.AD_Thumb:last-child {
    margin-right: 16px;
    }
.ad-details {
    list-style: none;
    margin: 0 0 25px !important;
    }
.ad-details {
    list-style: none;
    margin: 0 0 25px !important;
    }
.ad-details li + li {
    margin-top: 4px;
    }
.ad-details span {
    vertical-align: middle;
    line-height: 24px;
    display: inline-block;
    margin-right: 4px;
    }
.ad-details img {
    max-width: 26px;
    vertical-align: middle;
    margin-right: 6px;
    padding-right: 8px;
    border-right: 1px solid #E0E0E0;
    }
.AD_ListDescLabel {
    color: #797979;
    }
.ad-description p {
    font-size: 14px;
    line-height: 22px;
    white-space: normal;
    word-wrap: break-word;
    }
.ad-options {
    background-color: #FAFAFA;
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 1px 0 0;
    border-radius: 0 0 3px 3px;
    list-style: none;
    overflow: hidden;
    margin: 8px -16px -16px !important;
    }
.ad-mod-options {
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    }
.ad-mod-options li {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    }
.ad-mod-options a {
    display: block;
    padding: 12px 0 8px;
    }
.ad-mod-options img {
    display: inline-block;
    clear: both;
    max-width: 24px;
    }
.ad-mod-options span {
    display: block;
    }
.ad-vendor-details {
    list-style: none;
    margin: 0 0 0 !important;
    }
.ad-vendor-details li + li {
    margin-top: 4px;
    }
.ad-vendor-details span {
    vertical-align: middle;
    line-height: 24px;
    display: inline-block;
    margin-right: 4px;
    }
.ad-vendor-details img {
    max-width: 26px;
    vertical-align: middle;
    margin-right: 6px;
    padding-right: 8px;
    border-right: 1px solid #E0E0E0;
    }
.ad-vendor-contact {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0 !important;
    }
.ad-vendor-contact li {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center;
    }
#phone-visible {
    flex-grow: 3;
    }
.ad-vendor-contact a {
    display: block;
    width: 100%;
    }
.ad-vendor-contact img {
    max-width: 25px;
    }
.profile-vendor {
    color: #FFFFFF;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    }
.profile-vendor p {
    display: block;
    width: 33.3333%;
    }
.profile-vendor i {
    font-size: 20px;
    margin-right: 6px;
    vertical-align: -5px;
    }
.profile-vendor-type {
    text-align: left;
    }
.profile-vendor-username a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    }
.profile-vendor-location {
    text-align: right;
    }
.profile-vendor-type img,.profile-vendor-location img {
    max-width: 18px;
    margin-right: 4px;
    vertical-align: -3px;
    filter: invert(1);
    }
@media (max-width: 335px) {
    .profile-vendor .profile-username {
    order: 1;
    width: 100%;
    }
.profile-vendor .profile-vendor-type {
    order: 2;
    width: 50%;
    }
.profile-vendor .profile-vendor-location {
    order: 3;
    width: 50%;
    }
}

/* Ads creation page */
#AD_UploadPhotoField ul,.EV_UploadPhoto ul {
    list-style: none;
    margin: 0 -16px;
    }
#AD_UploadPhotoField ul:after,.EV_UploadPhoto ul:after {
    clear: both;
    content: "";
    display: block;
    }
#AD_UploadPhotoField li,.EV_UploadPhoto li {
    position: relative;
    padding: 16px;
    height: 250px;
    width: 33.3333%;
    float: left;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat;
    }
#AD_UploadPhotoField label,.EV_UploadPhoto label {
    margin: 0;
    }
#AD_UploadPhotoField label span,.EV_UploadPhoto label span {
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 75px;
    }
#AD_UploadPhotoField label span.hidden,.EV_UploadPhoto label span.hidden {
    opacity: 0;
    }
#AD_UploadPhotoField label span:before,.EV_UploadPhoto label span:before {
    display: block;
    font-size: 48px;
    text-align: center;
    line-height: 1;
    content: "\e439";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    }
#AD_UploadPhotoField input[type="file"],.EV_UploadPhoto input[type="file"] {
    cursor: pointer;
    position: absolute;
    display: block;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    }
.EV_UploadPhoto li {
    width: 50%;
    }
#ad-zipcode {
    float: left;
    width: 100px;
    }
#ad-zipcode input {
    margin-top: 0;
    }
#ad-city-wrap {
    margin-bottom: 16px;
    margin-left: 116px;
    }
#ad-city {
    clear: none;
    }

/* Validation */
input.valid.input-subtle,select.valid.input-subtle,input.error.input-subtle,select.error.input-subtle {
    background-image: none;
    box-shadow: none;
    }
#switcher-button {
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 9px;
    text-align: center;
    top: 9px;
    width: 32px;
    }
#switcher-button i {
    font-size: 24px;
    vertical-align: 0;
    line-height: inherit;
    margin: 0;
    }
#switcher-button:hover {
    background-color: rgba(0, 0, 0, 0.44);
    cursor: pointer;
    }
#overall-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 4;
    display: block;
    opacity: 0;
    pointer-events: none;
    }
#overall-background.visible {
    opacity: 1;
    pointer-events: all;
    }
#overall {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -57px;
    text-align: center;
    }
#overall a {
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    padding: 8px 16px;
    text-align: center;
    color: #FFFFFF;
    background-color: #2c353b;
    }
#overall a.on {
    background-color: #27ae60;
    }
#overall a.off {
    background-color: #c0392b;
    }
.banniere,#m_dcontentglobal_ad_id1 {
    text-align: center;
    margin: 0 auto;
    }
#field_2 + #field_1 {
    margin-top: -16px;
    }
#field_2 + #field_1:nth-child(3) {
    margin-top: 0;
    }

/* Validator */
.form-error {
    color: #C0392B !important;
    display: block;
    margin: 5px 0 10px;
    line-height: 1;
    }
.has-success,.has-error {
    position: relative;
    max-width: 300px;
    }
.has-success:after,.has-error:after {
    right: 0;
    top: 22px;
    position: absolute;
    font-size: 18px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    }
.has-success:after {
    color: #27AE60;
    content: "\e876";
    }
.has-error:after {
    color: #C0392B;
    content: "\e001";
    }
.radio.has-success:after,.radio.has-error:after {
    display: none;
    }
#country:after,#ad-zipcode:after,#ad-city-wrap:after {
    top: 8px;
    }
#recaptcha {
    width: 100%;
    text-align: left;
    }
img.emojione {
    width: 20px;
    }
#popupServimg {
    position: fixed;
    z-index: 1500;
    width: 100vw;
    height: 50vh;
    bottom: 0;
    overflow: hidden;
    transition: height 1s;
    }
#popupServimg #popupServimgBtnClose {
    display: block;
    position: absolute;
    z-index: 1502;
    top: 0;
    right: 0;
    width: 25px;
    -webkit-transform: translate3d(0, 0, 0);
    }
#popupServimg #popupServimgBtnClose i {
    color: #FFFFFF;
    background: #444;
    }
#popupServimg.close {
    height: 0;
    transition: height 1s;
    }
.popupContainer {
    position: absolute;
    z-index: 1501;
    height: 100%;
    width: 100%;
    overflow: scroll;
    padding-top: 25px;
    -webkit-overflow-scrolling: touch;
    }
.popupContainerIframe {
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    }
.popupAwesomebb {
    width: 50%;
    margin-left: 25%;
    overflow: hidden;
    }
#popupServimg iframe {
    width: 100%;
    height: 100%;
    border: 2px solid #444;
    }
.block-market .block-content {
    padding: 16px;
    position: relative;
    }
.block-market .market-image {
    float: left;
    width: 200px;
    }
.block-market .market-image img {
    border-radius: 3px;
    display: block;
    height: 150px;
    object-fit: cover;
    width: 200px;
    }
.block-market .market-content {
    margin-left: 222px;
    margin-right: 222px;
    }
.block-market .market-content i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 21px;
    vertical-align: -4px;
    margin-right: 11px;
    }
.block-market .market-content-inner {
    float: left;
    width: 100%;
    }
.block-market .market-item-title {
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 0 0 1px;
    clear: both;
    display: block;
    margin-bottom: 6px;
    overflow: hidden;
    }
.block-market .market-item-title h3 {
    display: block;
    font-size: 24px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.block-market .market-item-details {
    font-size: 16px;
    line-height: 1.7;
    }
.block-market .market-item-date,.block-market .market-item-location,.block-market .market-item-type,.block-market .market-item-photos {
    margin: 11px 0;
    }
@media (min-width: 751px) {
    .block-market .market-item-price {
    background-color: #F5F5F5;
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 0 0 0 1px;
    bottom: 0;
    font-size: 21px;
    font-weight: 600;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 200px;
    }
.block-market .market-item-price-inner {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    }
}
@media (max-width: 960px) {
    .block-market .grid-2 {
    float: none;
    width: 100%;
    }
.popupAwesomebb{
    width:100%;
    margin-left:0;
    }
.block-market .market-item-date,.block-market .market-item-location,.block-market .market-item-type,.block-market .market-item-photos {
    margin: 0;
    }
}
@media (max-width: 750px) {
    .block-market .market-content {
    margin-right: 0;
    }
.block-market .market-content i {
    font-size: 18px;
    }
.block-market .market-item-title {
    border: none;
    margin: 0;
    }
.block-market .market-item-title h3 {
    font-size: 18px;
    font-weight: 400;
    }
.block-market .market-item-details {
    font-size: 13px;
    }
.block-market .market-item-price {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 4px;
    }
}
@media (max-width: 660px) {
    .block-market .market-image {
    width: 100px;
    }
.block-market .market-image img {
    height: 75px;
    width: 100px;
    }
.block-market .market-content {
    margin-left: 122px;
    }
}
#market {
    margin-right: 322px;
    }
#market > div {
    float: left;
    width: 100%;
    }
@media (max-width: 1200px) {
    #market {
    margin-right: 0;
    }
}

/* Events */
.EV_List > h3 {
    background-color: #1E88E5;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.11);
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    padding: 16px;
    }
.EV_List > ul {
    list-style: none;
    margin: 0;
    }
.EV_List li {
    display: block;
    }
.EV_List .EV_ListMonth {
    background-color: rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.06) inset, 0 0 2px rgba(0, 0, 0, 0.11) inset;
    color: #263238;
    border-radius: 3px;
    margin: 6px 0;
    padding: 16px;
    }
.EV_List .EV_Item {
    background-color: #FFFFFF;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    margin: 6px 0;
    }
.EV_List + .EV_List {
    margin-top: 22px;
    }
.EV_List .EV_ItemImg {
    float: left;
    margin-right: -132px;
    padding: 16px;
    position: relative;
    z-index: 599;
    }
.EV_List .EV_ItemImg img {
    border-radius: 6px;
    display: block;
    height: 100px;
    width: 100px;
    }
.EV_List .EV_ItemDate {
    border-radius: 3px 0 0 3px;
    float: left;
    height: 132px;
    overflow: hidden;
    padding: 0 32px 0 132px;
    position: relative;
    text-align: center;
    width: 332px;
    }
.EV_List .EV_ItemDate hr {
    border-top: 3px solid rgba(0, 0, 0, 0.11);
    margin: 11px 0;
    }
.EV_List .EV_ItemDate img {
    bottom: -50px;
    display: block;
    filter: blur(22px);
    height: 432px;
    left: -150px;
    opacity: 0.4;
    position: absolute;
    right: -50px;
    top: -50px;
    width: 432px;
    }
.EV_List .EV_ItemDateInner {
    font-size: 16px;
    font-weight: 600;
    left: 0;
    position: relative;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    z-index: 500;
    }
.EV_List .EV_ItemInfos {
    margin-left: 332px;
    }
.EV_List .EV_ItemInfosInner {
    float: left;
    width: 100%;
    }
.EV_List .EV_ItemInfosInner i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 18px;
    vertical-align: -4px;
    }
.EV_List .EV_ItemTitle {
    float: left;
    height: 132px;
    padding: 30px 0;
    width: 75%;
    }
.EV_List .EV_ItemTitle a {
    display: block;
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 9px;
    }
.EV_List .EV_ItemTitle p {
    display: block;
    }
.EV_List .EV_ItemTitleDate {
    display: block;
    margin-top: 6px;
    }
.EV_List .EV_ItemCat, .EV_List .EV_ItemCost {
    display: block;
    float: left;
    height: 66px;
    line-height: 66px;
    text-align: center;
    width: 25%;
    }
.EV_List .EV_TagCategory {
    color: #FFFFFF;
    border-radius: 40px;
    display: inline-block;
    line-height: initial;
    padding: 11px 22px;
    vertical-align: -15px;
    }
.EV_List .EV_ItemCost {
    font-size: 16px;
    font-weight: 600;
    line-height: initial;
    padding-top: 12px;
    }
.EV_List .clearfix {
    clear: both;
    }
@media (max-width: 960px) {
    .EV_List .EV_ItemTitle {
    height: 78px;
    padding: 6px 0 0;
    width: 100%;
    }
.EV_List .EV_ItemTitle a {
    margin-bottom: 1px;
    }
.EV_List .EV_ItemTitleDate {
    margin-top: 3px;
    }
.EV_List .EV_ItemCat,.EV_List .EV_ItemCost {
    height: 54px;
    text-align: left;
    width: auto;
    }
.EV_List .EV_ItemCost {
    line-height: 47px;
    padding-left: 22px;
    padding-top: 0;
    }
.EV_List .EV_TagCategory {
    vertical-align: 8px;
    }
}
@media (max-width: 750px) {
    .EV_List .EV_ItemTitle {
    height: auto;
    min-height: 78px;
    }
.EV_List .EV_ItemDate {
    width: 100%;
    }
.EV_List .EV_ItemDate img {
    width: 150%;
    }
.EV_List .EV_ItemInfos {
    margin: 0;
    }
.EV_List .EV_ItemInfosInner {
    padding: 16px;
    }
.EV_List .EV_ItemCat,.EV_List .EV_ItemCost {
    height: 40px;
    line-height: 40px !important;
    margin-top: 11px;
    }
}
.EV_TagColor_bg1 {
    background-color: #4693d3;
    }
.EV_TagColor_bg2 {
    background-color: #db6989;
    }
.EV_TagColor_bg3 {
    background-color: #ffaf02;
    }
.EV_TagColor_bg4 {
    background-color: #bd967a;
    }
.EV_TagColor_bg5 {
    background-color: #00a8c6;
    }
.EV_TagColor_bg6 {
    background-color: #77c04b;
    }
.EV_TagColor_bg7 {
    background-color: #ff7200;
    }
.EV_TagColor_bg8 {
    background-color: #767690;
    }
.EV_TagColor_bg9 {
    background-color: #5D4037;
    }
.EV_TagColor_bg10 {
    background-color: #a868c2;
    }
.EV_TagColor_bg11 {
    background-color: #f465af;
    }
.EV_TagColor_bg12 {
    background-color: #f44336;
    }
.EV_TagColor_bg13 {
    background-color: #00838f;
    }
.EV_TagColor_bg14 {
    background-color: #9db10b;
    }
.EV_TagColor_bg15 {
    background-color: #3f51b5;
    }
.EV_TagColor_bg16 {
    background-color: #009688;
    }
#event {
    margin-right: 322px;
    }
#event > div {
    float: left;
    width: 100%;
    }
#event .EV_TagCategory {
    color: #FFFFFF;
    border-radius: 40px;
    display: inline-block;
    line-height: initial;
    padding: 11px 22px;
    vertical-align: -15px;
    }
@media (max-width: 1200px) {
    #event {
    margin-right: 0;
    }
}
.date-block {
    background-color: #FFF2B5;
    border-color: rgba(0, 0, 0, 0.11);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    height: 42px;
    margin: 0 22px 0 0;
    text-align: center;
    }
.date-block .month {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px 0 0 3px;
    line-height: 40px;
    }
.date-block .month,.date-block .day-wrap {
    display: block;
    float: left;
    padding: 0 16px;
    }
.date-block .day,.date-block .day-string {
    display: block;
    line-height: 14px;
    }
.date-block .day {
    padding-top: 6px;
    }
.block-event-map {
    background-size: cover;
    display: block;
    height: 200px;
    }
.EV_MainMap{
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    }
.EV_MainMap #img_map{
    width: 340px;
    height: 200px;
    background-size: cover;
    background-position: center;
    }
.event-organiser,.market-vendor {
    margin-bottom: 22px;
    text-align: center;
    }
.event-organiser > span,.market-vendor > span {
    display: block;
    }
.event-organiser-name,.market-vendor-name {
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px;
    }

/* Events */

/* Posting */
#message-box {
    margin: 0 180px 0 0;
    }
@media (max-width: 750px) {
    #message-box {
    margin: 0;
    }
}
#message-box textarea {
    width: 100% !important;
    }
#textarea_content {
    margin: 0;
    overflow: hidden;
    text-align: left !important;
    width: 100% !important;
    }
.sceditor-container {
    background-color: transparent !important;
    border-color: rgba(0, 0, 0, 0.25) !important;
    border-radius: 3px !important;
    border-style: solid !important;
    border-width: 0 0 1px !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06) !important;
    clear: both;
    margin: 0 0 11px !important;
    transition: none;
    width: 100% !important;
    }
.sceditor-container iframe,.sceditor-container textarea {
    background-color: transparent !important;
    font-family: Open Sans, Arial, sans-serif;
     !important;
    margin: 0 !important;
    padding: 22px 0 !important;
    min-height: 350px;
    }
.sceditor-container textarea {
    transition: none;
    }
.sceditor-toolbar {
    background-color: transparent !important;
    border-color: transparent !important;
    margin: 0 !important;
    padding: 0 4px 3px !important;
    text-align: left;
    width: 100%;
    }
.sceditor-group {
    background-color: #F5F5F5 !important;
    border-color: #EBEBEB !important;
    border-radius: 3px !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin: 3px 7px 0 -4px !important;
    padding: 0 !important;
    }
.sceditor-button {
    height: auto !important;
    padding: 6px !important;
    width: auto !important;
    }
.sceditor-button.active, .sceditor-button:active, .sceditor-button:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.15) inset !important;
    background-color: transparent !important;
    }
.sceditor-button.hover {
    box-shadow: 0 0 36px rgba(0, 0, 0, 0.15) inset !important;
    background-color: transparent !important;
    }
#sceditor_smilies {
    background-color: transparent;
    }
#sce_smilies_body {
    background-color: transparent;
    background-image: none;
    margin: 0 !important;
    min-width: 1px !important;
    }
#smiley-box, .smile-status-box {
    border-radius: 3px;
    float: right;
    width: 162px;
    }
@media (max-width: 750px) {
    #smiley-box, .smile-status-box {
    width: 100%;
    }
}
#smiley-box.sig, .smile-status-box.sig {
    margin-top: 15px;
    }
#smiley-box-wysiwyg {
    float: left;
    margin: 25px 0px 0px 15px;
    width: 20%;
    }
* html #smiley-box-wysiwyg {
    margin: 25px 3px 0px 0px;
    }
* + html #smiley-box-wysiwyg {
    margin: 25px 3px 0px 0px;
    }
#smiley-box iframe, .smile-status-box iframe {
    border: none;
    overflow: auto;
    height: 300px;
    width: 100%;
    height: 280px;
    }
@media (max-width: 750px) {
    #smiley-box iframe, .smile-status-box iframe {
    height: auto;
    }
}
#smiley-box-wysiwyg iframe {
    border: none;
    overflow: auto;
    height: 300px;
    width: 100%;
    height: 280px;
    }
.smiley-element img {
    margin: 0px 15px 10px 0px;
    }
#smileyContainer object {
    width: 100%;
    }
.block-review .block-content {
    padding-bottom: 12px;
    }
.block-review-header {
    margin-bottom: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #DCDCDC;
    }
.block-review-header h2 {
    font-size: 13px;
    font-weight: 400;
    float: right;
    }

/* Posting */

/* Boxes */
.box {
    margin-bottom: 24px;
    font-size: 13px;
    }
.box-head {
    border-radius: 3px;
    color: inherit;
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    font-family: inherit;
    margin: 0;
    padding: 16px;
    background-color: #263238;
    color: #FFF;
    border-bottom: none;
    }
.box-head i {
    font-size: 16px;
    vertical-align: -3px;
    }
.box-head i + span {
    margin-left: 8px;
    }
#portal-middle .box-head {
    background-color: #1E88E5;
    }
.box-head a {
    color: #ffffff;
    }
.box-body {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    margin-top: 6px;
    padding: 10px;
    overflow: hidden;
    }
.box-foot {
    background-color: #F5F5F5;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    display: block;
    margin: 6px 0 0;
    padding: 16px;
    text-align: center;
    }
.box ul, .box ol {
    padding-left: 40px;
    }
.box ul {
    list-style-type: disc;
    }
.box span.corners-top, .box span.corners-bottom {
    margin: 0 -10px;
    }
.box h3 {
    margin: 0.5em 0;
    color: #FFF;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
    }
* html .box h3 {
    height: 1%;
    }
* + html .box h3 {
    min-height: 1px;
    }
.box dl.details dt {

/*width: 10em;
    */
text-align: left;
    margin-left: 5px;
    }
.box dl.details dd {
    margin-left: 0px;
    }
.box-gallery a {
    display: block;
    }
.box-gallery .box-gallery-title {
    font-weight: 600;
    margin-bottom: 16px;
    }
.box-gallery .box-body div {
    text-align: center;
    }
.box-gallery img {
    display: inline-block;
    }
.box-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
.box-list a {
    display: block;
    margin: 0 -16px;
    padding: 8px 16px;
    }
.box-list i {
    font-size: 18px;
    vertical-align: -4px;
    }
.box-list i + span {
    margin-left: 6px;
    }
.box-calendar table {
    text-align: center;
    width: 100%;
    }
.box-calendar tr:first-child th {
    text-align: left !important;
    transform: rotate(90deg);
    }
#calendar-block .block-content dl{
    display: block;
    margin : 10px 0;
    }
#calendar-block .block-content dt, #calendar-block .block-content dd, #calendar-block .block-content a{
    display: inline-block;
    vertical-align: top;
    }
#calendar-block .block-content dt{
    width: 40%;
    }
#calendar-block .block-content dd input, #calendar-block .block-content dd .select{
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    }

/* Mod login begin */
.mod-login-avatar {
    text-align: center;
    }
.mod-login-avatar img {
    border-radius: 120px;
    border: 3px solid #FFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
    width: 120px;
    height: 120px;
    }
.mod-login-rank {
    font-weight: 500;
    text-align: center;
    }
.mod-login {
    margin-top: 18px;
    text-align: center;
    }
.mod-login dt {
    font-weight: 500;
    margin-right: 6px;
    }
.mod-login dt,.mod-login dd {
    display: inline;
    }
.mod-login dd:after {
    clear: both;
    content: "";
    display: block;
    }

/* Mod login end */
.module table.mod-top-posters {
    table-layout: fixed;
    }
.module .fields1 dd {
    margin-left: 0;
    }
.module-table {
    margin: -18px;
    }
.module-table table {
    border-collapse: collapse;
    width: 100%;
    }
.module-table td {
    padding: 6px 18px;
    }
.module-table i {
    font-size: 24px;
    margin-right: 9px;
    vertical-align: -4px;
    }
.mod-top {
    text-align: center;
    }
.mod-top.small .mod-top-row .mod-top-bar {
    background-color: rgba(0, 0, 0, 0.05);
    height: 3px;
    line-height: 3px;
    }
.mod-top.small .mod-top-row:nth-child(n+4) .mod-top-bar {
    height: 3px;
    line-height: 3px;
    margin: 0 auto;
    width: 75%;
    }
.mod-top.small .mod-top-row:nth-child(n+4) .mod-top-desc {
    height: 3px;
    }
.mod-top-row {
    padding: 0 18px 3px;
    }
.mod-top-row .gensmall {
    border: none;
    clear: both;
    display: inline;
    font-size: inherit;
    margin-bottom: 0;
    width: auto;
    }
.mod-top-row .mod-top-bar {
    background-color: #666E74;
    color: #FFF;
    border-radius: 3px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    position: relative;
    }
.mod-top-row .mod-top-pct {
    background-color: #1E88E5;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    }
.mod-top-row .mod-top-desc {
    bottom: 0;
    font-size: 11px;
    height: 24px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    }
.mod-top-row:first-child {
    padding: 9px 18px 3px;
    }
.mod-top-row:last-child {
    padding: 0 18px 18px;
    }
.mod-top-row:nth-child(n+4) .mod-top-bar {
    height: 18px;
    line-height: 18px;
    margin: 0 auto;
    width: 75%;
    }
.mod-top-row:nth-child(n+4) .mod-top-desc {
    height: 18px;
    }
.mod-top-row:nth-child(3) {
    padding: 0 18px 18px;
    }
.mod-top-row:nth-child(4) {
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px 0 0;
    padding: 9px 18px 3px;
    }
.module-top-poster {
    margin: -18px;
    text-align: center;
    }
.module-top-poster > div .row1:first-child,.module-top-poster > div .row2:first-child {
    padding: 6px 18px 0;
    margin: 0 0 -8px;
    }
.module-top-poster > div .row1:last-child,.module-top-poster > div .row2:last-child {
    padding: 0 18px 6px;
    }
.module-top-poster > div:first-child .row1:first-child,.module-top-poster > div:first-child .row2:first-child {
    padding: 18px 18px 0;
    }
.module-top-poster > div:last-child .row1:last-child,.module-top-poster > div:last-child .row2:last-child {
    padding: 0 18px 18px;
    }
.mod-news {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    font-size: 13px;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px;
    }
.mod-news .h3 {
    color: inherit;
    border: none;
    float: left;
    font-family: inherit;
    font-size: 27px;
    font-weight: 300;
    line-height: 0.7778;
    text-transform: none;
    margin: 10px 0 0;
    padding: 0;
    word-break: break-all;
    }
.mod-news-header {
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0 0 1px;
    margin-bottom: 18px;
    overflow: hidden;
    padding-bottom: 3px;
    }
.mod-news-info {
    float: right;
    margin-top: 16px;
    }
.mod-news-author {
    margin-left: 9px;
    }
.mod-news-footer {
    background-color: #FFF;
    border-color: #EBEBEB;
    border-radius: 0 0 3px 3px;
    border-style: solid;
    border-width: 1px 0 0;
    display: block;
    margin: 18px -18px -18px;
    overflow: hidden;
    padding: 9px 18px;
    }
.mod-news-footer .rightside {
    float: right;
    }
.mod-news-footer .comments-num {
    display: inline-block;
    margin: 6px 0;
    }
.mod-news-footer .comments-num i {
    font-size: 21px;
    }
.mod-news-footer .read-more {
    padding: 9px 12px 9px 18px;
    }
.mod-news-footer .read-more i {
    margin-right: 0;
    }
.mod-news-footer .read-more span {
    margin-left: 6px;
    }
.mod-stats-users,.mod-stats-user,.mod-stats-posts,.mod-stats-topics {
    display: block;
    text-align: center;
    }
.mod-stats-users strong,.mod-stats-user strong,.mod-stats-posts strong,.mod-stats-topics strong {
    font-size: 18px;
    }
.mod-stats-user {
    background-color: rgba(0, 0, 0, 0.05);
    margin: 9px -18px;
    padding: 9px 18px;
    }
.mod-stats-user strong {
    display: block;
    }
.mod-poll-question {
    border-color: #EBEBEB;
    border-style: solid;
    border-width: 0 0 1px;
    font-weight: 500;
    margin-bottom: 9px;
    text-align: center;
    }
.mod-poll-body-ballot {
    margin: 0 -18px;
    }
.mod-poll-ballot-opt {
    padding: 6px 18px;
    }
.mod-poll-ballot-opt:nth-child(even) {
    background-color: #F5F5F5;
    }
.mod-poll-ballot-opt label {
    margin-right: 0;
    }
.mod-poll-ballot-opt input {
    float: right;
    margin-left: 9px;
    }
.mod-poll-opt {
    background-color: #666E74;
    color: #FFF;
    border-radius: 3px;
    font-size: 11px;
    line-height: 24px;
    margin: 0;
    max-height: 24px;
    min-height: 24px;
    overflow: hidden;
    padding: 0;
    position: relative;
    }
.mod-poll-opt:hover {
    max-height: 96px;
    }
.mod-poll-opt:after {
    clear: both;
    content: "";
    display: block;
    }
.mod-poll-opt + .mod-poll-opt {
    margin-top: 9px;
    }
.mod-poll-answer {
    float: left;
    margin-left: 6px;
    max-width: 60%;
    position: relative;
    word-break: break-all;
    z-index: 1;
    }
.mod-poll-result {
    float: right;
    margin-right: 6px;
    position: relative;
    z-index: 1;
    }
.mod-poll-bar {
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #1E88E5;
    }
.block-topics .block-content {
    padding: 11px 16px;
    }
.block-topics .block-topics-icon {
    background-color: #B2B2B2;
    border-radius: 16px;
    color: #FFF;
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 16px;
    margin-top: 6px;
    text-align: center;
    width: 32px;
    }
.block-topics .block-topics-icon i {
    font-size: 16px;
    vertical-align: -4px;
    }
.block-topics .block-topics-content {
    margin-left: 48px;
    }
.block-topics .block-topics-details {
    float: left;
    padding-right: 22px;
    width: 66.6666%;
    }
.block-topics .block-topics-lastpost {
    border-top: 1px solid #EBEBEB;
    margin-top: 6px;
    padding-top: 6px;
    }
.block-topics .block-topics-rightside {
    float: left;
    width: 33.3333%;
    }
.block-topics .block-topics-category {
    background-color: #263238;
    color: #FFFFFF;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 0 11px;
    float: right;
    font-size: 13px;
    line-height: 22px;
    width: auto;
    }
.block-topics .block-topics-posts,.block-topics .block-topics-views {
    float: left;
    width: 50%;
    text-align: right;
    line-height: 28px;
    margin-top: 22px;
    }
.block-topics .block-topics-posts i,.block-topics .block-topics-views i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 21px;
    margin-left: 11px;
    }
.block-topics h2 {
    color: #263238;
    float: left;
    font-size: 16px;
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    }
.block-topics .gensmall {
    border: none;
    clear: none;
    display: inline;
    margin: 0;
    width: auto;
    }
@media (max-width: 660px) {
    .block-topics .block-content {
    position: relative;
    }
.block-topics .block-topics-details {
    padding-right: 0;
    width: 100%;
    }
.block-topics .block-topics-author {
    line-height: 22px;
    }
.block-topics .block-topics-rightside {
    width: 100%;
    }
.block-topics .block-topics-category {
    top: 34px;
    position: absolute;
    right: 16px;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
.block-topics .block-topics-posts,.block-topics .block-topics-views {
    margin-top: 3px;
    width: auto;
    }
.block-topics .block-topics-views {
    margin-left: 22px;
    }
}
.block-blogrow .block-content > h2 {
    text-align: left;
    }
.block-blogrow-comments + .block-blogrow-views {
    margin-left: 22px;
    }
.block-post .block-content > h2 {
    text-align: left;
    }
.block-post-avatar {
    float: left;
    }
.block-post-footer-details {
    float: left;
    margin-left: 16px;
    }
.block-pm .block-content h2 img {
    float: right;
    }
.block-comment .avatar-default {
    float: left;
    }
.block-comment .avatar-default img {
    height: 50px;
    width: 50px;
    }
.block-ptrafic .block-header span {
    margin-left: 8px;
    }
.block-ptrafic .block-content a {
    display: inline-block;
    margin-bottom: 6px;
    }
.block-ptrafic .block-content i {
    color: rgba(0, 0, 0, 0.22);
    font-size: 21px;
    margin-right: 11px;
    }
.comments-title {
    display: block;
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 16px;
    }
.block-comment-author + .block-comment-time {
    margin-left: 22px;
    }
.block-post-details,.block-comment-details {
    float: left;
    }
.friend-block {
    clear: both;
    margin-bottom: 11px;
    overflow: hidden;
    }
.friend-block .avatar-default {
    float: left;
    margin-right: 11px;
    }
.friend-block .friend-details a {
    display: block;
    }
.friend-block-big {
    margin-bottom: 11px;
    }
.friend-block-big .avatar-big {
    float: left;
    margin-right: 22px;
    }
.friend-block-big .avatar-big img {
    max-width: 100% !important;
    height: 64px;
    width: 64px;
    }
.friend-block-big .friend-header {
    margin-bottom: 11px;
    }
.friend-block-big .friend-details {
    margin-bottom: 11px;
    }
.friend-block-big .friend-footer {
    list-style: none;
    }
.friend-block-big .friend-buttons {
    list-style: none;
    float: right;
    margin: 0;
    }
.friend-block-big .friend-buttons li {
    display: inline-block;
    margin: 0 0 0 11px;
    }
.friend-block-big + .friend-block-big:before {
    display: block;
    clear: both;
    content: "";
    margin: 11px 0;
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
    }

/* Gallery */
.block-gallery > a {
    display: block;
    text-align: center;
    }
.block-gallery > a img {
    border: none !important;
    display: inline-block;
    height: 100%;
    padding: 0 !important;
    width: auto;
    }
.block-gallery-title {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    }
.block-gallery-title a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.block-gallery-description {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.gallery-image {
    margin-bottom: 22px;
    text-align: center;
    }
.gallery-image-description {
    margin-bottom: 22px;
    }
.quick-options {
    line-height: 36px;
    text-align: center;
    }
.quick-options.quick-options-left {
    text-align: left;
    }
.quick-options.quick-options-left .option {
    margin: 0 22px 0 0;
    }
.quick-options .option {
    display: inline-block;
    margin: 0 11px;
    }
.quick-options .option > * {
    clear: none;
    display: inline-block;
    width: auto;
    }
.quick-options .option-title {
    margin-right: 11px;
    }
.quick-nav {
    clear: both;
    display: block;
    margin: 22px 0;
    text-align: center;
    }
.quick-nav-left {
    float: left;
    }
.quick-nav-center {
    display: inline-block;
    }
.quick-nav-right {
    float: right;
    }
.gallery-nav-items {
    text-align: center;
    }
.gallery-nav-items a {
    display: inline-block;
    }
.gallery-nav-items img {
    border: none !important;
    display: inline-block;
    }
.gallery-nav-items .gallery {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-bottom: 22px;
    padding: 12px 16px 8px;
    }
@media (max-width: 960px) {
    .gallery-nav-items {
    display: block;
    }
.gallery-nav-items .grid-5 {
    width: 50%;
    }
.gallery-nav-items .grid-5:nth-child(3) {
    opacity: 0.5;
    width: 100%;
    }
}
.profile-icons {
    float: right;
    list-style: none;
    }
.profile-icons li {
    display: block;
    float: left;
    margin-left: 11px;
    }
.profile-icons a,.profile-icons span {
    color: rgba(0, 0, 0, 0.66);
    border-radius: 3px;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 36px;
    height: 36px;
    }
.profile-icons img {
    vertical-align: middle;
    }
.profile-icons i {
    font-size: 18px;
    }
.profile-icons i + i {
    margin-left: -8px;
    }
.profile-icons .selected {
    color: #1E88E5 !important;
    }
.action-bar {
    background-color: #263238;
    color: #ffffff;
    border-radius: 3px;
    clear: both;
    display: block;
    list-style: none;
    margin: 0;
    padding: 12px 16px 0;
    }
.action-bar li {
    float: left;
    margin-bottom: 13px;
    margin-left: 0;
    margin-right: 22px;
    }
.action-bar li.rightside {
    float: right;
    margin-left: 22px;
    margin-right: 0;
    }
.action-bar i {
    color: rgba(255, 255, 255, 0.55);
    vertical-align: -6px;
    font-size: 21px;
    margin: -2px 3px -2px 0;
    }
.action-bar a, .action-bar a:hover i {
    color: #ffffff;
    }
.action-bar + .block {
    margin-top: 22px;
    }
.action-bar-top {
    margin-bottom: 22px;
    }
.action-bar-bottom {
    margin-top: 22px;
    }
.action-bar-gallery img {
    display: none;
    }
.mobile-show {
    display: none;
    }
@media (max-width: 960px) {
    .mobile-show {
    display: block;
    }
}
@media (max-width: 960px) {
    .mobile-hide {
    display: none;
    }
}
.dropdown {
    cursor: pointer;
    position: relative;
    }
.dropdown-box {
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22), 0 3px 1px -2px rgba(0, 0, 0, 0.44), 0 1px 5px 0 rgba(0, 0, 0, 0.22);
    color: #263238;
    border-radius: 3px;
    display: none;
    left: 0;
    list-style: none;
    margin: 3px 0 0;
    padding: 8px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    line-height: 1.4;
    z-index: 700;
    }
.dropdown-box li {
    padding: 8px 22px;
    }
.dropdown-box li a {
    margin: -8px -22px;
    }
.dropdown-box a {
    color: #263238;
    display: block;
    min-width: 200px;
    padding: 8px 22px;
    }
.dropdown-box a:hover {
    background-color: #F0F0F0;
    }
.dropdown-box .activetab a {
    color: #1E88E5;
    font-weight: 700;
    }
.dropdown-visible {
    display: block;
    }
.select-wrap,.jumpbox-wrap,.quickmod-wrap {
    display: block;
    max-width: 100%;
    margin-bottom: 20px;
    }
.select-wrap select,.select-wrap input,.jumpbox-wrap select,.jumpbox-wrap input,.quickmod-wrap select,.quickmod-wrap input {
    background-color: #F5F5F5;
    border-radius: 3px !important;
    display: inline-block;
    margin-top: 8px;
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    min-width: 70px;
    width: auto;
    }
.select-wrap select,.jumpbox-wrap select,.quickmod-wrap select {
    background-color: #F5F5F5;
    border-color: #DCDCDC;
    border-style: solid;
    border-width: 2px;
    margin-right: 11px;
    padding-left: 11px;
    padding-right: 22px;
    }
.select-wrap select:hover,.jumpbox-wrap select:hover,.quickmod-wrap select:hover {
    border-color: #1E88E5;
    }
.select-wrap input,.jumpbox-wrap input,.quickmod-wrap input {
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    color: #FFF;
    cursor: pointer;
    }
.select-wrap input:hover,.jumpbox-wrap input:hover,.quickmod-wrap input:hover {
    filter: brightness(90%);
    -ms-filter: brightness(90%);
    -webkit-filter: brightness(90%);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 5px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
    color: #FFFFFF;
    }
.select-wrap .select,.jumpbox-wrap .select,.quickmod-wrap .select {
    display: inline-block;
    margin-bottom: 11px;
    margin-right: 11px;
    margin-top: 8px;
    width: auto;
    }
.select-wrap .select select,.jumpbox-wrap .select select,.quickmod-wrap .select select {
    margin-bottom: 11px;
    margin-right: 0;
    margin-top: 0;
    }
.topic-actions.bottom {
    margin-top: -11px;
    }
.topic-actions.bottom .topic-actions-buttons > div,.topic-actions.bottom .topic-actions-buttons > a,.topic-actions.bottom .topic-actions-buttons > span {
    margin-bottom: 22px;
    }
.topic-actions-buttons > div,.topic-actions-buttons > a,.topic-actions-buttons > span {
    display: inline-block;
    margin-bottom: 11px;
    margin-right: 22px;
    vertical-align: top;
    line-height: 21px;
    }
.topic-actions-buttons i {
    vertical-align: -6px;
    font-size: 21px;
    color: rgba(0, 0, 0, 0.44);
    }
.topic-actions-buttons a:hover i {
    color: inherit;
    }
.plus-menu-wrap {
    position: relative;
    }
.plus-menu-wrap br {
    display: none;
    }
.s-type-toggle {
    margin-bottom: 22px;
    }
.s-type-toggle label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 11px;
    }
.s-type-toggle input {
    vertical-align: -2px;
    }
.topic-admin {
    margin-bottom: 22px;
    }
#unread_notif {
    background-color: #CD5C5C;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.44), 0 0 1px rgba(0, 0, 0, 0.88);
    position: absolute;
    left: 35px;
    height: 18px;
    top: 15px;
    line-height: 18px;
    padding: 0 4px;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
    }
#unread_notif_menu {
    border-radius: 3px;
    background-color: #CD5C5C;
    padding: 0 4px;
    margin-right: 5px;
    font-size: 13px;
    }
.footer-to-top a {
    color: #FFF;
    display: block;
    border-radius: 3px;
    background-color: #1E88E5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22), 0 3px 1px -2px rgba(0, 0, 0, 0.44), 0 1px 5px 0 rgba(0, 0, 0, 0.22);
    height: 36px;
    width: 36px;
    line-height: 36px;
    overflow: hidden;
    text-indent: 0.5px;
    text-align: center;
    margin-top: -9px;
    margin-bottom: -9px;
    }
.footer-to-top a:hover i {
    animation: to-top 0.44s ease-in-out;
    }
.footer-to-top i {
    vertical-align: -7px;
    }
#calendar-my {
    margin-bottom: 22px;
    }
.calendar ul {
    list-style: none;
    }
.calendar-day-row {
    display: block;
    float: left;
    padding: 0 3px;
    }
@media (max-width: 960px) {
    .calendar-day-row {
    display: none;
    }
}
.calendar-row {
    display: block;
    }
.calendar-row > div {
    float: left;
    }
.calendar-head {
    border-radius: 3px;
    color: inherit;
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    font-family: inherit;
    margin: 0;
    padding: 16px;
    background-color: #263238;
    color: #FFF;
    }
.calendar-cell-wrap {
    padding: 0 3px;
    }
@media (max-width: 960px) {
    .calendar-cell-spacer {
    display: none;
    }
.calendar-cell-wrap {
    width: 100% !important;
    }
}
.calendar-cell {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    margin-top: 6px;
    padding: 16px;
    overflow: hidden;
    }
#privmsgs-menu li {
    color: #1E88E5;
    font-weight: 700;
    }
#privmsgs-menu a {
    color: #263238;
    font-weight: 400;
    }
#tabs,.tabs {
    margin-bottom: 24px;
    }
#tabs ul,.tabs ul {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    }
#tabs li,.tabs li {
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 15px 10px;
    }
#tabs li a,.tabs li a {
    color: #263238;
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    }
#tabs li:hover,.tabs li:hover {
    background-color: #F0F0F0;
    }
#tabs .activetab a,.tabs .activetab a {
    color: #1E88E5;
    font-weight: 700;
    }
#cp-main {
    margin-left: 277px;
    }
.ucp-inner {
    float: left;
    width: 100%;
    }
.forumline,.table1 {
    border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 22px;
    width: 100%;
    }
.forumline thead th,.table1 thead th {
    background-color: #F5F5F5;
    }
.forumline thead th:first-child,.table1 thead th:first-child {
    border-radius: 3px 0 0 0;
    }
.forumline thead th:last-child,.table1 thead th:last-child {
    border-radius: 0 3px 0 0;
    }
.forumline tbody tr,.table1 tbody tr {
    background-color: #FFF;
    }
.forumline tbody tr:last-child td:first-child,.table1 tbody tr:last-child td:first-child {
    border-radius: 0 0 0 3px;
    }
.forumline tbody tr:last-child td:last-child,.table1 tbody tr:last-child td:last-child {
    border-radius: 0 0 3px 0;
    }
.forumline th, .forumline td,.table1 th,.table1 td {
    border: 1px solid #EBEBEB;
    padding: 16px;
    position: relative;
    }
.forumline .avatar-mini > a img,.table1 .avatar-mini > a img {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11), 0 0 1px rgba(0, 0, 0, 0.22);
    border-radius: 32px;
    display: block;
    float: left;
    height: 32px;
    margin: -8px 11px -8px -8px;
    width: 32px;
    }
.forumline .avatar-mini > a span,.table1 .avatar-mini > a span {
    display: block;
    float: left;
    }
.forumline img,.table1 img {
    display: block;
    }
.forumline .row3,.table1 .row3 {
    background-color: #263238;
    color: #FFF;
    }
.forumline .button,.table1 .button {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    display: block;
    height: 36px;
    margin-top: 3px;
    width: 100%;
    }
.forumline .stat-bar img,.table1 .stat-bar img {
    display: inline-block;
    }
@media (max-width: 960px) {
    .table1 .avatar-mini > a img {
    margin-top: 0;
    }
}
form[name="go_page"] tbody tr {
    background-color: transparent;
    }
form[name="go_page"] th {
    background-color: #FFFFFF;
    border-radius: 3px 3px 0 0;
    font-size: 13px;
    font-weight: 400;
    padding: 16px 16px 0;
    }
form[name="go_page"] td {
    background-color: #FFFFFF;
    border-radius: 0 0 3px 3px;
    padding: 0 16px 16px;
    }
form[name="go_page"] .bginput {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    height: 36px;
    width: 100%;
    }
form[name="go_page"] .button {
    background-color: #1E88E5;
    cursor: pointer;
    margin: 8px 0 0;
    }
form[name="go_page"] .button:hover {
    filter: brightness(90%);
    -ms-filter: brightness(90%);
    -webkit-filter: brightness(90%);
    }
.memberlist-number {
    font-weight: 600;
    left: 8px;
    position: absolute;
    text-align: center;
    top: 54px;
    width: 32px;
    }
.memberlist-info {
    margin-left: 34px;
    }
.memberlist-info img {
    display: inline-block;
    vertical-align: -6px;
    }
@media (min-width: 961px) {
    .mobile-visible {
    display: none;
    }
}
@media (max-width: 960px) {
    .mobile-hidden {
    display: none;
    }
}
.faq dt {
    font-size: 21px;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 1.5;
    margin: 0 0 11px;
    }
.faq dd {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    }
.faq .faq-answer {
    font-size: 13px;
    font-weight: 400;
    margin-top: -6px;
    }
#chatbox_contextmenu {
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1) !important;
    border-radius: 3px;
    font-size: 11px;
    padding: 11px;
    }
#chatbox_contextmenu .cb-menu-close {
    font-size: 21px !important;
    right: 6px !important;
    top: 0 !important;
    }
#file_browse input ~ input {
    margin-top: 11px;
    }
#fa_ticker_block {
    margin: 0 0 22px !important;
    }
#fa_ticker_block .module {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    box-shadow: none;
    padding: 7px 0 11px;
    }
#fa_ticker * {
    font-size: 13px;
    transition: none;
    }

/* Grid */
.grid {
    margin: 0 -22px;
    }
.grid-small-gaps {
    margin: 0 -11px;
    }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10 {
    float: left;
    }
.grid-1 {
    width: 100%;
    }
.grid .grid-1 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-1 {
    padding: 0 11px;
    }
.grid-2 {
    width: 50%;
    }
.grid .grid-2 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-2 {
    padding: 0 11px;
    }
.grid-3 {
    width: 33.3333333333%;
    }
.grid .grid-3 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-3 {
    padding: 0 11px;
    }
.grid-4 {
    width: 25%;
    }
.grid .grid-4 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-4 {
    padding: 0 11px;
    }
.grid-5 {
    width: 20%;
    }
.grid .grid-5 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-5 {
    padding: 0 11px;
    }
.grid-6 {
    width: 16.6666666667%;
    }
.grid .grid-6 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-6 {
    padding: 0 11px;
    }
.grid-7 {
    width: 14.2857142857%;
    }
.grid .grid-7 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-7 {
    padding: 0 11px;
    }
.grid-8 {
    width: 12.5%;
    }
.grid .grid-8 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-8 {
    padding: 0 11px;
    }
.grid-9 {
    width: 11.1111111111%;
    }
.grid .grid-9 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-9 {
    padding: 0 11px;
    }
.grid-10 {
    width: 10%;
    }
.grid .grid-10 {
    padding: 0 22px;
    }
.grid-small-gaps .grid-10 {
    padding: 0 11px;
    }
@media (max-width: 750px) {
    .grid-3 {
    width: 100%;
    }
}

/* Grid */
#comments_scroll_div {
    margin: -16px;
    padding: 0 16px;
    position: relative;
    }
#comments_scroll_div:after {
    border-radius: 0 0 3px 3px;
    bottom: 0;
    box-shadow: 0 0 16px 9px #FFF inset;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    }
.mod-recent-row + .mod-recent-row {
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 1px 0 0;
    margin-top: 6px;
    padding-top: 3px;
    }
.mod-recent-row i {
    font-size: 21px;
    margin-right: 6px;
    vertical-align: -4px;
    }
.mod-recent-title {
    font-size: 16px;
    }
.mod-recent-info {
    clear: both;
    display: block;
    }
.mod-recent-author {
    display: block;
    }
.module .rslides .rslide-item {
    padding: 0 !important;
    }
.module .rslides .rslide-title {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 9px 0 !important;
    }
.module .rslides li p {
    margin: 0 0 3px;
    }
.module a.rslides_nav {
    border-radius: 30px;
    padding: 9px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
    left: 0 !important;
    right: auto !important;
    }
.module a.rslides_nav + .next {
    left: auto !important;
    right: 0 !important;
    }
.fontbutton, #help-button {
    background-color: #FFF !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    float: left !important;
    line-height: 33px !important;
    height: 33px !important;
    width: 33px !important;
    margin: 6px 11px 0 0 !important;
    }
.fontbutton img, #help-button img {
    max-height: 21px;
    margin-top: 7px;
    width: auto !important;
    }
#divcolor-preview {
    height: 5px !important;
    margin-top: -5px;
    border-radius: 0 0 3px 3px;
    }
#find_username.jqmWindow {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    }

/**** Module social_bookmarking ****/
.mod_bookmarks a img {
    width: 20px;
    height: 20px;
    background: url("https://2img.net/i/fa/social_bookmarking/social_bookmarking_fa.png") no-repeat scroll;
    vertical-align: middle;
    }
.mod_bookmarks img.digg {
    background-position: -10px -47px;
    }
.mod_bookmarks img.delicious {
    background-position: -10px -8px;
    }
.mod_bookmarks img.reddit {
    background-position: -10px -359px;
    }
.mod_bookmarks img.slashdot {
    background-position: -10px -398px;
    }
.mod_bookmarks img.stumbleupon {
    background-position: -10px -476px;
    }
.mod_bookmarks img.furl {
    background-position: -10px -163px;
    }
.mod_bookmarks img.yahoo {
    background-position: -10px -554px;
    }
.mod_bookmarks img.google {
    background-position: -10px -204px;
    }
.mod_bookmarks img.blinklist {
    background-position: -10px -665px;
    }
.mod_bookmarks img.blogmarks {
    background-position: -10px -630px;
    }
.mod_bookmarks img.technorati {
    background-position: -10px -516px;
    }

/**** Module rss_feeds ****/
.mod_rss_feeds a img {
    width: 91px;
    height: 17px;
    background: url("https://2img.net/i/fa/rss_mod/sprite_rss_feeds.png") no-repeat scroll;
    vertical-align: middle;
    padding-bottom: 2px;
    }
.mod_rss_feeds img.yahoo {
    background-position: 0 0;
    }
.mod_rss_feeds img.google-reader {
    background-position: -100px 0;
    }
.mod_rss_feeds img.msn {
    background-position: -199px 0;
    }
.mod_rss_feeds img.aol {
    background-position: -299px 0;
    }
.mod_rss_feeds img.newsgator {
    background-position: -399px 0;
    }
.mod_rss_feeds img.netvibes {
    background-position: -498px 0;
    }
.mod_rss_feeds img.bloglines {
    background-position: -598px 0;
    }
@keyframes to-top {
    0% {
    transform: translate3d(0, 0, 0);
    }
50.5000% {
    transform: translate3d(0, -30px, 0);
    }
50.5001% {
    transform: translate3d(0, 30px, 0);
    }
100% {
    transform: translate3d(0, 0, 0);
    }
}
body {
    height: auto;
    }
html,body.chatbox {
    height: 100%;
    }
#block-online .gensmall {
    border: none;
    display: inline;
    }
.chatbox .block-chat * {
    -webkit-transform: translateZ(0);
    }
.posts-description h3,.posts-description p {
    text-indent: 1px;
    }
.block-error [style="color:red"] {
    color: inherit !important;
    }
.profile-advanced-stats {
    margin-bottom: 4px;
    }
.profile-advanced-stats dt {
    display: block;
    font-weight: 700;
    float: left;
    margin-right: 3px;
    }
.profile-advanced-stats dd {
    display: block;
    }
.profile-field ul {
    list-style: none;
    margin-top: 6px;
    }
.profile-field ul label {
    margin: 0 0 4px;
    }
.posts .pagination {
    margin: 0;
    float: none;
    display: inline-block;
    line-height: 1;
    vertical-align: 1px;
    }
.posts .pagination > a,.posts .pagination > span {
    margin-bottom: 0 !important;
    }
.posts .pagination > a {
    background-color: #263238;
    border-radius: 2px;
    box-shadow: none;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    height: 15px;
    line-height: 15px;
    padding: 0 6px;
    width: auto;
    float: none;
    display: inline-block;
    margin: 0 1px;
    }
.table1 .pagination > span > a {
    height: 15px;
    line-height: 15px;
    width: auto;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 400;
    }
.post-content h2 {
    font-size: 30px;
    font-weight: 400;
    }
.post-content h3 {
    font-size: 22px;
    font-weight: 400;
    }
.post-content h4 {
    font-size: 16px;
    font-weight: 700;
    }
.post-footer {
    background-color: #F5F5F5;
    border-radius: 3px;
    border-top: 1px solid #EBEBEB;
    margin: auto -25px -16px;
    padding: 2px 16px 8px;
    display: none;
    }
.post-footer.likes-active,.post-footer.vote-active {
    display: block;
    }
.vote {
    float: right;
    height: 19px;
    line-height: 19px;
    position: relative;
    margin-top: 11px;
    }
.vote .vote-up,.vote .vote-down {
    display: inline-block;
    vertical-align: 3px;
    }
.vote .vote-up i,.vote .vote-down i {
    font-size: 21px;
    }
.vote .vote-up {
    color: #4CAF50 !important;
    margin-right: 18px;
    }
.vote .vote-up:hover,.vote .vote-up:active {
    color: #4CAF50 !important;
    }
.vote .vote-down {
    color: #F44336 !important;
    }
.vote .vote-down:hover,.vote .vote-down:active {
    color: #F44336 !important;
    }
.vote-bar {
    display: inline-block;
    white-space: nowrap;
    }
.vote-bar-desc {
    font-size: 12px;
    }
.vote-bars,.vote-bar-empty {
    bottom: 0;
    top: -5px;
    overflow: hidden;
    }
.vote-bar-plus,.vote-bar-minus {
    float: right;
    height: 3px;
    }
.vote-bar-plus{
     background-color: #4CAF50;
     }
.vote-bar-minus{
     background-color: #F44336;
     }
.forum-statistics-topics a {
    color: inherit !important;
    }
.block-header a {
    color: inherit;
    }
.forum-description img,.content img,.block-review img {
    max-width: 100%;
    }
.post-content a {
    text-decoration: underline;
    }
#wrap {
    padding: 0 22px !important;
    }
.avatar-gallery .block-content {
    padding: 0;
    height: 150px;
    position: relative;
    overflow: hidden;
    }
.avatar-gallery-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }
.avatar-gallery-img img {
    max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
    max-width: 100%;
    }
.avatar-gallery input {
    opacity: 0;
    }
.avatar-gallery input:checked + .avatar-gallery-img {
    box-shadow: 0 0 66px rgba(0, 0, 0, 0.22) inset;
    }
.avatar-gallery input:checked + .avatar-gallery-img:after {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    content: "check_box";
    position: absolute;
    }
.profile-advanced-stats img {
    max-height: 16px;
    display: inline-block;
    vertical-align: -3.5px;
    }
.main-tooltip .tooltip-title,.main-tooltip .tooltip-subtitle,.main-tooltip .avatar-big {
    display: block;
    text-align: center;
    width: 100%;
    }
.main-tooltip .avatar-big {
    margin-top: 11px;
    }
.post-author-contact-inline {
    list-style: none;
    margin: 6px -3px 0;
    }
.post-author-contact-inline li {
    display: inline-block;
    margin: 0 3px;
    }
hr {
    border-top: 1px solid rgba(0, 0, 0, 0.33);
    clear: both;
    display: block;
    height: 1px;
    margin: 6px 0;
    }
hr + br {
    display: none;
    }
hr.dashed {
    border-top-style: dashed;
    }
div.sceditor-dropdown .button {
    line-height: 1 !important;
    }
div.sceditor-dropdown label {
    margin-bottom: 0 !important;
    }
.mentiontag {
    border-radius: 3px;
    padding: 1px 8px;
    text-decoration: none !important;
    display: inline-block;
    font-size: 13px;
    }
.mentiontag,.mentiontag:visited {
    background-color: #3793ff;
    color: #FFF;
    }
.mentiontag:hover {
    background-color: #263238;
    color: #FFF;
    }
.catHead {
    background-color: #3793ff;
    color: #FFF;
    border-radius: 3px 3px 0 0;
    }
.stat-bar img {
    display: block;
    height: 11px;
    background-color: #FF0000;
    border-radius: 3px;
    }
.stat-bar img:first-child,.stat-bar img:last-child {
    display: none !important;
    }
.forumline thead th, .table1 thead th {
    background-color: #3793ff;
    color: #FFF;
    font-weight: 400;
    }
.forumline thead th a, .table1 thead th a {
    color: #FFF;
    }
.btn,input[type="submit"],input[type="button"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    }
.quick-reply-preview {
    right: 0;
    top: 50px;
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    }
.event-inner .block-p-big {
    font-size: 16px;
    }
#header-banner h2 {
    max-width: 1156px;
    }
.post {
    text-align: initial;
    }
.gallery-image img {
    max-width: 100%;
    }
.page-header h1,.page-header h2,.topic-header h1,.topic-header h2 {
    overflow-wrap: break-word;
    }
.posts-icon,.block-topics-icon {
    position: relative;
    }
.participate-check {
    position: absolute;
    right: -11px;
    top: -6px;
    line-height: 1;
    }
.participate-check i {
    display: inline-block !important;
    color: #3793ff;
    font-size: 16px;
    cursor: default;
    }
#list_dice .single-roll > .label,#list_dice .single-roll > label,#list_dice .single-roll > #dice_to_del {
    display: block;
    float: left;
    margin-right: 11px;
    }
#list_dice .single-roll > label {
    margin-bottom: 0;
    }
#list_dice .single-roll > label input {
    margin-top: 0;
    }
#list_dice .single-roll > #dice_to_del {
    margin-top: 22px;
    }
#list_dice .single-roll {
    float: left;
    display: block;
    padding: 11px;
    margin: 0 16px 4px 0;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    }
#block-online > div i {
    display: inline;
    float: none;
    height: auto;
    line-height: initial;
    margin: 0;
    }
.footer-to-top i {
    line-height: 36px;
    }
.block .block-content.block-gallery {
    height: auto;
    }
.block > .block-gallery .block-footer {
    margin: 12px -16px -8px;
    position: static;
    width: auto;
    }
#fa_ticker_block .module {
    padding: 1px 0 !important;
    }
#fa_ticker_container {
    height: 30px !important;
    }
#fa_ticker {
    height: 36px !important;
    top: -4px !important;
    }
.fa_ticker_content > * {
    height: 36px;
    line-height: 36px;
    }
.topic-icon {
    margin-right: 11px;
    max-height: 22px;
    vertical-align: -3px;
    }
.rpg-view table,.post-content table {
    border-collapse: collapse;
    width: 100%;
    }
.rpg-view td,.post-content td {
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding: 6px 11px;
    }
.post table, .post tr {
    border: none;
    }
.rpg-view .block-dl-default {
    margin: 0 0 22px;
    }
.rpg-view .gensmall,.post-author-rpg .gensmall {
    clear: none;
    border: none;
    display: inline;
    margin: auto;
    max-width: initial;
    width: auto;
    }
.rpg-view .inputbox.tiny {
    display: inline-block;
    margin-right: 11px;
    }
.rpg-view .inputbox.tiny:not(:first-child) {
    margin-left: 11px;
    }
.avatar-big img,.avatar-default img,#header-user img,.avatar-mini img,.cb-avatar img,.mod-login-avatar img {
    background-color: #FFF;
    object-fit: cover;
    }
#breadcrumbs {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    }
.forum-description h3,.posts-description h3 {
    position: relative;
    }
.forum-description h3:after,.posts-description h3:after {
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    box-shadow: 0 0 11px 11px #ffffff;
    width: 5px;
    content: "";
    }
.blog_cal-border {
    border-radius: 3px;
    border-style: solid;
    border-width: 15px 2px 2px;
    display: block;
    float: right;
    font-size: 13px;
    height: 48px;
    line-height: 15px;
    margin: 0 0 0 18px;
    padding: 3px 6px 2px;
    position: relative;
    text-align: center;
    width: 48px;
    }
.blog_cal-border span {
    display: block;
    right: 0;
    position: absolute;
    left: 0;
    }
.blog_cal-day {
    font-size: 18px;
    font-weight: 700;
    top: 14px;
    }
.blog_cal-month {
    line-height: 12px;
    top: 2px;
    }
.blog_cal-year {
    color: #FFF;
    margin-top: -16px;
    top: 3px;
    }
.block-img-effects {
    text-align: left;
    }
.block-img-effects .label-helper {
    margin-top: -12px;
    }
.block-img-effects-ico {
    float: left;
    font-size: 48px !important;
    margin-right: 22px;
    margin-top: 8px;
    }
.radio-wrap .block-img-effects-ico {
    margin-top: 0;
    }
.block-img-effects-ico ~ label {
    line-height: 48px;
    }
.post-author-details dt {
    display: block;
    font-weight: 700;
    float: left;
    margin-right: 5px;
    }
.post-hidden .block-footer {
    background-color: #777;
    border-top-color: #555;
    }
.post-hidden .post-wrap {
    margin: 5px 0;
    }
.block-blogrow-content img {
    max-width: 100%;
    }
.quick-reply-send:hover {
    color: #1E88E5;
    }
#post-0 .post-author-contact,#post-0 .post-buttons-mobile {
    display: none;
    }
@media (max-width: 960px) {
    .post-author-rpg {
    display: none;
    }
.post-header h2 {
    margin-right: 49px;
    }
}
@media (max-width: 500px) {
    .topic-description {
    display: block;
    width: 100%;
    clear: both;
    }
}
#logo-link {
    float: none;
    }
#logo-text h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    }
#main-menu, #main-user-menu, #notif-menu {
    max-width: 350px;
    }
.post-author-contact .dropdown-box {
    max-width: 180px;
    min-width: 0;
    white-space: nowrap;
    }
.post-author-contact .dropdown-box a {
    display: inline-block;
    min-width: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    }
.post-author-contact .dropdown-box img {
    vertical-align: middle;
    }
#notif-menu .contentText {
    padding: 0;
    }
#notif-menu .delete {
    display: block;
    }
#notif-menu ul {
    display: flex;
    flex-direction: column-reverse;
    }
#notif-menu li:first-child {
    margin-top: 0;
    }
#notif-menu li:nth-last-child(2) {
    margin-top: 11px;
    }
#notif-view-all {
    order: -1;
    }
.block-topics-lastpost img {
    vertical-align: -1px;
    }
.pagination > a,.pagination > span {
    margin-bottom: 22px;
    }
.pagination {
    margin-bottom: 0;
    }
.select select {
    padding-right: 22px;
    }
.block-comment .avatar-default + .block-content {
    margin-left: 72px;
    }
.forum-description img {
    margin: 0 11px 11px 0;
    }
.post-buttons .disabled a,.post-buttons .disabled span,.post-buttons-mobile .dropdown-box .disabled a,.post-buttons-mobile .dropdown-box .disabled span {
    background-color: #FDD835 !important;
    color: rgba(0, 0, 0, 0.5);
    }
[data-tooltip] {
    position: relative;
    }
[data-tooltip]:hover::after {
    display: block;
    }
[data-tooltip]::after {
    background-color: rgba(0,0,0,0.9);
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
    color: #FFF;
    content: attr(data-tooltip);
    display: none;
    font-size: 11px;
    font-style: normal;
    height: 23px;
    left: 50%;
    line-height: 23px;
    padding: 0 15px;
    position: absolute;
    top: -30px;
    transform: translateX(-50%);
    white-space: nowrap;
    font-family: Open Sans, Arial, sans-serif;
    }
.hljs {
    padding: 0 !important;
    background-color: transparent !important;
    }
.ui-datepicker-title {
    margin: 0 !important;
    }
.ui-datepicker-title select {
    display: inline-block;
    margin: 0 3px !important;
    }
#breadcrumbs img {
    max-height: 35px;
    margin: -13px 0;
    }
input[type="time"]::-webkit-clear-button {
    margin-right: 11px;
    }
#site_widgets {
    margin-top: 22px;
    }
.chatbox-resize + #site_widgets {
    margin-top: 14px;
    }
#cont_pwd {
    max-width: 300px;
    }
.pwd_img {
    border-width: 2px 0 0;
    border-style: solid;
    margin-top: -12px;
    padding-top: 6px;
    }
#pwd_bad {
    border-color: #CD5C5C;
    color: #CD5C5C;
    }
#pwd_middle {
    border-color: #FBC02D;
    color: #FBC02D;
    }
#pwd_good {
    border-color: #4CAF50;
    color: #4CAF50;
    }
#frmAgreement p {
    margin-bottom: 16px;
    }
#page-desc {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    clear: both;
    display: none;
    line-height: 16px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 12px 16px;
    }
#page-desc.visible {
    display: block;
    }
.page-desc-content {
    margin-right: 32px;
    }
.page-desc-content div {
    float: left;
    max-height: 64px;
    overflow: hidden;
    width: 100%;
    }
#page-desc.expanded .page-desc-content div {
    max-height: none;
    }
.page-desc-btn {
    cursor: pointer;
    display: none;
    float: right;
    height: 24px;
    margin: -4px 0;
    position: relative;
    width: 24px;
    }
.page-desc-btn.visible {
    display: block;
    }
.page-desc-btn i {
    position: absolute;
    }
.page-desc-btn i:first-child {
    opacity: 1;
    }
.page-desc-btn i:last-child {
    opacity: 0;
    }
#page-desc.expanded .page-desc-btn i:first-child {
    opacity: 0;
    }
#page-desc.expanded .page-desc-btn i:last-child {
    opacity: 1;
    }
.fa_toolbar_XL_Sized {
    min-width: 980px;
    width: 100%;
    }
.fa_toolbar_L_Sized {
    min-width: 774px;
    }
.fa_toolbar_M_Sized {
    min-width: 519px;
    }
#fa_toolbar {
    left: 0px;
    height: 42px;
    background-color: #2c353b;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
    z-index: 20002;
    padding: 3px 18px;
    }
#fa_toolbar :link, #fa_toolbar :visited {
    color: #ffffff;
    text-decoration: none;
    }
#fa_toolbar a:hover {
    text-decoration: underline;
    }
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
    border: 1px solid transparent;
    border: none;
    }
.fa_tbMainElement, .fa_tbMainElement a, #fa_show {
    display: inline-block !important;
    vertical-align: middle;
    }
#fa_toolbar #fa_icon {
    display: inline-block !important;
    visibility: visible !important;
    background-repeat: no-repeat;
    background-image: url('https://2img.net/i/fa/i/toolbar/pa0.png');
    background-size: 30px;
    width: 30px;
    height: 30px;
    }
#fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show {
    background-image: url('https://2img.net/i/fa/i/toolbar/toolbar.png');
    width: 30px;
    height: 30px;
    cursor: pointer;
    }
#fa_left {
    display: inline-block !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    line-height: 30px !important;
    }
#fa_icon, #fa_toolbar #fa_service {
    color: #ffffff;
    }
#fa_toolbar #fa_service {
    display: inline-block !important;
    visibility: visible !important;
    text-decoration: none !important;
    }
#fa_toolbar #fa_service:hover[href] {
    text-decoration: underline !important;
    }
#fa_search {
    margin-left: 20px;
    height: 36px;
    position: relative;
    }
#fa_search form {
    margin: 0;
    padding: 0;
    display: inline;
    }
#fa_search #fa_magnifier {
    background-image: none;
    right: 0;
    top: 0;
    text-align: center;
    width: 36px;
    height: 36px;
    font-size: 1.6rem;
    cursor: pointer;
    position: absolute;
    }
#fa_search #fa_magnifier:before {
    content: "\f2f5";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
#fa_search #fa_textarea {
    text-indent: 30px !important;
    width: 200px;
    height: 33px;
    padding: 0px;
    border: 0px;
    margin-top: 0;
    border-radius: 0;
    line-height: 24px;
    background-color: transparent;
    border-bottom: 1px solid #666e74;
    text-indent: 0 !important;
    color: #ffffff;
    }
#fa_share {
    margin-left: 20px;
    font-size: 16px;
    line-height: 30px !important;
    }
#fa_share a {
    display: block;
    float: left;
    font-size: 13px;
    height: 30px !important;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    width: 30px !important;
    border-radius: 3px;
    margin: 0 6px 0 0;
    background-color: #3e464c;
    line-height: 30px;
    background-image: none !important;
    }
#fa_share a:before {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
#fa_share_text {
    cursor: default;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 1.3rem;
    float: left;
    margin-right: 9px;
    }
#fa_fb {
    margin-left: 10px;
    background-position: -60px 0px;
    }
#fa_fb:before {
    content: "\f231";
    }
#fa_fb:hover {
    background-color: #5f84cf;
    color: #ffffff}
#fa_twitter {
    background-position: -90px 0px;
    }
#fa_twitter:before {
    content: "\f243";
    }
#fa_twitter:hover {
    background-color: #1da1f2;
    color: #ffffff}
#fa_gp {
    background-position: -120px 0px;
    }
#fa_gp:before {
    content: "\f235";
    }
#fa_gp:hover {
    background-color: #dd5044;
    color: #ffffff}
#fa_mail {
    background-position: -150px 0px;
    }
#fa_mail:before {
    content: "\f2eb";
    }
#fa_mail:hover {
    background-color: #f8cd33;
    color: #ffffff}
#fa_rss {
    background-position: -180px 0px;
    }
#fa_rss:before {
    content: "\f23d";
    }
#fa_rss:hover {
    background-color: #fb7629;
    color: #ffffff}
#fa_right {
    float: right;
    font-size: 1.3rem;
    }
#fa_right a.rightHeaderLink, #fa_menu #fa_welcome {
    margin-left: 18px;
    margin-top: 3px;
    vertical-align: top;
    line-height: 30px;
    color: #ffffff;
    border-radius: 3px;
    padding: 0 9px;
    }
#fa_right span.rightHeaderLink {
    display: inline-block;
    margin-left: 1px;
    vertical-align: top;
    line-height: 30px;
    color: #ffffff;
    }
#fa_right #fa_notifications {
    line-height: 30px;
    padding: 0px 5px;
    color: #ffffff;
    }
#fa_hide {
    background-position: -210px 0px;
    }
#fa_menu {
    display: inline-block;
    }
#fa_welcome, #fa_menulist {
    direction: ltr;
    }
#fa_right #fa_welcome:hover, #fa_toolbar #fa_right #fa_notifications:hover {
    cursor: pointer;
    }
#fa_right.notification #fa_menu #fa_welcome {
    color: #ffffff;
    }
#fa_right #fa_menu ul, #fa_right.notification #fa_menu ul {
    display: none;
    }
#fa_right.welcome #fa_menu #fa_welcome {
    color: #333333;
    background-color: #ffffff;
    }
#fa_right.welcome #fa_menu ul {
    display: block;
    }
#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    color: #333333;
    background-color: #ffffff;
    }
#fa_toolbar #fa_right .fa_separator {
    width: auto;
    height: 1px;
    margin: 0 -18px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
    }
#fa_toolbar_hidden {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 18px;
    margin-top: -84px;
    background-color: #2c353b !important;
    border-radius: 3px;
    z-index: 20002;
    top: 6px !important;
    }
#fa_show {
    background-position: -240px 0px;
    }
#fa_toolbar #fa_right #fa_notifications #notif_unread {
    display: none;
    margin-left: 0.5em;
    }
#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
    display: inline;
    }
#fa_toolbar #fa_right #notif_list {
    border-radius: 0 0 3px 3px;
    border: none;
    font-size: 1.3rem;
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    z-index: 10000;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 42px;
    }
#fa_toolbar #fa_right.notification #notif_list {
    display: block;
    ;
    }
#fa_toolbar #fa_right #notif_list li {
    margin: 0;
    font-size: 1em;
    padding: 0 18px 9px;
    color: #333333;
    line-height: 1.5;
    display: block;
    }
#fa_toolbar #fa_right #notif_list li .contentText {
    float: left;
    width: 27em;
    height: auto !important;
    overflow: hidden;
    }
#fa_toolbar #fa_right #notif_list li .contentText a {
    color: #00569c !important;
    text-decoration: none !important;
    vertical-align: baseline;

/*max-width: 150px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     */
}
#fa_toolbar #fa_right #notif_list li:first-child {
    padding-top: 18px;
    }
#fa_toolbar #fa_right #notif_list li:first-child hr {
    display: none;
    }
#fa_toolbar #fa_right #notif_list li .content {
    width: 30em;

/*height: 2.4em;
    */
min-height: auto;
    margin: 0;
    display: block;
    overflow: visible;
    vertical-align: top;
    color: inherit !important;
    line-height: inherit !important;
    }
#fa_toolbar #fa_right #notif_list li .content::after {
    clear: both;
    display: block;
    content: "";
    }
#fa_toolbar #fa_right #notif_list li a.delete {
    width: 19px;
    height: 19px;
    text-align: center;
    color: #ff4f42;
    background: transparent none no-repeat -274px 50%;
    float: right;
    }
#fa_toolbar #fa_right #notif_list li a.delete:before {
    content: "\f12a";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 19px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
#fa_toolbar #fa_right #notif_list li hr {
    margin: 0 -18px 9px;
    border: 0 solid rgba(0, 0, 0, 0.1);
    border-top-width: 1px;
    }
#fa_toolbar #fa_right #notif_list li.unread {
    font-weight: bold;
    background-color: #e5e5e5;
    }
#fa_toolbar #fa_right #notif_list li.see_all {
    color: #ffffff;
    font-size: 1.3rem;
    background-color: #333333;
    border-radius: 0 0 3px 3px;
    padding: 12px 18px !important;
    text-align: center;
    }
#fa_toolbar #fa_right #notif_list li.see_all a {
    color: #ffffff;
    width: 100%;
    }
#fa_toolbar #live_notif {
    width: 330px;
    position: absolute;
    }
#fa_toolbar #live_notif .fa_notification {
    background-color: #333333;
    opacity: 0.8;
    border-radius: 5px;
    padding: 10px;
    }
#fa_toolbar #live_notif .fa_notification .content {
    padding-left: 40px;
    display: inline-block;
    background-image: url('https://2img.net/i/fa/notifications/notifications.png');
    background-repeat: no-repeat;
    height: 32px;
    font-size: 11px;
    color: #ffffff;
    overflow: hidden}
#fa_toolbar #live_notif .fa_notification a {
    text-decoration: underline !important;
    vertical-align: baseline;

/*max-width: 150px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     */
}
.fa_fix {
    position: fixed !important;
    position: absolute;

/*ie6 and above*/
top: 0;
    right: 0;
    }
#fa_toolbar .fa_hide {
    display: none !important;
    }
#fa_ranktitle {
    width: 120px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    margin-top: 9px;
    }
#fa_ranktitle:hover {
    text-decoration: none !important;
    color: #333333;
    }
#fa_usermenu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    padding: 18px;
    color: #333333;
    font-size: 1.3rem;
    text-align: center;
    border-radius: 0 0 0 3px;
    background-color: rgba(0, 0, 0, 0.03);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    }
#fa_usermenu table {
    width: 100%;
    }
#fa_usermenu td {
    display: inline-block;
    padding: 0px;
    margin: 0;
    line-height: 1.526;
    }
#fa_usermenu td.first {
    text-align: right;
    }
#fa_usermenu td.bold {
    font-weight: 500;
    text-align: left;
    padding-left: 6px;
    }
#fa_usermenu img {
    width: 120px;
    max-width: 120px;
    max-height: 120px;
    border-radius: 120px;
    border: 3px solid #ffffff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.3);
    }
#fa_menulist {
    background-color: #ffffff;
    line-height: 32px;
    z-index: 10000;
    min-width: 175px;
    width: auto;
    display: none;
    border-radius: 0 0 3px 3px;
    border: none;
    position: absolute;
    list-style-type: none;
    font-size: 1.3rem;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3), 0 0 1px 1px rgba(0, 0, 0, 0.2);
    top: 42px;
    margin: 0px;
    padding: 9px 18px 9px 198px;
    }
#fa_menulist :link, #fa_menulist :visited {
    color: #00569c !important;
    }