.sess_messages {
    margin-bottom: 10px;
}
.sess_messages div {
    line-height: 16px;
    margin-bottom: 2px;
    padding: 10px 10px 10px 30px;
}
.sess_messages .message_info_in_page {
    padding: 10px 15px;
}
.ui_message {
    margin-bottom: 20px;
    padding: 15px;
}
#alert_wrap {
    box-sizing: border-box;
    overflow: hidden;
    width: 320px;
}
#alert_wrap .ui_message {
    margin-bottom: 0;
}
/* Indicators =============================================================== */
.loading-icon {
    display: block;
    height: 16px;
    width: 16px;
}
.is_private, .is_closed {
    cursor: help;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.content_list_item .is_private, .widget_content_list .is_private, .content_list .is_private, .content_list_item .is_closed, .widget_content_list .is_closed {
    height: 14px;
}
.is_online {
    border-radius: 4px;
    display: inline-block;
    font-size: 11px;
    line-height: 15px;
    padding: 1px 6px;
}
/* Misc icons =============================================================== */
.medal-icon-16 {
    height: 32px;
    width: 16px;
}
.medal-icon-32 {
    height: 64px;
    width: 32px;
}
/* Pills Menu =============================================================== */
.pills-menu, .pills-menu li, .pills-menu-small, .pills-menu-small li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pills-menu {
    margin-bottom: 20px;
}
.pills-menu, .pills-menu-small {
    overflow: hidden;
}
.pills-menu li, .pills-menu-small li {
    background-color: #ecf0f1;
    border-radius: 3px;
    float: left;
    padding: 0 10px;
}
.pills-menu li {
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    margin-right: 12px;
}
.pills-menu-small li {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin-right: 6px;
}
/* Tabs Menu =============================================================== */
.tabs-menu {
    clear: both;
    margin-bottom: 20px;
    position: relative;
}
.tabs-menu ul,
.tabs-menu li, ul.field_tabbed, ul.field_tabbed > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-menu > ul {
    clear: both;
    height: 33px;
}
.tabs-menu .tabbed li {
    float: left;
    font-size: 15px;
    margin-right: 3px;
}
.tabs-menu .tabbed li a {
    display:inline-block;
    padding:0 10px;
    height:32px;
    line-height:32px;
}
.tabs-menu .tabbed li.active a, .tabs-menu .tabbed li.active a:hover {
    cursor: default;
    margin: 1px 0 0;
}
.tabs-menu li a .counter {
    border-radius: 8px;
    font-size: 12px;
    margin-top: -15px;
	padding: 2px 7px;
}
.tabs-menu li.more > .item {
    padding-right: 5px;
}
.tabs-menu li.more > .item > span {
    padding-right: 18px;
}
.tabs-menu li.folder > ul {
    float: none;
    margin-left: 1px;
    margin-top: -1px;
    position: absolute;
    visibility: hidden;
    z-index: 1500;
}
.tabs-menu li.folder > ul li {
    border: none;
    float: none;
    width: 100%;
}
.tabs-menu li.folder > ul li a {
    border: none;
    border-radius: 0;
    padding: 0;
    width: 100%;
}
.tabs-menu li.folder > ul li a span {
    padding: 0 10px;
}
.tabs-menu li.folder:hover > ul {
    visibility: visible;
}
.tabs-menu > select {
    display: none;
}
.controller_actions_menu {
    float: right;
    position: relative;

}
#body .controller_actions_menu ul.menu {
    display: none;
    position: absolute;
	right: 0;
    width: 300px;
	z-index: 1;
}
#body .controller_actions_menu ul.menu li {
    line-height: 16px;
	padding: 3px 0;
}
.group_menu_title {
    border-radius: 2px;
    cursor: pointer;
    display: block;
	padding: 11px 39px 11px 16px;
}
.group_menu_title:hover, #body .controller_actions_menu > input:checked + .group_menu_title {
    border-radius: 2px 2px 0 0;
}
.controller_actions_menu > input { display:none; }
#body .controller_actions_menu > input:checked + label + ul.menu {
    display: block;
}
#body section .list_actions_menu .menu a {
	font-size: 14px;
    padding: 4px 10px;
}
.list_actions_menu .group_menu_title {
    display: block;
    height: 28px;
    margin: 0 0 0 10px;
	padding: 0;
	width: 38px;
}
/* Panels =================================================================== */
.gui-panel {
    box-sizing: border-box;
    clear: both;
    margin: 20px 0;
    padding: 15px;
}
.gui-panel h3 {
    margin-bottom: 5px;
    margin-top: 0;
}
.filter-panel {
    padding: 0;
}
.filter-panel .filter-link a {
    display: block;
    padding: 7px 5px 7px 10px;
    text-decoration: none;
}
.filter-panel .filter-link a span {
    padding-left: 20px;
}
.filter-panel .filter-container {
    box-sizing: border-box;
    clear: both;
    padding: 15px;
    position: relative;
}
.filter-close {
    font-size: 0.9em;
    line-height: 0.9em;
    position: absolute;
    right: 9px;
    top: 6px;
}
.filter-panel .fields {
    box-sizing: border-box;
    clear: both;
}
.filter-panel .fields .title {
    margin-bottom: 3px;
}
.filter-panel .input, .filter-panel select {
    margin: 0;
}
.filter-panel select {
    padding: 3px 4px;
}
.filter-panel .fields .field {
    box-sizing: border-box;
    margin-bottom: 15px;
    min-height: 50px;
    width: 49%;
}
.filter-panel .fields .field:nth-child(2n) {
    float: right;
}
.filter-panel .fields .field:nth-child(2n+1) {
    float: left;
}
.filter-panel .input_checkbox_list {
    overflow: hidden;
}
.filter-panel .input_checkbox_list label {
    float: left;
    font-size: 12px;
    margin-right: 5px;
}
.filter-panel .buttons {
    clear: both;
    margin-top: 5px;
    overflow: hidden;
	position: relative;
}
.filter-panel .spinner { display: none;}
.filter-panel .buttons .button-submit {
    float: left;
    padding: 8px 15px;
	transition: all ease-in-out .2s;
}
.filter-panel .buttons .link {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

/* Lists ==================================================================== */
.striped-list .item {
	box-sizing: border-box;
    clear: both;
	display: inline-block;
    overflow: hidden;
    padding: 10px 0;
	width: 100%;
}
.striped-list .item:last-child {
    border: none;
}
#users_profiles_list.striped-list .item {
    overflow: visible;
}
.striped-list .item .position, .striped-list .item .icon, .striped-list .item .title, .striped-list .item .title-multiline, .striped-list .item .actions {
    float: left;
    margin-right: 15px;
	position: relative;
}
.striped-list .item .icon img,
#wall_widget #entries_list .entry .body .avatar img,
.user_avatar img,
#comments_list .comment .body .avatar img {
    display: block;
}
.striped-list .item .position {
    text-align: center;
}
.striped-list .item .actions {
    float: right;
    margin-right: 0;
}
.striped-list .item .actions:before {
	border-radius: 2px;
	content: attr(data-notice_title);
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
}
.striped-list.list-16 .item {
    line-height: 16px;
    min-height: 16px;
}
.striped-list.list-32 .item {
    line-height: 32px;
    min-height: 32px;
}
.striped-list.list-48 .item {
    line-height: 48px;
    min-height: 48px;
}
.striped-list.list-64 .item {
    line-height: 64px;
    min-height: 64px;
}
.striped-list.list-32 .item .position {
    height: 32px;
    width: 16px;
}
.striped-list.list-64 .item .position {
    height: 64px;
    width: 32px;
}
.striped-list .item .title-multiline {
    float: none;
    line-height: 16px;
    padding-left: 45px;
}
.striped-list .rate_value {
    cursor: help;
    padding: 5px 10px;
    text-align: center;
    width: 40px;
}
/* Pagination =============================================================== */
.pagebar {
    clear: both;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.pagebar_title {
    margin: 5px;
}
.pagebar_page {
    margin: 2px;
    padding: 6px;
}
.pagebar_current {
    margin: 3px;
    padding: 6px;
}
.pagebar_nav {
    margin-right: 15px;
}
.pagebar_nav .pagebar_page:first-child {
    margin-left: 0;
    margin-right: 5px;
}
.pagebar_nav .pagebar_page {
    padding: 6px 0;
}
.pagebar_notice {
    display: inline-block;
    font-size: 12px;
    margin-left: 20px;
}
.show-more {
	background-position: center center;
	box-sizing: border-box;
	display: block;
	height: 26px;
    line-height: 12px;
    margin: 17px 0 20px 0;
	padding: 7px;
    position: relative;
	text-align: center;
    text-decoration: none;
}
#user_profile_tab_content .show-more {
    margin-bottom: 0;
}
.show-more.show_spinner > span{
    display: none;
}
.show-more .spinner {
    display: none;
}
.show-more.show_spinner .spinner {
    display: block;
    margin-top: 0px;
}
.show-more.show_spinner:hover{
    background-color: inherit;
}
.nyroModalData .show-more {
    height: auto;
    margin: 0;
    padding: 10px 0;
}


/* Forms and Inputs ========================================================= */
form .field {
    margin-bottom: 6px;
}
form .field:last-child {
    margin-bottom: 0;
}
form fieldset {
    margin-bottom: 12px;
    padding: 10px 15px 15px;
}
form fieldset legend {
    font-weight: 700;
}
form .label {
    padding: 5px 0;
}
form .field label {
    display: block;
    font-size: 14px;
    padding: 3px 0;
}
form .field label > input[type=checkbox] {
	bottom: -1.3px;
    position: relative;
}
.filter-panel form .field label > input[type=checkbox] {
    bottom: -1.5px;
}
form .field_error .error_text {
    float: right;
    font-size: 12px;
    margin-top: 8px;
}
form #f_slug.field_error .error_text {
    float: none;
}
.input {
    line-height: normal;
}
.input, .date-input, .city-input, .textarea, select {
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    height: 27px;
    line-height: 25px;
    outline: none;
    padding: 4px;
    transition: box-shadow 0.15s ease-in-out 0s;
}
.input, .textarea, select {
    width: 100%;
}
.textarea {
    height: 200px;
    resize: vertical;
}
.date-input {
    width: 90px;
}
.input-small {
    width: 65px !important;
}
.input-number {
    width: 110px !important;
}
.input-number-units {
    margin-left: 5px;
}
.slider-range-hint {
    margin-top: 7px;
}
.city-input {
    display: inline-block;
    height: 26px;
    line-height: 16px;
    margin-bottom: 2px;
    padding: 4px 2px;
}
.city-input span {
    padding-left: 2px;
    padding-right: 20px;
}
.city-input a, .input_link_block {
    padding: 1px 10px;
    text-decoration: none;
}
.input_link_block {
    border-radius: 4px;
    display: inline-block;
    line-height: 28px;
}
form .hint {
    font-size: 12px;
    margin-top: 0;
}
form .input-prefix-suffix .input {
    border-radius: 0;
    float: left;
    height: 26px;
    width: 300px;
}
form .input-prefix-suffix .prefix, form .input-prefix-suffix .suffix {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    color: #666;
	float: left;
	padding: 1px 8px 2px;
}
form .input-prefix-suffix .prefix {
    border-radius: 5px 0 0 5px;
    border-right: none;
}
form .input-prefix-suffix .suffix {
    border-left: none;
    border-radius: 0 5px 5px 0;
}
form .input-prefix-suffix::after {
    clear: both;
    content: "";
    display: block;
}
input.button-submit, input.button {
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 100%;
    padding: 7px 10px;
    text-decoration: none;
    transition: background 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: auto;
}
input.button-small {
    padding: 4px 10px;
}
form .ft_captcha {
    margin-bottom: 0;
    overflow: hidden;
}
form .ft_captcha input {
    width: 100px;
}
form .ft_captcha .captcha {
    float: left;
    margin-right: 10px;
}
form .ft_captcha .code {
    float: left;
}
form .ft_file .value {
    font-size: 14px;
    margin-top: 5px;
}
form .ft_file .value .name {
    padding-left: 20px;
}
form .ft_file .value .size {
    font-size: 12px;
    margin-left: 5px;
}
form .ft_file .value .delete {
    margin-left: 15px;
}
form .ft_date select {
    padding: 2px;
    width: 50px;
}
form .ft_parent {
    overflow: hidden;
}
form .ft_parent ul.items, form .ft_parent ul.items li {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
form .ft_parent ul.items {
    float: left;
    margin-right: 10px;
}
form .ft_parent ul.items li {
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 4px 8px;
    text-decoration: none;
}
form .ft_parent ul.items li a {
    display: inline-block;
    height: 12px;
    margin-right: -4px;
    width: 16px;
}
form .ft_parent ul.items li a:hover {
    display: inline-block;
    height: 12px;
    width: 16px;
}
form .ft_parent a.add {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
}
form .child_field{
	padding-left: 20px;
}
.symbols_count {
    display: none;
    font-size: 12px;
    margin: 3px 0 0;
}
.symbols_count > span {
    display: inline-block;
    margin: 0 3px 0 0;
    padding: 2px 5px;
}
.symbols_count .symbols_num {
    cursor: pointer;
    transition: opacity 0.3s ease 0s;
}
.symbols_count .symbols_num:hover {
    opacity: 0.8;
}
.field.reguired_field > label::after {
    content: "*";
    padding-left: 5px;
}
.select_deselect {
    margin: 10px 0 0 5px;
}
.select_deselect a {
    font-size: 13px;
    margin: 0 10px 0 0;
    text-decoration: none;
}
.is_collapsed {
    transition: all 0.3s ease 0s;
}
.is_collapse {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    position: relative;
}
.is_collapse > legend {
    box-sizing: border-box;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.is_collapsed > legend::before {
    content: "+";
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
}
.is_collapsed.do_expand > legend::before {
    content: "-";
}
.is_collapsed.do_expand > legend {
    cursor: pointer;
}
.is_collapse > .field, .is_collapse > .field_tabbed, .hide_field {
    display: none !important;
}
ul.field_tabbed {
    border-bottom: 1px solid #DDD;
    display: block;
    height: 27px;
    margin: 10px 0 0 0;
}
ul.field_tabbed > li {
    float: left;
    background-color: #DDD;
    border: 1px solid #DDD;
    margin: 0 5px 0 0;
    background-repeat: no-repeat;
    background-position: 4px center;
    background-size: auto 16px;
}
ul.field_tabbed > li.field_tabbed_ru {
    background-image: url("../images/languages/ru.svg");
}
ul.field_tabbed > li.field_tabbed_en {
    background-image: url("../images/languages/en.svg");
}
ul.field_tabbed > li > a {
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}
ul.field_tabbed > li.field_tabbed_ru > a, ul.field_tabbed > li.field_tabbed_en > a {
    padding-left: 40px;
}
ul.field_tabbed > li.active {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}
.field.multilanguage {
    padding: 5px 0 10px 10px;
    border-left: 1px solid #DDD;
}
.field.multilanguage.child_field, .field_tabbed.child_field {
    margin-left: 20px;
}
/* ========================================================================== */
.input-users-list {
    border-radius: 5px;
    max-height: 400px;
    overflow: auto;
    padding: 5px;
    width: 350px;
}
.input-users-list ul, .input-users-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.input-users-list .profile {
    clear: both;
    overflow: hidden;
    padding: 10px 0;
}
.input-users-list .profile:last-child {
    border: none;
}
.input-users-list .profile div {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 15px;
}
.input-users-list .profile .name {
    height: 32px;
    line-height: 32px;
}
/* Ajax Uploader ============================================================ */
.qq-uploader {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    width: 100%;
}
.qq-upload-button {
	background-color:#eee;
	border:1px solid #aaa;
	display:inline-block;
	color:#555;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #FFF;
    transition: background-color 0.3s ease;
}
.qq-upload-button-hover {
    background-color:#dcdcdc;
}
.qq-upload-button-focus {
    position: relative;
    top: 1px;
}
.qq-upload-button:active {
    position: relative;
    top: 1px;
}
.qq-upload-drop-area {
    display: block;
    height: 100%;
    left: 0;
    min-height: 45px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
.qq-upload-drop-area span {
    display: block;
    font-size: 14px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.upload .qq-upload-drop-area span {
    font-size: 12px;
    top: 12px;
}
.qq-upload-list {
    margin: 15px 0 0;
    padding: 0;
}
.qq-upload-list li {
    font-size: 13px;
    line-height: 15px;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}
.qq-upload-list:empty {
    display: none;
}
.qq-upload-file {
}
.qq-upload-spinner {
    display: inline-block;
    height: 15px;
    vertical-align: text-bottom;
    width: 15px;
}
.qq-upload-size, .qq-upload-cancel {
    font-size: 11px;
}
.qq-upload-failed-text {
    display: none;
}
.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}
.style-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: middle;
    transition: fill 0.3s ease;
}
/* Rating Widget ============================================================ */
.rating_widget .arrow, .rating_widget .score {
    float: left;
}
.rating_widget .score { margin: 0 10px; cursor:help; font-weight: bold; font-size: 14px; position: relative; }
.rating_widget .score .spinner {
    width: auto;
    margin: 0;
    position: static;
    left: auto;
    top: auto;
}
.rating_widget .score .spinner > div {
    width: 6px;
    height: 6px;
    background-color: #95a5a6;
}
.rating_widget .score .clickable {
    cursor: pointer;
}
.rating_widget .score.loading > * {
    display: none;
}
.rating_widget .score.loading {
    padding-left: 16px;
}
.rating_widget .arrow span,
.rating_widget .arrow a {
    display: block;
    width:18px;
}
.rating_widget .arrow a {
    cursor: pointer;
}
.rating_widget .style-svg {
	fill: #95a5a6;
}
.rating_widget .up a:hover .style-svg {
	fill: #27ae60;
}
.rating_widget .down a:hover  .style-svg {
	fill: #e74c3c;
}
/* Rating info ============================================================== */
#rating_info_window {
    padding: 20px;
}
.rating_info_list .item {
    margin: 2px 0;
    min-width: 250px;
    overflow: hidden;
    padding: 6px 0;
}
.rating_info_list .item:last-child {
    border: none;
}
.rating_info_list .item .score {
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    min-width: 25px;
    text-align: center;
}
.rating_info_list.loading-panel {
    border-radius: 5px;
}
.rating_info_list.loading-panel .item {
    visibility: hidden;
}
.rating_info_pagination {
    font-size: 12px;
    margin-top: 20px;
}
.rating_info_pagination a {
    border-radius: 4px;
    display: inline-block;
    padding: 0 4px;
    text-decoration: none;
}
.stars.is_enabled {
    cursor: pointer;
}
.stars.is_enabled:hover .star polygon {
    fill: #ffca28 !important;
}
.stars {
    display: flex;
}
.stars.clickable {
    cursor: pointer;
}
.stars .star {
    width: 20px;
    height: 23px;
    margin: 0 4px 0 0;
}
.stars .star:last-child {
    margin-right: 0;
}
.stars .star polygon {
    fill: #d8d8d8;
    fill-rule:nonzero;
    transition: fill 0.3s ease;
}
.stars.is_enabled .star:hover ~ .star polygon {
    fill: #d8d8d8 !important;
}
.stars[data-stars] .star polygon {
    fill: #ff9f16;
}
.stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {
    fill: #d8d8d8;
}
.stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {
    fill: #d8d8d8;
}
.stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {
    fill: #d8d8d8;
}
.stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {
    fill: #d8d8d8;
}
.stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {
    fill: #d8d8d8;
}
.rating_label {
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
    font-weight: bold;
}
/* Comments Widget ========================================================== */
#comments_widget .bad {
    transition: all 0.5s ease 0s;
}
#comments_widget .bad:hover {
    opacity: 1;
}
.bad6 {
    opacity: 0.1;
}
.bad5 {
    opacity: 0.2;
}
.bad4 {
    opacity: 0.35;
}
.bad3 {
    opacity: 0.5;
}
.bad2 {
    opacity: 0.65;
}
.bad1 {
    opacity: 0.8;
}
#tab-vk {
    margin: 20px 0 0;
}
#comments_widget {
    margin: 20px 0 0;
}
.no_comments {
    margin: 15px 0;
}
#comments_widget .track {
    font-size: 12px;
    text-align: right;
}
#comments_widget .track label {
    display: block;
    line-height: 30px;
}
#comments_widget .track input {
    bottom: 1px;
    position: relative;
    vertical-align: middle;
}
.track + #comments_refresh_panel + #comments_list {
    margin: -15px 0 0;
}
#comments_widget #comments_add_link {
	clear: both;
    margin: 0 0 10px 0;
    padding-left: 20px;
}
#comments_widget #comments_add_link:first-child {
    margin-top: 15px;
}
#comments_widget #comments_add_link a {
    font-size: 14px;
}
#comments_widget #comments_add_form textarea {
    height: 100px;
    margin-bottom: 4px;
}
#comments_widget #comments_add_form .loading {
    display: none;
}
#comments_widget #comments_add_form .author_data {
    margin-bottom: 8px;
}
#comments_widget #comments_add_form .author_data .field {
    overflow: hidden;
}
#comments_widget #comments_add_form .author_data .field label {
    float: left;
    height: 20px;
    line-height: 20px;
    width: 140px;
}
#comments_widget #comments_add_form .author_data .field .input {
    max-width: 200px;
    min-width: 50px;
    width: 99%;
}
#comments_widget #comments_refresh_panel {
    display: block;
    height: 35px;
    position: fixed;
    right: 0;
    top: 45%;
    width: 50px;
    z-index: 100;
}
#comments_widget #comments_refresh_panel a {
    display: block;
    height: 35px;
    width: 50px;
}
.no_approved {
    display: none;
}
#comments_list .comment {
    border-radius: 2px;
    margin: 4px 0;
    overflow: hidden;
    padding: 10px 0;
}
#comments_list .comment:first-child {
    margin-top: 0;
}
#comments_list .comment:last-child {
    margin-bottom: 0;
}
#comments_list .comment.selected-comment:first-child {
    margin-top: 13px;
}
#comments_list.striped-list .comment {
    padding-bottom: 15px;
}
#comments_list.striped-list .comment:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#comments_list .selected-comment {
    box-shadow: 5px 5px 7px #b3c2c9;
    padding-right: 10px;
}
#comments_list .comment .info, #comments_list .comment .body {
    clear: both;
    overflow: hidden;
}
#comments_list .comment .info {
    margin-bottom: 6px;
}
#comments_list .comment .info div {
    float: left;
    font-size: 12px;
    margin-right: 10px;
}
#comments_list .comment .info .rating {
}
#comments_list .comment .info .rating .buttons {
    float: right;
    margin-left: 5px;
}
#comments_list .comment .info .rating a {
    display: inline-block;
    height: 13px;
    width: 13px;
}
#comments_list .comment .info .rating .value {
    float: left;
    font-weight: 700;
}
#comments_list .comment .info .rating a.rate-up {
    background-position: 0 0;
}
#comments_list .comment .info .rating a.rate-up:hover {
    background-position: 0 -13px;
}
#comments_list .comment .info .rating a.rate-down {
    background-position: -13px 0;
}
#comments_list .comment .info .rating a.rate-down:hover {
    background-position: -13px -13px;
}
#comments_list .comment .info .name .guest_name {
    font-weight: 700;
}
#comments_list .comment .nav a {
    margin-right: 3px;
    text-decoration: none;
}
#comments_list .comment .nav .scroll-down {
    display: none;
}
#comments_list .comment .body .avatar {
    float: left;
    position: relative;
}
#comments_list .comment .body .avatar a {
    display: block;
}
#comments_list .comment .content {
    overflow: hidden;
    padding-left: 10px;
    padding-top: 8px;
    position: relative;
}
#comments_list .comment .content img {
    max-width: 100%;
}
#comments_list .comment .content .links {
    font-size: 12px;
    padding: 10px 0 0 0;
}
#comments_list .comment .content .links a {
    font-size: 11px;
    margin-right: 6px;
    text-decoration: none;
}
#comments_list .comment .deleted {
    border-radius: 6px;
    font-style: italic;
    margin-right: 6px;
    padding: 5px 15px;
}
#comments_widget .login_to_comment {
    font-size: 12px;
    margin-top: 5px;
}
#comments_list .content ul li, #comments_list .preview_box ul li {
    list-style-type: disc;
    margin-left: 25px;
}
#comments_list .content ol, #comments_list .preview_box ol {
    padding-left: 25px;
}
#comments_list .content ol li, #comments_list .preview_box ol li {
    list-style-type: decimal;
}
/* Profile Wall Widget ====================================================== */
#wall_widget {
    clear: both;
    margin-top: 15px;
}
#wall_widget .title_bar {
    overflow: hidden;
}
#wall_widget .title_bar .title {
    float: left;
    margin-bottom: 0;
}
#wall_widget .title_bar #wall_add_link {
    float: right;
    margin-top: 23px;
    padding-left: 20px;
}
#wall_widget #wall_add_form, #comments_widget #comments_add_form {
    border-radius: 4px;
    display: none;
	clear: both;
    margin: 15px 0;
    padding: 15px;
}
#comments_add_link + #comments_add_form {
    margin: 0;
}
#wall_widget #wall_add_form textarea {
    height: 100px;
    margin-bottom: 4px;
}
#wall_widget #wall_add_form .preview_box, #comments_widget #comments_add_form .preview_box {
    border-radius: 4px;
    display: none;
    margin-bottom: 15px;
    padding: 10px;
    transition: all 0.5s ease 0s;
}
#wall_widget #wall_add_form .loading {
    display: none;
}
#wall_widget #entries_list {
    margin-top: 20px;
}
#wall_widget #entries_list .entry {
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}
#wall_widget #entries_list .entry:last-child {
    border: none;
    margin-bottom: 0;
}
#wall_widget #entries_list .entry .info, #wall_widget #entries_list .entry .body {
    overflow: hidden;
}
#wall_widget #entries_list .entry .info {
    margin-bottom: 10px;
}
#wall_widget #entries_list .entry .info div {
    float: left;
    font-size: 12px;
    margin-right: 10px;
}
#wall_widget #entries_list .entry .body .avatar {
    float: left;
    position: relative;
}
#wall_widget #entries_list .entry .body .avatar img {
    display: block;
}
#wall_widget #entries_list .entry .content {
    margin-left: 32px;
    padding-left: 15px;
    padding-top: 8px;
    position: relative;
    z-index: 2;
}
#wall_widget #entries_list .entry .content .text img {
    max-width: 100%;
}
#wall_widget #entries_list .entry .links {
    font-size: 12px;
    margin: 10px 0 0 42px;
}
#wall_widget #entries_list .entry .links.has_replies {
    padding-left: 20px;
}
#wall_widget #entries_list .entry .links a {
    font-size: 11px;
    margin-right: 6px;
    text-decoration: none;
}
#wall_widget #entries_list .entry .links .get_replies {
    font-weight: 700;
}
span.get_replies {
    display: none;
}
#wall_widget #entries_list .replies_loading {
    display: none;
}
#wall_widget #entries_list .replies_loading .spinner > div {
    width: 10px;
    height: 10px;
}
#wall_widget #entries_list .replies_loading .spinner {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    margin: -16px 10px 0 0;
}
#wall_widget #entries_list .replies {
    clear: both;
}
#wall_widget #entries_list .replies .entry {
    font-size: 12px;
	margin-left: 16px;
    padding: 20px 0 10px 10px;
}
#wall_widget #entries_list .show_more {
    margin-top: -16px;
}
#wall_widget #entries_list .show_more a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
/* City Selection Window ================================================= */
#geo_window {
    box-sizing: border-box;
    height: 170px;
    padding: 15px;
    width: 300px;
}
#geo_window .wrapper {
    box-sizing: border-box;
    margin-bottom: auto;
    margin-top: auto;
}
#geo_window form > .list {
    margin: 0 0 10px;
}
#geo_window select {
    margin-bottom: 5px;
    width: 100%;
}
#geo_window .buttons {
    margin-top: 10px;
    text-align: center;
}
/* Login Form and Window ================================================= */
.login_layout {
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}
.login_layout .center_cell {
    width: 60px;
}
.login_layout .center_cell div {
    font-size: 22px;
    font-style: italic;
    margin-top: 100px;
    padding: 15px 0;
    text-align: center;
}
.auth_remember::after {
    content: ' | ';
}
.content_multi_cats_data {
    display: none;
}
.gif_image {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.content_item .ft_images .gif_image {
    float: left;
    margin-right: 5px;
}
.gif_image img {
    display: block !important;
    margin: 0 !important;
}
.image_label {
    border-radius: 2px;
    bottom: 4px;
    font-size: 0.9em;
    font-weight: 700;
    left: 4px;
    padding: 4px 7px;
    position: absolute;
    text-transform: uppercase;
}
.micro_image, .micro_image > img {
    height: 32px !important;
    width: 32px !important;
}
.modal_image {
    display: block;
    position: relative;
}
.background_overlay {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.gif_image:hover .background_overlay {
    opacity: 0.5;
    z-index: 2;
}
.default_avatar {
	background-repeat: no-repeat;
	background-position: center;
    background-size: 1em;
	display: block;
	position: relative;
    font-style: normal;
    font-weight: 300;
	overflow: hidden;
    text-align: center;
    text-transform: uppercase;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; 
}
.default_avatar img {
    display: block;
    opacity: 0;
}
.default_avatar::before {
    content: attr(data-letter);
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
}
.default_avatar.white_avatar_text:hover::after {
    opacity: 0.4;
}
.default_avatar.black_avatar_text::after, .default_avatar.white_avatar_text::after {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.default_avatar.black_avatar_text:hover::after {
    background-color: #fff;
    opacity: 0.2;
}
table.data_list {
    border-collapse: collapse;
    width: 100%;
}
table.data_list th {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: left;
}
table.data_list td {
    height: 20px;
    padding: 5px 10px;
    transition: background 0.15s ease-in-out 0s;
}
table.data_list .actions {
    width: 70px;
}
.spinner {
    height: 40px;
	left: 50%;
    margin: -20px 0 0 -35px;
    position: absolute;
    top: 50%;
	width: 70px;
}
.spinner > div {
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	background-color: #3498db;
	border-radius: 100%;
	display: inline-block;
	height: 18px;
	width: 18px;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.ace_redactor {
    height: 350px;
}
#wall_add_form .ace_redactor, #comments_add_form .ace_redactor {
    margin: 0 0 15px 0;
    box-shadow: none;
    border-radius: 0;
}
@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
	transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}