.clearfix:after, .qa-q-item-clear:after,
.qa-nav-main-list:after, .qa-nav-sub:after,
.qa-page-links:after, .qa-page-links-list:after,
.qa-template-admin .qa-message-buttons:after,
.qa-q-item-avatar-meta:after, .qa-message-item:after,
.qa-q-view:after, .qa-part-q-view:after, .qa-q-view-content:after, .qa-q-view-buttons:after, .qa-part-form-q-edit:after,
.qa-a-list-item:after, .qa-a-item-buttons:after,
.qa-c-item-buttons:after, .qa-c-item-clear:after,
.qam-footer-row:after, .qam-qa-list-meta-box:after,
.qa-nav-footer-list:after, .qa-footer-clear:after {
    content: " ";
    display: table;
    clear: both;
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.eot);
    src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.eot);
    src: url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
    url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/droidarabicnaskh/v7/DroidNaskh-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Naskh';
    src: url("font/fontello.eot?2559038") format("embedded-opentype"), url("font/fontello.eot?2559038#iefix") format("embedded-opentype"), url("font/fontello.woff?2559038") format("woff"), url("font/fontello.ttf?2559038") format("truetype"), url("font/fontello.svg?2559038#fontello") format("svg");
}

/*------[ base css ]------*/
html {
    font-size: 16px;
    line-height: 1.5;
}

/*------[ base css ]------*/
html {
    font-size: 16px;
    line-height: 1.5;
}

:-moz-placeholder {
    color: #bdc3c7;
    font-style: none;
}

/*------[ variables css ]------*/
/*------[ mixins ]------*/
body {
    direction: rtl;
}

pre {
    border-left: 0;
    border-right: 11px solid #3498db;
    margin: 1.7em 0.3em 1.7em 0;
    padding: 0.1em 0.7em 0.3em 0.5em;
}

blockquote {
    border-left: 0;
    border-right: 11px solid #3498db;
}

h1 {
    padding: 8px 20px 8px 52px;
}

.qa-search-field {
    margin: 0 0 0 -41px;
    padding: 0 5px 0 40px;
}

.qa-search-button {
    position: relative;
}

.qam-title-rss {
    float: left;
}

.entry-content th, .entry-content td, .qa-c-item-content th, .qa-c-item-content td {
    text-align: right;
}

.entry-content ul, .qa-c-item-content ul {
    margin: 20px 20px 20px 0;
}

.entry-content ul > li:before, .qa-c-item-content ul > li:before {
    left: auto;
    right: -1.6em;
}

.entry-content ul > li > ul, .qa-c-item-content ul > li > ul {
    margin: 0 20px 0 0;
}

.entry-content ol, .qa-c-item-content ol {
    margin: 20px 20px 20px 0;
}

.entry-content ol > li > ol, .qa-c-item-content ol > li > ol {
    margin: 0 20px 0 0;
}

.qa-favoriting {
    right: auto;
    left: 10px;
}

.qa-logo {
    margin: 0 0 0 1px;
}

@media (max-width: 979px) {
    .qam-search-mobile {
        border-left: 0;
        border-right: 1px solid #1dd2af;
    }

    .qam-search-mobile.orange {
        border-right-color: #f4a62a;
    }

    .qam-search-mobile.carrot {
        border-right-color: #e98b39;
    }

    .qam-search-mobile.alizarin {
        border-right-color: #ea6153;
    }

    .qam-search-mobile.turquoise {
        border-right-color: #1dd2af;
    }

    .qam-search-mobile.emerald {
        border-right-color: #40d47e;
    }

    .qam-search-mobile.peter-river {
        border-right-color: #4aa3df;
    }

    .qam-search-mobile.amethyst {
        border-right-color: #a66bbe;
    }

    .qam-search-mobile.wet-asphalt {
        border-right-color: #3d566e;
    }

    .qam-menu-toggle {
        float: right;
        margin: 0 0 0 10px;
    }

    .qa-nav-main {
        left: auto;
        right: 0;
    }

    .qa-nav-main-link:before {
        margin: 0 0 0 15px;
    }

    .qa-nav-sub-item {
        float: right;
    }
}

@media (min-width: 980px) {
    .qa-nav-main-item {
        float: right;
    }

    .qa-nav-main-item-opp {
        float: left;
    }

    .qa-nav-main-item-opp:last-child {
        margin: 0 50px 0 0;
    }
}

.qam-account-items-wrapper {
    float: left;
}

.qam-account-items {
    right: auto;
    left: 0;
}

.qa-logged-in:before {
    margin: 0 0 0 10px;
}

.qam-logged-in-points:before {
    margin: 0 0 0 10px;
}

.qa-nav-user-updates:before {
    margin: 0 0 0 10px;
}

.qa-nav-user-logout:before {
    margin: 0 0 0 10px;
}

.qa-q-list-item.qa-q-favorited {
    border-right: 1px solid #8e44ad;
}

.qa-q-item-stats {
    float: right;
}

@media (min-width: 800px) {
    .qa-voting {
        float: right;
    }
}

@media (min-width: 800px) {
    .qa-a-count, .qa-view-count {
        float: right;
    }
}

.qa-q-item-main {
    float: right;
    padding-right: 10px;
}

@media (max-width: 240px) {
    .qa-q-item-main {
        padding-right: 0;
    }
}

.qam-q-list-close-icon {
    float: right;
    margin: 5px 0 0 5px;
}

.qa-q-item-avatar {
    margin: 0 0 0 5px;
}

@media (min-width: 480px) {
    .qa-q-item-avatar {
        float: right;
    }
}

.qa-q-item-meta {
    float: right;
}

.qa-q-item-meta .qa-category-link.qa-cat-favorited {
    padding-right: 14px;
}

.qa-q-item-meta .qa-category-link.qa-cat-favorited:before {
    left: auto;
    right: 0;
}

.qa-q-item-meta .qa-user-link.qa-user-favorited {
    padding-right: 14px;
}

.qa-q-item-meta .qa-user-link.qa-user-favorited:before {
    left: auto;
    right: 0;
}

.qa-tag-link.qa-tag-favorited, .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited {
    padding-right: 25px;
}

.qa-tag-link.qa-tag-favorited:before, .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited:before {
    left: auto;
    right: 0;
}

.qa-top-users-label .qa-avatar-link {
    float: right;
    margin-left: 1em;
}

.qa-top-users-label .qa-user-link {
    float: right;
}

.qa-top-users-label .qa-user-link:before {
    left: auto;
    right: -5px;
    border-left: 5px solid #117cb3;
}

@media (min-width: 980px) {
    .qa-top-users-label .qa-user-link:after {
        right: auto;
        left: 0;
        border-right: 7px solid #117cb3;
    }

    .qa-top-users-label .qa-user-link:hover:after, .qa-top-users-label .qa-user-link:focus:after {
        -ms-transform: translate(-80px, 0);
        -webkit-transform: translate(-80px, 0);
        transform: translate(-80px, 0);
    }
}

.qa-top-users-label .qa-user-link.qa-user-favorited {
    padding-right: 22px;
}

.qam-user-score-icon {
    padding: 2px 1.8em 2px 6px;
    float: left;
}

.qam-user-score-icon:before {
    left: auto;
    right: 0;
}

.qa-browse-cat-link:before {
    right: auto;
    left: -5px;
    border-right: 5px solid #c0392b;
}

.qa-browse-cat-note a {
    right: auto;
    left: 5px;
    padding: 2px 2em 2px 10px;
}

.qa-browse-cat-note a:before {
    left: auto;
    right: 0;
}

@media (min-width: 980px) {
    .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list {
        float: left;
        clear: left;
    }

    .qa-template-user .qa-part-form-profile {
        float: right;
    }
}

.qa-form-light-button {
    float: left;
    margin: 0 5px 0 0;
}

.qa-form-light-button-answer {
    float: right;
    margin: 0 0 0 5px;
}

.qa-form-light-button-comment {
    float: right;
}

.qa-q-view-stats {
    float: right;
}

.qam-q-view-close-icon {
    float: right;
    margin: 8px 0 5px 0;
}

.qa-q-view-avatar {
    right: auto;
    left: 20px;
}

@media (max-width: 979px) {
    .qa-q-view-meta {
        clear: right;
    }
}

@media (min-width: 980px) {
    .qa-q-view-main {
        float: right;
        margin: 0 20px 0 0;
    }
}

.qa-q-view-closed {
    padding: 10px 54px 10px 10px;
}

.qa-q-view-closed:before {
    left: auto;
    right: 0;
}

.qa-q-view-closed:hover {
    padding: 10px 54px 10px 10px;
    margin-bottom: 5px;
    background: #117cb3;
    color: #fff;
}

.qa-q-view-closed:hover a {
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.qa-q-view-closed:hover a:hover {
    color: #fff;
    border-bottom: 0;
}

.qa-a-item-avatar {
    right: auto;
    left: 20px;
}

.qa-a-selection {
    position: absolute;
}

/****************************/
#qam-topbar.fixed {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 99990;
}
/****************************/

@media (max-width: 979px) {
    .qa-a-selection {
        left: auto;
        right: 100px;
    }
}

@media (min-width: 980px) {
    .qa-a-selection {
        left: auto;
        right: 20px;
    }

    .qa-a-item-main {
        float: right;
        margin: 0 20px 0 0;
    }
}

.qa-a-selection .qa-waiting {
    margin: -7px -7px 0 0;
}

.qa-c-list-item .qa-form-light-button {
    float: left;
    margin: 0 5px 0 0;
}

.qa-c-list-item .qa-form-light-button-comment {
    float: right;
}

.qa-c-item-avatar {
    right: auto;
    left: 10px;
}

.qa-activity-count-item {
    float: right;
}

.qa-nav-cat-link.qa-nav-cat-favorited {
    padding-right: 20px;
}

.qa-nav-cat-link.qa-nav-cat-favorited:before {
    left: auto;
    right: 0;
}

.qa-nav-cat-note {
    float: left;
}

.qa-feed-link:before {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}

@media (min-width: 480px) {
    .qa-nav-footer {
        float: right;
    }

    .qa-attribution {
        float: left;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }

    .qam-attribution {
        float: left;
        padding: 0 5px 0 0;
    }
}

.qa-nav-footer-item {
    float: right;
}

.qa-nav-footer-link {
    padding: 0 0 0 5px;
    border-width: 0 0 0 1px;
}

@media (min-width: 980px) {
    .qa-main {
        float: right;
    }

    .qa-sidepanel {
        float: left;
    }

    .qam-footer-col {
        float: right;
    }
}