

*[data-js-template] {
    display: none;
}

::-webkit-scrollbar{
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track{
    background-color: transparent;
    opacity: 0.8;
}

:not(a)
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html
{
    font-size: 90%;
}

body
{
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

textarea
{
    font-family: inherit;
    font-size: inherit;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}

a, a:visited {
    color: inherit;
}
a {
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

sup{
    font-size: 0.7em;
}

ol, ul{
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
    margin-left: 1.8em;
}
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

textarea{
    box-sizing: border-box;
    padding: 0.5rem;
}

button
{
    padding: 0.5rem;
    padding-top: 0.4rem;
    border-radius: 0.2rem;
    border: none;
    cursor: pointer;
    outline:none;
    background: transparent;
    font-size: 0.9em;
}

button, button:active, button:focus {
    outline: none;
}

button:disabled, button:disabled:hover,
textarea:disabled {

}

input[type="checkbox"],
input[type="radio"]{
    margin: 0;
}

textarea
{
    margin: 0;
}

label
{
    cursor: pointer;
}


br{
    display: block;
}

hr{
    display: block;
    margin: 0;
    padding: 0;
    border-width: 0.1rem;
    border-bottom: 0 !important;
    border-style: solid;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;

}


.clear {
    clear: both;
}

.displayNone,
.-dis-none
{
    display: none;
}


body._75 { font-size: 75%; }
body._88 { font-size: 88%; }
body._100 { font-size: 100%; }
body._113 { font-size: 113%; }
body._125 { font-size: 125%; }

.__button {
    padding: 0.5rem 0.9rem;
    display: inline-block;
    text-decoration: none;
    border-radius: 0.2rem;
}

.__button._sm
{
    font-size: 0.8em;
    padding: 0.3rem 0.71rem;
}

.__button._md
{
    padding: 0.7rem 0.9rem;
}

.__button._lg
{
    font-size: 1.2em;
    padding: 0.7rem 1rem;
}

.__button:hover,
.__button:active
{
    text-decoration: none;
}

.__button._ui_trigger {
    padding: 0;
    padding-bottom: 1px;
}
.__button._ui_trigger:hover
{
    border-bottom-width: 1px;
    border-style: dashed;
    padding: 0;
}

.__wrap {
    display: block;
}

.__wrap._space_sm
{
    padding: 0.5rem;
}

.__wrap._space_md
{
    padding: 1rem;
}

.__wrap._space_lg
{
    padding: 2.5rem;
}

.__wrap._space_lg._x
{
    padding: 3.5rem;
}

.__wrap._v
{
    padding-left: 0;
    padding-right: 0;
}

.__wrap._border
{
    border-width: 1px;
    border-radius: 0.3rem;
}


/***
****    COMPONENTS
****/

.__page_title._handler
{

}

.__page_title._heading
{
    font-size: 1.2em;
    font-weight: normal;
}



.__tags ._tag_kind_selector
{

}

.__tags ._tags_list
{

}

.__text_block {}
.__text_block h1,
.__text_block h2,
.__text_block h3{
    margin-bottom: 1rem;
}

.__text_block h4,
.__text_block h5{
    margin-bottom: 0.5rem;
}

.__text_block h3,
.__text_block p,
.__text_block ul
{
    margin-bottom: 1rem;
}

.__text_block ul {
    text-align: left;
    padding: 0 1rem;
}

.__text_block li {
    margin-bottom: 0.5rem;
}

.__text_block article{
    display: inline-block;
    margin: 0 auto;
}

.__online_text,
.__online_icon
{
    color: #257E1D;
}

.__online_icon._animated
{
    -webkit-animation: pulse 2s ease-out;
    -moz-animation: pulse 2s ease-out;
    animation: pulse 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 1.0;
    }
    40% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(1);
        opacity: 1.0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1.0;
    }
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(0);
        opacity: 1.0;
    }
    40% {
        -webkit-transform: scale(0);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(1);
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1.0;
    }
}

.__notifications._handler
{
    width: 100%;
}

.__notifications ._item
{
    padding: 0.7rem 1rem;
}

.__notifications ._service_unavailable
{

}
.__notifications ._no_connection {}
.__notifications ._error
{

}
.__notifications ._update_required {}

.__content._bg_success
{

}

.__content._bg_error
{

}

.__date {
    font-size: 0.85em;
}

.__time_handler
{

}

.__app_loading {
    margin-top: 4rem;
}

.__app_loading ._section {
    padding: 1.5rem;
}

.__app_loading ._connecting{
    font-size: 1em;
}
.__app_loading ._connecting_too_long{
    font-size: 1.1em;
    margin-top: 1rem;
}
.__app_loading ._reload_button{
    margin-top: 0.5rem;
}

.__loading
{
    padding: 2rem 0;
}

.__loading ._failed_button
{
    margin-top: 1rem;
}


.__bottom_description {
    margin-top: 6rem;
    margin-bottom: 3rem;
}
.__bottom_description ._trigger {}
.__bottom_description ._description {
    display: none;
}

.__operation_result {
    margin-top: 4rem;
}
.__operation_result ._message {
    font-size: 1.1em;
    display: inline-block;
    padding: 1rem;
}

.__operation_result._error ._message {
    padding: 0.5rem 1rem;
}

.__operation_result ._actions {
    margin-top: 1rem;
}

.__service_agreement {

}

.__service_agreement ._checkbox {
    margin-bottom: 0.5rem;
}

.__layout._handler
{

}

.__layout._top
{
    width: 100%;
}

.__layout._top .__layout._content {}

.__layout._main
{

}

.__layout._main .__layout._content
{
    min-height: 100vh;
}

.__layout._right
{
    position: fixed;
    right: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    max-width: 22rem;
    border-left-width: 1px;
    overflow-y: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.__layout._right .__layout._content
{

}

.__static {

}

.__static ._dynamic_only {
    display: none;
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans'), local('NotoSans'), url(/public/fonts/Noto_Sans/NotoSans-Regular.ttf) format('woff2');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/public/fonts/Noto_Sans/NotoSans-Bold.ttf) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/public/fonts/Open_Sans/OpenSans-Regular.ttf) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/public/fonts/Open_Sans/OpenSans-Semibold.ttf) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/public/fonts/Open_Sans/OpenSans-Bold.ttf) format('woff2');
}


/* FONTS */
.__font_fam_LucidaGrande /* extremely fine with small text. Messages */
{
	font-family: 'Lucida Grande', sans-serif;
/*	font-family: 'Noto Sans';*/
}

.__font_fam_OpenSans { /* extremely light. Captions and focus text */
	font-family: 'Open Sans', 'Lucida Grande';
/*	font-family: 'Lucida Grande', Verdana, sans-serif;*/
}

.__font_fam_NotoSans /* extremely fine with small text. Messages */
{
	font-family: 'Noto Sans', 'Lucida Grande';
}

.__font_fam_Verdana { /* Wider and lighter. Fine numbers. Great for titles */
	font-family: Verdana, sans-serif;
}

.__font_fam_Helvetica { /* compact. Default text */
	font-family: Helvetica, sans-serif;
}

.__font__FamMono {
	font-family: monospace;
}

.__font_size_tiny {
	font-size: 0.73em;
}
.__font_size_smaller
{
	font-size: 0.87em;
}
.__font_size_bigger
{
	font-size: 1.11em;
}
.__font_size_huge
{
	font-size: 1.29em;
}


._t._tiny
{
    font-size: 0.71em;
}
._t._sm
{
    font-size: 0.88em;
}

._t._lg
{
    font-size: 1.1em;
}

._t._hg
{
    font-size: 1.33em;
}

._t._center
{
    text-align: center;
}

.__block_bg,
body
{
    background: #e6e8ec;
    color: #333;
}

.__block_bg *
{
    border-color: #aaa;
    border-style: solid;
    border-width: 0;
}

.__block_bg select,
.__block_bg input,
.__block_bg textarea
{
    border-width: 1px;
}

.__block_bg input[type=file] {
    border-width: 0;
}

.__block_bg ._t._secondary
{
    color: #767b7e;
}

.__block_bg ._t._blend_in,
.__button._blend_in
{
    /*color: #a3a8ab;*/
    /*color: #a6abb4;*/

    color: #9ea1a5;
}

.__block_bg ._t._danger,
.__block_bg ._t._danger_hover:hover
{
    color: #9c2721;
}

.__block_contrast
{
    background: #3274c2;
    color: #fff;
}


.__block_contrast ._hovery:hover,
.__block_contrast ._hovered,
.__block_contrast ._selected
{
    background: #1862ba;
}

.__block_contrast ._t._contrast,
.__block_contrast ._t._secondary,
.__block_contrast ._t._blend_in
{

}


.__block_main
{
    background: #fff;
    color: #333;
}

.__block_main *
{
    border-color: #ddd;
    border-style: solid;
}

.__block_main._t._contrast,
.__block_main ._t._contrast
{
    color: #566ba0;
}

.__block_main._t._secondary,
.__block_main ._t._secondary
{
    color: #6a6a6a;
}

.__block_main .__button._blend_in
{
    color: #696969;
    background: #f9f9f9;
}

.__block_main .__button._blend_in:hover
{
    background: #f1f1f1;
}

.__block_main._t._blend_in,
.__block_main ._t._blend_in
{
    color: #adadad;
}

.__block_under
{
    /*background: #f1f1f4;*/
    /*color: #747b87;*/

    background: #ecedf2;
    color: #697281;
}

.__block_under *
{
    border-color: #ccc;
    border-style: solid;
}

.__block_under ._t._contrast
{

}

.__block_under ._t._secondary
{

}

.__block_under ._t._blend_in
{

}

.__block_faded
{
    background: #fafafa;
    color: #777;
}

.__block_faded._transparent {
    background: initial;
}

.__block_faded ._t._contrast,
.__block_faded ._t._secondary
{
    color: #777;
}

.__block_primary
{
    background: #e3eff8;
    color: #627c99;
    color: #516d8c;
}

.__block_primary ._t._contrast {}

.__block_primary ._t._secondary {}

.__block_primary ._t._blend_in {}

.__block_info
{
    background: #eeeeee;
    color: #777;
    color: #6b6b6b;
}

.__block_info .__button._contrast
{
    background: #686868;
}

.__block_info .__button._contrast:hover,
.__block_info .__button._contrast:active
{
    background: #5a5a5a;
}

.__block_warning
{
    background: #fbfae6;
    color: #443916;
}

.__block_success
{
    background: #f5fff0;
    color: #23581e;
}

.__block_danger
{
    background: #f1d8d8;
    color: #6a0d0d;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea
{
    /*border: 1px solid #C5C7C9;*/

    border-width: 1px;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
textarea:hover,
textarea:focus,
.__button._plain:hover,
.__button._plain:active
{
    /*border: 1px solid #A6B0C0;*/
    /*border: 1px solid #a1bac9;*/
    border: 1px solid #aeb2b8;

    /*border-width: 1px;*/
}

button:disabled,
button:disabled:hover,
textarea:disabled {
    background: #f9f9f9 !important;
    border: 1px solid #e4e4e4 !important;
    color: #c1c1c1 !important;
}

.__button._contrast
{
    background: #3274c2;
    background: #3875bd;
    /*border: 1px solid #3875bd;*/
    color: #fff;
}

.__button._contrast:hover,
.__button._contrast:active
{
    color: #fff;
}

.__button._contrast:hover,
.__button._contrast:active
{
    background: #3F73B1;
    background: #256cbf;
    /*border: 1px solid #256cbf;*/
}

.__button._plain
{
    /*border: 1px solid #C5C7C9;*/
    background: #fff;

    /*border: 1px solid #dadada;*/
    /*background: #fbfbfb;*/
    border-width: 1px;
}

.__button._plain:hover,
.__button._plain:active
{
    /*border: 1px solid #aeb2b8;*/
}

.__button._blend_in
{
    border: 0;
    border-radius: 0;
}

.__button._spread
{
    display: block;
    border-radius: 0;
}

.__button._blend_in:hover,
.__button._blend_in:active
{
    border: 0;
}

.__link:hover {
    text-decoration: underline;
}

.__link._contrast
{
    color: #2278ea;
}

.__link._plain
{
    color: #286ab6;
    color: #1c66b7;
}

.__link._blend_in,
.__link._blend_in:hover,
.__link._blend_in:active
{
    text-decoration: none;
}

.__body._body
{

}

.__body._section
{
    margin: 1rem 0;
    padding: 1rem 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.__body._section_blend_in
{
    margin: 1rem 0;
    padding: 1rem 0;
}

.__body._section_top
{
    border-top: 0;
    margin-top: 0;
}

.__body._section_no_margin
{
    margin: 0;
}

.__body._section_middle
{
    /*display: inline-block;*/
    /*width: 36rem;*/
    margin: 1rem 0;
}

.__body._section_middle._sm
{
    /*width: 24rem;*/
}

.__body._section_middle._lg
{
    /*width: 44rem;*/
}

.__body._section_middle._wrap
{
    padding: 1rem;
}

.__body._columns_handler
{
    /*margin: 0 auto;*/
    /*display: inline-block;*/
}

.__body._column_next_to
{
    /*margin-right: 1rem;*/
}

.__card._handler
{

}

.__card._top
{
    border-bottom-width: 1px;
    padding: 0.7rem 1rem;
}

.__card._top._space
{
    padding: 0.0rem;
}

.__card._top._lg
{
    padding: 1rem;
}

.__card._top ._title
{
    display: inline-block;
}

.__card._top ._title._spread
{
    display: block;
    text-align: left;
}

.__card._top ._body
{
    position: relative;
}

.__card._top ._left
{
    position: absolute;
    left: 0;
    top: 0;
}

.__card._top ._right
{
    position: absolute;
    right: 0;
    top: 0;
}

.__card._body
{
    padding: 1rem;
}

.__card._body._empty
{
    padding: 0;
}

.__block._block
{
    position: relative;
}

.__block ._left
{
    float: left;
    text-align: left;
}

.__block ._right
{
    float: right;
    text-align: right;
}

.__block ._end
{
    clear: both;
}

.__form._handler {

}

.__form._handler._space
{
    margin: 1rem;
}

.__form._heading
{
    display: block;
    font-weight: normal;
    text-align: justify-all;
    margin-bottom: 1.12rem;
}

.__form._message
{
    margin-bottom: 1rem;
    padding: 1rem;
}

.__form._description {
    margin-bottom: 0.5rem;
}

.__form._input
{
    margin-bottom: 0.5rem;
    display: block;
}

.__form._input input[type=text],
.__form._input input[type=password],
.__form._input input[type=number],
.__form._input input[type=email],
.__form._input select,
.__form._input textarea
{
    width: 100%;
    padding: 0.45rem 0;
    font-size: 1em;
    text-align: center;
}

.__form._input._sm input[type=text],
.__form._input._sm input[type=password],
.__form._input._sm input[type=number],
.__form._input._sm input[type=email],
.__form._input._sm textarea
{
    padding: 0.3rem 0;
    font-size: 1em;
}

.__form._input._sm select {
    font-size: 0.8em;
}

.__form._input input[type=text],
.__form._input input[type=password],
.__form._input input[type=number],
.__form._input input[type=email]
{
    box-sizing: border-box;
}

.__form._input textarea {
    box-sizing: border-box;
    text-indent: 0;
    padding: 0.5rem;
}

.__form._input._left input[type=text],
.__form._input._left input[type=password],
.__form._input._left input[type=number],
.__form._input._left input[type=email],
.__form._input._left select,
.__form._input._left textarea {
    text-align: left;
    text-indent: 0.5rem;
}

.__form._input._left textarea {
    text-indent: 0.0rem;
}

.__form._inline {
    display: inline-block;
}

.__form._input._inline input[type=text],
.__form._input._inline input[type=password],
.__form._input._inline input[type=number],
.__form._input._inline input[type=email],
.__form._input._inline textarea,
.__form._input._with_label input[type=text],
.__form._input._with_label input[type=password],
.__form._input._with_label input[type=number],
.__form._input._with_label input[type=email],
.__form._input._with_label textarea
{
    width: initial;
    text-align: left;
    text-indent: 0.5rem;
}

.__form._input._with_label textarea {
    text-indent: 0;
}

.__form._input._with_label input[type=text],
.__form._input._with_label input[type=password],
.__form._input._with_label input[type=number],
.__form._input._with_label textarea {

}

.__form._input._with_label
{
    display: flex;
    text-align: left;
    margin-bottom: 1rem;
}

.__form._input._with_label ._input_wrapper
{
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
    width: 3.5rem;
    float: left;
}

.__form._input._with_label ._input_wrapper input
{
    max-width: 3rem;
    text-align: center;
}

.__form._input._with_label ._label
{
    text-align: left;
}

.__form._input ._hint
{
    width: 100%;
    text-align: center;
    display: block;
    font-size: 0.9em;
}

.__form._input._sm textarea {
    padding: 0.3rem;
}

.__form._submit
{
    margin-top: 0.5rem;
}

.__form._submit button
{
    width: 100%;
    text-transform: uppercase;
}

.__form._submit._inline button
{
    width: initial;
    text-transform: initial;
}

.__form._submit._sm button
{
    padding: 0.4rem 0;
    font-size: 1em;
    text-transform: none;
}

.__segment_switch._handler
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.__segment_switch ._item
{
    display: inline-block;
    padding: 0.7rem;
    text-decoration: none;
    width: 100%;
    opacity: 0.8;
}

.__segment_switch ._item._after
{
    /*border-left-width: 1px;*/
}

.__segment_switch ._item._selected
{
    /*background: #eee;*/
    /*background: initial;*/
    opacity: 1.0;
    border-bottom-width: 2px;
}

.__footer {
    padding-bottom: 1rem;
}
.__footer_links
{

}

.__footer_links a
{
    margin: 0 0.66rem;
}

.__bg_logo._handler
{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.__bg_logo ._title {
    /*font-size: 5rem;*/
    font-weight: bold;
    margin-bottom: 1rem;
    display: inline-block;
}
.__bg_logo ._info
{

}

.__chat._handler
{

}

.__chat._info {
    position: relative;
}
.__chat._info ._name
{
    font-size: 1.3em;
    margin-bottom: 0.3rem;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.__chat._info ._info
{
    font-size: 0.9em;
}

.__chat._status
{
    padding: 1.5rem 0.5rem;
    border-bottom-width: 1px;
}

.__chat._status ._heading
{
    font-size: 1.2em;
    margin-bottom: 0.5rem;
}

.__chat._status ._secondary_actions
{
    margin-top: 1rem;
    font-size: 0.9em;
}

.__chat._status._received_invite ._accept_button
{
    /*margin-bottom: 0.7rem;*/
}

.__chat._status._access_change_request {}
.__chat._status._access_change_request ._actions {
    margin-top: 0.5rem;
}
.__chat._status._access_change_request ._actions ._cancel
{
    text-transform: lowercase;
}

.__chat._menu_handler
{
    /*position: relative;*/
    /*float: left;*/
}

.__chat._menu_handler ._column
{
    /*position: absolute;*/
    /*margin-top: 4.2rem;*/
}

.__chat._messaging
{
    border-bottom-width: 1px;
}

.__chat._previews
{
    padding: 0 1rem;
}

.__chat._messages
{
    min-height: 20rem;
    /*max-height: 30rem;*/
    /*overflow-y: auto;*/
    padding: 0 1rem;
    padding-top: 0.5rem;
    margin: 0.5rem 0rem;
}

.__chat._messages ._load_history_button
{
    margin-bottom: 0.5rem;
}

.__chat._message_form
{

}

.__chat._message_form ._menu
{
    text-align: left;
    padding: 1rem;
    border-bottom-width: 1px;
}

.__chat._message_form ._options
{
    padding-bottom: 0.5rem;
    border-bottom-width: 1px;
    margin-bottom: 0.5rem;
}

.__chat._message_form ._input_handler {
    text-align: left;
}

.__chat._message_form ._input_handler textarea
{
    width: 100%;
    border: 0;
    min-height: 3.5rem;
}

.__chat._service_rules_reminder
{
    margin-top: 4rem;
}

.__chat._service_rules_reminder ._trigger
{
    display: inline-block;
}

.__chat._service_rules_reminder ._content
{
    padding-top: 1rem;
}

.__chat._menu {
    text-align: left;
}

.__chat._menu ._section
{
    border-bottom-width: 1px;
    padding: 0.5rem 0;
}

.__chat._menu ._section ._item
{
    padding: 0.5rem 1rem;
}

.__chat._menu._stranger_info
{
    font-size: 1.1em;
}

.__chat._menu._feedback
{

}

.__chat._menu._feedback ._karma_vote
{
    margin-bottom: 0.8rem;
}

.__chat._menu._feedback ._karma_vote_unavailable
{
    margin-bottom: 0.5rem;
}

.__chat._menu._feedback ._stranger_karma
{
    display: inline-block;
    font-size: 1.2em;
    padding: 0 0.5rem;
}

.__chat._menu._feedback ._vote_button
{
    font-size: 1.2em;
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    text-decoration: none;
    border-width: 1px;
}

.__chat._menu._feedback ._feedback_form
{
    margin-top: 0.5rem;
    text-align: left;
}

.__chat._menu._feedback ._feedback_form ._message_input
{
    min-height: 2rem;
}

.__chat._menu._feedback ._feedback_form ._input textarea
{
    text-align: left;
    min-height: 2.5rem;
}

.__chat._menu._feedback ._feedback_form ._submit button
{

}

.__chat ._files_upload {}
.__chat ._files_upload ._not_available_message {}
.__chat ._files_upload ._show_gallery_button {
    margin-bottom: 0.5rem;
}
.__chat ._files_upload ._selected_upload {
    margin-bottom: 0.5rem;
}
.__chat ._files_upload ._selected_upload img
{
    max-width: 10rem;
    max-height: 10rem;
    border-bottom-width: 1px;
    margin-top: 0.5rem;

}
.__chat ._files_upload ._gallery {}
.__chat ._files_upload ._gallery ._preview {
    display: inline-block;
}
.__chat ._files_upload ._gallery ._preview img
{
    max-width: 5rem;
    max-height: 5rem;
    border-bottom-width: 1px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.__chat ._files_upload ._upload_form
{
    border-top-width: 1px;
    padding-top: 0.5rem;
}

.__chat ._files_upload ._upload_form input[type=file] {
    max-width: 12rem;
}

.__chat ._files_upload ._file_requirements {
    margin-top: 0.5rem;
    font-size: 0.9em;
}

.__chat_complain {
    padding: 0 1rem;
}

.__chat_complain textarea
{
    min-height: 4rem;
}

.__chat_history._handler
{
    padding: 1rem;
}

.__chat_history._participants_info
{
    border-bottom-width: 1px;
    padding: 1rem;
}

.__chat_history._participants_info ._left
{
    margin-bottom: 0.5rem;
}

.__chat_history._participants_info ._tags {
    line-height: 1.8em;
}
.__chat_history._participants_info ._tags ._primary
{
    font-size: 1.35em;
}
.__chat_history._participants_info ._tags ._secondary
{
    font-size: 1.1em;
}

.__chat_history._participant
{
    border-width: 1px;
    min-width: 13rem;
}

.__chat_history._participant_from_sign
{
    display: inline-block;
    font-size: 1.5em;
    vertical-align: top;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
}

.__chat_history._pagination
{
    margin-bottom: 0.5rem;
}

.__chat_history._pagination ._page_number_input
{
    padding: 0 0.2rem;
    display: inline-block;
}

.__chat_history._pagination ._page_number_input input
{
    max-width: 4rem;
}

.__chat_history._pagination a
{
    display: inline-block;
    padding: 0.5rem 1rem;
}

.__chat_history._pagination a._active
{
    color: #0000FF;
}

.__chat_messaging._handler
{

}

.__chat_messaging._left
{
    text-align: left;
}

.__chat_messaging._left._typing
{
    margin: 0.5rem 0;
}

.__chat_messaging._left._typing ._message
{
    display: inline-block;
    padding: 0.4rem;
}

.__chat_messaging._right
{
    text-align: right;
}

.__chat_messaging._content
{
    display: inline-block;
    text-align: left;
    margin-bottom: 0.4rem;
}

.__chat_messaging._left .__chat_messaging._content
{
    min-width: 3rem;
}

.__chat_messaging._right .__chat_messaging._content
{
    width: 93%;
}

.__chat_messaging._content ._message
{
    padding: 0.7rem 1rem;
    word-break: break-word;
    /*border-radius: 0.2rem;*/
    line-height: 1.18em;
}

.__chat_messaging._left ._message{
    background: #c6def8;
    /*border: 1px solid #c8d7ea;*/
    color: #334860;
    color: #203851;
}

.__chat_messaging._left ._message * {
    border-color: #a0c0e3;
}

.__chat_messaging._right ._message{
    background: #f0f1f5;
    /*border: 1px solid #e6e6e6;*/
}

.__chat_messaging._right ._message * {
    border-color: #d4dae5;
}

.__chat_messaging._content ._message img
{
    max-width: 10rem;
    max-height: 10rem;
    border-width: 1px;
}

.__chat_messaging._content ._message .__link
{
    display: block;
    max-width: 30rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0.2rem 0.5rem;
    margin: 0.2rem 0;
    font-size: 1.1em;
    border-left-width: 0.2rem;

}

.__chat_messaging._content ._info
{
    font-size: 0.8em;
    padding: 0.2rem 0.2rem;
}

.__chats_feed._handler
{

}

.__chats_feed ._entry
{
    margin-bottom: 0.7rem;
    text-align: left;
}

.__chats_feed ._entry ._info
{
    text-align: right;
}

.__chats_feed ._entry ._subject
{
    font-size: 1.2em;
    max-width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.__chats_feed ._entry ._stranger_info
{

}

.__chats_feed ._entry .__date
{
    margin-top: 0.5rem;
}

.__public_chat._info
{

}

.__public_chat._info ._title {
    padding: 0 2rem;
}

.__public_chat._info ._messages_amount
{

}

.__public_chat._join_form {
    border-bottom-width: 1px;
    padding: 2rem;
}

.__public_chat._join_form ._user_info
{
    margin-bottom: 1rem;
}
.__public_chat._join_form ._user_info ._primary_tag
{
    font-size: 1.4em;
    margin-bottom: 0.3rem;
}

.__public_chat._join_form ._user_info ._karma
{
    font-size: 1.0em;
}

.__public_chat._join_form ._join_button_handler{
    /*text-align: center;*/
}

.__public_chat._join_form ._join_button_handler button
{

}

.__public_chat._join_form ._join_button_handler ._join_not_available_message
{
    display: inline-block;
}

.__chats_notifications._handler
{
    position: fixed;
    bottom: 0;
    right: 1rem;
    padding: 0.6rem 0.8rem;
    padding-bottom: 0.5rem;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    cursor: pointer;
    font-size: 1.1em;
    text-transform: lowercase;
}

.__chats_notifications ._heading
{

}

.__chats_notifications ._new_messages
{
    font-size: 0.95em;
    padding: 0.2rem 0.5rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    border-radius: 0.2rem;
}

.__chats_notifications ._new_invites
{
    display: inline-block;
    font-weight: bold;
}

.__chats_panel._handler
{

}

.__chats_panel._filter
{

}

.__chats_panel ._section
{
    padding: 1rem;
}

.__chats_panel ._new_invites
{

}

.__chats_panel ._new_invites ._invites
{
    border-top-width: 2px;
    border-bottom-width: 2px;
    margin-bottom: 0.5rem;
}

.__chats_panel ._new_invites ._heading
{
    padding: 0.7rem;
    font-size: 1.1em;
    text-transform: lowercase;
}

.__chats_panel ._active_chats
{

}

.__chats_panel .__user_chat_item
{
    margin-bottom: 0.7rem;
    padding-bottom: 0.7rem;
    border-bottom-width: 1px;
}

.__chats_panel .__user_chat_item._invite
{
    text-align: center;
    margin-bottom: 0;
    padding: 0.7rem 0.5rem;
}

.__chats_panel .__user_chat_item._invite ._actions
{
    margin-top: 0.3rem;
}

.__chats_panel .__user_chat_item._invite ._name
{
    font-size: 1.3em;
}

.__chats_panel .__user_chat_item ._left
{
    max-width: 90%;
}

.__chats_panel .__user_chat_item ._name
{
    display: inline-block;
    font-size: 1.15em;
}

.__chats_panel .__user_chat_item._selected ._name
{
    /*font-weight: bold;*/
    /*font-size: 1.1rem;*/
}

.__chats_panel .__user_chat_item ._new_messages
{
    display: inline-block;
    font-weight: bold;
}

.__chats_panel .__user_chat_item ._info
{
    margin-top: 0.3rem;
}

.__chats_panel .__user_chat_item ._status
{
    margin-top: 0.3rem;
}

.__chats_panel ._finished
{
    margin-top: 1rem;
}

.__chats_panel ._finished ._heading
{
    margin-bottom: 0.5rem;
}

.__intro
{

}

.__intro._handler
{

}

.__intro._content
{
    max-width: 80%;
    margin: 0 auto;
}

.__intro._sections_handler
{
    /*display: flex;*/
    /*flex-direction: row;*/
}

.__intro._section
{
    /*flex-flow: column;*/
    /*width: 100%;*/
    padding: 0 1rem;
}

.__intro._overview
{
    font-size: 1.3em;
    font-weight: normal;
    margin: 1rem 1rem;
    text-align: center;
}

.__intro._sub_content_heading
{
    text-align: center;
    margin-bottom: 0.5rem;
}

.__intro._sub_content
{
    text-align: justify;
}

.__intro._sub_content ._details_button {

}

.__intro._sub_content_details
{
    margin-top: 1rem;
    padding: 1rem;
    border-width: 1px;
    text-align: left;
}

.__intro._sub_content_details p
{
    margin-bottom: 0.5rem;
}

.__intro._join_button_handler
{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.2em;
}

.__intro._join_button_handler .__button
{
    padding: 0.8rem 1.2rem;
}

.__intro._rules_button_handler
{
    margin-top: 1rem;
}

.__intro._rules._handler {
    margin: 1rem auto;
    font-size: 1.05em;
}

.__initial_tags_selector {
    padding: 0 1rem;
}
.__initial_tags_selector ._heading {
    margin-bottom: 1rem;
}

.__initial_tags_selector .__tags_selector._handler
{
    margin-bottom: 1rem;
}

.__mobile_app_links._handler
{

}

.__mobile_app_links._heading
{
    margin-bottom: 1rem;
}

.__mobile_app_links._links
{

}

.__mobile_app_links._links a,
.__mobile_app_links._links a:hover,
.__mobile_app_links._links a:active
{
    text-decoration: none;
}

.__mobile_app_links._links a._next_to {
    margin-right: 0.2rem;
}
.__mobile_app_links._links a img
{
    height: 3rem;
    /*border-width: 1px;*/
    padding: 0.7rem;
    background: #fff;
}

.UI-Modal
{

}

/* The Modal */
.UI-Modal{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.65); /* Black w/ opacity */
}

.UI-Modal ._background{
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*	background-color: rgb(0,0,0);  Fallback color
        background-color: rgba(0,0,0,0.65);  Black w/ opacity */
}

.UI-Modal ._front{
    position: absolute;
    width: 100%;
    z-index: 3;
}

/* Modal Content (Image) */
.UI-Modal ._content {
    margin: auto;
    display: block;
    min-height: 5rem;
}

.UI-Modal ._loading {
    margin-top: 2rem;
}

.UI-Modal ._content > * {
    width: 80%;
    max-width: 700px;
    background: #fff;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.UI-Modal ._caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
}

/* Add Animation - Zoom in the Modal */
.UI-Modal ._front {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.UI-Modal ._close {
    color: #fff;
    padding: 1rem;
}

.UI-Modal ._close:hover,
.UI-Modal ._close:focus {
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .UI-Modal ._content > * {
        width: 100%;
    }
}

.__navigation_buttons
{
    position: fixed;
    z-index: 1;
    bottom: 0.0em;
    left: 0.8em;
    border-width: 1px !important;
    border-bottom-width: 0 !important;
    font-size: 1.2em;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
}

.__navbar._handler
{
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding: 0 0.5rem;
}

.__navbar._left
{
    flex-flow: column;
}

.__navbar._right
{
    flex-flow: column;
}

.__navbar._item
{
    display: inline-block;
    padding: 1rem;
    font-size: 1.1em;
    text-decoration: none;
    white-space: nowrap;
}

.__navbar._item sup {
    line-height: 0;
}

.__navbar._end {
    clear: both;
}

.__online_users._handler
{

}

.__online_users._filter
{

}

.__online_users._filter ._option
{
    margin-bottom: 0.5rem;
}

.__online_users._list
{
    margin-bottom: 2rem;
}

.__online_users._refresh_available
{
    padding: 1rem;
}

.__online_users._refresh_available ._message
{
    margin-bottom: 0.5rem;
}

.__online_users._block_sep
{
    height: 0.5rem;
}

.__online_users._user_item
{
    margin-bottom: 0.3rem;
}

.__online_users._user_item ._content
{
    padding: 1rem;
    text-align: left;
}

.__online_users._user_item ._right
{
    float: right;
    text-align: center;
}

.__online_users._user_item ._left
{

}

.__online_users._user_item ._end
{
    clear: both;
}

.__online_users._user_item ._primary_tag
{
    font-size: 1.2em;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.__online_users._user_item ._secondary_tags
{
    display: block;
}

.__online_users._user_item ._karma
{

}

.__online_users._user_item ._about
{
    border-left-width: 0.2rem;
    padding-left: 0.5rem;
    margin: 0.5rem 0;
    word-break: break-word;
    line-height: 1.2em;
}

.__online_users._user_item ._details_button a
{
    display: block;
    font-size: 0.3em;
    text-decoration: none;
    padding-bottom: 0.3rem;
    letter-spacing: 0.1rem;
}

.__online_users._unwanted_tags._handler
{
    border-top-width: 1px;
    margin: 0.5rem 0rem;
    padding-top: 0.5rem;
}

.__online_users._unwanted_tags._handler ._list
{
    margin-bottom: 0.5rem;
}

.__online_users._tags
{

}

.__tags_selector._handler
{
    text-align: left;
}

.__tags_selector._heading
{

}

.__tags_selector._page_tag_selector {

}

.__tags_selector._page_tag_selector ._content {
    padding: 1rem;
    margin-bottom: 0.5rem;
}

.__tags_selector._page_tag_selector ._close {
    /*margin-top: 0.5rem;*/
    text-align: center;
}

.__tags_selector._user_tags
{
    margin-bottom: 0.5rem;
}

.__tags_selector._selected_tags
{

}

.__tags_selector._selected_tags ._item
{
    position: relative;
    display: inline-block;
    margin-right: 0.8rem;
    cursor: pointer;
}

.__tags_selector._selected_tags ._item ._tag
{
    font-weight: bold;
}

.__tags_selector._selected_tags ._item ._remove
{
    position: absolute;
    right: -0.5rem;
    top: -0.3rem;
    font-size: 0.8em;
}

.__tags_selector._kind_selector
{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    border-bottom-width: 1px;
}

.__tags_selector._kind_selector ._item
{
    flex-flow: column;
    display: block;
    width: 100%;
    padding: 0.4rem;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
}

.__tags_selector._kind_selector ._item._selected
{
    background: #eaeaea;
}

.__tags_selector._kind_selector ._item._all
{

}
.__tags_selector._kind_selector ._item._info {

}
.__tags_selector._kind_selector ._item._interest
{

}
.__tags_selector._kind_selector ._item._location
{

}
.__tags_selector._kind_selector ._item._age
{

}
.__tags_selector._kind_selector ._item._other
{

}

.__tags_selector._selector
{

}

.__tags_selector._search
{
    display: block;
    margin-bottom: 0.5rem;
}

.__tags_selector._search_row ._tag_input
{
    padding-right: 0.2rem;
}

.__tags_selector._search_row ._tag_input input
{
    width: 100%;
    padding: 0.4rem 0;
    text-indent: 0.4rem;
    font-size: 1em;
}

.__tags_selector._search ._tag_input
{
    width: 50%;
    display: inline-block;
}

.__tags_selector._search ._tag_input input
{
    font-size: 1.2em;
    padding: 0.4rem 0.7rem;
    border-width: 1px;
}

.__tags_selector._search ._kind_selector
{
    width: 49%;
    display: inline-block;
}
.__tags_selector._search ._kind_selector select {
    height: 2rem;
    font-size: 1.2em;
}

.__tags_selector._list
{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.8rem;
}

.__tags_selector._tag
{
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border-width: 1px;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
    cursor: pointer;
    /*background: #fff;*/
}

.__tags_selector._tag:hover {

}

.__tags_selector._tag a,
.__tags_selector._tag a:hover,
.__tags_selector._tag a:active
{
    text-decoration: none;
}

.__tags_selector._tag ._mark
{

}

.__tags_selector._tag ._amount
{

}

.__tags_selector._tag._info
{

}

.__tags_selector._tag._interest
{

}
.__tags_selector._tag._location
{

}
.__tags_selector._tag._age
{

}
.__tags_selector._tag._other
{

}

.__tags_selector._new_tag
{
    margin-top: 0.5rem;
    border-top-width: 1px;
    padding-top: 0.5rem;
}

.__user_menu._menu
{

}

.__user_menu ._section ._title
{
    padding: 1rem;
    border-bottom-width: 1px;
    font-size: 1.1em;
    text-align: center;
}

.__user_menu ._section ._menu_body
{
    padding: 1rem 1rem;
}

.__user_menu ._section ._menu_body._settings {
    padding: 0rem 1rem;
}

.__user_menu ._section._settings {
    text-align: left;
}

.__user_menu ._section._settings ._group
{
    border-bottom-width: 1px;
    padding: 1rem 0;
}

.__user_menu ._section._settings ._group._last {
    border-bottom-width: 0px;
}

.__user_menu ._section._settings ._item
{
    padding-bottom: 0.8rem;
}

.__user_menu ._section._settings ._item._last {
    padding: 0;
}

.__user_menu ._section._settings ._not_in_online_list_reason
{
    margin-bottom: 0.5rem;
}

.__user_menu ._section._settings ._karma_info
{

}
.__user_menu ._section._settings ._karma_info ._karma
{

}

.__user_menu ._section._settings ._karma_info ._stats
{
    /*text-align: left;*/
}

.__user_menu ._section._tags_selector ._title ._tags_preview
{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.__user_menu ._section._feedback_preview
{

}

.__user_menu ._section._feedback_preview ._title
{

}

.__user_menu ._section._feedback_preview .__feedback ._vote ._details
{
    /*max-width: 70%;*/
}

.__user_menu .section._feedback_preview .__feedback
{

}

.__user_menu._close_button {
    height: 1px;
}

.__user_page._handler
{

}

.__user_page._next_stranger {
    width: 150vw !important;
    text-align: left;
    padding-top: 2rem;
    padding-left: 1rem;
}

.__user_page._user_info
{
    padding-bottom: 0.7rem;
    border-bottom-width: 1px;
    margin-bottom: 0.7rem;
    text-align: left;
}

.__user_page ._tags
{
    margin-bottom: 1rem;
}

.__user_page._user_info ._primary_tag
{
    font-size: 1.7em;
    margin-bottom: 0.4rem;
    display: inline-block;
}

.__user_page._user_info ._secondary_tags
{
    font-size: 1.2em;
}

.__user_page._user_info ._no_tags_placeholder
{
    font-size: 1.3em;
}

.__user_page._user_info ._about
{
    margin-bottom: 0.5rem;
    border-left-width: 0.2rem;
    padding-left: 0.5rem;
    word-break: break-word;
    line-height: 1.2em;
}

.__user_page._user_info ._langs
{
    margin-bottom: 0.5rem;
}

.__user_page._user_info ._karma
{

}

.__user_page._invite_form
{

}

.__user_page._invite_form .__form._handler,
.__user_page._invite_form ._invite_not_available
{
    margin-bottom: 0.5rem;
}

.__user_page._previous_chats
{

}

.__user_page._previous_chats ._label
{
    padding: 0.5rem;
}

.__user_page._previous_chats ._chat
{
    padding: 0.5rem;
    border-bottom-width: 1px;
}

.__user_page._previous_chats ._chat ._name
{
    font-size: 1.1em;
}

.__user_page._previous_chats ._chat ._info
{
    font-size: 0.85em;
}

.__user_page._user_feedback {}
.__user_page._user_feedback ._current {}
.__user_page._user_feedback ._history {
    margin-top: 1rem;
}

.__user_page._user_feedback ._history ._load_button {}
.__user_page._user_feedback .__block_faded {
    padding: 0.5rem 1rem;
}
.__user_page._user_feedback ._history ._title
{
    padding-bottom: 0.5rem;
    border-bottom-width: 1px;
    margin-bottom: 1rem;
}

.__user_page._extra {}
.__user_page._extra ._heading
{
    padding: 1rem;
    font-size: 1.1em;
}

.__user_page ._user_item
{
    border-bottom-width: 1px;
}

.__feedback
{
    text-align: left;
}

.__feedback ._vote
{
    /*padding-left: 1rem;*/
}

.__feedback ._vote._left {
    margin-left: 2rem;
}

.__feedback ._vote ._value
{
    /*display: inline-block;*/
    /*width: 3rem;*/
    /*text-align: center;*/
    /*vertical-align: top;*/
}

.__feedback ._vote ._left_value {
    display: inline-block;
}

.__feedback ._vote ._value ._num,
.__feedback ._vote ._left_value ._num
{
    /*padding: 0.1rem 0.3rem;*/
    display: inline-block;
}

.__feedback ._vote ._details
{
    /*border-left-width: 1px;*/
    /*padding-left: 1rem;*/
    padding-bottom: 1rem;
    /*max-width: 77%;*/
}

.__feedback ._vote._received ._details {
    font-size: 1.05em;
}

.__feedback ._vote._left ._details {
    padding-bottom: 0.5rem;
}

.__feedback ._vote._left ._details ._body
{
    border-left-width: 1px;
    padding: 0.2rem 0.0rem;
    padding-left: 1rem;
}

.__feedback ._vote ._info {
    padding-left: 0.2rem;
}

.__feedback ._vote ._message
{
    padding: 0.7rem 1rem;
    margin: 0.3rem 0;
    /*display: inline-block;*/
    word-break: break-word;
}

.__feedback ._vote._received ._message ._value {
    /*font-weight: bold;*/
}

.__feedback ._vote ._message._neutral,
.__feedback ._vote ._message._message_0
{
    background: #f2f2f2;
}
.__feedback ._vote ._value ._1,
.__feedback ._vote ._left_value ._1,
.__feedback ._vote ._message._positive,
.__feedback ._vote ._message._message_1
{
    /*background: #eef8ec;*/
    background: #f1f8ec;
}
.__feedback ._vote ._value ._-1,
.__feedback ._vote ._left_value ._-1,
.__feedback ._vote ._message._negative,
.__feedback ._vote ._message._message_-1
{
    background: #feeaea;
}

.__user_chats
{

}

.__user_chats ._chat
{
    padding: 1rem;
    border-bottom-width: 1px;
}

.__user_chats ._chat ._name {
    max-width: 24rem;
    font-size: 1.3em;
    margin-bottom: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.__user_chats ._chat ._with {
    margin-bottom: 0.3rem;
}
.__user_chats ._chat ._status {
    margin-top: 0.2rem;
}
.__user_chats ._chat ._msg_amount {}

.__user_page._links {
    margin-top: 3rem;
    /*border-top-width: 1px;*/
    /*border-bottom-width: 1px;*/
}
.__user_page._links ._item
{
    display: block;
    padding: 1rem;
    text-decoration: none;
    border-bottom-width: 1px;
}

.__user_page._links ._item._last {
    border-bottom: 0;
}

.__user_complains ._complain {
    text-align: left;
    padding: 1rem;
    border-bottom-width: 1px;
}
.__user_complains ._complain ._chat_name
{
    font-size: 1.2em;
}
.__user_complains ._complain ._reason {}
.__user_complains ._complain ._clarification {}
.__user_complains ._complain ._with {
    display: inline-block;
    margin-bottom: 0.3rem;
}
.__user_complains ._complain ._complained_at {}

.__user_settings._handler
{

}

.__user_settings._settings
{
    margin-bottom: 1rem;
}

.__user_settings._settings ._section
{
    padding: 1rem;
    border-bottom-width: 1px;
}

.__user_settings._settings ._section h4
{
    margin-bottom: 1rem;
    background: #eee;
    padding: 0.3rem;
}

.__user_settings._settings ._about
{

}

.__user_settings._settings ._about ._value
{
    font-size: 1em;
    cursor: pointer;
}

.__user_settings._settings ._about textarea
{
    min-height: 3rem;
}

.__user_settings._settings ._about ._karma_requirements
{
    margin-top: 0.5rem;
    border-top-width: 1px;
    padding-top: 0.5rem;
    font-size: 0.9em;
}

.__user_settings._settings ._email {}
.__user_settings._settings ._email ._confirmation_message
{
    margin-bottom: 0.5rem;
}
.__user_settings._settings ._email ._suggestion {
    margin-bottom: 0.5rem;
}
.__user_settings._settings ._email ._details_button {
    margin: 0.5rem 0;
}
.__user_settings._settings ._email ._disclaimer {
    text-align: left;
}

.__user_settings._about ._karma_requirements
{
    margin-top: 0.5rem;
}

.__user_settings._menu
{
    margin-bottom: 1rem;
}

.__user_settings._menu ._item
{
    display: block;
    padding: 0.7rem;
    border-bottom-width: 1px;
    text-decoration: none;
}

.__content_manager._handler {}
.__content_manager ._heading {
    margin-bottom: 1rem;
}

.__content_manager ._content
{
    margin: 0 auto;
    display: inline-block;
}

.__content_manager ._list {

}

.__content_manager ._grid {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.__content_manager ._item {
    padding: 1rem;
}
.__content_manager ._grid ._item img {
    max-height: 9rem;
    max-width: 100%;
}

.__content_manager .__pagination._top{
    margin-bottom: 1rem;
}
.__content_manager .__pagination._bottom{
    margin-top: 1rem;
}

.__manage_votes ._vote ._value {
    width: 4rem;
}

.__manage_votes ._vote ._actions {
    margin-top: 1rem;
}

.__manage_votes ._vote ._details {
    padding-bottom: 2rem;
}

.__status_page {
    padding: 2rem;
}
.__status_page ._heading{
    margin-bottom: 1rem;
    font-weight: normal;
    font-size: 1.6em;
}
.__status_page ._description{}
.__status_page ._description p{
    margin-top: 0.2rem;
}
.__status_page ._actions{
    margin-top: 1rem;
}

.-moonlight .__block_bg,
body.-moonlight
{
    background: #232528;
    color: #d8d8d8;
}


.-moonlight .__block_bg *
{
    border-color: #474747;
}

.-moonlight .__block_bg select,
.-moonlight .__block_bg input,
.-moonlight .__block_bg textarea
{
    border-width: 1px;
}

.-moonlight .__block_bg input[type=file] {
    border-width: 0;
}

.-moonlight .__block_bg ._t._secondary
{
    color: #828689;
}

.-moonlight .__block_bg ._t._blend_in,
.-moonlight .__button._blend_in
{
    color: #7d7d7d;
}

.-moonlight .__block_bg ._t._danger,
.-moonlight .__block_bg ._t._danger_hover:hover
{
    color: #9c2721;
}

.-moonlight .__block_contrast
{
    background: #45494e;
    color: #f1f1f1;
}


.-moonlight .__block_contrast ._hovery:hover,
.-moonlight .__block_contrast ._hovered,
.-moonlight .__block_contrast ._selected
{
    background: #323539;
    background: #2f2f2f;
}

.-moonlight .__block_contrast ._t._contrast,
.-moonlight .__block_contrast ._t._secondary,
.-moonlight .__block_contrast ._t._blend_in
{

}


.-moonlight .__block_main
{
    background: #303030;
    color: #e2e2e2;
}

.-moonlight .__block_main *
{
    border-color: #555555;
    border-style: solid;
}

.-moonlight .__block_main._t._contrast,
.-moonlight .__block_main ._t._contrast
{
    color: #8ea9ed;
}

.-moonlight .__block_main._t._secondary,
.-moonlight .__block_main ._t._secondary
{
    color: #d6d2d2;
}

.-moonlight .__block_main .__button._blend_in
{
    color: #bababa;
    background: #3f3e3e;
}

.-moonlight .__block_main .__button._blend_in:hover
{
    background: #4e4e4e;
}

.-moonlight .__block_main._t._blend_in,
.-moonlight .__block_main ._t._blend_in
{
    color: #8c8c8c;
}

.-moonlight .__block_under
{
    background: #525252;
    color: #c4c4c4;
}

.-moonlight .__block_under *
{
    border-color: #767676;
    border-style: solid;
}

.-moonlight .__block_under ._t._contrast
{

}

.-moonlight .__block_under ._t._secondary
{

}

.-moonlight .__block_under ._t._blend_in
{

}

.-moonlight .__block_faded
{
    background: #393939;
    color: #cbcbcb;
}

.-moonlight .__block_faded._transparent {
    background: initial;
}

.-moonlight .__block_faded ._t._contrast,
.-moonlight .__block_faded ._t._secondary
{
    color: #bbbbbb;
}

.-moonlight .__block_primary
{
    background: #303a44;
    color: #c3c3c3;
}

.-moonlight .__block_primary ._t._contrast {}

.-moonlight .__block_primary ._t._secondary {}

.-moonlight .__block_primary ._t._blend_in {}

.-moonlight .__block_info
{
    background: #424141;
    color: #a2a2a2;
}

.-moonlight .__block_info .__button._contrast
{
    background: #686868;
}

.-moonlight .__block_info .__button._contrast:hover,
.-moonlight .__block_info .__button._contrast:active
{
    background: #5a5a5a;
}

.-moonlight .__block_warning
{
    background: #fbfae6;
    color: #443916;
}

.-moonlight .__block_success
{
    background: #f5fff0;
    color: #23581e;
}

.-moonlight .__block_danger
{
    background: #916565;
    color: #ffe1e1;
}

.-moonlight input[type="text"],
.-moonlight input[type="email"],
.-moonlight input[type="password"],
.-moonlight input[type="number"],
.-moonlight textarea
{
    /*border: 1px solid #C5C7C9;*/

    border-width: 1px;
    background: #2a2a2a;
    color: inherit;
}

.-moonlight input[type="text"]:hover,
.-moonlight input[type="text"]:focus,
.-moonlight input[type="email"]:hover,
.-moonlight input[type="email"]:focus,
.-moonlight input[type="password"]:hover,
.-moonlight input[type="password"]:focus,
.-moonlight input[type="number"]:hover,
.-moonlight input[type="number"]:focus,
.-moonlight textarea:hover,
.-moonlight textarea:focus,
.-moonlight .__button._plain:hover,
.-moonlight .__button._plain:active
{
    /*border: 1px solid #A6B0C0;*/
    /*border: 1px solid #a1bac9;*/
    border: 1px solid #6e6e6e;

    /*border-width: 1px;*/
}

.-moonlight button:disabled,
.-moonlight button:disabled:hover,
.-moonlight textarea:disabled {
    background: #575656 !important;
    border: 1px solid #727272 !important;
    color: #c1c1c1 !important;
}

.-moonlight .__button {
    color: inherit;
}

.-moonlight .__button._contrast
{
    background: #3a4c60;
    color: #d4d9e7;
}

.-moonlight .__button._contrast:hover,
.-moonlight .__button._contrast:active
{
    color: #dee4f1;
    background: #3d5167;
}

.-moonlight .__button._plain
{
    background: #2b2b2b;
    border-width: 1px;
    color: inherit;
}

.-moonlight .__button._plain:hover,
.-moonlight .__button._plain:active
{
    /*border: 1px solid #aeb2b8;*/
}

.-moonlight .__button._blend_in
{
    border: 0;
    border-radius: 0;
}

.-moonlight .__button._spread
{
    display: block;
    border-radius: 0;
}

.-moonlight .__button._blend_in:hover,
.-moonlight .__button._blend_in:active
{
    border: 0;
}

.-moonlight .__link:hover {
    text-decoration: underline;
}

.-moonlight .__link._contrast
{
    color: #61a3eb;
}

.-moonlight .__link._plain
{
    color: #7eb3ed;
}


.-moonlight .__chat_messaging._left ._message{
    background: #47484e;
    color: #e4e4e4;
}

.-moonlight .__chat_messaging._left ._message * {
    border-color: #6f7289;
}

.-moonlight .__chat_messaging._right ._message{
    background: #515151;
}

.-moonlight .__chat_messaging._right ._message * {
    border-color: #6d6d6d;
}

.-moonlight .__tags_selector._tag {
    /*background: #464646;*/
    /*border-color: inherit;*/
}

.-moonlight .__tags_selector._tag:hover {
    border-color: initial;
    webkit-box-shadow: 0rem 0rem 1.5rem 0px;
    -moz-box-shadow: 0rem 0rem 1.5rem 0px;
    box-shadow: 0rem 0rem 1.5rem 0px;
}

.-moonlight .__tags_selector._kind_selector ._item._selected {
    background: #504f4f;
}

.-moonlight .__feedback ._vote ._value ._1,
.-moonlight .__feedback ._vote ._left_value ._1,
.-moonlight .__feedback ._vote ._message._positive,
.-moonlight .__feedback ._vote ._message._message_1 {
    /* background: #eef8ec; */
    background: #41513f;
}

.-moonlight .__feedback ._vote ._value ._-1,
.-moonlight .__feedback ._vote ._left_value ._-1,
.-moonlight .__feedback ._vote ._message._negative,
.-moonlight .__feedback ._vote ._message._message_-1 {
    background: #664141;
}

.-moonlight .__feedback ._vote ._message._neutral,
.-moonlight .__feedback ._vote ._message._message_0 {
    background: #494949;
}

.-moonlight .__online_text, .__online_icon {
    color: #77bf71;
}

.-moonlight .__user_settings._settings ._section h4 {
    background: #484747;
}

.-moonlight .__chats_notifications ._new_messages
{
    font-weight: bold;
    background: #fff;
    color: #000;
}

.-moonlight .__chat_history._participant {
    background: #363636;
}

.-moonlight .__tags_selector._selected_tags ._item ._tag
{
    color: #8ea9ed;
}

.__notifications ._item {
    webkit-box-shadow: 0px 0px 2px 0px rgba(255,255,255,0.88);
    -moz-box-shadow: 0px 0px 2px 0px rgba(255,255,255,0.88);
    box-shadow: 0px 0px 2px 0px rgba(255,255,255,0.88);
}

.-moonlight .__block_bg
{
    /*background: #000;  !* fallback for old browsers *!*/
    background: -webkit-linear-gradient(to top, #1d2e40, #000);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #1d2e40, #000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: -olinear-gradient(to top, #1d2e40, #000);
}

.-moonlight .__layout ._main.-stars {
    background:url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
}

.-moonlight .__block_bg .__layout._main.-stars ._t._blend_in {
    color: #969696;
}


.DesctopOnly,
._desktop
{
	
}

.MobileOnly,
._mobile
{
	display: none !important;
}

.__static_page_margin {
    margin-top: 3.5rem;
}

.__layout._right
{

}

.__body._columns_handler
{
    margin: 0 auto;
    display: inline-block;
}


.__body._column
{
    float: left;
}

.__body._column._min
{
    width: 18em;
}

.__body._column._sm,
.__body._block._sm
{
	width: 21em;
}

.__body._column._md,
.__body._block._md
{
	width: 36em;
}

.__body._column._lg,
.__body._block._lg
{
	width: 44em;
}

.__body._section_middle
{
    display: inline-block;
    width: 36em;
}

.__body._section_middle._sm
{
    width: 24em;
}

.__body._section_middle._lg
{
    width: 44em;
}

.__body._section_middle._wrap
{
    padding: 2rem;
}


.__body._column_next_to
{
    margin-right: 1rem;
}

.__app_loading ._section {
    padding: 2rem !important;
}

.__app_loading ._connecting{
    font-size: 1.3em;
}

.__bg_logo ._title {
    font-size: 5em;
    opacity: 0.125;
}

.__layout._top
{
    position: fixed;
    top: 0;
    z-index: 1;
}

.__intro._overview
{
    margin: 2rem 1rem;
    font-size: 1.4em;
}

.__intro._sections_handler
{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.__intro._section
{
    /*text-align: center;*/
    flex-flow: column;
    width: 100%;
    max-width: 18rem;
    /*padding: 0 1rem;*/
    font-size: 1.05em;
}

.__user_menu._desktop {
    padding: 0;
}

.__user_menu._menu
{
    display: flex;
    flex-direction: row;
}

.__user_menu ._section
{
    flex-flow: column;
    width: 100%;
}

.__user_menu ._section._settings {
    order: 3;
}

.__user_menu ._section._tags_selector ._title ._tags_preview
{
    max-width: 30rem;
}

.__user_page ._user_feedback {
    padding: 1 2rem;
}

.__chat._menu_handler
{
    position: relative;
    float: left;
}

.__chat._menu_handler ._column
{
    position: absolute;
    margin-top: 4.2rem;
}

.__chat._messages
{
    max-height: 30rem;
    overflow-y: auto;
}

@media (min-width: 70em) {	
	

}

@media (min-width: 80em) 
{

}

@media (max-width: 70em) 
{

}

