ﻻﻻﻻﻻﻻﻻﻻ ﻻﻻﻻﻻﻻ

تذكير بمساهمة فاتح الموضوع :

your vote is important for us
صوتك يهمنا

Omar كتب:your vote is important for us
صوتك يهمنا

الكود:

your vote is important for us
[b]صوتك يهمنا[/b]

omar:

hulihygfyugyihop[oijouiyhtgfhdghghjuiop;olkmjnhbgvhfcdxghjklkjmhngbvfdxsghjkljmnhbgvfgdytgyuhjkljmnhbgvfdtgyhuilkjhnjgbfcdxgtgyhuikjhbgvfgyhujijhjhngfhyghuhulihygfyugyihop[oijouiyhtgfhdghghjuiop;olkmjnhbgvhfcdxghjklkjmhngbvfdxsghjkljmnhbgvfgdytgyuhjkljmnhbgvfdtgyhuilkjhnjgbfcdxgtgyhuikjhbgvfgyhujijhjhngfhyghuhulihygfyugyihop[oijouiyhtgfhdghghjuiop;olkmjnhbgvhfcdxghjklkjmhngbvfdxsghjkljmnhbgvfgdytgyuhjkljmnhbgvfdtgyhuilkjhnjgbfcdxgtgyhuikjhbgvfgyhujijhjhngfhyghu

كمتانلبارلالابلتنماتنخحجخطهكمتنالبل نمكتمانلتبالابىلاتنطكتماولةىر

الكود:


#admin_rank {
    background: #f00;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.forabg.hidden {
    background-color: #2d6cb7;
}
li.fa_reputation a, li.fa_reputation span {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4A0 !important;
}
.mentions-t {
    width: 100%;
}
.tooltip-actions {
  margin: 5px -18px -5px -18px;
}
.filter_ads {
    color: #fff;
    background: #444 !important;
    border-color: #000 !important;
    margin: 3px 0 !important;
}
.AD_Header .AD_ContentLeft {
    padding: 0 !important;
}
.AD_Header .AD_ContentRight {
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}
#profile-advanced-add a {
    background: #388e3c;
    color: #FFF;
    display: block;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    margin-top: -15px;
}
#profile-advanced-add a:hover{
    opacity: .8;
}
#profile-advanced-add a[href*="friend="] {
    background: #388e3c;
}
#profile-advanced-add a[href*="foe="], #profile-advanced-add a[href*="remove="] {
    background: #F00;
}

#page-body .container-fluid > div[style="clear:both;"], #page-body .container-fluid > div[style="overflow:visible"], #profile-advanced-right > div[style*="height:250px;margin-bottom:18px;"] {
    overflow: auto !important;
}
.forabg.main-forums ul.topiclist.forums.toggle {
    overflow: visible !important;
}
.tooltipster-content {
    line-height: normal !important;
    padding: 3px 7px !important;
    font-size: 11px !important;
}

.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 .subLink:after, .subLink:before {
 right: 14px !important;
}

.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}
dd.field-info > span {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    padding-bottom: 3px;
}
/* button image */

.sceditor-button-hashtag div { background-image:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }

 

/* drop down input */

#fa_hashtag {

  background:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;

  padding-left:22px;

}
#textarea_content {
    width: auto!important;
}
.sceditor-button.sceditor-button-scSmileys > div {
    background: url(https://2img.net/i/fa/i/smiles/icon_biggrin.png) no-repeat center center transparent;
    margin: 13% 0 0;
}

/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(https://i.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
 
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}
 
/* Icônes */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }

#quickloginform_overlay {
  background-color:#333;
  height:100%;
  left:0;
  opacity:0.7;
  position:fixed;
  top:0;
  width:100%;
}
#quickloginform {
  height:100%;
  position:fixed;
  top:20%;
  width:100%;
}
#quickloginform>form {
  background-color:#fff;
  box-sizing:border-box;
  margin:auto;
  padding:20px 30px;
  width:360px;
  border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
  background:#f2f2f2 none repeat scroll 0 0;
  border:0 none;
  box-sizing:border-box;
  font-family:"Helvetica";
  font-size:14px;
  margin:0 0 15px;
  outline:0 none;
  padding:15px;
  width:100%;
}
#quickloginform button {
  background-color:#369fcf;
  border:0 none;
  color:#ffffff;
  cursor:pointer;
  font-family:"Helvetica";
  font-size:14px;
  outline:0 none;
  padding:15px;
  text-transform:uppercase;
  width:100%;
}
#quickloginform p:nth-child(n) {
  margin-bottom:0;
  margin-top:20px;
  text-align:center;
}
#quickloginform form p {
  color:#b3b3b3;
  font-size:11px;
}
#quickloginform form a {
  color:#2b86b3;
  text-decoration: none;
}


dl {
    margin-bottom: 0;
}
#fa_toolbar #fa_right #notif_list li.see_all {
    padding: 10px !important;
    font-size: 12px;
}
.table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
    line-height: 22px;
}

div#fa_toolbar {
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
}

#fa_right, #fa_toolbar {
    font-size: 12px;
    line-height: 42px;
    height: 42px;
}
span.profile-field.field_ .label, span.profile-field.field___00a0__0639__0627__0631__0636__0629-__0627__062d__062a__0631__0627__0645 .label, h1.page-title, a.rightHeaderLink[href*="/register"], #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show, #fa_toolbar_hidden, #fa_toolbar #fa_left, #fa_toolbar #fa_search, #fa_share_text, #fa_menu #fa_welcome, #main-content > div[style*='overflow:visible'], ul.topiclist.forums .online-block > br:nth-child(1) , ul.topiclist.forums .online-block > br:nth-child(2) , ul.topiclist.forums .online-block > br:nth-child(3) {
    display: none !important;
}
 .block-footer {
    background-color: rgba(52, 140, 194, 0.15);
    margin: 15px -15px -15px;
}
.button, .button1, .button2, input[type="submit"], .button + .button-round, .button + .button1, .button + .button2, .button1 + .button-round, .button1 + .button1, .button1 + .button2, .button2 + .button-round, .button2 + .button1, .button2 + .button2, input[type="submit"] + .button-round, input[type="submit"] + .button1, input[type="submit"] + .button2 {
    margin: 5px;
}

#fa_right #fa_notifications:hover, #fa_right #fa_welcome:hover {
    background: rgba(255, 255, 255, 0.24);
}
#fa_share a, #fa_share a[href] {
    background: transparent;
    color: #FFF;
    margin: 3px;
    border-radius: 50%;
}
#fa_toolbar #fa_right #notif_list li .content {
    width: auto !important;
}
ul#notif_list {
    font-size: 12px !important;
    bottom: auto;
    height: auto;
    left: auto!important;
    margin: 0 5px!important;
    overflow: auto;
    position: fixed!important;
    right: 0;
    text-align: right;
    top: 42px!important;
}
#fa_toolbar #fa_right #notif_list li a.delete {
    background: transparent none no-repeat -274px 50%;
    color: #FF4F42;
    display: table-cell!important;
    float: none!important;
    height: 19px;
    text-align: right;
    width: 19px;
}
#fa_toolbar #fa_right #notif_list li .contentText {
    direction: rtl;
    float: none;
    display: table-cell;
    height: auto!important;
    width: 27em;
}
#fa_mail:hover {
    background: #F8CD33 !important;
    border: none !important;
}
#fa_rss:hover {
    background: #FB7629 !important;
    border: none !important;
}
.omarbar-toggle {
    margin-top: 28px;
}
.wrap.logo-img {
    text-align: center;
}
.wrap.logo-img img {
    max-width: 100%;
}

table.contact-info {
    font-size: 11px;
}
.AD_Header .AD_ContentLeft, table.table1 thead th, .panel .h3, .panel h3, .block .h3, .forum-title-link a , .button1[class^="ion-"]:before, .button2[class^="ion-"]:before, .button[class^="ion-"]:before, input[type="submit"][class^="ion-"]:before, .table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
    font-size: 14px;
}

.tooltip-title, .tooltip-subtitle, .tooltip-counts li, ul.topiclist dd.dterm, ul.topiclist dt, .AD_ListInline, span.omarpop23_visitors, .attachbox > dt, .attachbox .attachments, .spoiler_content.hidden, dl.codebox.hidecode dd, fieldset, .post-content, .postprofile-rank, p, fieldset.vf_jumpbox ,.sub-header-path a , .block, .button, .button1, .button2, input[type="submit"], fieldset.jumpbox, fieldset.quickmod, .topic-actions, #fa_right #notif_list li.see_all, .footerbar-system, .footerbar-user, .copyright {
    font-size: 12px; 
}
.omarpop23_visitors {
    font-size: 14px !important;
}
.overview {
    padding: 0;
}
.overview .row2 {
    background: #348cc2;
    color: #FFF;
}
#login_popup .h3 {
    margin: -18px -18px 15px -18px;
}
.headerbar {
    height: auto;
    background-color: #256eb2;
}
#logo {
    margin-top: 0;
}
#logo a {
    text-decoration: none;
}

.wrap .logo {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    color: #fff !important;
}
  .forum-desc {
display: none;
  }
#main-content {
    background: #EEE;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.13);
    padding-top: 30px;
    box-shadow: 0px 0px 15px -5px;
}
.short-links .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.short-links .navbar-default .navbar-toggle {
  color: #FFF;
}

#headerbar-top {
    height: auto;
}
#headerbar-top .navbar {
    min-height: auto;
    margin: 0;
}

.omarbar-toggle:hover, .omarbar-toggle:focus, .omarbar-default .omarbar-toggle:focus, .omarbar-default .omarbar-toggle:hover {
    background-color: transparent !important;
    color: #39c !important;
}
.omarbar-default .omarbar-toggle , .omarbar-toggle, button.omarbar-toggle.collapsed {
    position: absolute !important;
    left: 0 !important;
    border: none !important;
}
.omarbar {
    min-height: 90px !important;
    margin-bottom: 0 !important;
}
.omarbar-brand {
    height: 90px!important;
    line-height: 90px!important;
    display: block;
      padding: 0 15px;
}
.req-regist {
    padding: 10px;
    width: 85%;
    display: inline-block;
}
.req-content {
    background-position: 99% 50%;
    padding: 5px 50px 5px 10px;
    background-color: #fef5f1;
    border-radius: 5px;
    background-image: url(http://demo.weebpal.com/forum-plus/misc/message-24-error.png);
    text-align: right !important;
    border-color: #ed541d;
    color: #8c2e0b;
    background-repeat: no-repeat;
    border: 1px solid;
}
table.contact-info {
    display: inline-block;
}
table.contact-info td {
    padding: 3px 15px;
    border-right: 1px dashed #eee;
}
tr.info-content {
    vertical-align: top;
}
.contact-avatar, .user_name, .contact-details {
    max-width: 170px;
}
span.user_name, .contact-details > div {
    overflow: hidden!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.contact-avatar, .user_name {

    text-align: center;
}
span.user_avatar {
    width: 63px;
    display: inline-block;
    height: 63px;
    overflow: hidden;
    border-radius: 100%;
}
.contact-avatar img {
    max-width: 60px;
}
form[action="/login"] .panel .inner {
    padding: 25px 18px;
}
form[action="/login"] .panel {
    padding: 10px 0px !important;
}
#homepage-links {
    background-color: #348bc2;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
ul.nav-linkss a {
    color: white;
    padding: 0 15px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-transform: none;
    font-size: 1em;
}
ul.nav-linkss a:hover, a.mainmenu.fa_navactif {
    background: #fff;
    border-radius: 0;
    color: #348bc2;
    text-decoration: none;
}
ul.nav-linkss img {
    filter: invert(100%);
}
ul.nav-linkss a:hover ul.nav-linkss img {
    filter: invert(0%);
}
ul.nav-linkss {
    margin: 0;
}
.nav-linkss li {
    display: inline-block;
    margin: 0;
}
.omarbar-nav, .container>.omarbar-header {
  margin: 0px !important;
}
.nav-search {
    background: #333;
    padding: 10px;
    text-align: left;
}

input {
    cursor: auto;
}
#search-box #keywords {
    color: #333!important;
    padding-right: 5px;
    width: 170px;
    height: 36px;
    margin: 0 !important;
}
input.search-button {
    left: 5px;
    line-height: 0.4em;
    background: #fff;
    border: 1px solid #888;
    font-family: FontAwesome;
    padding: 15px;
    border-radius: 0;
    box-shadow: none !important;
    color: #222;
    transition: background-color .25s ease-in-out
}
input.search-button:hover {
      background-color: #293a4a;
      color: #FFF !important;
      box-shadow: none !important;
}
.nav-logo {
    float: left;
}
.nav-search img {
    max-height: 85px;
}
.is-sticky#headerbar-top {
    z-index: 9999999 !important;
    padding: 0;
    margin: 0;
}

a.mainmenu[href*="/search"] {
    display: none;
}

.nav-block {
    background-color: #fafafa;
    line-height: 65px;
    text-align: right;
    color: #FFF;
    font-size: 14px;
}
.nav-block a {
    color: #888;
    display: inline-block;
    padding: 0 25px;
    height: 90px;
    line-height: 90px;
    text-decoration: none;
}

#collapseNavLink a {
    color: #333;
    padding: 6px;
}
#collapseNavLink {
    background: #FFF;
    color: #333;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.search-box {
    margin-left: 0;
}

.mod-recent-row {
    padding: 5px;
}
.mod-recent-row a {
    font-size: 12px;
    color: #2892e0;
}
.divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
span.mod-recent-info.classic_row {
    border-bottom: #DDD 1px solid;
    margin-bottom: 3px;
    padding-bottom: 3px;
}
span.mod-recent-info.classic_row:nth-last-child(1) {
    border-bottom: none;
}

.forabg .header, .forumbg .header {
    padding: 10px;
}
.btn-collapse i {
    top: -5px;
}
.forum-block {
    width: 100%;
}
.forum-header-block {
    width: 100%;
}
.forabg.hidden .forum-header-block, .forabg.hidden .forums {
    display: none;
}
table.forum-header-block td {
    padding: 5px 15px;
}
.forum-header td {
    background: #333333;
    color: white;
    padding: 3px 10px 4px;
    text-transform: uppercase;
    font-weight: 700;
}
.forum-icon {
    width: 4%;
}
.forum-name {
    width: 50%;
}
.forum-icon {
    text-align: center;
}
.forum-icon img {
    text-decoration: none;
    margin: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.forum-topics, .forum-posts {
    width: 10%;
}
.forum-last-post {
    width: 20%;
}
.forum-row {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.forum-block td, .forumbg .forum-block td {
    border: none !important;
    padding: 15px 10px;
  border-color: transparent !important;
  outline-width: 0!important;
}
td.forum-name, td.forum-last-post {
    padding-right: 0 !important;;
}
.poster-avatar {
    width: 7%;
}
.lastpost-avatar {
    float: left;
    padding: 11px 0 11px 0 !important;
}
 .topics .lastpost-avatar {
    padding: 1px 0 1px 0 !important;
}
.forum-title-link {
    line-height: 15px;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}
.forum-title-link a {
    color: #555;
    display: block !important;
}
.forum-title-link a:hover, .forum-title-link a:focus {
    color: #348bc2;
}
.forum-description {
    color: #999999;
    font-size: 0.867em;
}
.forum-number-topics {
    color: #888888;
    font-size: 14px !important;
    text-align: center;
}
td.forum-name {
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border: none!important;
}
span.participated {
    float: right;
}
.topic-author {
    display: table-cell;
}

.pagination {
    margin: 0;
}
.pagination span a:active, .pagination span a:link, .pagination span a:visited {
    line-height: 25px;
    border-radius: 100%;
    background-color: #2C353B;
    width: 25px;
}
.row .pagination {
    display: block;
    margin-bottom: 5px;
}
#add_topic, #leave_reply {
    border-radius: 100%;
    bottom: 20px;
    font-size: 0;
    height: 60px;
    left: 20px;
    position: fixed;
    width: 60px!important;
    z-index: 999;
}
a#add_topic:before, a#leave_reply:before {
    font-size: 25px;
    line-height: 45px;
    margin-right: 2px;
}

.sub-header-buttons {
    float: none;
    display: block;
}
.sub-header-info {
    background: #348cc2;
    border: 1px solid #333;
    border-radius: 15px 5px 5px 15px;
    border-right-width: 6px;
    color: #FFF;
    display: inline-block;
    float: none;
    font-size: 0;
    margin: 3px 0;
    padding: 6px 12px;
}
.sub-header-info a, .table-title a, .post-head a {
    color: #FFF;
}
 .table-title a:hover {
    color: #FFF;
}
.birthdays-block, .online-block, .statistics-block {
    font-size: 15px;
    padding: 15px;
}
    #fa_groups {
    font-size: 0;
    padding: 6px 3px;
    margin: 0 -6px;
}
#fa_groups span {
    font-size: 11px;
    font-weight: bold;
}
#fa_groups b {
    font-size: 11px;
    font-style: italic;
}
    #fa_groups b:hover {
    text-decoration: underline;
}
#fa_groups b:after {
    content: ", ";
    font-size: 15px;
    font-weight: bold;
}
    #fa_groups b:last-child:after {
    content: "";
}
ul.topiclist.forums.toggle br[style*="line-height"] {
    display: none;
}
.statistics-block {
    text-align: center;
}
.statistics-item {
    background: #f2f2f2;
    display: inline-block;
    float: none;
    font-size: 0;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 0 10px 10px;
    width: 19.2%;
}
.statistics-item:last-child {
    margin-left: 0;
}
td.data1-statistics {
    width: 50px;
}
table.table1-statistics, table.table2-statistics {
    width: 100%;
}
.statistics-item strong {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 29px;
    vertical-align: -3px;
}
.statistics-item span {
    font-size: 12px;
}
td.data4-statistics {
    padding: 2px;
    border-top: 1px #348cc2 dotted;
}
.statistics-icon {
    font-size: 40px;
}
.statistics-item .last-member {
    font-size: 12px;
    line-height: 29px;
    vertical-align: -3px;
}
.statistics-item strong a {
    font-size: 12px;
    line-height: 17px;
}


.copyright-body {
    border: none;
}
li.footer-home {
    border: 1px solid;
    padding: 3px 12px;
    border-radius: 5px;
}
li.footer-home:hover {
    background: rgba(0, 0, 0, 0.14);
    border-color: rgba(0, 0, 0, 0.14);
}
li.footer-home, li.footer-home a {
    color: rgba(255,255,255,0.44);
    font-size: 11px;
    text-align: center;
}
li.footer-home span {
    padding-left: 5px;
}

table.portal-content {
    width: 100%;
    padding-bottom: 20px;
}
.recent-topic-content { padding-bottom: 0 0 -5px; }
#post-users-week, #post-users-month, #mos-viewed-topics, #most-active-topics, #most-active-starters {
    height:300px;
}
#post-users-week{  height: auto !important; }
#post-users-month{ height: auto !important; }
#post-users-week .h3, #post-users-month .h3, #most-viewed-topics .h3 , #most-active-topics .h3,  #most-active-starters .h3 { padding-top: 10px; }
.users-month-content table tr, #post-users-week table tr {
    display: none;
}
.users-month-content table tr:nth-child(1), #post-users-week table tr:nth-child(1), .users-month-content table tr:nth-child(2), #post-users-week table tr:nth-child(2), .users-month-content table tr:nth-child(3), #post-users-week table tr:nth-child(3), .users-month-content table tr:nth-child(4), #post-users-week table tr:nth-child(4) {
    display: table-row !important;
    width: 100% !important;
}
#post-users-week br, #post-users-month br {
    display: none;
}
 
 
#portal-omar {
    position: relative;
    right: 1%;
    top: 15px;
}

#recent_topic_list .row1 {
    border-bottom: 1px solid #e9ebed;
}
#recent-topics table.row1:last-child {
    border-bottom: none;
}
td#title-name {
    width: 58%; 
    overflow: hidden !important;
    display: inline-block;
    text-overflow: ellipsis;

 
white-space: nowrap;
}
td#poster-name {
    width: 20%;
    display: inline-block;
    text-align: center;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap; 
 
}
td#topic-time {
    width: 22%;
    overflow: hidden !important;
    display: inline-block;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
}

div#box-padding {
    padding-right: 0 !important;
}

#recent-topics td, #post-users-month td, #post-users-week td {
    padding: 5px 10px;
}
.forabg.recent-topics .btn-collapse, .forabg.post-users-week .btn-collapse, .forabg.post-users-month .btn-collapse {
    display: none;
}
.post-inner {
    margin-right: 260px;
    margin-left: 15px;
    padding: 10px 0;
}
.postprofile {
    width: 265px;
    margin-right: -265px;
    font-size: 12px;
    padding: 0 18px 18px 18px;
}
.postprofile dl {
    text-align: center;
    margin: 0 auto;
}
.postprofile dl {
    background: #FFF;
    position: relative;
    border: 1px solid #ccc;
    margin-top: 30px;
}
.postprofile dl:before {
    content: "غير متصل";
    color: #FFF;
    background: #999;
    position: absolute;
    height: 26px;
    border-radius: 30px 30px 0 0;
    line-height: 26px;
    top: -26px;
    left: -1px;
    right: -1px;
}
.online .postprofile dl::before {
    content: "متصل";
    background: rgb(136, 187, 85);
}
.postprofile dt, .postprofile dd {
    margin: 0;
    padding: 3px;
    width: 100%;
}
.user-avatar img {
    max-width: 100px;
}
.profile-field .label, .profile-field .value {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    width: 50%;
    overflow: hidden;
    word-break: break-word;
}
.profile-field {
    font-size: 0;
    display: block;
}
.profile-field .label {
    text-align: left;
    color: #333;
}
.profile-field .value {
    text-align: right;
}
.profile-field .value:before {
    content: " ";
    margin-left: 3px;
}
.contact-info a {
    display: inline-block;
    margin: 2px;
}
.postbody {
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 0;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.postbody .profile-icons {
    float: left;
    margin: 3px;
    padding-right: 10px;
    padding-bottom: 15px !important;
}
.profile-icons li {
    margin: 10px 6px 0 0;
}

.postbody .content {
    word-wrap: break-word;
}

.sceditor-container iframe, .sceditor-container textarea {
    font-weight: 400;
    font-size: 11px;
}
.btn-report a + a {
      margin: 0 5px 0 5px;
}
.post[style*="background-color"] .postbody {
    background: rgba(255, 255, 255, 0.3);
}
.post-content {
    font-size: 100%;
    padding: 15px;
    text-align: center;
}
div#textarea_content {
    width: 75% !important;
}

h1.page-title {
    font-size: 22px;
    line-height: 50px;
}
.panel h3, .panel .h3 {
    margin: -18px -18px 0;
    background: #39c;
    padding: 10px;
    color: #FFF;
}

.block .h3 {
    margin-top: -18px;
}
#bsm-img {

}
#bsm-img img {
    width: 325px;
}

.post-content:before {
    content: '';
    display: block;
    clear: left;
}

.edited-message {
    font-size: 10px;
    margin: 0px 10px;
    text-align: left;
}
.online:before {
    display: none;
}

.post-head {
    background-color: #348cc2;
    color: #FFF;
    border: none;
    padding: 10px;
}
.vote {
    float: none;
}
h1.page-title {
    line-height: 22px;
    margin: 0 -15px 18px;
    background: #348cc2;
    color: #FFF;
    padding: 10px;
}
div#preview .h3 {
    background: #39c;
    margin-top: 0;
    padding: 10px;
    color: #FFF;
    font-size: 16px;
}
#preview .content {
    padding: 0 15px;
    font-size: 12px;
}
.h3, h3 {
    background: #69c;
    padding: 6px;
    margin: 10px 0;
    color: #FFE;
    font-size: 14px;
}
.postbody-preview {
    padding: 10px;
}
.content {
    word-break: break-word;
}

.panel div.mes-txt, .panel p {
    padding-top: 10px;
    font-size: 13px;
}
.topic_mod-btn:after {
    clear: left;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.vote-bar {
    display: inline-block;
}
.signature_div img {
    max-width: 100%;
}

.signature_div {
    text-align: center;
}

p.center {
    margin: 0;
    text-align: center;
    margin-right: 35px;
}
.poll-block {
    padding: 20px;
    text-align: center;
}
h2.left-box.h3 {
    background: transparent;
    color: inherit;
    font-weight: 700;
}

fieldset.polls dl:nth-child(odd) {
    background-color: transparent;
}
.poll-block .panel {
    background: #ffffff;
    padding: 18px !important;
}
.poll-block fieldset.polls dl {
    display: inline;
}
.poll-block dt label {
    text-align: left;
}
.poll-block fieldset.polls {
    display: inline-block;
}
.poll-block fieldset.polls dt {
    border-left: none;
    display: inline-block;
    float: right;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 50%;
}
.poll-block fieldset.polls dd {
    border-right: none;
    float: none;
    font-size: 1.2rem;
    margin-right: 0;
    padding: 0 5px;
    width: 50%;
    display: inline-block;
}
.poll-block .polls input.button1 {
    float: left;
}
blockquote:before, dl.codebox:before {
    font-size: 25px;
    top: 3px;
    left: 5px !important;
}
blockquote {
    border-width: 0 6px 0 0;
    margin: 10px;
    padding: 10px 30px 10px 10px;
    font-size: 12px;
    font-style: italic;
    color: #929292;
}
blockquote cite {
    font-weight: 700;
    color: black;
    margin: -10px -30px 0px -10px;
    text-decoration: underline;
    padding: 5px;
    background: rgb(226, 225, 213);
}
dl.codebox {
    margin: 10px;
    border: 1px solid #CCC;
}
dl.codebox dt {
    margin: -18px -18px 10px -18px;
    padding: 5px;
    background: #e2e1d5;
    font-size: 14px;
}
dl.codebox.spoiler:before {
    content: "\f070";
    font-family: FontAwesome;
    top: 2px;
}
dl.codebox.spoiler dt:hover, dl.codebox.spoiler dt:focus, dl.codebox.spoiler dt:active {
    background: #f7f5f5;
}
dl.codebox.hidecode dt:before {
    content: 'المحتوى مخفي';
}
dl.codebox.hidecode:before {
    content: '\f2a8';
    font-family: FontAwesome;
    top: 1px;
}

#message-box {
    float: left!important;
    width: 100%!important;
    margin: 0 !important;
}

#message-box #textarea_content {
    width: 100% !important;
}
#smiley-box {
    float: right!important;;
    margin-top: 25px!important;;
    width: 18%!important;;
}
.attachbox {
    float: none;
    display: inline-block;
    margin: 18px !important;
}
.profile-icons a, .profile-icons span {
    font-size: 16px;
    box-shadow: none;
    width: 37px;
    text-align: center;
    height: 37px;
    border-radius: 100%;
}
.profile-icons a i:before, .profile-icons span i:before, .postbody ul.profile-icons img {
    margin-top: 6px;
}
.postbody ul.profile-icons {
    margin-left: 15px;
}
.signature_div {
    background: #FFF;
    font-size: 12px;
    border: 1px solid #ccc;
    margin: 15px;
    overflow: auto;
    max-height: 350px;
    padding: 15px;
}
.signature_title {
    background: #ccc;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    padding: 5px;
    margin: 0 15px -15px 15px;
}
p.author {
    padding: 5px;
    margin: -15px; 
}

img#fym_banner {
    max-width: 100%;
}
.panel .inner {
    padding: 10px 15px;
}

.omar-panel .inner p {
    margin-right: 10px;
}
#cp-main, select + button, select + input {
    margin: 0 !important;
}
textarea.inputbox {
    width: 58% !important;
}
#cp-main > form {
    border: 1px solid #348cc2;
}
.hidden-if-toolbar-deactivated .panel .inner fieldset {
    padding: 0;
}
.hidden-if-toolbar-deactivated .panel .inner {
    padding: 0;
}
body[contenteditable="true"] img {
    max-width: 100%;
}
.hidden-if-toolbar-deactivated td, #checkboxes td {
    padding: 5px 2px;
}
.frm-form {
    float: none!important;
    margin: 0!important;
    padding: 18px;
    margin-bottom: 15px !important;
}
form[action="/login"], form[action="/search?mode=results"] .panel {
    margin-bottom: 20px !important;
    padding: 18px !important;
}
div#fa_quick_login form[action="/login"] {
    padding: 0 !important;
}
h1.page-title {
    padding: 5px 20px;
}
form[action="/memberlist"] .panel h2.h3, form#AD_Form .panel {
    margin-bottom: 18px !important;
}
form[action="/post"] .panel, form#AD_Form .panel {
    padding: 10px 3px !important;
}
#AD_Form input, #AD_Form select, #AD_Form textarea, #EV_Form input, #EV_Form select, #EV_Form textarea {
    width: auto !important;
}
form#AD_Form .panel.row3 .h3 {
    padding: 18px 25px 10px;
}
.search .postbody {
    width: 100%;
    padding: 0 15px;
}
.search .postbody .h3 {
    margin: 0 -15px 15px -15px;
  text-align: center;
}
.search .postbody .h3 a {
    color: #FFF;
}
.pagination span strong {
    border-radius: 100% !important;
    border: 1px solid #ccc !important;
    margin-right: 3px; !important;
    height: 30px !important;
    width: 30px !important;
}
.pagination span a:active, .pagination span a:link, .pagination span a:visited {
    background: transparent !important;
    color: #333 !important;
    border: 1px solid #ccc;
    line-height: 30px !important;
    height: 30px !important;
    width: 30px !important;
}
.pagination span a:hover, .pagination span a:hover, .pagination span a:hover {
    background: rgba(0,0,0,0.05) !important;
}
.progress {
    margin-bottom: 0 !important;
    width: auto;
}
.AD_UploadPhoto {
    width: 100%;
}
.msgs .forum-icon img:nth-child(1) {
    width: auto;
    height: auto;
}
.msg-name {
    width: 90%;
}
td.msg-mark {
    text-align: center;
}
.post .post-head .topic-title {
    color: #FFF;
    vertical-align: middle;
    margin: 0;
}

.post h2.topic-title a {
    line-height: 28px;
    display: inline-block;
    max-width : 100%;
    margin: 0;
}
.post {
    background: #f7f7f7;
}
.post-time-date {
    display: inline-block;
    padding: 3px;
}
.content-poster {
    display: inline-block;
    font-size: 11px;
    background: #ccc;
    border-radius: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 6px 12px;
}
.postprofile dt {
    background: #FFF;
}
.postprofile button {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.vote a.ion-thumbsdown {
    display: none;
}
.button1:hover, .button2:hover, .button:hover, input[type="submit"]:hover {
    background-color: #126598;
    box-shadow: 0 1px 9px rgba(0,0,0,0.6);
}
span#more-user-info {
    vertical-align: middle;
}
.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}
.vote .ion-thumbsup {
    margin-left: 0;
}
span.user_rank #admin_rank {
    display: inline-block !important;
    background: transparent !important;
    margin: 0 !important;
    color: inherit;
    padding: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
}
div#search-box {
    margin: 0;
}
span.user_name {
    font-size: 0;
}
span.user_name strong {
    font-size: 11px;
}
span.profile-field.field_ .value, span.profile-field.field___00a0__0639__0627__0631__0636__0629-__0627__062d__062a__0631__0627__0645 .value {
    text-align: center;
    width: 120px;
}
/* ------------------------------------- */
@media (min-width:0px) and (max-width:350px) {
  td#topic-name {
    display: none;
  }
}
@media (min-width:0px) and (max-width:460px) {
  .subLink a {
    white-space: normal !important;
    min-width: inherit !important;
    width: 165px;
}
 
    .forum-posts, .forum-topics, .poster-avatar,.forum-last-post {
    display: none;
  }
 td#poster-name {
    display: none;
  }
  .statistics-item {
    width: 100%;
    display: block;
  }
  .postprofile-avatar img {
    width: 50px !important;
    height: 50px !important;
  }
  .topic_mod-btn {
    text-align: center;
  }
}

@media (min-width:0px) and (max-width:768px) {
  .AD_UploadPhoto ul li {
    width: auto;
}
 
    /* MEMBERLIST */
  .avatar-mini img {
    height:25px;
    width:25px;
  }

#memberlist td.avatar-mini + td,
th.active, #memberlist td.avatar-mini + td + td + td, #memberlist td.avatar-mini + td + td + td + td, #memberlist th.interests, #memberlist th.joined, #memberlist th.number, #memberlist th.posts, #memberlist tr > td:first-child {
    display:none;
  }

  fieldset dl {
    text-align: center;
}
  fieldset dt {
    float: none!important;
    width: 100%!important;
}
  fieldset dd {
    display: block !important;
    width: 100%!important;
}
  #profile-advanced-layout {
    margin: 0;
}
 #profile-advanced-right, #profile-advanced-left {
    float: none;
    width: 100%;
}
 
  .contact-info {
    clear: both;
}
  .msg-profile dt {
    width: 100% !important;
    float: none !important;
    text-align: center;
}
  .post-inner {
    margin: 0!important;
}
  .postprofile {
    float: none!important;
    margin: -10px 0 10px 0 !important;
    width: 100%;
    padding: 0;
}

  .postprofile dt, .field-info {
    padding: 0 !important;
}
 .postprofile {
    margin: -10px 0 10px 0!important;
    float: none!important;
    width: 100%;
}
  .postprofile dl {
    width: 100%;
    border: none;
    border-bottom: 1px solid #CCC;
    padding-top: 3px;
}
 
#message-box, #message-box #textarea_content, #textarea_content, #smiley-box, #smiley-box iframe {
    width: 100% !important;
    float: none;
}
  #fa_toolbar #live_notif {
    right: 0;
    left: 0;
  }
  .fa_notification {
    border: none;
    box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
    font-size: 1.3rem;
    list-style-type: none;
    position: absolute;
    top: 42px;
    right: 0 !important;
    left: 0 !important;
    z-index: 999;
}
  .content.ellipsis {
    display: block !important;
    margin-right: 40px;
    overflow: initial !important;
}
  div#box-padding {
    padding-right: 15px !important;
  }

  .postprofile {
    width: 100%;
    margin: 20px 0 20px 0;
    float: none;
  }
  .postbody {
    margin-right: 0!important;
    padding: 0 !important;
  }
.postbody .content {
    word-wrap: break-word;
}
  body div.sceditor-dropdown {
    position: fixed!important;
    top: auto!important;
    left: 0!important;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 200px;
    overflow: auto;
    padding: 6px 0!important;
    border-radius: 0;
    margin-top: 0!important;
  }
  body div.sceditor-dropdown iframe {
    width: 100%;
}
    #contact-profile {
    display: none;
  }
}

@media (min-width:460px) and (max-width:768px) {
  .statistics-item {
    width: 47.1%;
  }
 
}

/* Extra Small Devices, Phones */
@media (max-width: 640px) {
td#topic-time {
    display: none;
  }
  #AD_Form input, #AD_Form select, #AD_Form textarea, #EV_Form input, #EV_Form select, #EV_Form textarea {
    width: 100% !important;
}
  td#poster-name {
    width: 40%;
}
 
  #headerbar-top .navbar li {
    display: block;
    margin: 0!important;
    padding-right: 20px;
    text-align: right;
  }
  .wrap.logo-img img {
    display: none;
}
.forum-desc {
    color: #fff!important;
    display: block;
    padding: 50px;
}
 
#search-box #keywords {
    width: 175px;
  }
  .sub-forum-links strong {
    display: none;
  } 

  .nav-linkss li, ul.nav-linkss a {
    display: block;
  }
  td.contact-links {
    display: none;
  }
  td.contact-profile {
    display: none;
  }
.forum-name {
    width: 100%;
  }
 
    .forum-description, .forum-posts, .forum-topics, .forum-last-post {
    display: none;
  }
}
@media (min-width:640px) and (max-width: 768px) {

  .nav-linkss li, ul.nav-linkss a {
    display: block;
  }
  td.contact-links {
    display: none;
  }
.forum-last-post {
    display: table-cell;
  }
}

@media (min-width: 768px) and (max-width:992px){

a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
    display: none;
  }
.forabg.recent-topics li.header {
    padding: 21px;
  } 
  .statistics-item {
    width: 31.9%;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {

  #message-box, #message-box #textarea_content, #textarea_content, #smiley-box, #smiley-box iframe {
    width: 100% !important;
    float: none;
  }
}

@media (min-width: 992px) and (max-width:1200px) {
  .statistics-item {
    width: 23.8%;
  }
}



/* --- ChatBox --- */
input#message {
    border: 1px solid #2196f3;
}
#chatbox_footer #submit {
    font-size: 1.8rem;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    margin: -5px 0 0 -17px;
}
div#fullscreen {
    display: none;
}
body.chatbox {
  transition: all .2s ease-in-out;
  visibility: hidden;
  overflow: hidden;
  height: 100%;
  margin: 0;
  background: #fff;
  opacity: 0;
}

body.chatbox.active {
  visibility: visible;
  opacity: 1;
}

#chatbox,#chatbox_members {
  top: 40px;
  bottom: 40px;
  transform: none;
  position: absolute;
  overflow: auto;
  transition: all .2s ease-in-out;
}
#chatbox_header {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  padding: 0 5px;
  line-height: 40px;
  background: #e7e7e7;
  color: transparent;
}

.chatbox-title {
  float: left;
  margin: 0;
}

#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,#fullscreen,#sound_control,.chat-title {
  display: block;
  border-radius: 3px;
  width: 30px;
  height: 30px;
  float: left;
  margin: 5px;
  text-indent: -9999px;
  background: url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;
  cursor: pointer;
}

#chatbox_option_co:focus,#chatbox_option_co:hover,#chatbox_option_disco:focus,#chatbox_option_disco:hover,#chatbox_option_with_archives a:focus,#chatbox_option_with_archives a:hover,#chatbox_option_without_archives a:focus,#chatbox_option_without_archives a:hover,#fullscreen:focus,#fullscreen:hover,#sound_control:focus,#sound_control:hover,.chat-title:focus,.chat-title:hover {
  background-color: #fff;
}

#chatbox_option_with_archives a {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);
}

#chatbox_option_without_archives a {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);
}

#chatbox_option_co {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);
}

#chatbox_option_disco {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);
}

#sound_control {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/volume12.png);
}

#sound_control.disable {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/volume11.png);
}

#fullscreen {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/expand10.png);
}

#fullscreen.active {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/center10.png);
}

.chatbox-options {
  float: right;
  font-size: 0;
}

.chatbox-options li {
  float: left;
}

#chatbox_members {
  right: inherit;
  left: -200px;
  z-index: 20;
  width: 200px;
  padding: 0 5px;
  border-right: 1px solid #e7e7e7;
  background: #fff;
}

#chatbox_members>ul,.chatbox-options {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.member-title {
  border-radius: 3px;
  text-align: center;
  margin: 5px 0;
  padding: 5px;
  text-transform: uppercase;
  background: #fefff4;
}

.away-users>li>span,.online-users>li>span {
  margin: 5px 0;
  display: block;
}

.chatbox-user-username {
  cursor: pointer;
  padding: 3px 0;
}

#chatbox {
  margin-right: 0;
  right: 0;
  left: 0;
  padding: 0 5px;
}

#chatbox>p {
  display: none;
}

#chatbox_footer {
    height: 40px!important;
    left: 0;
    overflow: initial !important;
    position: absolute;
    right: 0;
    top: 0;
}

.msg-act,.msg-day span,.msg-row,.msg-wrap {
  position: relative;
}

#chatbox_footer #help-button,#chatbox_footer #submit_button,#chatbox_footer .fontbutton {
  display: none!important;
}

#chatbox_footer .right {
  float: none;
}

.msg-row {
  margin: 1em 0;
}

.msg-row.alert>div,body>p.center strong {
  width: auto;
  margin: 1px -5px;
  padding: 3px 12px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

.msg-row.alert .ban-act,.msg-row.alert .other-act,.msg-row.alert .unmod-act {
  background: #ff5c5c;
}

.msg-row.alert .disconnect-act,.msg-row.alert .kick-act,.msg-row.alert .timeout-act {
  background: #f57c00;
}

.msg-row.alert .away-act,.msg-row.alert .me-act {
  background: #5e35b1;
}

.msg-row.alert .connect-act,.msg-row.alert .mod-act,.msg-row.alert .unban-act {
  background: #388e3c;
}

.msg-row.alert .clear-act {
  background: #47a3fc;
}

.msg-day {
  margin-bottom: -1em;
  border-top: 1px dashed #e7e7e7;
  text-align: center;
  color: #e7e7e7;
}

.msg-day span {
  top: -.75em;
  padding: .2em 1em;
  font-size: 12px;
  background: #fff;
}

.msg-wrap {
  margin-left: 40px;
}

.msg-act {
  max-width: 70%;
  float: left;
  clear: both;
  margin: 1px 0!important;
  padding: 6px 12px;
  border-radius: 4px 1.3em 1.3em 4px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  background: #e7e7e7;
}

.msg-act:first-child {
  border-top-left-radius: 1.3em;
}

.msg-act:last-child {
  border-bottom-left-radius: 1.3em;
}

.msg-act:before,.msg-avatar:before {
  transition: all .2s ease-in-out;
  content: attr(data-time);
  position: absolute;
  top: 0;
  right: -50px;
  z-index: 10;
  visibility: hidden;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: pre;
  font-size: 9px;
  font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color: #fff;
  background: #757575;
  opacity: 0;
}

.msg-act:hover:before,.msg-avatar:hover:before {
  visibility: visible;
  opacity: 1;
}
.no-text {
  padding: .8em 0;
  background: 0 0!important;
}

.msg-act a {
  font-weight: 700;
}

.msg-act a:focus,.msg-act a:hover {
  text-decoration: underline;
}

.msg-act embed,.msg-act iframe,.msg-act img {
  max-width: 100%;
}

.msg-act img {
  vertical-align: middle;
}

.msg-act font,.msg-act span {
  font-size: 14px!important;
  color: #212121!important;
}

.msg-act strong {
  font-weight: 400;
}

.msg-act strike,.msg-act u {
  text-decoration: none;
}

.msg-act i {
  font-style: normal;
}

.msg-act dd,.msg-act dl {
  display: inline;
  margin: 0;
}

.msg-act dt,.msg-me .msg-avatar {
  display: none;
}

.msg-act code {
  font-family: inherit;
}

.msg-avatar {
  position: absolute;
  top: 3px;
  left: 0;
  cursor: pointer;
}

.msg-avatar-circle {
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

.msg-avatar:before {
  content: attr(data-name);
  top: -13px;
  right: auto;
  left: 0;
}

.msg-avatar:after {
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  background: #bdbdbd;
}

.msg-avatar.online:after {
  background: #388e3c;
}

.msg-avatar.away:after {
  background: #5e35b1;
}

.msg-avatar.offline:after {
  content: none;
}

.msg-avatar img {
  width: 100%;
}

.msg-me .msg-wrap {
  margin-right: 0;
  margin-left: 0;
}

.msg-me .msg-act {
  float: right;
  border-radius: 1.3em 4px 4px 1.3em;
  background: #2196f3;
}

.msg-me .msg-act:first-child {
  border-top-right-radius: 1.3em;
}

.msg-me .msg-act:last-child {
  border-bottom-right-radius: 1.3em;
}

.msg-me .msg-act:before {
  right: auto;
  left: -50px;
}

#media,#message {
  left: 0;
  position: absolute;
}

.msg-me .msg-act a {
  color: #e7e7e7;
}

.msg-me .msg-act a:hover {
  color: #fff;
}

.msg-me .msg-act>span {
  color: #fff!important;
}

#message {
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box!important;
  box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
  top: 0;
  right: 0;
  width: 100%!important;
  height: 40px!important;
  margin: 0!important;
  padding: 0 75px 0 1em;
  line-height: 40px;
  font-weight: 400!important;
  font-style: normal!important;
  text-decoration: none!important;
  color: #212121!important;
  background: #fefff4;
}

#message:focus {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.26);
}

#chatbox_contextmenu {
  border-radius: 3px;
  z-index: 30;
  background: #fff;
}

.cb-menu-title {
  margin: 0;
  padding: 5px 8px;
  border-bottom: 1px solid #e7e7e7;
}

.cb-menu-close {
    background: #fff;
    border-radius: 50%;
    color: #ff5c5c!important;
    height: 18px;
    line-height: 18px;
    left: 5px!important;
    text-align: center;
    top: 2px!important;
    transition: all .2s ease-in-out;
    width: 20px;
}

.cb-menu-close:focus,.cb-menu-close:hover {
  background: #ff5c5c;
  color: #fff!important;
}

.cb-menu-item {
  margin: 0;
}

.cb-menu-item a {
  display: block;
  margin: 5px 0;
  padding: 4px 8px;
  color: #757575;
}

.cb-menu-item a:focus,.cb-menu-item a:hover {
  background: #e7e7e7;
  color: #111;
}

.pun {
  width: 100%!important;
  background: #fefff4;
}

.pun table tr.main-head {
  background: #757575;
  color: #fff;
}

#emoji_list .emoji:hover,.pun table tr:nth-child(2n) {
  background: #e7e7e7;
}

.pun table td,.pun table th {
  border: 1px solid #e7e7e7;
  padding: 7px 10px;
}

#buzz_wrap {
  right: 10px;
}

#emoji_list {
  overflow: auto;
  width: 246px;
  height: 160px;
  padding: 0 5px 0 0;
}

#emoji_list .emoji {
  border-radius: 3px;
  box-sizing: content-box;
  overflow: hidden;
  width: 16px;
  height: 16px;
  padding: 6px;
  text-indent: -99px;
  cursor: pointer;
}

@keyframes shake {
  2%,96% {
    transform: translate(-1.5px,-1.5px) rotate(.5deg);
  }

  22%,4% {
    transform: translate(-1.5px,-.5px) rotate(1.5deg);
  }

  6%,60%,92% {
    transform: translate(2.5px,.5px) rotate(1.5deg);
  }

  8% {
    transform: translate(2.5px,1.5px) rotate(.5deg);
  }

  10% {
    transform: translate(1.5px,-.5px) rotate(.5deg);
  }

  12% {
    transform: translate(1.5px,.5px) rotate(1.5deg);
  }

  14% {
    transform: translate(1.5px,-1.5px) rotate(-.5deg);
  }

  16% {
    transform: translate(-.5px,.5px) rotate(.5deg);
  }

  18% {
    transform: translate(-.5px,-1.5px) rotate(1.5deg);
  }

  20% {
    transform: translate(2.5px,1.5px) rotate(1.5deg);
  }

  24% {
    transform: translate(2.5px,-.5px) rotate(-.5deg);
  }

  26%,32% {
    transform: translate(-1.5px,.5px) rotate(.5deg);
  }

  28% {
    transform: translate(2.5px,.5px) rotate(.5deg);
  }

  30% {
    transform: translate(2.5px,2.5px) rotate(1.5deg);
  }

  34%,78% {
    transform: translate(1.5px,1.5px) rotate(-.5deg);
  }

  36%,54% {
    transform: translate(-1.5px,-.5px) rotate(.5deg);
  }

  38% {
    transform: translate(1.5px,1.5px) rotate(.5deg);
  }

  40% {
    transform: translate(1.5px,2.5px) rotate(.5deg);
  }

  42%,80% {
    transform: translate(1.5px,-.5px) rotate(-.5deg);
  }

  44% {
    transform: translate(2.5px,-1.5px) rotate(-.5deg);
  }

  46% {
    transform: translate(2.5px,.5px) rotate(-.5deg);
  }

  48%,86% {
    transform: translate(-.5px,.5px) rotate(-.5deg);
  }

  50% {
    transform: translate(-.5px,1.5px) rotate(.5deg);
  }

  52% {
    transform: translate(1.5px,.5px) rotate(.5deg);
  }

  56% {
    transform: translate(.5px,2.5px) rotate(1.5deg);
  }

  58% {
    transform: translate(.5px,1.5px) rotate(.5deg);
  }

  62% {
    transform: translate(1.5px,1.5px) rotate(1.5deg);
  }

  64% {
    transform: translate(-.5px,-.5px) rotate(-.5deg);
  }

  66% {
    transform: translate(-1.5px,.5px) rotate(-.5deg);
  }

  68% {
    transform: translate(2.5px,-.5px) rotate(.5deg);
  }

  70%,98% {
    transform: translate(2.5px,2.5px) rotate(.5deg);
  }

  72% {
    transform: translate(-1.5px,2.5px) rotate(1.5deg);
  }

  74% {
    transform: translate(1.5px,-.5px) rotate(1.5deg);
  }

  76% {
    transform: translate(-.5px,-.5px) rotate(1.5deg);
  }

  82% {
    transform: translate(-.5px,2.5px) rotate(-.5deg);
  }

  84% {
    transform: translate(.5px,-1.5px) rotate(-.5deg);
  }

  88% {
    transform: translate(1.5px,2.5px) rotate(-.5deg);
  }

  90% {
    transform: translate(-1.5px,.5px) rotate(1.5deg);
  }

  94% {
    transform: translate(-.5px,1.5px) rotate(1.5deg);
  }

  0%,100% {
    transform: translate(0,0) rotate(0);
  }
}

.chatbox-buzz {
  animation: shake 120ms ease-in-out infinite;
}

#media {
  right: 0;
  bottom: 40px;
  height: 50%;
}

#media iframe {
  width: 100%;
  height: 100%;
}

.toggleUsersList .chat-title {
  background-image: url(//i84.servimg.com/u/f84/19/38/83/61/users-10.png);
}

.toggleUsersList #chatbox,.toggleUsersList #chatbox_members {
  transform: translateX(200px);
}

.toggleMediaList .chat-title {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/delete10.png);
}

.toggleMediaList #chatbox,.toggleMediaList #chatbox_members {
  bottom: 50%;
  margin-bottom: 40px;
}

#has_new_message {
  transition: all .2s ease-in-out;
  position: absolute;
  top: 40px;
  left: 50%;
  visibility: hidden;
  width: 140px;
  height: 30px;
  margin-left: -70px;
  padding: 0 10px;
  border-radius: 0 0 4px 4px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  opacity: 0;
  background: url(//i97.servimg.com/u/f97/19/51/54/34/level-10.png) 117px center no-repeat #111;
  cursor: pointer;
}

#has_new_message.active {
  visibility: visible;
  opacity: .7;
}

#has_new_message:hover {
  opacity: 1;
}

.cb-bubcloud-btn {
  transition: all .2s ease-in-out;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}

.cb-bubcloud-options {
  position: absolute;
  top: 10px;
  right: 45px;
}

.cb-bubcloud-options-list {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  position: absolute;
  top: 12px;
  right: -9px;
  z-index: 20;
  visibility: hidden;
  padding: 5px;
  opacity: 0;
}

.cb-bubcloud-options-list:after,.cb-bubcloud-options-list:before {
  position: absolute;
  z-index: 20;
  width: 0;
  height: 0;
  border-style: solid;
  content: " ";
  top: -4px;
  border-width: 0 6px 6px;
  right: 12px;
  border-color: transparent transparent #fff;
}

.cb-bubcloud-options-list:before {
  z-index: 10;
  top: -6px;
  border-bottom-color: #e7e7e7;
}

.cb-bubcloud-options.active .cb-bubcloud-btn,.cb-bubcloud-options:hover .cb-bubcloud-btn {
  transform: scale(1.4);
  -webkit-filter: none;
  filter: none;
  cursor: pointer;
}

.cb-bubcloud-options.disable .cb-bubcloud-btn {
  opacity: .3;
  -webkit-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
  transform: scale(1)!important;
  cursor: not-allowed;
}

.cb-bubcloud-media {
  display: block;
  width: 160px;
  height: 90px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cb-bubcloud-media img {
  transition: all .2s ease-in-out;
  margin-top: 15px;
  opacity: .7;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.cb-bubcloud-media:hover img {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

/* --- ChatBox --- */