@font-face {
    font-family: "Material Icons";
    src: url('fonts/MaterialIcons-Regular.ttf?1587738854') format('truetype'), url('fonts/MaterialIcons-Regular.woff?1587738854') format('woff'), url('fonts/MaterialIcons-Regular.woff2?1587738854') format('woff2'), url('fonts/MaterialIcons-Regular.svg?1587738854') format('svg'), url('fonts/MaterialIcons-Regular.eot?1587738854') format('embedded-opentype')
}

@font-face {
    font-family: "Roboto-Light";
    src: url('fonts/Roboto-Light-webfont.ttf?1587738854') format('truetype'), url('fonts/Roboto-Light-webfont.woff?1587738854') format('woff'), url('fonts/Roboto-Light-webfont.svg?1587738854') format('svg'), url('fonts/Roboto-Light-webfont.eot?1587738854') format('embedded-opentype')
}

@font-face {
    font-family: "Roboto";
    src: url('fonts/Roboto-Regular-webfont.ttf?1587738854') format('truetype'), url('fonts/Roboto-Regular-webfont.woff?1587738854') format('woff'), url('fonts/Roboto-Regular-webfont.svg?1587738854') format('svg'), url('fonts/Roboto-Regular-webfont.eot?1587738854') format('embedded-opentype')
}

@font-face {
    font-family: "Roboto-Italic";
    src: url('fonts/Roboto-Italic-webfont.ttf?1587738854') format('truetype'), url('fonts/Roboto-Italic-webfont.woff?1587738854') format('woff'), url('fonts/Roboto-Italic-webfont.svg?1587738854') format('svg'), url('fonts/Roboto-Italic-webfont.eot?1587738854') format('embedded-opentype')
}

@font-face {
    font-family: "Roboto-Medium";
    src: url('fonts/Roboto-Medium-webfont.ttf?1587738854') format('truetype'), url('fonts/Roboto-Medium-webfont.woff?1587738854') format('woff'), url('fonts/Roboto-Medium-webfont.svg?1587738854') format('svg'), url('fonts/Roboto-Medium-webfont.eot?1587738854') format('embedded-opentype')
}

@font-face {
    font-family: "Roboto-Black";
    src: url('fonts/Roboto-Black-webfont.ttf?1587738854') format('truetype'), url('fonts/Roboto-Black-webfont.woff?1587738854') format('woff'), url('fonts/Roboto-Black-webfont.svg?1587738854') format('svg'), url('fonts/Roboto-Black-webfont.eot?1587738854') format('embedded-opentype')
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

.pushy {
    position: fixed;
    width: 304px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.pushy a {
    display: block;
    color: #2a2a2a;
    padding: 16px;
    text-decoration: none
}

.pushy a .material-icons {
    float: right;
    margin-left: 36px
}

.pushy a:hover {
    color: black
}

.pushy.pushy-left {
    left: 0
}

.pushy.pushy-right {
    right: 0
}

.pushy-content {
    visibility: hidden
}

.pushy-link a:hover {
    color: black;
    background-color: #e7e7e7
}

.pushy-link a.active,
.pushy-link a.qa-nav-main-selected {
    background-color: #e7e7e7;
    color: #7a532e
}

.account-box {
    width: 100%;
    height: auto;
    background: url('../images/drawer-bg.jpeg?1587738854');
    background-size: cover;
    position: relative;
    color: #fff;
    padding: 16px
}

.account-box .account-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.account-box .account-links {
    position: relative;
    z-index: 99999
}

.account-box .account-action {
    position: relative;
    z-index: 99999;
    display: block
}

.account-box .ac-avatar {
    width: 64px;
    height: 64px;
    display: block;
    float: right;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: black
}

.account-box .ac-avatar .qa-avatar-link {
    padding: 0;
    line-height: 1
}

.account-box .ac-avatar img {
    max-width: 100%;
    vertical-align: middle
}

.account-box a.action-item {
    float: left;
    line-height: 1;
    color: #fff
}

.account-box .user-links {
    margin-top: 44px
}

.account-box .username a {
    font-family: "Roboto-Medium", Arial, SansSerif;
    font-size: 14px;
    padding: 0;
    color: #fff
}

.account-box .points {
    font: normal 100 14px/1.4 "Roboto-Light", Arial, Helvetica, sans-serif
}

.pushy-left {
    -webkit-transform: translate3d(-304px, 0, 0);
    -ms-transform: translate3d(-304px, 0, 0);
    transform: translate3d(-304px, 0, 0)
}

.pushy-right {
    -webkit-transform: translate3d(304px, 0, 0);
    -ms-transform: translate3d(304px, 0, 0);
    transform: translate3d(304px, 0, 0)
}

.pushy-open-right #container,
.pushy-open-right .push {
    -webkit-transform: translate3d(-304px, 0, 0);
    -ms-transform: translate3d(-304px, 0, 0);
    transform: translate3d(-304px, 0, 0)
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
    visibility: visible
}

#container,
.pushy,
.push {
    transition: transform .2s cubic-bezier(0.16, 0.68, 0.43, 0.99)
}

.pushy-content {
    transition: visibility .2s cubic-bezier(0.16, 0.68, 0.43, 0.99)
}

.site-overlay {
    display: none
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-animation: fade 500ms;
    animation: fade 500ms
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.pushy-submenu ul {
    padding-left: 16px;
    transition: max-height .2s ease-in-out, visibility .2s ease-in-out
}

.pushy-submenu ul .pushy-link {
    transition: opacity .2s ease-in-out
}

.pushy-submenu button {
    width: 100%;
    color: #2a2a2a;
    padding: 16px;
    text-align: left;
    background: transparent;
    border: 0
}

.pushy-submenu button:hover {
    color: #FFF
}

.pushy-submenu>a,
.pushy-submenu>button {
    position: relative
}

.pushy-submenu>a::after,
.pushy-submenu>button::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url("../img/arrow.svg") no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .2s
}

.pushy-submenu-closed ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.pushy-submenu-closed .pushy-link {
    opacity: 0
}

.pushy-submenu-open ul {
    max-height: 1000px;
    visibility: visible
}

.pushy-submenu-open .pushy-link {
    opacity: 1
}

.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.no-scroll {
    overflow: hidden
}

.ui-colorpicker {
    position: fixed;
    border: 1px solid #aaa;
    padding: .2em;
    background: #fff;
    display: none
}

.ui-colorpicker .palette {
    border-spacing: 0;
    font-size: 10px
}

.ui-colorpicker .palette .cell {
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 1px;
    border: 1px solid transparent;
    cursor: pointer;
    color: #fff
}

.ui-colorpicker .palette .cell:hover {
    border-color: #fff
}

.ui-colorpicker .palette .cell.alt {
    color: #000
}

.ui-colorpicker .palette .cell.alt:hover {
    border-color: #000
}

.ui-colorpicker .palette .sep td {
    height: 2px
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga'
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    background-color: #e8e8e8;
    font: normal normal 16px/1.6 "Roboto", Arial, Helvetica, sans-serif;
    color: #2a2a2a;
    margin: 0;
    padding: 0;
    position: relative;
    direction: rtl
}

body {
    padding-top: 48px
}

a {
    text-decoration: none
}

caption,
th,
td {
    text-align: right
}

img {
    max-width: 100%;
    height: auto !important
}

.clearfix:after,
.account-box .account-action:after,
.qa-q-item-tags:after,
.topbar .qa-search:after,
.qa-q-list-item .qa-q-item-main:after,
.qa-q-list-item .metas:after,
.q-item-moderate-content:after,
.qa-q-view-footer .qa-q-additional-buttons-model:after,
.a-item-footer .qa-q-additional-buttons-model:after,
.qa-c-item-footer .qa-q-additional-buttons-model:after,
.qa-q-view-content:after,
.qa-a-item-content:after,
.qa-c-item-content:after,
.qa-q-item-content:after,
.qa-q-view .qa-q-view-header .qa-q-view-actions-vote:after,
.qa-q-view .qa-q-view-tags .qa-q-view-tag-list:after,
.qa-a-list .qa-a-list-item .a-vote-select-box:after,
.qa-q-view-c-list .qa-c-item-avatar-meta:after,
.qa-a-item-c-list .qa-c-item-avatar-meta:after,
.qa-sidepanel .qa-activity-count:after,
.qa-sidepanel .qa-nav-cat-list:after,
.qa-template-tags .qa-part-ranking:after,
.qa-template-categories .qa-part-nav-list .qa-browse-cat-list:after,
.qa-template-users .qa-part-ranking:after,
.qa-notice:after {
    content: "";
    display: block;
    clear: both
}

.chip {
    font-size: 12px;
    display: inline-block;
    height: 32px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 32px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #e7e7e7;
    margin-bottom: 5px;
    margin-right: 5px
}

.tag,
.qa-tag-link,
.qa-sidepanel .qa-widget-side>div>a {
    font-size: 12px;
    line-height: 1;
    border-radius: 12px;
    display: inline-block;
    padding: 6px 12px;
    margin: 0;
    text-align: center
}

.avatar-image,
.qa-q-list-item .list-updates .qa-avatar-link,
.qa-q-view .qa-q-view-header .qa-q-view-avatar-when .qa-avatar-link,
.qa-a-list .qa-a-list-item .qa-a-item-avatar .qa-avatar-link {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    display: block
}

.comment-avatar-image,
.qa-q-view-c-list .qa-c-item-avatar-meta .qa-c-item-avatar,
.qa-a-item-c-list .qa-c-item-avatar-meta .qa-c-item-avatar {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    overflow: hidden;
    display: block
}

.comment-avatar-image .qa-avatar-image,
.qa-q-view-c-list .qa-c-item-avatar-meta .qa-c-item-avatar .qa-avatar-image,
.qa-a-item-c-list .qa-c-item-avatar-meta .qa-c-item-avatar .qa-avatar-image {
    width: 24px;
    height: 24px
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.flip {
    transform: rotate(180deg)
}

.sub-heading,
.qa-template-user .qa-part-form-profile h2,
.qa-template-user .qa-part-form-activity h2,
.qa-template-account .qa-part-form-profile h2,
.qa-template-account .qa-part-form-activity h2,
.qa-template-user .qa-part-message-list h2,
.qa-template-account .qa-part-message-list h2,
.qa-part-message-list h2,
.qa-template-messages .qa-part-custom {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px
}

.qa-voting {
    text-align: center;
    width: 56px;
    height: 56px;
    position: relative
}

.qa-voting .qa-vote-first-button,
.qa-voting .qa-vote-second-button,
.qa-voting .qa-voted-up-button,
.qa-voting .qa-voted-down-button,
.qa-voting .qa-vote-one-button {
    background-color: transparent;
    border: 0;
    outline: 0;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -99999px;
    position: absolute
}

.qa-voting .qa-vote-first-button,
.qa-voting .qa-voted-up-button {
    left: 50%;
    top: -6px;
    margin-left: -12px
}

.qa-voting .qa-vote-second-button,
.qa-voting .qa-voted-down-button {
    left: 50%;
    bottom: -6px;
    margin-left: -12px
}

.qa-voting .qa-vote-up-button,
.qa-voting .qa-vote-down-button,
.qa-voting .qa-vote-up-disabled,
.qa-voting .qa-vote-down-disabled,
.qa-voting .qa-voted-up-button,
.qa-voting .qa-voted-down-button {
    background-repeat: no-repeat;
    background-position: center
}

.qa-voting .qa-vote-up-button,
.qa-voting .qa-voted-up-button {
    background-image: url('../images/icons/vote_up.svg?1587738854');
    opacity: .5
}

.qa-voting .qa-vote-down-button,
.qa-voting .qa-voted-down-button {
    background-image: url('../images/icons/vote_down.svg?1587738854');
    opacity: .5
}

.qa-voting .qa-vote-up-disabled {
    background-image: url('../images/icons/vote_up.svg?1587738854');
    opacity: .15
}

.qa-voting .qa-vote-down-disabled {
    background-image: url('../images/icons/vote_down.svg?1587738854');
    opacity: .15
}

.qa-voting .qa-vote-count {
    font: normal 100 24px/1 "Roboto-Light", Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 56px
}

.qa-voting .qa-vote-count .qa-netvote-count-data {
    display: block
}

.qa-voting .qa-vote-count .qa-netvote-count-pad {
    display: none
}

.qa-view-count {
    text-align: center;
    min-width: 56px;
    width: auto;
    height: 56px
}

.qa-view-count .qa-view-count-data {
    font: normal 100 24px/1 "Roboto-Light", Arial, Helvetica, sans-serif;
    display: block
}

.qa-view-count .qa-view-count-pad {
    font-family: "Roboto-Light", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    display: block
}

.qa-favoriting {
    display: block;
    line-height: 1;
    position: relative
}

.qa-favoriting .qa-waiting {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

.qa-favorite-button,
.qa-unfavorite-button {
    background-color: transparent;
    background-size: contain;
    border: 0;
    outline: 0;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.qa-favorite-button {
    background: url('../images/icons/favorite_white.svg?1587738854') no-repeat center
}

.qa-unfavorite-button {
    background: url('../images/icons/favorite_selected.svg?1587738854') no-repeat center
}

.qa-q-item-tags {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f1f1f1
}

.qa-q-item-tags ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.qa-q-item-tags ul li {
    display: block;
    float: right;
    margin: 1%
}

.qa-body-wrapper {
    width: 100%;
    display: block
}

.topbar {
    position: relative;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 666;
    padding: 0;
    color: #fff;
    display: flex
}

.topbar .qa-search {
    display: none;
    position: fixed;
    top: 66px;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 9999
}

.topbar .qa-search .close-search {
    position: fixed;
    top: 66px;
    right: 0;
    width: 48px;
    height: 48px;
    padding: 12px;
    display: block;
    margin: 0;
    color: #999;
    cursor: pointer;
    z-index: 888
}

.topbar .qa-search .qa-search-field {
    width: calc(100% - 48px);
    height: 48px;
    padding: 16px 48px 16px 16px;
    margin: 0;
    border: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    float: right;
    font-size: 24px;
    -webkit-transition: ease .25s;
    -moz-transition: ease .25s;
    -ms-transition: ease .25s;
    -o-transition: ease .25s;
    transition: ease .25s
}

.topbar .qa-search .qa-search-field:focus {
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15);
    -webkit-transition: ease .25s;
    -moz-transition: ease .25s;
    -ms-transition: ease .25s;
    -o-transition: ease .25s;
    transition: ease .25s
}

.topbar .qa-search .qa-search-button {
    width: 48px;
    height: 48px;
    display: block;
    padding: 12px;
    border: 0;
    outline: 0;
    margin: 0;
    text-indent: -9999px;
    float: right;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15)
}

.topbar .menu.menu-btn {
    cursor: pointer
}

.topbar .qa-logo,
.topbar .topbar-page-title {
    padding: 12px 24px 12px 12px;
    line-height: 1.5;
    width: calc(100% - 96px);
    white-space: nowrap;
    flex: 1 1 0
}

.topbar .qa-logo a.qa-logo-link,
.topbar .topbar-page-title a.qa-logo-link {
    color: #fff;
    display: inline-block;
    line-height: 1
}

.topbar .qa-logo a.qa-logo-link img,
.topbar .topbar-page-title a.qa-logo-link img {
    width: auto;
    max-height: 22px;
    vertical-align: bottom
}

.topbar .qa-logo .topbar-favorite,
.topbar .topbar-page-title .topbar-favorite {
    float: right;
    margin-left: 8px
}

.topbar .qa-logo .topbar-favorite .qa-favorite-button,
.topbar .qa-logo .topbar-favorite .qa-unfavorite-button,
.topbar .topbar-page-title .topbar-favorite .qa-favorite-button,
.topbar .topbar-page-title .topbar-favorite .qa-unfavorite-button {
    width: 18px;
    height: 18px;
    margin-top: 4px
}

.topbar #osnbox {
    position: relative;
    display: inline-block;
    text-align: left
}

.topbar .nfyWrap {
    position: absolute;
    top: 48px;
    left: 0;
    right: auto;
    width: 460px;
    background: #fefefe;
    padding: 0;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    z-index: 999
}

.topbar .nfyWrap .nfyTop {
    line-height: 12px;
    padding: .75rem;
    color: #333;
    background: #f4f4f4;
    border: 1px solid #EEE;
    border-radius: 0;
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
    font-size: 80%;
    text-align: right
}

.topbar .nfyWrap .nfyContainer {
    width: 100%;
    overflow-y: auto;
    padding: 0;
    max-height: 240px;
    height: auto;
    border: 1px solid #EEE;
    border-top: 0
}

.topbar .nfyWrap .nfyFooter {
    padding: 5px;
    background: #fefefe;
    text-align: right;
    font-size: 10px
}

.topbar .nfyWrap .nfyFooter a {
    color: #aaa;
    cursor: pointer
}

.topbar .nfyWrap .itemBox {
    width: 100%;
    float: none;
    display: flex;
    margin: 0;
    padding: .5rem;
    border-bottom: 1px solid #EEE
}

.topbar .nfyWrap .itemBox:hover {
    background: #EEE
}

.topbar .nfyWrap .itemBox-new {
    width: 100%;
    float: none;
    display: flex;
    margin: 0;
    padding: .5rem;
    border-bottom: 1px solid #EEE;
    background: #e9e7a7
}

.topbar .nfyWrap .itemBoxNew {
    background-color: #ffffe2
}

.topbar .nfyWrap .nfyItemLine {
    display: inline-block;
    width: auto;
    flex: 1;
    font-size: 12px;
    color: #555;
    text-align: right
}

.topbar .nfyWrap .nfyItemLine a {
    font-size: 12px;
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
    color: #44A;
    text-decoration: none
}

.topbar .nfyWrap .nfyItemLine a:hover {
    color: inherit
}

.topbar .nfyWrap .nfyItemLine p {
    display: inline-block;
    margin: 0;
    line-height: 1.4
}

.topbar .nfyWrap .siteLink {
    font-size: 9px !important;
    text-decoration: none;
    font-weight: normal !important;
    margin-bottom: 4px;
    display: inline-block
}

.topbar .nicon {
    display: block;
    width: 16px;
    height: 16px;
    margin: 6px 0 0 12px
}

.topbar .nicon.nanswer {
    background: url('../images/third-party/osn/answer.svg?1588596694') no-repeat center top
}

.topbar .nicon.ncomment {
    background: url('../images/third-party/osn/comment.svg?1588596694') no-repeat center top
}

.topbar .nicon.nvoteup {
    background: url('../images/third-party/osn/upvote.svg?1588596694') no-repeat center top
}

.topbar .nicon.nvotedown {
    background: url('../images/third-party/osn/downvote.svg?1588596694') no-repeat center top
}

.topbar .nicon.nbestanswer {
    background: url('../images/third-party/osn/bestanswer.svg?1588596694') no-repeat center top
}

.topbar .nicon.nmessage {
    background: url('../images/third-party/osn/message.svg?1588596694') no-repeat center top
}

.topbar .nicon.nwallpost {
    background: url('../images/third-party/osn/wall.svg?1588596694') no-repeat center
}

.topbar .nfyWhat {
    padding-top: 3px
}

.topbar .nfyTime {
    color: #888;
    display: block !important;
    font-style: italic;
    font-size: 85%
}

.topbar .qa-history-event-nill {
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 1px 1px #999;
    text-align: center;
    background-color: #999;
    font-style: italic;
    font-weight: bold;
    color: #FFF;
    cursor: pointer
}

.topbar .osn-new-events-link {
    position: relative;
    width: 48px;
    height: 48px;
    display: block;
    background-image: url('../images/third-party/osn/notification.svg?1587885632');
    background-size: 24px 24px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

.topbar .osn-new-events-link:hover {
    text-decoration: none !important
}

.topbar .osn-new-events-link .notifybub {
    position: absolute;
    left: 6px;
    top: 4px;
    display: block;
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 50%;
    line-height: 1;
    border: 0;
    font-weight: normal;
    min-width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle
}

.topbar .ntfy-event-new {
    background-color: red;
    color: white
}

.topbar .ntfy-event-nill {
    background-color: #eee;
    color: #666
}

.topbar .ntfy-read {
    background: #EEE;
    border: 1px solid #DDD;
    color: #555
}

.topbar #nfyReadClose {
    float: left;
    cursor: pointer;
    color: #333
}

.topbar .qam-account-items-wrapper #osnbox {
    float: left;
    margin-left: -30px
}

.topbar .qam-account-items-wrapper .ntfy-event-new {
    padding: 4px 7px
}

.topbar .qam-account-items-wrapper .ntfy-event-nill {
    padding: 4px 7px
}

.topbar .qam-account-items-wrapper .nfyWrap {
    left: -437px;
    top: 30px;
    box-sizing: content-box !important
}

.topbar .qam-account-items-wrapper .nfyWrap .nfyContainer p {
    box-sizing: content-box !important
}

@media only screen and (max-width:480px) {
    .topbar .nfyWrap {
        position: fixed;
        top: 100px;
        left: 2%;
        width: 95%
    }

    .topbar .nfyWrap .itemBox {
        width: 95%;
        padding: 3px 0 12px 10px
    }

    .topbar .nfyWrap .itemBox-new {
        width: 95%;
        padding: 3px 0 12px 10px
    }

    .topbar .nfyWrap .nfyItemLine {
        display: inline-block;
        width: 90%
    }
}

.topbar ul.auth {
    cursor: pointer;
    position: relative
}

.topbar ul.auth li.auth-power ul.qa-auth-box {
    position: absolute;
    width: 300px;
    top: 48px;
    left: 0;
    bottom: auto;
    right: auto;
    background-color: #fff;
    color: #2a2a2a;
    font-size: 14px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    display: none
}

.topbar .search {
    cursor: pointer
}

.qa-nav-sub {
    display: block;
    font-size: 12px;
    text-align: center
}

.qa-nav-sub .qa-nav-sub-list {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.qa-nav-sub .qa-nav-sub-list .qa-nav-sub-item {
    display: inline-block
}

.qa-nav-sub .qa-nav-sub-list .qa-nav-sub-item .qa-nav-sub-link {
    line-height: 1;
    display: block;
    padding: 16px 0;
    margin: 0 16px
}

.qa-nav-sub .qa-nav-sub-list .qa-nav-sub-item .qa-nav-sub-link:hover {
    border-width: 0 0 1px 0;
    border-style: solid;
    padding-bottom: 14px
}

.qa-nav-sub .qa-nav-sub-list .qa-nav-sub-item .qa-nav-sub-link.qa-nav-sub-selected {
    border-width: 0 0 1px 0;
    border-style: solid;
    font-weight: 900;
    padding-bottom: 14px
}

.qa-q-list {
    margin-bottom: 16px
}

.qa-q-list-item {
    border-bottom: 1px solid #e7e7e7;
    padding: 16px
}

.qa-q-list-item .material-icons {
    color: #747474
}

.qa-q-list-item .qa-q-item-main {
    display: flex;
    min-height: 68px;
    position: relative
}

.qa-q-list-item .list-updates {
    text-align: center;
    float: right;
    display: block;
    margin-left: 16px
}

.qa-q-list-item .list-updates .qa-avatar-image {
    width: 40px;
    height: 40px !important
}

.qa-q-list-item .list-updates .material-icons {
    margin-top: 12px;
    display: block;
    font-size: 16px
}

.qa-q-list-item .qa-q-item-title {
    line-height: 1.4;
    flex: 1;
    margin-left: 16px
}

.qa-q-list-item .qa-q-item-title a {
    color: #000
}

.qa-q-list-item .ans-box {
    width: 34px;
    text-align: center;
    height: 100%
}

.qa-q-list-item .ans-box .ans-count {
    font-size: 32px;
    line-height: 1;
    font: normal 100 32px/1 "Roboto-Light", Arial, Helvetica, sans-serif;
    color: #9d4405
}

.qa-q-list-item .ans-box .q-more-btn {
    cursor: pointer
}

.qa-q-list-item .ans-box .material-icons {
    display: block;
    position: absolute;
    font-size: 18px;
    bottom: 0;
    left: 8px;
    z-index: 1
}

.qa-q-list-item .q-item-meta-data {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f1f1f1
}

.qa-q-list-item .q-item-meta-data .qa-q-item-tags {
    font-size: 12px
}

.qa-q-list-item .metas {
    display: flex;
    position: relative;
    font-size: 12px
}

.qa-q-list-item .metas .update-info {
    padding: 8px 16px 0 16px;
    flex: 1;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    -webkit-border-image: linear-gradient(to bottom, #f4f4f4 10%, #e7e7e7 50%, #ececec 90%);
    -moz-border-image: linear-gradient(to bottom, #f4f4f4 10%, #e7e7e7 50%, #ececec 90%);
    -o-border-image: linear-gradient(to bottom, #f4f4f4 10%, #e7e7e7 50%, #ececec 90%);
    border-image: linear-gradient(to bottom, #f4f4f4 10%, #e7e7e7 50%, #ececec 90%);
    border-image-slice: 1
}

.qa-q-list-item .qa-voting {
    margin-right: -5px;
    margin-top: 12px;
    width: 50px;
    height: 50px
}

.qa-q-list-item .qa-voting .qa-vote-count {
    font: normal 100 18px/1 "Roboto-Light", Arial, Helvetica, sans-serif;
    line-height: 50px
}

.qa-q-list-item .qa-view-count {
    padding: 8px 16px 0 0
}

.qa-q-list-item .qa-view-count .qa-view-count-data {
    font: normal 100 18px/1 "Roboto-Light", Arial, Helvetica, sans-serif
}

.qa-q-list-item .qa-view-count .qa-view-count-pad {
    font-size: 8px;
    margin-top: 8px;
    line-height: 1
}

.qa-suggest-next {
    padding: 16px;
    background-color: #e7e7e7;
    font-size: 12px;
    text-align: center
}

.q-item-moderate-content .qa-q-item-content {
    font-size: 14px;
    padding: 16px 0;
    margin-top: 16px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.q-item-moderate-content .qa-q-item-buttons .qa-form-light-button {
    float: right
}

.q-item-moderate-content .qa-q-item-buttons .qa-form-light-button-delete {
    color: #ff4646
}

.qa-form-light-button {
    background-color: transparent;
    border: 0;
    outline: 0;
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    padding: 16px
}

.qa-q-view-footer,
.a-item-footer,
.qa-c-item-footer {
    margin: 16px -16px -16px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.qa-q-view-footer .qa-q-view-footer-inner,
.qa-q-view-footer .a-item-footer-inner,
.qa-q-view-footer .qa-c-item-footer-inner,
.a-item-footer .qa-q-view-footer-inner,
.a-item-footer .a-item-footer-inner,
.a-item-footer .qa-c-item-footer-inner,
.qa-c-item-footer .qa-q-view-footer-inner,
.qa-c-item-footer .a-item-footer-inner,
.qa-c-item-footer .qa-c-item-footer-inner {
    display: flex
}

.qa-q-view-footer .qa-q-view-buttons,
.qa-q-view-footer .qa-c-item-buttons,
.qa-q-view-footer .qa-c-item-buttons,
.a-item-footer .qa-q-view-buttons,
.a-item-footer .qa-c-item-buttons,
.a-item-footer .qa-c-item-buttons,
.qa-c-item-footer .qa-q-view-buttons,
.qa-c-item-footer .qa-c-item-buttons,
.qa-c-item-footer .qa-c-item-buttons {
    display: block;
    flex: 1
}

.qa-q-view-footer .qa-form-light-button-answer,
.a-item-footer .qa-form-light-button-answer,
.qa-c-item-footer .qa-form-light-button-answer {
    padding-left: 8px
}

.qa-q-view-footer .qa-form-light-button-comment,
.a-item-footer .qa-form-light-button-comment,
.qa-c-item-footer .qa-form-light-button-comment {
    padding-right: 8px
}

.qa-q-view-footer .qa-q-more-buttons,
.a-item-footer .qa-q-more-buttons,
.qa-c-item-footer .qa-q-more-buttons {
    display: inline-block;
    -moz-transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer
}

.qa-q-view-footer .qa-q-more-buttons .material-icons,
.a-item-footer .qa-q-more-buttons .material-icons,
.qa-c-item-footer .qa-q-more-buttons .material-icons {
    font-size: 14px;
    padding: 16px
}

.qa-q-view-footer .qa-q-additional-buttons-model,
.a-item-footer .qa-q-additional-buttons-model,
.qa-c-item-footer .qa-q-additional-buttons-model {
    display: none;
    background-color: #f4f4f4;
    height: auto;
    border-top: 1px solid #e7e7e7
}

.qa-q-view-footer .qa-q-additional-buttons-model .qa-form-light-button,
.a-item-footer .qa-q-additional-buttons-model .qa-form-light-button,
.qa-c-item-footer .qa-q-additional-buttons-model .qa-form-light-button {
    float: left;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1;
    display: block;
    text-align: right;
    padding: 16px 16px;
    text-transform: capitalize;
    background-size: 16px auto;
    border-left: 1px solid #e7e7e7
}

.qa-q-view-footer .qa-q-additional-buttons-model .qa-form-light-button:last-child,
.a-item-footer .qa-q-additional-buttons-model .qa-form-light-button:last-child,
.qa-c-item-footer .qa-q-additional-buttons-model .qa-form-light-button:last-child {
    padding-bottom: 16px
}

.qa-q-view-main,
.qa-a-list {
    font-size: 14px
}

.qa-q-view-content h1,
.qa-a-item-content h1,
.qa-c-item-content h1,
.qa-q-item-content h1 {
    font: normal normal 24px/1 "Roboto-Medium", Arial, Helvetica, sans-serif;
    margin: .5rem 0 1.2rem
}

.qa-q-view-content h2,
.qa-a-item-content h2,
.qa-c-item-content h2,
.qa-q-item-content h2 {
    font: normal normal 20px/1 "Roboto-Medium", Arial, Helvetica, sans-serif;
    margin: .4rem 0 1.1rem
}

.qa-q-view-content h3,
.qa-a-item-content h3,
.qa-c-item-content h3,
.qa-q-item-content h3 {
    font: normal normal 16px/1 "Roboto-Medium", Arial, Helvetica, sans-serif;
    margin: .3rem 0 1rem
}

.qa-q-view-content img,
.qa-a-item-content img,
.qa-c-item-content img,
.qa-q-item-content img {
    margin: 0 0 16px 0
}

.qa-q-view-content p,
.qa-a-item-content p,
.qa-c-item-content p,
.qa-q-item-content p {
    margin: .5rem 0 1rem
}

.qa-q-view-content p:first-of-type,
.qa-a-item-content p:first-of-type,
.qa-c-item-content p:first-of-type,
.qa-q-item-content p:first-of-type {
    margin-top: 0
}

.qa-q-view-content p img,
.qa-a-item-content p img,
.qa-c-item-content p img,
.qa-q-item-content p img {
    margin-bottom: 0;
    vertical-align: bottom
}

.qa-q-view-content ul,
.qa-q-view-content ol,
.qa-a-item-content ul,
.qa-a-item-content ol,
.qa-c-item-content ul,
.qa-c-item-content ol,
.qa-q-item-content ul,
.qa-q-item-content ol {
    margin: 0 0 1.5rem;
    list-style-type: disc;
    list-style-position: inside
}

.qa-q-view-content ul li,
.qa-q-view-content ol li,
.qa-a-item-content ul li,
.qa-a-item-content ol li,
.qa-c-item-content ul li,
.qa-c-item-content ol li,
.qa-q-item-content ul li,
.qa-q-item-content ol li {
    margin: 0 0 .2rem 0
}

.qa-q-view-content ul li ul,
.qa-q-view-content ul li ol,
.qa-q-view-content ol li ul,
.qa-q-view-content ol li ol,
.qa-a-item-content ul li ul,
.qa-a-item-content ul li ol,
.qa-a-item-content ol li ul,
.qa-a-item-content ol li ol,
.qa-c-item-content ul li ul,
.qa-c-item-content ul li ol,
.qa-c-item-content ol li ul,
.qa-c-item-content ol li ol,
.qa-q-item-content ul li ul,
.qa-q-item-content ul li ol,
.qa-q-item-content ol li ul,
.qa-q-item-content ol li ol {
    margin: .2rem 0 0 2rem
}

.qa-q-view-content ol,
.qa-a-item-content ol,
.qa-c-item-content ol,
.qa-q-item-content ol {
    list-style-type: decimal
}

.qa-q-view-content blockquote,
.qa-a-item-content blockquote,
.qa-c-item-content blockquote,
.qa-q-item-content blockquote {
    padding: 16px;
    background-color: #e7e7e7;
    border-left: 5px solid #999;
    margin: 1rem 0 2rem
}

.qa-q-view-content blockquote p:last-of-type,
.qa-a-item-content blockquote p:last-of-type,
.qa-c-item-content blockquote p:last-of-type,
.qa-q-item-content blockquote p:last-of-type {
    margin-bottom: 0
}

.qa-q-view-content pre,
.qa-a-item-content pre,
.qa-c-item-content pre,
.qa-q-item-content pre {
    padding: 16px !important;
    background-color: #e7e7e7 !important;
    border: none !important;
    line-height: 2;
    margin: 1rem 0 2rem;
    font-family: "Consolas", "courier new", "courier", serif, monospace
}

.qa-q-view-content b,
.qa-q-view-content strong,
.qa-a-item-content b,
.qa-a-item-content strong,
.qa-c-item-content b,
.qa-c-item-content strong,
.qa-q-item-content b,
.qa-q-item-content strong {
    font-family: "Roboto-Black", Arial, Helvetica, sans-serif;
    font-width: 100
}

.qa-q-view-content i,
.qa-q-view-content em,
.qa-a-item-content i,
.qa-a-item-content em,
.qa-c-item-content i,
.qa-c-item-content em,
.qa-q-item-content i,
.qa-q-item-content em {
    font-family: "Roboto-Italic", Arial, Helvetica, sans-serif
}

.qa-q-view-content sup,
.qa-q-view-content sub,
.qa-a-item-content sup,
.qa-a-item-content sub,
.qa-c-item-content sup,
.qa-c-item-content sub,
.qa-q-item-content sup,
.qa-q-item-content sub {
    font-size: smaller
}

.qa-q-view-content sup,
.qa-a-item-content sup,
.qa-c-item-content sup,
.qa-q-item-content sup {
    vertical-align: super
}

.qa-q-view-content sub,
.qa-a-item-content sub,
.qa-c-item-content sub,
.qa-q-item-content sub {
    vertical-align: sub
}

.qa-q-view-content table,
.qa-a-item-content table,
.qa-c-item-content table,
.qa-q-item-content table {
    border-collapse: collapse;
    margin: 16px auto;
    width: 100%
}

.qa-q-view-content table caption,
.qa-a-item-content table caption,
.qa-c-item-content table caption,
.qa-q-item-content table caption {
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
    margin: 0 0 8px
}

.qa-q-view-content table th,
.qa-a-item-content table th,
.qa-c-item-content table th,
.qa-q-item-content table th {
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif;
    background-color: #e6e6e6
}

.qa-q-view-content table th,
.qa-q-view-content table td,
.qa-a-item-content table th,
.qa-a-item-content table td,
.qa-c-item-content table th,
.qa-c-item-content table td,
.qa-q-item-content table th,
.qa-q-item-content table td {
    padding: 8px;
    border: 1px solid #e7e7e7
}

.qa-part-form-q-edit,
.qa-part-a-form {
    margin-top: -16px
}

.qa-part-form-q-edit .qa-form-tall-data,
.qa-part-a-form .qa-form-tall-data {
    width: 100%
}

.qa-part-form-q-edit .qa-a-form h2,
.qa-part-a-form .qa-a-form h2 {
    padding: 0 16px 16px 0;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase
}

.qa-main-desktop {
    width: 960px;
    margin: 16px auto
}

.qa-main-desktop .qa-main {
    width: 644px;
    float: right
}

.qa-q-view .qa-q-view-header {
    position: relative;
    padding: 16px 16px 32px 16px;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.qa-q-view .qa-q-view-header .qa-q-feature-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    display: block;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background-position: center;
    background-size: cover
}

.qa-q-view .qa-q-view-header .qa-q-feature-image img.qa-q-view-header-image {
    width: auto !important;
    height: 100% !important;
    object-fit: cover;
    filter: blur(3px)
}

.qa-q-view .qa-q-view-header a {
    color: #fff
}

.qa-q-view .qa-q-view-header .qa-q-view-q-details {
    position: relative;
    z-index: 1
}

.qa-q-view .qa-q-view-header .qa-q-view-title {
    font: normal 100 20px/1.4 "Roboto-Light", Arial, Helvetica, sans-serif;
    font-weight: 300;
    display: block;
    margin-bottom: 30px
}

.qa-q-view .qa-q-view-header .q-view-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 0
}

.qa-q-view .qa-q-view-header .qa-q-view-where .qa-q-view-where-pad {
    display: none
}

.qa-q-view .qa-q-view-header .qa-q-view-where .qa-q-view-where-data {
    padding: 4px 16px;
    font: normal 100 14px/1.4 "Roboto-Light", Arial, Helvetica, sans-serif;
    display: inline-block;
    border-radius: 3px
}

.qa-q-view .qa-q-view-header .qa-q-view-avatar-when {
    text-align: center;
    margin-top: 30px
}

.qa-q-view .qa-q-view-header .qa-q-view-avatar-when .qa-q-view-avatar {
    display: block
}

.qa-q-view .qa-q-view-header .qa-q-view-avatar-when .qa-avatar-link {
    display: inline-block
}

.qa-q-view .qa-q-view-header .qa-q-view-avatar-when .qa-q-view-who,
.qa-q-view .qa-q-view-header .qa-q-view-avatar-when .qa-q-view-what-when {
    font-family: "Roboto-Light", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-bottom: 8px
}

.qa-q-view .qa-q-view-header .qa-voting {
    width: auto;
    float: right
}

.qa-q-view .qa-q-view-header .qa-voting .qa-vote-up-button,
.qa-q-view .qa-q-view-header .qa-voting .qa-voted-up-button {
    background-image: url('../images/icons/vote_up_white.svg?1587738854');
    opacity: .5
}

.qa-q-view .qa-q-view-header .qa-voting .qa-vote-down-button,
.qa-q-view .qa-q-view-header .qa-voting .qa-voted-down-button {
    background-image: url('../images/icons/vote_down_white.svg?1587738854');
    opacity: .5
}

.qa-q-view .qa-q-view-header .qa-voting .qa-vote-up-disabled {
    background-image: url('../images/icons/vote_up_white.svg?1587738854');
    opacity: .15
}

.qa-q-view .qa-q-view-header .qa-voting .qa-vote-down-disabled {
    background-image: url('../images/icons/vote_down_white.svg?1587738854');
    opacity: .15
}

.qa-q-view .qa-q-view-header .qa-view-count {
    text-align: left
}

.qa-q-view .qa-q-view-header .qa-view-count .qa-view-count-pad {
    color: rgba(255, 255, 255, 0.5)
}

.qa-q-view .qa-q-view-header .qa-q-view-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.qa-q-view .qa-q-view-header .qa-q-view-actions-vote,
.qa-q-view .qa-q-view-header .qa-q-view-actions-favorite,
.qa-q-view .qa-q-view-header .qa-q-view-actions-view {
    display: block
}

.qa-q-view .qa-q-view-header .qa-q-view-actions-vote {
    width: 60px
}

.qa-q-view .qa-q-view-header .qa-q-view-actions-favorite {
    flex: 1
}

.qa-q-view .qa-q-view-header .qa-q-view-actions-view {
    width: 60px
}

.qa-q-view .qa-q-view-main-wrapper {
    position: relative
}

.qa-q-view .qa-q-view-tags {
    margin: 24px 0
}

.qa-q-view .qa-q-view-tags .qa-q-view-tag-list .qa-q-view-tag-item {
    float: right;
    margin: 0 4px 4px 0
}

.qa-part-a-list {
    padding-top: 16px
}

#a_list_title {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase
}

.qa-a-list {
    padding: 16px 0
}

.qa-a-list .qa-a-list-item:last-child {
    margin-bottom: 0 !important
}

.qa-a-list .qa-a-list-item .qa-a-item-avatar-meta {
    display: flex;
    font-size: 12px;
    margin: -16px -16px 0 -16px;
    padding: 16px;
    border-bottom: 1px solid #e7e7e7
}

.qa-a-list .qa-a-list-item .qa-a-item-avatar {
    flex: 0
}

.qa-a-list .qa-a-list-item .qa-a-item-avatar .qa-avatar-link {
    margin-left: 8px
}

.qa-a-list .qa-a-list-item .qa-a-item-meta {
    line-height: inherit
}

.qa-a-list .qa-a-list-item .a-vote-select-box {
    margin: 0 -16px;
    padding: 16px
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-voting {
    float: right;
    margin-left: -8px
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection {
    float: left;
    position: relative
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection .qa-waiting {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection .qa-a-select-button,
.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection .qa-a-unselect-button {
    background-size: cover;
    width: 36px;
    height: 36px;
    display: block;
    background: transparent;
    border: 0;
    outline: 0;
    margin-top: 10px;
    padding: 0
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection .qa-a-select-button {
    background-image: url('../images/icons/select_answer.svg?1587738854')
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection .qa-a-unselect-button {
    background-image: url('../images/icons/selected_answer.svg?1587738854')
}

.qa-a-list .qa-a-list-item .a-vote-select-box .qa-a-selection .qa-a-selected-text {
    display: none
}

.qa-a-list .qa-a-list-item.qa-a-list-item-selected {
    border-width: 5px 1px 1px 1px;
    border-style: solid
}

.qa-q-view-c-list,
.qa-a-item-c-list {
    margin: -16px
}

.qa-q-view-c-list .qa-c-list-item,
.qa-a-item-c-list .qa-c-list-item {
    padding: 16px;
    border-bottom: 1px solid #e7e7e7
}

.qa-q-view-c-list .qa-c-list-item:first-child,
.qa-a-item-c-list .qa-c-list-item:first-child {
    margin-top: 16px
}

.qa-q-view-c-list .qa-c-list-item:nth-child(odd),
.qa-a-item-c-list .qa-c-list-item:nth-child(odd) {
    background-color: #e7e7e7
}

.qa-q-view-c-list .qa-c-list-item:nth-child(even),
.qa-a-item-c-list .qa-c-list-item:nth-child(even) {
    background-color: #f4f4f4
}

.qa-q-view-c-list .qa-c-item-avatar-meta,
.qa-a-item-c-list .qa-c-item-avatar-meta {
    display: block;
    font-size: 12px;
    padding: 16px;
    margin: 0 -16px 16px -16px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.qa-q-view-c-list .qa-c-item-avatar-meta:first-of-type,
.qa-a-item-c-list .qa-c-item-avatar-meta:first-of-type {
    border-top: 0;
    margin-top: -16px
}

.qa-q-view-c-list .qa-c-item-avatar-meta .qa-c-item-avatar,
.qa-a-item-c-list .qa-c-item-avatar-meta .qa-c-item-avatar {
    float: right;
    margin-left: 8px
}

.qa-q-view-c-list .qa-c-item-avatar-meta .qa-c-item-meta,
.qa-a-item-c-list .qa-c-item-avatar-meta .qa-c-item-meta {
    float: right;
    line-height: inherit
}

.qa-c-form {
    margin-top: 32px
}

.qa-c-form h2 {
    font: normal normal 14px/1.4 "Roboto-Medium", Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.qa-page-links {
    padding: 16px 0;
    text-align: center
}

.qa-page-links .qa-page-links-label {
    display: none
}

.qa-page-links ul {
    display: inline-block
}

.qa-page-links ul.qa-page-links-list {
    text-align: center
}

.qa-page-links ul li.qa-page-links-item {
    display: inline-block
}

.qa-page-links ul li.qa-page-links-item .qa-page-selected,
.qa-page-links ul li.qa-page-links-item .qa-page-link,
.qa-page-links ul li.qa-page-links-item .qa-page-ellipsis,
.qa-page-links ul li.qa-page-links-item .qa-page-prev,
.qa-page-links ul li.qa-page-links-item .qa-page-next {
    display: block;
    line-height: 1;
    font-size: 12px;
    min-width: 28px;
    padding: 8px;
    background-color: #e7e7e7;
    color: #747474;
    text-transform: capitalize
}

.qa-page-links ul li.qa-page-links-item .qa-page-selected {
    color: #fff
}

.floating-btn a {
    width: 56px;
    height: 56px;
    display: block;
    position: fixed;
    bottom: 16px;
    left: 16px;
    z-index: 1;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.24)
}

.floating-btn a .material-icons {
    line-height: 56px
}

.button-tap,
.account-box a.action-item,
.topbar .menu,
.topbar ul.auth,
.topbar .search {
    width: 48px;
    height: 48px;
    display: inline-block;
    padding: 12px
}

.card,
.qa-q-list-item,
.qa-part-form-q-edit .qa-a-form,
.qa-part-a-form .qa-a-form,
.qa-q-view .qa-q-view-main-wrapper .qa-q-view-main,
.qa-a-list .qa-a-list-item,
.qa-sidepanel .qa-sidebar,
.qa-template-tags .qa-part-ranking.qa-ranking-tags-count,
.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item,
.qa-template-user .qa-part-message-list .qa-message-list-form,
.qa-template-account .qa-part-message-list .qa-message-list-form,
.qa-template-user .qa-part-message-list .qa-message-list .qa-message-item,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-item,
.qa-part-message-list .qa-message-list-form,
.qa-part-message-list .qa-message-list .qa-message-item,
[class^="qa-part-form"],
[class^="qa-part-custom"] {
    padding: 16px;
    margin: 0 0 1rem 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}

.qa-sidepanel {
    width: 300px;
    float: left;
    margin: 0 0 16px;
    padding: 0
}

.qa-sidepanel .qa-sidebar a {
    text-transform: uppercase
}

.qa-sidepanel .qa-widget-side,
.qa-sidepanel .qa-feed,
.qa-sidepanel .qa-nav-cat {
    padding: 16px;
    margin: 0 0 1rem 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}

.qa-sidepanel .qa-feed {
    background: url('../images/icons/feed.svg?1587738854') no-repeat 16px center;
    padding-left: 32px
}

.qa-sidepanel .qa-feed a {
    color: #000;
    padding-left: 16px;
    display: block
}

.qa-sidepanel .qa-activity-count {
    margin: -16px
}

.qa-sidepanel .qa-activity-count .qa-activity-count-item {
    width: 50%;
    float: left;
    display: block;
    font-size: 80%;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    border-style: solid
}

.qa-sidepanel .qa-activity-count .qa-activity-count-item:nth-child(1) {
    border-width: 0 1px 1px 0
}

.qa-sidepanel .qa-activity-count .qa-activity-count-item:nth-child(2) {
    border-width: 0 0 1px 0
}

.qa-sidepanel .qa-activity-count .qa-activity-count-item:nth-child(3) {
    border-width: 0 1px 0
}

.qa-sidepanel .qa-activity-count .qa-activity-count-data {
    font: normal normal 32px/1.6 "Roboto-Black", Arial, Helvetica, sans-serif;
    display: block
}

.qa-sidepanel .qa-widget-side h2 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    margin: -16px !important;
    margin-bottom: 16px !important;
    padding: 16px !important;
    background-color: #f4f4f4;
    border-width: 0 0 1px 0
}

.qa-sidepanel .qa-widget-side>div>a {
    margin-bottom: 8px
}

.qa-sidepanel .qa-nav-cat-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.qa-sidepanel .qa-nav-cat-item {
    padding: 8px 0
}

.qa-sidepanel .qa-nav-cat-item ul {
    margin-top: 8px;
    margin-left: 16px
}

.qa-sidepanel .qa-nav-cat-item ul li:last-child {
    padding-bottom: 0
}

.qa-sidepanel .qa-nav-cat-link {
    color: #2a2a2a
}

.qa-sidepanel .qa-nav-cat-note {
    float: left;
    color: #ddd
}

.qa-sidepanel .qa-related-q-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.qa-sidepanel .qa-related-q-list .qa-related-q-item {
    padding: 8px 0
}

.qa-sidepanel .qa-related-q-list .qa-related-q-item a {
    color: #2a2a2a
}

.qa-sidepanel .qa-ask-box {
    margin: -16px
}

.qa-template-tags .qa-part-ranking .qa-ranking-item {
    float: right;
    width: 30.5%;
    margin-bottom: 12px;
    margin-right: 4%;
    text-align: center
}

.qa-template-tags .qa-part-ranking .qa-ranking-item:nth-child(3n) {
    margin-right: 0
}

.qa-template-tags .qa-part-ranking .qa-top-tags-count {
    float: right;
    width: 30%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 3px 0 0 3px;
    position: relative
}

.qa-template-tags .qa-part-ranking .qa-top-tags-count:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%;
    border-radius: 3px 0 0 0
}

.qa-template-tags .qa-part-ranking .qa-top-tags-label {
    float: right;
    display: block;
    width: 70%;
    border-radius: 0 3px 3px 0
}

.qa-template-tags .qa-part-ranking .qa-top-tags-label .qa-tag-link {
    display: block;
    border-radius: 0;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 20px;
    font-size: 12px
}

.qa-template-categories .qa-part-nav-list {
    padding: 16px
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item {
    margin: 0 0 16px 0;
    padding-bottom: 52px;
    position: relative
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item:nth-child(2n) {
    margin-right: 0
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item .qa-browse-cat-link,
.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item .qa-browse-cat-nolink {
    display: block;
    font: normal 100 24px/1.3 "Roboto", Arial, Helvetica, sans-serif;
    padding: 16px;
    margin: -16px -16px 0 -16px;
    text-transform: capitalize;
    color: #000
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item .qa-browse-cat-note {
    display: block;
    padding: 16px;
    margin: 0 -16px;
    font-size: 14px
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-item .qa-browse-cat-note a {
    display: block;
    background-color: #f4f4f4;
    padding: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    text-transform: uppercase
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-closed .qa-browse-cat-link,
.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-closed .qa-browse-cat-nolink {
    background-color: #e7e7e7
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-open {
    border-width: 0 1px 1px 1px;
    border-style: solid
}

.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-open .qa-browse-cat-link,
.qa-template-categories .qa-part-nav-list .qa-browse-cat-list .qa-browse-cat-open .qa-browse-cat-nolink {
    background-color: #c5a788
}

.qa-template-users .qa-part-ranking .qa-ranking-item {
    display: block;
    width: calc(33.33% - 2px);
    float: right;
    margin: 1px;
    background-color: #e6e6e6;
    position: relative;
    font-size: 12px
}

.qa-template-users .qa-part-ranking .qa-ranking-item:nth-child(3n+1) {
    margin-right: 1px
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-1 {
    width: 100%;
    margin: 0;
    float: none
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-2,
.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-3 {
    width: calc(50% - 2px);
    margin: 1px
}

.qa-template-users .qa-part-ranking .qa-ranking-item .qa-avatar-link {
    display: block;
    line-height: 1
}

.qa-template-users .qa-part-ranking .qa-ranking-item .qa-avatar-link span {
    width: 100%;
    display: block
}

.qa-template-users .qa-part-ranking .qa-ranking-item .qa-avatar-image {
    width: 100%;
    height: auto
}

.qa-template-users .qa-part-ranking .qa-ranking-item .qa-top-users-label {
    display: block;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 30px;
    left: 0
}

.qa-template-users .qa-part-ranking .qa-ranking-item .qa-user-link {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 1vh 3vw 0
}

.qa-template-users .qa-part-ranking .qa-ranking-item .qa-top-users-score {
    display: block;
    position: absolute;
    height: 30px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 0 3vw 1vh
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-1 .qa-top-users-label {
    bottom: 40px
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-1 .qa-user-link {
    font-size: 20px;
    padding: 1vh 5vw 0
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-1 .qa-top-users-score {
    font-size: 20px;
    height: 40px;
    padding: 0 5vw 1vh
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-2 .qa-user-link,
.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-3 .qa-user-link {
    font-size: 14px;
    padding: 1vh 4vw 0
}

.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-2 .qa-top-users-score,
.qa-template-users .qa-part-ranking .qa-ranking-item.userrank-3 .qa-top-users-score {
    font-size: 14px;
    padding: 0 4vw 1vh
}

.qa-template-users.users-new .qa-part-ranking .qa-ranking-item .qa-top-users-label,
.qa-template-users.users-special .qa-part-ranking .qa-ranking-item .qa-top-users-label,
.qa-template-users.users-blocked .qa-part-ranking .qa-ranking-item .qa-top-users-label {
    position: relative;
    top: auto;
    bottom: auto
}

.qa-template-users.users-new .qa-part-ranking .qa-ranking-item .qa-user-link,
.qa-template-users.users-special .qa-part-ranking .qa-ranking-item .qa-user-link,
.qa-template-users.users-blocked .qa-part-ranking .qa-ranking-item .qa-user-link {
    background-color: #e7e7e7;
    color: #000
}

.qa-template-users.users-new .qa-part-ranking .qa-ranking-item .qa-top-users-score,
.qa-template-users.users-special .qa-part-ranking .qa-ranking-item .qa-top-users-score,
.qa-template-users.users-blocked .qa-part-ranking .qa-ranking-item .qa-top-users-score {
    background-color: #e7e7e7;
    color: #747474;
    position: relative;
    top: auto;
    bottom: auto
}

.qa-template-user [class^="qa-part-form"],
.qa-template-user [class^="qa-part-custom"],
.qa-template-account [class^="qa-part-form"],
.qa-template-account [class^="qa-part-custom"] {
    padding: 0;
    width: 100%;
    display: block
}

.qa-template-user #avatar .qa-form-tall-data,
.qa-template-account #avatar .qa-form-tall-data {
    padding: 0
}

.qa-template-user #avatar .qa-avatar-link,
.qa-template-account #avatar .qa-avatar-link {
    display: block;
    line-height: 1
}

.qa-template-user #avatar .qa-avatar-link span,
.qa-template-account #avatar .qa-avatar-link span {
    padding: 0 !important
}

.qa-template-user #avatar .qa-avatar-link .qa-avatar-image,
.qa-template-account #avatar .qa-avatar-link .qa-avatar-image {
    width: 100%
}

.qa-template-user .qa-part-form-profile,
.qa-template-user .qa-part-form-activity,
.qa-template-account .qa-part-form-profile,
.qa-template-account .qa-part-form-activity {
    font-size: 14px
}

.qa-template-user .qa-part-form-profile h2,
.qa-template-user .qa-part-form-activity h2,
.qa-template-account .qa-part-form-profile h2,
.qa-template-account .qa-part-form-activity h2 {
    padding: 16px
}

.qa-template-user .qa-form-wide-label,
.qa-template-account .qa-form-wide-label {
    font-size: 14px;
    width: 35%;
    padding: 8px 8px 8px 16px;
    text-align: right
}

.qa-template-user .qa-form-wide-data,
.qa-template-account .qa-form-wide-data {
    font-size: 14px;
    width: 65%;
    padding: 8px 16px 8px 8px;
    word-break: break-word
}

.qa-template-user .qa-form-wide-buttons,
.qa-template-account .qa-form-wide-buttons {
    padding: 16px
}

.qa-template-user .qa-part-message-list h2,
.qa-template-account .qa-part-message-list h2 {
    padding: 16px
}

.qa-template-user .qa-part-message-list .qa-message-list .qa-message-content,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-content {
    font-size: 14px
}

.qa-template-user .qa-part-message-list .qa-message-list .qa-message-avatar-meta,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-avatar-meta {
    display: block;
    font-size: 12px;
    margin-top: 16px;
    padding: 16px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.qa-template-user .qa-part-message-list .qa-message-list .qa-message-avatar,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-avatar {
    display: block;
    float: left;
    margin-right: 8px
}

.qa-template-user .qa-part-message-list .qa-message-list .qa-message-avatar .qa-avatar-link,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-avatar .qa-avatar-link {
    display: block
}

.qa-template-user .qa-part-message-list .qa-message-list .qa-message-avatar .qa-avatar-image,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-avatar .qa-avatar-image {
    vertical-align: bottom
}

.qa-template-user .qa-part-message-list .qa-message-list .qa-message-buttons,
.qa-template-account .qa-part-message-list .qa-message-list .qa-message-buttons {
    text-align: right
}

.qa-part-message-list .qa-message-list .qa-message-content {
    font-size: 14px
}

.qa-part-message-list .qa-message-list .qa-message-content a {
    word-break: break-all
}

.qa-part-message-list .qa-message-list .qa-message-avatar-meta {
    display: block;
    font-size: 12px;
    margin-top: 16px;
    padding: 16px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.qa-part-message-list .qa-message-list .qa-message-avatar {
    display: block;
    float: left;
    margin-right: 8px
}

.qa-part-message-list .qa-message-list .qa-message-avatar .qa-avatar-link {
    display: block
}

.qa-part-message-list .qa-message-list .qa-message-avatar .qa-avatar-image {
    vertical-align: bottom
}

.qa-part-message-list .qa-message-list .qa-message-buttons {
    text-align: right
}

.qa-template-messages .qa-part-custom {
    padding: 16px;
    border-bottom: 1px solid #e7e7e7
}

.button-default {
    border: 0;
    outline: 0;
    text-transform: uppercase;
    font: normal normal 14px/1 "Roboto-Medium", Arial, Helvetica, sans-serif;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    -webkit-appearance: none
}

.button-default:hover,
.button-default:focus,
.button-default:active {
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25)
}

.qa-form-tall-table,
.qa-form-wide-table {
    width: 100%
}

*[class$="label"] {
    font-family: "Roboto-Medium", Arial, Helvetica, sans-serif
}

*[class$="table"] input,
*[class$="table"] textarea,
*[class$="table"] select {
    margin: 8px 0;
    padding: 8px;
    border: 0;
    border-bottom: 1px solid #999;
    font: inherit;
    transition: all .3s;
    font-family: "Roboto", Arial, Helvetica, sans-serif
}

*[class$="table"] textarea {
    border: 1px solid #e7e7e7;
    border-bottom: 1px solid #999
}

*[class$="table"] input[type="submit"] {
    padding: 8px 16px
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    width: 100%
}

input:focus,
textarea:focus,
select:focus {
    outline: 0
}

input::-moz-focus-inner,
textarea::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: 0
}

select::-moz-focus-inner {
    padding: 0;
    border: 0;
    outline: 0
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

input[type="submit"],
button {
    cursor: pointer;
    text-align: center
}

[class^="qa-part-form"]>h2:first-child,
[class^="qa-part-custom"]>h2:first-child {
    margin-top: 0
}

.qa-form-tall-text {
    width: 100%
}

.qa-form-tall-number,
.qa-form-wide-number {
    width: 50px !important
}

.qa-form-tall-suffix,
.qa-form-tall-note,
.qa-form-wide-note {
    font-size: 12px
}

.qa-form-wide-note {
    text-align: right
}

.qa-form-tall-note {
    margin: 16px 0 8px
}

.qa-form-wide-label,
.qa-form-wide-data,
.qa-form-tall-spacer {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}

.qa-form-tall-label {
    padding: 8px 0 0
}

.qa-form-tall-data {
    padding: 8px 0
}

.qa-form-wide-label {
    padding-right: 8px
}

.qa-form-wide-data {
    padding-right: 8px
}

.qa-form-wide-text {
    width: 100%
}

.qa-form-tall-ok,
.qa-form-wide-ok {
    padding: 10px;
    display: table-cell
}

.qa-form-tall-spacer {
    display: block;
    margin: 20px 0 19px 0;
    padding: 0;
    border-top: 0;
    line-height: 0
}

.qa-form-tall-help,
.qa-form-wide-help {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    cursor: help
}

.qa-ask-similar {
    background-color: #e7e7e7;
    padding: 16px;
    margin-bottom: 8px
}

.qa-ask-similar .qa-q-title-list .qa-q-title-item {
    margin-bottom: 8px;
    border: 0
}

.qa-ask-similar .qa-q-title-list .qa-q-title-item a {
    font-size: 14px;
    color: #000;
    display: block
}

.qa-ask-similar-title {
    margin: -16px -16px 16px;
    padding: 16px
}

.qa-ask-similar-title a {
    color: #fff
}

.qa-ask-similar-title a:hover {
    color: #fff
}

.qa-q-title-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.qa-q-title-item {
    padding: 2px 0;
    border-bottom: 1px solid #d9dcde
}

.qa-q-title-item:last-child {
    border-bottom: 0
}

.qa-auth-box {
    direction: rtl
}

.qa-auth-box .qa-auth-box-items {
    padding: 16px 16px 48px 16px;
    position: relative
}

.qa-auth-box input[type="text"],
.qa-auth-box input[type="email"],
.qa-auth-box input[type="password"] {
    padding: 16px;
    margin: 0 auto 16px;
    border: 1px solid #e7e7e7;
    background-color: #f4f4f4;
    direction: inherit
}

.qa-auth-box input[type="checkbox"] {
    display: inline-block;
    direction: inherit
}

.qa-auth-box .checkbox {
    display: block;
    margin: 0 0 16px;
    direction: inherit
}

.qa-auth-box .qa-form-tall-button-login {
    border-radius: 0;
    border: 0;
    width: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 42px;
    height: 42px;
    padding: 2px;
    display: block
}

.qa-auth-box .qa-nav-user-register .qa-nav-user-link {
    border-radius: 0;
    padding: 2px;
    text-align: center;
    width: 150px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 14px
}

.qa-auth-box .qa-nav-user-facebook-login {
    display: block;
    padding-bottom: 16px
}

.qa-footer {
    font-size: 12px;
    line-height: 1;
    display: flex
}

.qa-footer .qa-nav-footer {
    flex: 1
}

.qa-footer .qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item {
    display: inline-block
}

.qa-footer .qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item .qa-nav-footer-link {
    padding: 8px;
    display: block;
    line-height: 1
}

.qa-footer .qa-attribution {
    text-align: center;
    padding: 8px 16px;
    border-width: 1px 0 0 0;
    border-style: solid
}

.qa-error,
.qa-form-tall-error {
    background-color: #ff4646;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.3;
    font-size: 14px;
    padding: 16px;
    margin-bottom: 16px
}

.qa-error a,
.qa-form-tall-error a {
    color: #fff
}

.qa-form-tall-error {
    margin: 0
}

.qa-notice {
    padding: 16px;
    margin-bottom: 16px
}

.qa-notice .qa-notice-close-button {
    background: transparent url('../images/icons/close.svg?1587738854') no-repeat center;
    border: 0;
    outline: 0;
    text-indent: -9999px;
    text-shadow: none;
    width: 22px;
    height: 22px;
    display: block;
    float: right;
    opacity: .5;
    margin-left: 16px
}

.qa-notice .qa-notice-close-button:focus {
    opacity: 1
}

.qa-waiting {
    background: url('../images/loader.svg?1587738854') no-repeat center;
    display: inline-block;
    font-size: 0;
    height: 24px;
    margin: 0 8px 0 4px;
    vertical-align: middle;
    width: 24px
}

.auth-active {
    background: #fff;
    color: #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2)
}

#version_check_site_theme,
#version_check_site_theme_mobile {
    color: red
}