/*RTL Version*/

/*-General-*/
body{
    font-size: 14px !important;
}

#header .container{
    position: relative;
}

.Alert {
    direction: rtl !important;
}

.DiscussionListItem-info{
    font-size: 12px !important;
}

.tooltip.right .tooltip-arrow {
    top: 50% !important;
    right: 0 !important;
    margin-top: -5px !important;
    border-width: 5px 0 5px 5px !important;
    border-left-color: rgba(0, 0, 0, 0.9) !important;
}

.Post-body{
    font-size: 16px !important;
}

.Search-results>* {
    direction: rtl !important;
    text-align: right !important;
}

.Search-results li * {
    direction: rtl !important;
    text-align: right !important;
}

.Dropdown .Dropdown-menu {
    direction: rtl !important;
}

.Form--centered .checkbox{
    text-align: right !important;
}

.checkbox {
    padding-left: 0 !important;
    padding-right: 20px;
}

.Header-controls .LoadingIndicator-container {
    position: absolute !important;
    left: 40px !important;
    bottom: 0 !important;
    top: 0 !important;
    right: unset !important;
}

.on.Checkbox--switch .Checkbox-display .LoadingIndicator-container {
    justify-content: flex-start !important
}

.Dropdown-menu>li>a .Button-icon, .Dropdown-menu>li>button .Button-icon, .Dropdown-menu>li>span .Button-icon {
    float: right !important;
    margin-left: auto !important;
    margin-right: -25px !important;
}


.SessionDropdown .Dropdown-toggle .Avatar {
    margin: -2px -6px -2px 5px;
}

.Button-caret {
    margin-left: 0 !important;
    margin-right: 7px;
}

.TagsLabel .TagLabel:first-child:last-child {
    border-radius: 4px !important;
}

.Dropdown-menu--right {
    left: 0 !important;
    right: auto !important;
}

.open .Dropdown-menu>li {
    direction: rtl;
}

.Dropdown-menu>li>a.hasIcon, .Dropdown-menu>li>button.hasIcon, .Dropdown-menu>li>span.hasIcon {
    padding-left: 15px !important;
    padding-right: 40px !important;
    text-align: right;
}

.Dropdown-menu .item-logOut>button {
    padding-left: 0 !important;
    padding-right: 40px;
    text-align: right !important;
}

.Dropdown-menu .item-logOut>button .Button-icon {
    float: right !important;
    margin-left: 0 !important;
    margin-right: -25px;
}

.IndexPage-toolbar {
    display: flex;
    justify-content: space-between;
}

.IndexPage-toolbar-action>li {
    margin-left: 0 !important;
    margin-right: 5px;
}

.DiscussionListItem-author {
    float: right !important;
}


.sideNav>ul {
    direction: rtl;
    overflow-x: auto;
    width: 100%;
}

.IndexPage-toolbar-view>li {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

.item-sort .Dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

.ComposerBody-header {
    direction: rtl;
}

.ComposerBody-editor .TextEditor {
    direction: rtl;
}

.Composer-controls {
    right: auto !important;
    left: 10px !important;
}

.DiscussionComposer-changeTags {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.DiscussionListItem-badges {
    float: right !important;
    text-align: left !important;
}

.DiscussionListItem-badges {
    margin-left: unset !important;
    margin-right: -55px !important;
}

.DiscussionListItem-badges .Badge {
    margin-right: -10px !important;
    margin-left: unset !important;
}

.DiscussionListItem-info {
    text-align: right;
}


.DiscussionListItem-info .item-terminalPost .icon {
    margin-left: 5px;
    margin-right: 0 !important;
    transform: rotateY(180deg);
}

@media (min-width: 768px) {
    .DiscussionListItem-info .item-excerpt {
        margin-left: 100px !important;
        margin-right: 0 !important;
    }
}

.DiscussionListItem-count {
    float: left !important;
}

.DiscussionListItem-count {
    float: left !important;
}

.DiscussionListItem-author {
    float: right !important
}

[title="Minimize"] {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1002 !important;
}

.TextEditor-controls li {
    margin-right: 0 !important;
    margin-left: 10px;
}

.ComposerBody-header>li {
    margin-right: 0 !important;
    margin-left: 15px;
}

.ComposerBody-header h3 input, .ComposerBody-header h3 input[disabled], .ComposerBody-header h3 input:focus {
    padding: 0 0 0 20px !important;
}

.ComposerBody-header h3 .icon {
    transform: rotateY(180deg);
}

.Modal-body .FormControl {
    direction: rtl;
}

.TagsInput input {
    margin-left: -100%;
    margin-right: 0 !important;
}

.SelectTagList>li {
    direction: rtl;
    display: flex;
    align-items: center;
}


.TagLabel.colored .TagLabel-text>i {
    margin-left: 4px;
}

.DiscussionListItem-info .TagLabel-text {
    display: flex;
    align-items: center;
}

.DiscussionListItem-info .TagLabel-text>i {
    margin-left: 4px;
}

/*-post page-*/

.Navigation-back i {
    transform: rotatez(180deg);
}

.PostUser-badges {
    text-align: left !important;
}

.PostUser .UserOnline {
    margin-right: unset !important;
    margin-left: 5px;
}

.PostUser .username {
    display: inline-flex;
}

.Post-actions {
    float: left !important;
}

.EventPost-info {
    display: inline-flex;
    flex-wrap: wrap;
}

.EventPost-info .EventPost-user {
    margin-left: 5px;
}

.item-liked .Post-likedBy {
    display: flex;
    align-items: center;
}

.Post-footer .icon {
    margin-left: 5px;
    margin-right: unset
}

.Post-footer a, .Post-actions a {
    margin-left: 5px;
}

.Post-mentionedBy-summary>i {
    transform: rotateY(180deg);
}

.PostMention:before {
    transform: rotateY(180deg);
    margin-right: 5px !important;
    margin-left: 5px;
}

.EventPost-icon {
    float: right !important;
}

.TagsLabel {
    display: inline-flex !important;
}

.EventPost-info .TagsLabel {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin: 0 4px !important;
}

.EventPost-info .TagsLabel .TagLabel-text {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.EventPost-info .TagsLabel .TagLabel-text i {
    margin-left: 5px !important;
}

.ReplyPlaceholder .Post-header {
    flex-direction: row !important;
}

.PostMention {
    display: inline-flex;
    align-items: center;
    margin-left: 5px;
}

.uncited blockquote .PostMention, .uncited blockquote .UserMention {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.Scrubber a {
    margin-right: -1px;
    margin-left: unset !important;
    display: flex;
    align-items: center;
}

.Scrubber a>i {
    margin-left: 4px;
}

.Scrubber-scrollbar {
    margin: 8px 3px 8px 0 !important;
}

.Scrubber-bar {
    float: right !important;
}

.Scrubber-info {
    right: 15px;
    left: unset !important;
}

.Scrubber-before, .Scrubber-after {
    border-left: 1px solid transparent !important;
    border-right: 1px solid #e8ecf3;
}

.Scrubber-info strong {
    text-align: right;
}

.Scrubber-description {
    text-align: right;
    display: block;
}

.Post-mentionedBy-preview, .PostMention-preview {
    left: unset !important;
}

.MentionsDropdown .PostPreview-content, .PostMention-preview .PostPreview-content, .Post-mentionedBy-preview .PostPreview-content {
    padding-left: unset !important;
    padding-right: 37px;
}

.PostPreview .Avatar {
    float: right !important;
}

.MentionsDropdown .PostPreview .Avatar, .PostMention-preview .PostPreview .Avatar, .Post-mentionedBy-preview .PostPreview .Avatar {
    margin: 0 -37px 0 0 !important;
}

.PostPreview .username {
    float: right;
    margin-right: unset !important;
    margin-left: 5px;
}

.PostPreview .PostPreview-excerpt {
    text-align: right;
    float: right;
}

.Post {
    direction: rtl;
}

.PostUser-avatar {
    right: -85px;
    left: unset !important;
}

.PostUser-badges {
    float: right !important;
    margin-right: -80px;
    margin-left: unset !important;
}

.Post-header>ul {
    width: 100%;
}

.EventPost-icon {
    text-align: left;
    margin-right: -85px;
    margin-left: unset !important;
}

.item-controls .SplitDropdown-button {
    float: right !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.item-controls .Dropdown-toggle {
    float: left !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.item-subscription .SubscriptionMenu-button {
    float: right !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.item-subscription .SubscriptionMenu-button .Button-icon {
    margin-right: 0 !important;
    margin-left: 7px;
}

.item-subscription .Dropdown-toggle {
    float: left !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

/*-user page-*/

.UserPage .UserCard-controls {
    float: left !important;
}

.UserPage .UserCard-avatar {
    float: right !important;
    margin-left: unset !important;
    margin-right: -130px;
}

.UserPage .UserCard-profile {
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 130px;
}

.UserPage .darkenBackground>.container {
    direction: rtl;
}

.PostsUserPage-discussion, .PostsUserPage-discussion a {
    text-align: right;
}

.Post-header>ul {
    direction: rtl;
    text-align: right;
}

.Post-body>*:first-child, .Post-preview>*:first-child {
    margin-top: 0 !important;
    text-align: right !important;
}

.Post-body blockquote {
    text-align: right !important;
}

.Post-footer {
    float: right;
}

.UserPage .PostUser .UserCard {
    left: unset !important;
    right: -100px;
}

.Modal-body {
    direction: rtl;
}

.Modal-body .Form--centered .helpText {
    text-align: right !important;
}

/*-setting page-*/

.SettingsPage>ul>li {
    direction: rtl;
    text-align: right;
}

.Checkbox--switch {
    padding-left: 0 !important;
    padding-right: 65px;
}

.Checkbox--switch .Checkbox-display {
    float: right !important;
    margin-left: unset !important;
    margin-right: -65px;
}

/*-tags page-*/

.TagTile {
    direction: rtl;
    text-align: right;
}

.TagTile-info .icon {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 10px;
}

.TagTile-lastPostedDiscussion {
    display: flex !important;
    text-align: right;
}

.TagTile-lastPostedDiscussion-title {
    margin-right: 0 !important;
    margin-left: 10px;
}

/*-admin area-*/

.item-help>a i {
    margin-right: 0 !important;
    margin-left: 7px;
}

.ExtensionListItem-Dot {
    right: unset !important;
    left: 13px;
}

.Search-input:before {
    float: right !important;
    margin-left: -36px;
    margin-right: unset !important;
}

.AppearancePage {
    direction: rtl;
}

.AdminHeader .icon {
    margin-right: 0 !important;
    margin-left: 15px;
}

.AppearancePage-colors-input .Form-group:last-child {
    margin-left: 0 !important;
    margin-right: 10px;
}

.Modal-body .Form p {
    direction: rtl;
}

.Form-group:last-child {
    direction: rtl;
}

.AdminHeader {
    direction: rtl;
}

.StatusWidget>ul>li.item-tools {
    float: left !important;
    margin-right: 0;
}

.StatusWidget>ul {
    direction: rtl;
}

.StatusWidget>ul>li {
    margin-left: 30px;
    margin-right: unset !important;
}

.StatusWidget>ul>li.item-tools {
    margin-left: 0 !important;
}

.ExtensionList-Category {
    direction: rtl;
    padding: 20px 20px 20px 0;
}

.StatisticsWidget-entity {
    float: right !important;
    text-align: right;
}

.Alert-controls {
    margin: 0 8px 0 -8px !important;
}

.StatisticsWidget-label .Dropdown-menu button {
    padding-left: 0 !important;
    padding-right: 40px;
    text-align: right !important;
}

.StatisticsWidget-label .Dropdown-menu button .Button-icon {
    float: right !important;
    margin-left: 0 !important;
    margin-right: -25px;
}

.AdminPage {
    direction: rtl;
}

.AdminPage .Form {
    direction: rtl;
}

.Dropdown--restrictByTag .Button-icon {
    margin-right: 0 !important;
    margin-left: 7px;
}

.PermissionGrid tbody th {
    padding-left: 50px;
    padding-right: 0 !important;
    text-align: right;
}

.PermissionGrid tbody th .icon {
    margin-left: 5px;
    margin-right: 0 !important;
}

.UserList-emailIconBtn {
    margin-left: 0 !important;
    margin-right: 12px;
}

.UserListPage-gridPagination {
    flex-direction: row-reverse;
}

.ExtensionPage-headerItems {
    flex-direction: row-reverse;
}

.ExtensionName {
    margin-right: 8px;
    margin-left: 0 !important;
}

.item-version {
    margin-left: 0 !important;
    margin-right: 13px;
}

.ExtensionInfo .Button-icon {
    margin-left: 7px;
    margin-right: 0 !important;
}

.TagList .TagIcon, .TagList ol .TagIcon, .TagList .icon, .TagList ol .icon {
    margin-right: 0 !important;
    margin-left: 10px;
}

.SettingsGroups .TagGroup .TagList-button, .SettingsGroups .Form .TagList-button {
    margin: auto 0 0 auto !important;
}

.SettingsGroups .TagGroup .TagList-button i, .SettingsGroups .Form .TagList-button i {
    margin-left: 7px;
    margin-right: 0 !important;
}

.item-uninstall {
    margin-left: 0 !important;
    margin-right: 13px;
}

.item-uninstall .Button-icon {
    margin-left: 7px;
    margin-right: 0 !important;
}

.EditCustomFooterModal .Modal-body .FormControl, .EditCustomCssModal .Modal-body .FormControl, .EditCustomHeaderModal .Modal-body .FormControl {
    direction: ltr !important;
}

.DiscussionHero .item-title{
    margin-top: 15px;
    display: block !important;
}


.DiscussionPage-list .TagsLabel {
    display: inline-flex;
    align-items: center;
}

.TagsLabel .TagLabel:first-child {
    border-radius: 0 4px 4px 0 !important;
}

.TagsLabel .TagLabel:last-child {
    border-radius: 4px 0 0 4px !important;
}

.DiscussionHero  .TagLabel:first-child ,
.DiscussionHero  .TagLabel:last-child {
    border-radius: 4px !important;
}

.item-tools .Button-icon{
    margin-right: 0 !important;
    margin-left: 7px;
}

.SettingsGroups .Form .TagSettings-rangeInput input:first-child {
    margin-left: 5px !important;
}

.item-moreTags a{
    text-align: center !important;
}

.Search-input .Button--link{
    margin-left: 0 !important;
    float: unset !important;
    position: absolute;
    left: 18px;
    width: 21px !important;
}

.UserSearchResult .Avatar{
    margin:-2px 0 -2px 10px !important;
}

.DiscussionListItem-info>.item-tags{
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.NotificationGroup-badges{
    margin-right: 0 !important;
    margin-left: 8px;
}

.TagsPage .sideNav>ul>li:first-child{
    margin-right: 0 !important;
    margin-left: 20px;
}

.TagTiles>li{
    border-radius: 0 !important;
}

.PostQuoteButton i{
    margin-right: 0 !important;
    margin-left: 7px;
    transform: rotateY(180deg)rotateX(180deg);
}

.LinksButton{
    padding: 8px !important;
}

.Search-input input{
    padding-left: 3px !important;
}

.Dropdown-menu>li>a, .Dropdown-menu>li>button, .Dropdown-menu>li>span{
    font-size: 14px !important;
}

.Button .LoadingIndicator-container{
    margin-left: 0 !important;
    margin-right: 4px !important;
}

.FlagPostModal .checkbox{
    text-align: right !important;
    padding-left: 0 !important;
    padding-right: 20px;
}

.checkbox input[type=checkbox], .checkbox input[type=radio] {
    margin-right: -20px;
    margin-left: 0 !important;
    float: right !important;
}

.Notification-content{
    text-align: right;
}

.Post-flagged-flags{
    text-align: right !important;
}

.Post-flagged-actions .Button-icon{
    margin-right: 0 !important;
    margin-left: 7px;
}

.fof-file-manager-modal .fof-modal-buttons .Button.fof-upload-button .Button-icon{
    margin-right: 0 !important;
    margin-left: 7px;
}

.fof-file-manager-modal .fof-upload-button + .tooltip {
    margin-top: 39px !important;
    margin-left: -70px  !important;
}


.fof-file-manager-modal .fof-upload-button + .tooltip > .tooltip-arrow{
    bottom: 0 !important;
    top: 0 !important;
    margin: auto !important;
    margin-right: -7px !important;
    right: 0 !important;
    border-width: 5px 5px 0 !important;
    transform: rotateZ(270deg);
}

.fof-upload-button.uploading .Button-icon{
    margin-right: 0 !important;
    margin-left: 7px;
}

.Notification-content {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

.Notification-action .draft--delete+.draft--schedule{
    margin-left: 0 !important;
    margin-right: 8px !important;
}

.ExtensionInfo .item-readme button{
    display: flex;
    align-items: center;
}

.item-authors > i{
   margin-right: 0 !important;
   margin-inline-end: 5px;
}
/*-Responsive-*/

/*-Bigger Than 1100px-*/

@media (min-width: 1100px) {
    .DiscussionListItem-content .tooltip.right{
        left: 570px !important;
    }

    /*-Discussion Page list-*/
    .hasPane.panePinned .Navigation-back, .hasPane.paneShowing .Navigation-back {
        border-radius: 0 4px 4px 0 !important;
        margin-right: 1px;
    }
    .panePinned .DiscussionPage-list {
        right: 0;
        left: unset !important;
        direction: rtl;
    }
    .hasPane.panePinned .App-content, .hasPane.panePinned .App-footer {
        margin-left: 0 !important;
        margin-right: 400px;
    }
}

.ExtensionPage-body .TagListItem-info .Button{
    float: left !important;
    margin: -8px 16px -8px -16px !important;
}

.ExtensionPage-body .TagList ol {
    margin-right: 27px;
    margin-left: unset !important;
}

.Post-body code{
    display: inline-flex;
    direction: ltr;
}

.Post-body pre code {
    direction: ltr !important;
    text-align: left !important;
}

.AfruxWidgets-sideNavAlt {
    margin-right: 30px !important;
    margin-left: 0 !important;
}

.AfruxWidgets-Widget-title-icon {
    margin-left: 6px !important;
    margin-right: 0 !important;
}

.Afrux-TopPostersWidget-users-item-name {
    font-weight: normal;
}

/*-Bigger Than 992px-*/

@media (min-width: 992px) {
    .TagsPage .sideNav .Dropdown--select .Dropdown-menu>li>a{
        padding-right: 25px !important;
        padding-left: 0 !important;
    }
    .TagsPage .sideNav>ul>li, 
    .TagsPage .sideNav .Dropdown-menu>li{
        margin: 0 0 0 20px !important;
    }
    
    .affix .App-nav {
        right: 0 !important;
        direction: rtl;
    }
    .App-nav .AdminNav .Dropdown-menu>li>a {
        padding: 10px 45px 10px 10px;
        text-align: right !important;
    }
    .App-nav .AdminNav .Dropdown-menu>li .ExtensionIcon {
        margin-left: 0 !important;
        margin-right: -29px;
    }
    .App-nav .AdminNav .Dropdown-menu>li .Button-label {
        padding-left: 0 !important;
        padding-right: 5px;
    }
    #admin-navigation {
        margin-right: 0 !important;
        margin-left: 50px;
        right: 0;
    }
    .App-content .sideNavOffset {
        margin-left: 0 !important;
        margin-right: 250px;
    }
    .IndexPage-results{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sideNavOffset.UserPage-content{
        margin-left: 0 !important;
        margin-right: 0 !important; 
    }
    .TagsPage-content {
        margin-left: 0 !important;
        margin-right: 0 !important; 
    }
    .IndexPage-nav{
        margin-right: 0 !important;
        margin-left: 50px;
    }

    .Composer:not(.fullScreen) {
        margin-right: 220px !important;
        margin-left: -20px !important;
    }
    .ComposerBody-content {
        margin-right: 85px !important;
        margin-left: 0 !important;
    }
}
@media (min-width: 991px) and (max-width: 1100px) {
    .DiscussionListItem-content .tooltip.right{
        left: 462px !important;
    }
}

/*-Between 768px and 991px-*/

@media (min-width: 768px) and (max-width: 991px) {
    
    .DiscussionListItem-content .tooltip.right{
        left: 478px !important;
    }

    .Header-secondary .Search:not(.active) input {
        padding-right: 32px;
    }

    .sideNav>ul>li, .sideNav .Dropdown-menu>li {
        margin: 0 0 0 20px;
    }
    #admin-navigation>ul>li, #admin-navigation .Dropdown-menu>li {
        margin: 0 0 0 20px !important;
    }
}

/*-Bigger Than 768px-*/

@media (min-width: 768px) {

    .Post-flagged {
        margin-right: -107px !important;
        margin-left: -22px !important;
    }
    
    .DiscussionListItem-info>li{
        margin-right: 4px;
    }

    .Header-secondary{
        position: absolute;
        left: 15px;
    }

    .Search {
        transition: margin-right .4s !important;
    }

    .DiscussionListItem-count:before{
        margin-right: -21px !important;
        float: right !important; 
    }

    .Composer.fullScreen .TextEditor-controls{
        margin: 0 !important;
    }

    .DiscussionListItem-main {
        margin-right: 0 !important;
    }
    
    #admin-navigation .Dropdown--select .Dropdown-menu {
        direction: rtl;
    }
    #admin-navigation .Dropdown--select .dropdown-menu li {
        direction: rtl;
        text-align: right !important;
    }
    #admin-navigation .Dropdown--select .Dropdown-menu>li>a .Button-icon {
        float: right !important;
        margin-right: -25px !important;
        margin-left: 0 !important;
    }

    .Navigation-back i {
        transform: rotatez(180deg);
    }
    .Header-navigation {
        float: right;
        margin-left: 25px;
        margin-right: 0 !important;
    }
    .Header-navigation .Navigation {
        display: inline-flex;
        flex-direction: row;
    }
    .Header-navigation .Navigation-pin {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
    }
    .Header-title {
        margin: 0 0 0 15px !important;
        float: right !important;
    }
    .Header-primary{
        float: right !important;
    }
    .header-primary .Header-controls {
        display: flex !important;
        flex-direction: row-reverse;
    }
    .Header-secondary {
        float: left !important;
    }

    .item-search .Search {
        margin-right: 0 !important;
        margin-left: 10px;
    }
    .item-search .Search .Search-input input {
        text-align: right !important;
        direction: rtl;
    }
    .App-nav .AdminNav .Dropdown-menu>li .ExtensionListTitle {
        margin: 25px 15px 8px 0 !important;
    }
    /*-main body-*/
    .DiscussionListItem {
        margin-left: -15px !important;
        padding-left: 25px !important;
        padding-right: 15px !important;
        margin-right: -15px !important;
    }
    .ComposerBody-content {
        margin-right: 85px;
        margin-left: 0 !important;
    }
    .DiscussionListItem-controls {
        left: 5px;
        right: unset !important;
    }
    .DiscussionListItem-content {
        padding-right: 52px !important;
        padding-left: 80px !important;
    }
    .IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {
        left: 80px !important;
        right: unset !important;
    }
    .DiscussionListItem-author {
        margin-left: unset !important;
        margin-right: -52px !important;
    }
    .DiscussionListItem-count {
        margin-left: -70px;
        padding-right: 21px !important;
        padding-left: 0 !important;
    }
    .IndexPage .DiscussionListItem-title, .UserPage .DiscussionListItem-title {
        margin-right: unset !important;
        margin-left: 155px;
        text-align: right;
    }
    .ComposerBody-avatar {
        float: right;
    }
    .TextEditor-controls {
        margin: 0 -105px 0 -20px !important;
    }
    .minimized .ComposerBody-content, .fullScreen .ComposerBody-content {
        margin-right: 0 !important;
    }
    .DiscussionListItem .Dropdown-menu {
        left: 0 !important;
        right: auto !important;
    }
    /*-Discussion Page list-*/
    .DiscussionPage-list .DiscussionListItem-content {
        padding-right: 67px !important;
        padding-left: 80px !important;
    }
    .DiscussionPage-list .DiscussionListItem {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
    }

 
    .DiscussionPage-list .TagsLabel .TagLabel-text {
        display: inline-flex;
        flex-direction: row !important;
    }
    .paneShowing .DiscussionPage-list {
        left: unset !important;
        right: 0;
        direction: rtl;
    }
    .DiscussionPage-list {
        right: -406px;
        left: unset !important;
        transition: right .2s !important;
    }
    /*-Discussion Page-*/
    .DiscussionHero .container {
        display: block !important;
    }
    .DiscussionPage-stream {
        margin-left: 225px;
        margin-right: 0 !important;
    }
    .DiscussionPage-nav {
        float: left !important;
    }
    .Post {
        padding-left: 20px !important;
        padding-right: 105px !important;
        direction: rtl;
    }
    .DiscussionPage .UserCard {
        left: unset !important;
        right: -100px;
    }
    .DiscussionPage .UserCard-controls {
        float: left;
    }
    .DiscussionPage .UserCard-profile {
        text-align: right !important;
        padding-right: 130px;
        padding-left: unset !important;
    }
    .DiscussionPage .UserCard-info>li {
        margin-right: 0 !important;
        margin-left: 15px;
    }
    .DiscussionPage .UserCard-avatar {
        float: right;
        margin-left: unset !important;
        margin-right: -130px;
    }
    .DiscussionPage-list .tooltip.right{
        left: 133px !important;
    }
    /*-tags page-*/
    .TagTiles>li {
        float: right !important;
    }
}

@media (max-width: 992px) {

}

/*-Smaller Than 767px-*/

@media (max-width: 767px) {

    .tooltip{
        display: none !important;
    }

    .App-backControl {
        right: 0;
        left: auto !important;
    }
    .App-nav .AdminNav .Dropdown-menu>li .ExtensionListTitle {
        margin: 25px 15px 10px 0 !important;
    }
    .open.Dropdown .Dropdown-menu {
        direction: rtl !important;
        text-align: right !important;
    }
    .ExtensionNavButton .Button-label {
        margin-left: 0 !important;
        margin-right: 5px;
    }
    .ExtensionNavButton .ExtensionIcon {
        margin: 0 -4px 0 0 !important;
    }
    .Dropdown .Dropdown-menu>li>a.hasIcon, .Dropdown .Dropdown-menu>li>button.hasIcon {
        padding-left: 0 !important;
        padding-right: 50px;
        text-align: right;
    }
    .Dropdown .Dropdown-menu>li>a .Button-icon, .Dropdown .Dropdown-menu>li>button .Button-icon {
        margin-left: 0 !important;
        margin-right: -30px;
        float: right;
    }
    .Dropdown .Dropdown-menu>li>a, .Dropdown .Dropdown-menu>li>button {
        direction: rtl;
        text-align: right;
    }
    .App-primaryControl {
        left: 0;
        right: auto !important;
    }

    .Dropdown .Dropdown-menu>li>a.hasIcon {
        padding-left: auto !important;
        padding-right: 50px;
        text-align: right;
    }
    .Dropdown .Dropdown-menu>li>a .Button-icon {
        margin-left: auto !important;
        margin-right: -30px;
    }
    .item-moreTags>a {
        text-align: right !important;
    }
    .item-moreTags>a span {
        text-align: right;
    }
    .App-drawer {
        left: auto !important;
        right: 0 !important;
        transform: translate3d(276px, 0, 0) !important;
    }
    .Header-controls .FormControl, .Header-controls .ButtonGroup, .Header-controls .Button {
        text-align: right;
    }
    .Search-input:before {
        margin-left: -32px !important;
        float: right !important;
        width: 32px;
        margin-right: auto !important;
    }
    .Header-controls .Button-icon {
        margin-right: 0 !important;
        margin-left: 7px;
    }
    .Header-controls .Button-label {
        margin-right: 0 !important;
        margin-left: 7px;
    }
    .DiscussionListItem-content {
        padding-right: 60px !important;
        padding-left: 50px !important;
    }
    .DiscussionListItem-author {
        margin-right: -45px;
        margin-left: 0 !important;
    }
    .DiscussionListItem-title {
        text-align: right;
    }
    .DiscussionListItem-badges {
        margin-right: -45px !important;
        margin-left: unset !important;
        width: 38px;
    }
    .DiscussionListItem-count {
        margin-left: -35px;
    }
    .item-sort .Dropdown-menu--right {
        width: 100% !important;
    }
    .Composer:not(.minimized) .Composer-controls .App-backControl {
        z-index: 1002 !important;
    }
    .ModalManager.in {
        padding-right: 0 !important;
        padding-left: 17px !important;
    }
    .item-terminalPost {
        margin-right: 5px;
    }
    .minimized .ComposerBody-content {
        margin-right: 0 !important;
    }

    .PostStreamScrubber>.Button>i {
        margin-right: 5px;
    }
    .DiscussionPage-nav .item-subscription {
        width: 100%;
        text-align: right;
        margin-left: 0 !important; 
    }
    .PostUser-badges {
        margin-right: 0 !important;
        right: 0;
        left: unset !important;
    }
    .Post-header .Avatar {
        margin-right: unset !important;
        margin-left: 15px;
    }
    .Post-header>ul>li {
        margin-right: unset !important;
        margin-left: 10px;
    }
    .DiscussionPage .UserCard .UserCard-controls {
        display: none !important;
    }
    .DiscussionPage .UserCard {
        left: unset !important;
        right: -100px;
    }
    .Dropdown-menu--right .Button-label {
        margin-right: 7px !important;
        margin-left: 0 !important;
    }
    /*-user page-*/
    .UserPage .UserCard-profile {
        padding-right: 0 !important;
        text-align: center !important;
    }
    .UserPage .UserCard-avatar {
        display: block;
        float: none !important;
        margin: 0 auto 20px !important;
        width: 72px;
    }
    .UserPage .UserCard-info>li {
        margin-right: 0 !important;
        margin-left: 15px;
    }
    .item-sort .Dropdown-menu {
        left: 0 !important;
    }
    .App-nav .AdminNav .Dropdown-toggle .Button-caret {
        margin-right: 7px;
        margin-left: 0 !important;
    }
    .item-locale button.hasIcon span{
        margin-left: 0 !important;
        margin-right: 7px !important;
    }
    .DiscussionListItem-main {
        margin-left: -45px;
        margin-right: 0 !important;
    }
    .Search-input .Button--link{
        text-align: center !important;
    }
}
i.icon.fas.fa-link.Button-icon {
    margin-left: 7px;
    display: initial !important;
}