:root {
    --main-blue: #1a73e8;
    --dark-blue: #0d47a1;
    --light-blue: #e8f0fe;
    --accent-blue: #1565c0;
    --link-color: #072d68;
    --text-b-color: #1F497D;
    --bg-color: #f0f2f5;
    --card-bg: #ffffff;
    --row-bg: #f8f9fa;
    --row-bg-hover: #f1f7ff;
    --contentAltBg: #f2f4f7;
    --text-main: #1c1e21;
    --text-light-blue: #ffffff;
    --text-muted: #534a70;
    --border-color: #dddfe2;
    --border-color1: #eee;
    --h-text-bg1: #e2e2f3;
    --h-text-bg2: #f6fcfd;
    --sub-forums-bg2: #f4f4f7;
    --linear-bg1: #e3e9f1;
    --linear-bg2: #cde1ff;
    --select-bg: #f9f9f9;
    --tag-bg: #f2f2f2;
    --linear-gradient-1:#1a73e8;
    --linear-gradient-2:#0d47a1;
    --linear-gradient-3:#4facfe;
    --cat-bg-r:#f5f6f7;
    --cat-bg-l:#ffffff;
     --user-bg:#02061700;
    --mian-bg: #ffffff;
    --border-solid: #ccc;
    --sceditor-textarea: #FFF;
    --bg-color-1: #f0f2f5;
    --visitors-bar-color: #635d06;
    --visitors-bar-bg-1: #a7e583;
    --visitors-bar-bg-2: #f8f2f8;
    --shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}



.dark-theme {
    --bg-color: #0e1e37;
    --card-bg: #10192d;
    --row-bg: #0f172a;
    --row-bg-hover: #10192d;
    --contentAltBg: #1e293b;
    --text-main: #ffffff;
    --text-light-blue: #e8f0fe;
    --text-muted: #9ca3af;
    --main-blue: #1a73e8;
    --dark-blue: #e8f0fe;
    --light-blue: #113366;
    --accent-blue: #82b1ff;
    --link-color: #90caf9;
    --text-b-color: #163458;
    --border-color: #02061733;
    --border-color1: #113366;
    --h-text-bg1: #0f172a;
    --h-text-bg2: #1e293b;
    --sub-forums-bg2: #0f172a;
    --linear-bg1: #0f172a;
    --linear-bg2: #1e293b;
    --select-bg: #0f172a;
    --tag-bg: #0f172a;
    --linear-gradient-1: #0f172a;
    --linear-gradient-2: #0f172a;
    --linear-gradient-3: #0f172a;
    --cat-bg-r: #0d47a1;
    --cat-bg-l: #113366;
    --user-bg: #f8f9fa;
    --mian-bg: #113366b5;
    --border-solid: #ffffff1a;
    --sceditor-textarea: #0c1d44;
    --visitors-bar-color: #f0eef1;
    --visitors-bar-bg-1: #176ad9;
    --visitors-bar-bg-2: #52470b;
    --bg-color-1: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}
body {
    font-family: 'Tajawal', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-main);
    line-height: 1.6;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
color: var(--dark-blue);
text-decoration: none;
}
a:hover {
color: var(--main-blue);
text-decoration: underline;
}


header {
   /*background: linear-gradient(135deg, var(--main-blue), var(--dark-blue));*/
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--main-blue);
    height: 100px;
}
/* start dropdown login box */
.nav_header_bar-top {
    background: linear-gradient(135deg, var(--linear-gradient-1), var(--linear-gradient-2));
    color: white;
    padding: 8px 0;
    padding-inline-start: 10px;
    font-size: 13px;
}
.nav_header_bar-top #nav_header_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#nav_header_bar ul {
list-style: none;
}
#nav_header_bar li {
    font-family: "Tajawal", "tahoma", sans-serif;
    font-weight: 500;
    color: white;
    display: inline-flex;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}
#nav_header_bar li a{
color: white;
}
#nav_header_bar #login {
border-right: 1px solid #ddd;
-moz-box-shadow: 1px 0 0 var(--card-bg);
-webkit-box-shadow: 1px 0 0 var(--card-bg);
box-shadow: 1px 0 0 var(--card-bg);
}

#nav_header_bar #login-content {
display: none;
background: var(--contentAltBg);
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--card-bg)), to(#eee));
background-image: -webkit-linear-gradient(top, var(--card-bg), #eee);
background-image: -moz-linear-gradient(top, var(--card-bg), #eee);
background-image: -ms-linear-gradient(top, var(--card-bg), #eee);
background-image: -o-linear-gradient(top, var(--card-bg), #eee);
background-image: linear-gradient(top, var(--card-bg), #eee);
padding: 15px;
-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#nav_header_bar li #login-content {
position: absolute;
top: 40px;
right: 85px;
z-index: 999;
width: 230px;
}
#login-content #inputs input{
width: 200px;
}
#login-content #inputs{
color: var(--main-blue);
}
#login-content #inputs a{
color: var(--link-color);
}
#login-content #inputs a:hover{
color: var(--main-blue);
text-decoration: underline;
}
#nav_header_bar #sup {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    font-size: 10px;
    color: #fff;
    padding: 1px 6px 1px 6px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    top: -4px;
    right: -2px;
}
#nav_header_bar sup {
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
}
#alerts-content #sup {
    background: var(--main-blue);
    border: 1px solid var(--main-blue);
    font-size: 10px;
    color: #fff;
    padding: 1px 6px 1px 6px;
    border-radius: 50%;
    cursor: pointer;
}
.logo {
    font-size: 12px;
    font-weight: 700;
    margin-right: 15px;
    margin-top: 23px;
    float: right;
}
.logo h1 {
    background: linear-gradient(135deg, var(--main-blue) 0%, var(--linear-gradient-3) 100%);
    color: var(--text-light-blue);
    font-family: "Tajawal","tahoma",sans-serif;
    font-size: 19px;
    font-weight: 700;
    padding: 12px 25px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}

.logo h1:hover {
    background: linear-gradient(135deg, var(--linear-gradient-3) 0%, var(--main-blue) 100%);
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.5px;
}

.welcome-box {
    background: linear-gradient(135deg, #1a73e8, #0d47a1);
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 3px 2px rgba(26, 115, 232, 0.2);
}
/*--------------------*/
#inputs input {
background: #f1f1f1;
padding: 6px 5px;
margin: 0 0 5px 0;
width: 238px;
border: 1px solid var(--border-solid);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px var(--border-solid) inset;
-webkit-box-shadow: 0 1px 1px var(--border-solid) inset;
box-shadow: 0 1px 1px var(--border-solid) inset;
}
#inputs input:focus {
background-color: var(--card-bg);
border-color: #e8c291;
outline: none;
-moz-box-shadow: 0 0 0 1px #e8c291 inset;
-webkit-box-shadow: 0 0 0 1px #e8c291 inset;
box-shadow: 0 0 0 1px #e8c291 inset;
}
/*--------------------*/
#login #actions {
margin: 10px 0 0 0;
}
.tabsup .submit-id {
background: var(--main-blue);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgb(0 0 0 / 30%), 0 1px 0 rgb(255 255 255 / 30%) inset;
box-shadow: 0 0 1px rgb(0 0 0 / 30%), 0 1px 0 rgb(255 255 255 / 30%) inset;
border: 1px solid var(--border-color);
float: left;
height: 25px;
padding: 0px;
margin-left: 18px;
width: 71px;
cursor: pointer;
font: bold 14px Arial, Helvetica;
color: var(--card-bg);
}
#login .submit-id:hover,
#login .submit-id:focus {
background: var(--main-blue) linear-gradient(#4184C8, var(--main-blue)) repeat scroll 0% 0%;
}
#login .submit-id:active {
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
#login .submit-id::-moz-focus-inner {
border: none;
}
#login label {
float: right;
line-height: 30px;
color: var(--main-blue);
}
#login label input {
position: relative;
top: 2px;
right: 2px;
color: var(--main-blue);
}
#actions label {
color: #000000 !important;
font-weight: bold !important;
font-size: 15px;
}
/*--------------------*/
/* End dropdown login box */

#alerts-content {
    display: none;
    background: var(--card-bg);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--card-bg)), to(#eee));
    background-image: -webkit-linear-gradient(top, var(--card-bg), #eee);
    background-image: -moz-linear-gradient(top, var(--card-bg), #eee);
    background-image: -ms-linear-gradient(top, var(--card-bg), #eee);
    background-image: -o-linear-gradient(top, var(--card-bg), #eee);
    background-image: linear-gradient(top, var(--card-bg), #eee);
    padding: 0px;
    -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
    -moz-border-radius: 3px 0 3px 3px;
    -webkit-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
    position: absolute;
    width: 180px;
    right: 119px;
    top: 36px;
    z-index: 1;
}


#userlink_menu {
    display: none;
    background: var(--cat-bg-l);
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--border-color);
    border-radius: 3px;
    padding: 10px;
    opacity: 1;
    width: 185px;
    position: absolute;
    top: 52px;
    right: 28px;
    z-index: 999;
}

#userlink_menu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
padding-inline-end: 0px;
}
#userlink_menu li{
margin: 0px;
padding: 4px 0 1px 0;
padding-bottom-end: 0px;
border-top: 1px dotted var(--border-color);
}
#userlink_menu a{
color: var(--text-main);
}
#userlink_menu .Menu_item a{
color: var(--text-main);
}
#userlink_menu .Menu_title
{
padding-top: 5px;
padding-right: 6px;
padding-bottom: 5px;
margin-top: 39px;
background: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
line-height: 17px;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 13px;
font-weight: normal;
color: var(--text-main);
}
#userlink_menu .Menu_sep
{
color:var(--text-main);
}
#userlink_menu .Menu_sep a
{
color:#FF0000;
font-size: 14px;
}
#userlink_menu .view_profile{
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: var(--text-muted);
    position: absolute;
    /* top: 10px; */
    left: -20px;
    text-align: center;
    width: 188px;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}
#userlink_menu .view_profile a{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 10px;
color: #285382;
}

#userlink_menu .view_profile .user_title{
display:inline-block;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: color: var(--text-muted);
margin-top: 10px;
max-width: 137px;
}
#userlink_menu .view_profile .a_view_profile{
margin-top: 5px;
color: #333;
font-weight: bold;
}
.PBB-WBS-Menu {
border-style:solid;
border-width:22px;
border-left-color:transparent;
border-top-style:none;
border-bottom-color:var(--cat-bg-l);
border-right-color:transparent;
float:right;
margin-top: -27px;
}
#usercptools-trigger {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}
li #usercptools-content {
display: none;
position: absolute;
z-index: 14;
background: var(--card-bg);
border: 1px solid #c0c0c0;
padding: 0px;
}
#usercptools-content {
width: 160px;
margin-top: 38px;
}
#pages-trigger {
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}
li #pages-content {
display: none;
position: absolute;
z-index: 15;
background: var(--card-bg);
border: 1px solid #c0c0c0;
padding: 0px;
}
#pages-content {
width: 160px;
margin-top: 38px;
}
.br{
margin-bottom: 5.5em;
}
/* nav Breadcrumb */
.btn-group,.btn-group-vertical{
position:relative;
display:inline-block;
vertical-align:middle;
margin: 5px 10px 5px 2px;
}
.btn-group>.btn,.btn-group-vertical>.btn{
position:relative;
float:right;
}
.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{
z-index:2;
}
.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{
outline:0;
}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{
margin-left:-1px;
}
.btn{
display:inline-block;
margin-bottom:0;
font-weight:400;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:12px 6px;
font-size:14px;
line-height:1.428571429;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
.btn:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
}
.btn:hover,.btn:focus{
color:#333;
text-decoration:none;
}
.btn:active,.btn.active{
outline:0;
background-image:none;
-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
cursor:not-allowed;
pointer-events:none;
opacity:.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
box-shadow:none;
}
.btn-default{
color:#333;
background-color:var(--card-bg);
border-color:var(--border-solid);
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
color:#333;
background-color:#ebebeb;
border-color:#adadad;
}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
background-image:none;
}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{
background-color:var(--card-bg);
border-color:var(--border-solid);
}
.btn-default .badge{
color:var(--card-bg);
background-color:#333;
}
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 10px solid white;
position: absolute;
top: 50%;
margin-top: -17px;
right: 100%;
z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 10px solid rgb(173, 173, 173);
position: absolute;
top: 50%;
margin-top: -17px;
margin-right: 1px;
right: 100%;
z-index: 3;
}
/** The Spacing **/
.btn-breadcrumb .btn {
padding:6px 24px 6px 12px;
}
.btn-breadcrumb .btn:first-child {
padding:6px 10px 6px 6px;
}
.btn-breadcrumb .btn:last-child {
padding:6px 24px 6px 18px;
}
/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
border-right: 10px solid var(--card-bg);
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
border-right: 10px solid var(--border-solid);
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
border-right: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
border-right: 10px solid #adadad;
}

/* search arrows */
/* div container containing the form */
#searchContainer {
margin-left: 10px;
float: left;
}
#searchContainer li{
display:inline-block;
list-style:none;
margin-left:-3px;
margin-right:-4px;
margin-top: -10px;
padding:0px;
vertical-align:top;
cursor:pointer;
white-space:nowrap;
background: transparent;
}
/* Style the search input field. */
#field {
float:left;
width:140px;
height:23px;
text-indent:8px;
font-family:Tahoma, arial;
font-size:13px;
color:#8B8B8B;
background: var(--card-bg);
border-top:solid 1px #c0c0c0;
border-bottom:solid 1px #c0c0c0;
border-right:none;
border-left:none;
margin: 0px;
clear: both;
}
#field:hover {
-moz-box-shadow: 1px 0 0 #4C9CF1;
-webkit-box-shadow: 1px 0 0 #4C9CF1;
box-shadow: 1px 0 0 #4C9CF1;
text-shadow: 0 1px 0 #4C9CF1;
font-size:13px;
font-family:Tahoma, arial;
}

/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#advanced_search {
width:35px;
height: 27px;
margin: 0px;
color: transparent;
background: url(../images/button-advanced-search.png) no-repeat var(--card-bg) center;
border: 1px solid #c0c0c0;
cursor: pointer;
overflow: hidden;
}
/* Style the search button hover state */
#advanced_search:hover {
background: url(../images/button-advanced-search.png) no-repeat center #EFEFEF;
border: 1px solid #c0c0c0;
}
/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
.submit-id {
width: 30px;
height: 27px;
margin-top: 0px;
color: transparent;
background: url(../images/ico-search.png) no-repeat #50afe4 center;
border: 1px solid #3e88cb;
cursor: pointer;
}
/* Style the search button hover state */
#searchContainer .submit-id:hover {
background: url(../images/ico-search.png) no-repeat center #b97777;
border: 1px solid #c0c0c0;
}
/* Clear floats */
.fclear {clear:both}
.over_flow
{
border:thin inset;
padding:6px;
height:175px;
overflow:auto;
}
.body_wrapper {
background: transparent;
border-radius: 0px;
position: relative;
z-index: 19;
}
/* End css for PBBoard 3.0.4 */

.tcat{
background: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
color:var(--dark-blue);
font-weight: 500;
border-radius: 12px 12px 0 0;
padding: 7px;
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.08);
border-top: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
border-left: 1px solid var(--border-color);
}
.tcat a:link{
background-color: transparent;
color:var(--dark-blue);
font-weight: 500;
}
.tcat a:visited{
background-color: transparent;
color:var(--dark-blue);

}
.tcat a:hover, .tcat a:active{
background-color: transparent;
color:var(--dark-blue);
}

.tcat span {
color:var(--dark-blue);
text-decoration: none;
font-size: 14px;
font-weight: bold;
}
.tcat .CollapseIcon {
padding: 6px 10px;
}

.tbar_writer_info{
background-color: var(--card-bg);
color: var(--dark-blue);
font: normal 11px Tahoma;
padding:5px;
border: 1px solid var(--border-color);
border-bottom: 0px;
vertical-align: baseline;
}


.tbar_review{
background-color: var(--linear-bg2);
color: var(--dark-blue);
font: 11px Tahoma;
border: 2px none;
padding: 5px;
}
.thead {
    background-color: var(--light-blue) !important;
    padding: 10px 5px 10px 5px !important;
    color: var(--dark-blue) !important;
    font-weight: normal;
    font-size: 13px;
    text-shadow: none !important;
    border-top: 1px solid var(--border-color);
    border-bottom: 2px solid var(--main-blue);
    vertical-align: middle;
    line-height: 1.5;
    text-align: right;
    }


.thead a:link,
.thead a:visited {
    color: var(--dark-blue) !important;
    text-decoration: none;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.thead a:hover,
.thead a:active {
    color: var(--main-blue) !important;
    text-decoration: none;
}

.thead i {
    font-size: 14px;
}
.thead1{
    background-color: var(--light-blue) !important;
    padding: 10px 5px 10px 5px !important;
    color: var(--dark-blue) !important;
    font-weight: normal;
    font-size: 13px;
    text-shadow: none !important;
    border-bottom: 2px solid var(--main-blue);
    vertical-align: middle;
    line-height: 1.5;
}
.thead1 a:link{
background-color: transparent;
color: var(--dark-blue);

font-size: 14px;
}
.thead1 a:visited{
background-color: transparent;
color: var(--dark-blue);

}
.thead1 a:hover, .thead1 a:active{
background-color: transparent;
color: var(--dark-blue);

}

.border tr .thead:first-child,
.border tr .thead1:first-child {
    border-right: 1px solid var(--border-color);
}

.border tr .thead:last-child,
.border tr .thead1:last-child {
    border-left: 1px solid var(--border-color);
}

font.highlight{
background-color: transparent;
color:#FF0000;
font-weight:bold;
}
.main_bar{
background-color: var(--light-blue) !important;
padding: 10px 15px !important;
color: var(--dark-blue) !important;
font-weight: normal;
font-size: 13px;
text-shadow: none !important;
border-bottom: 2px solid var(--main-blue);
vertical-align: middle;
line-height: 1.5;
}
.main_bar a:link,
.main_bar a:visited {
    color: var(--dark-blue) !important;
    text-decoration: none;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 5px;

}
.main_bar a:hover,
.main_bar a:active {
    color: var(--main-blue) !important;
    text-decoration: none;
}
.mainbar{
background: var(--main-blue);
font: normal 8pt tahoma;
color:var(--card-bg);
font-size:10pt;
text-align:center;
margin:0;
padding:1px;
}
#header_bar{
padding: 5px 0;
background: #232931;
border-bottom: 1px solid #55606d;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #006699;
font-family: "Tajawal";
font-style: normal;
font-weight: normal;
padding-left:2px;
padding-right:2px;
padding-top:10px;
height:34px;
}
#header_bar li{
display:inline-block;
padding-left:1px;
list-style:none;
}
#header_bar .smallfont a{
background-color: transparent;
color:#333333;
float:left;

text-align:right;

}
#header_bar ul{
padding:0 10px 0 0;
margin:0 10px 0 0;
}
#header_bar .UserPhotoli{
padding-bottom:0px;
margin-bottom:0px;
}
#buttons_close {
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    margin: 1px;
    text-transform: uppercase;
    outline: none;
    position: relative;
    top: 4px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    background: #8c8c8e;
    color: #faf7f7;
    font-weight: 500;
    /* box-shadow: 1px 4px var(--main-blue); */
    border-radius: 8px;
    margin-left: 3px;
    margin-right: 3px;
}

.buttons_no_link{
border: none;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 13px;
font-weight: normal;
padding: 2px 10px 2px 10px;
display: inline-block;
margin: 1px;
text-transform: uppercase;
outline: none;
position: relative;
-webkit-transition: none;
-moz-transition: none;
transition: none;
background: var(--card-bg);
color: #75520F;
border:1px solid #E2CCD0;
box-shadow: 0 4px #E2CCD0;
border-radius: 7px;
}
#primary_nav{
background: var(--main-blue);
color: var(--text-light-blue);
margin:auto;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
width:100%;
padding-right: 30px;
padding-left: 15px;
font-size: 14px;
font-weight: bold;
height:57px;
}
.y_nav {
display: flex;
}
#primary_nav ul{
list-style: none;
}
#primary_nav li{
font-family: "Tajawal","tahoma",sans-serif;
font-weight: 500;
background: var(--main-blue);
color: #e8f0fe;
display: inline-flex;
text-decoration: none;
padding: 17px 10px;
}

#primary_nav li a{
color: #e8f0fe;
}

#primary_nav li:hover{
background: #0d47a1;
}

#primary_nav abbr{
text-decoration: none;
 cursor: pointer;
}
#primary_nav li.primary_tabon {
background: #0d47a1;
}
#primary_nav div.menu_popup a{
color: var(--link-color) !important;
}
#primary_nav div.menu_popup:hover{
background: var(--main-blue);
color:var(--card-bg) !important;
}
#primary_nav div.menu_popup a:hover{
color:var(--card-bg) !important;
}
.p-nav-scroller {
margin-right: -10px;
max-width: 100%;
}
.hScroller {
position: relative;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-overflow-scrolling: touch;
}

.pbbList_inline li{
display:inline-block;
margin:3px 3px 3px 3px;
padding-left:4px;
list-style:none;
}
.pbbList_inline .r-right{
padding:0;
}
.address_bar {
    /* background-color: var(--cat-bg-l); */
    /* background-image: none; */
    margin: 8px 0 0 0;
    width: 100%;
    /* border: 1px solid var(--border-color); */
    /* border-radius: 12px; */
    /* box-shadow: var(--shadow); */
    /* padding: 0px 15px 1px 1px; */
    /* height: auto; */
    line-height: normal;
    font-size: 12px;
    font-weight: 400;
}

.btn-nav {
    display: inline-flex !important;
    background: transparent !important;
    margin: 0;
    padding: 0;
}

.itemscope-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    line-height: 1.5;
}


.itemscope-nav>li {
    float: right;
    font-size: 13px;
    margin-top: -2px;
}

.itemscope-nav>li:nth-last-of-type(1) a {
    font-weight: 700;
}

.itemscope-nav>li:after{
display: inline-block;
content: "\f104";
font-family: 'FontAwesome';
color: var(--text-muted);
height: 13px;
vertical-align: -0.125em;
margin: 3px 3px 0 0;
background: transparent !important;
width: 13px;
}

.itemscope-nav>li a {
    display: inline-block;
    vertical-align: bottom;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}
.p-title {
display: flex;
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin-bottom: 0px;
clear: both;
}
.p-title-value {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 400;
    min-width: 0;
    margin-left: auto;
}
.p-description {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color:var(--text-muted);
}
.p-body-header {
    margin-bottom: 0px;
    clear: both;
}

.visitors_bar{
    background: linear-gradient(135deg, var(--visitors-bar-bg-1), var(--visitors-bar-bg-2));
    color: var(--visitors-bar-color);
    padding: 15px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow);
}
.visitors_bar a{
	color: var(--link-color) !important;
    font-size: 14px;
    font-weight: normal;
}
.visitors_bar a:hover{
    color: var(--main-blue) !important;
    text-decoration: underline;
}
.r-right, .usercp_right{
float:right;
}
.l-left, .usercp_left{
float:left;
}
.pager-left{
float:left;
padding-left:25px;
}
.hide{
display:none;
}
.inactive{
font-size:11px;
min-width:200px;
}
.switch{
float:left;
width:auto !important ;
}
span.unreadpm{
color:#FF0000;
}
a:link.pm, a:active.pm, a:visited.pm{
color:#696757;

}
td.header_menu{
background-color:#D6FCF4;
border-color:#D6FCF4;
}
td.header_welc{
background-color:#F3EDF7;
}
.context{
background-color:var(--card-bg);
border:1px solid #DEDEDE;
width:100%;
}

.row1 {
    background-color: var(--card-bg) !important;
    padding: 10px 5px 10px 5px !important;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: var(--dark-blue);
    line-height: 1.6;
    text-align:right;
}

.row2 {
    background-color: var(--row-bg) !important;
    padding: 10px 5px 10px 5px !important;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: var(--dark-blue);
    line-height: 1.6;
    text-align:right;
}

.row3 {
    background-color: var(--card-bg) !important;
    border-bottom: 1px solid var(--border-color);
}

.row4 {
    background-color: var(--light-blue) !important;
    color: var(--dark-blue);
    padding: 10px 5px 10px 5px
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.row5 {
    background-color: var(--light-blue);
    padding: 10px 5px 10px 5px;
    border-bottom: 1px solid var(--border-color);
    clear: both;
}

.darkrow {
    background-color: var(--row-bg-hover) !important;
    border: 1px solid var(--border-color);
    padding: 10px;
}

.row1:hover, .row2:hover {
    /*background-color: var(--row-bg-hover) !important;*/
    transition: background-color 0.2s ease;
}
td ul {
    padding-right: 15px;
}
td ol {
    padding-right: 15px;
}
.small{
font-size:11px;
}
a:hover.pm{
text-decoration:underline;
}
p.main{
color:#000000;
}
span.spical{
color:#696757;
}
p.main1{
font-size:13px;
font-weight:bold;
color:var(--card-bg);
}
font.main2{
color:var(--card-bg);
}
.title_font, .title_font a{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 13px;
font-weight: bold;
color: var(--link-color);
}
p.main2{
color:var(--card-bg);
}
font.online{
color:#008080;
}
font.offline{
color:#FF0000;
}
.news-item,.news-item a{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
}
div.pbb_content{
max-width: auto;
margin: auto;

}
div.pbb_main{
width: 95%;
margin: auto;
}
div.pbboard_body{
    width: 95%;
    margin: auto;
}
.border{
border-width: thin;
border-spacing: 0px;
border-collapse: separate;
padding: 0px;
}

.border .row1,
.border .row2 {
    word-break: break-word;
}

.border tr .row1,
.border tr .row2{
    border-bottom: 1px solid var(--border-color);
}
.border tr:first-child .row1,
.border tr:first-child .row2 {
    border-top: 0px solid var(--border-color);
}
.borderwrap .border tr:first-child .row1, .border tr:first-child .row2 {
    border-top: 1px solid var(--border-color);
}

.border tr .row1:first-child,
.border tr .row2:first-child {
    border-right: 1px solid var(--border-color);
}

.border tr .row1:last-child,
.border tr .row2:last-child{
    border-left: 1px solid var(--border-color);
}

.border dl .row1,
.border dl .row2 {
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
}

.border dl:first-child .row1,
.border dl:first-child .row2 {
    border-top: 1px solid var(--border-color);
}

.border dl:last-child .row1,
.border dl:last-child .row2 {
    border-bottom: 1px solid var(--border-color);
}

.border .row1 a,
.border .row2 a{
font-family: "Tajawal","tahoma",sans-serif;
font-size:11px;
font-weight:bold;
}
.lastpostContent a{
color:#176093;
}
#lasts_posts_bar {
    background: linear-gradient(135deg, var(--main-blue), var(--dark-blue));
    color: white;
    padding: 14px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow);
}
#ticker {
height: 29px;
overflow: hidden;
}
#ticker li {
height: 29px;
}
#ticker li a:hover{
text-decoration: underline;
}
#ticker li a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition);
}
.ticker {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
border-radius: 0px;
}
.ticker li {
height: 30px;
padding: 5px;
margin: 0px 5px;
}
.info_bar{
border:1px solid var(--border-color);
padding:1px;
}
input.radio{
background-color:transparent;
border:0;
margin:0;
}
input[type="checkbox"]{
background-color:transparent;
padding:0;
margin:0;
}
.border input[type="text"],.border input[type="password"]{
min-width: 35%;
height: 30px;
border-radius: 6px;
}

input:focus {
outline: none;
}
.smallfont{
font: normal 11px tahoma;
}
.smallfont a{
font: normal 11px tahoma;
}

input[type="text"] {
    padding: 5px;
    font-family: "Tajawal","tahoma",sans-serif;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    background: var(--light-blue) !important;
    color: var(--text-main);
    border-radius: 6px;
    margin-left: 4px;
    margin-right: 4px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    vertical-align: middle;
     min-width: 35%;
}

input[type="text"]:focus {
    border-color: var(--main-blue);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

input[type="button"] {
    padding: 5px;
    font-family: "Tajawal","tahoma",sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--card-bg);
    margin-left: 4px;
    margin-right: 4px;
    background-color: var(--main-blue);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    vertical-align: middle;
}

input[type="button"]:hover {
    background-color: #0056b3;
}

input[type="button"]:active {
    transform: scale(0.98);
}

/* START SECTIONS LIST STYLE */

.sections {
border-radius: 12px;
overflow: hidden;
width:100%;
display:inline-block;
vertical-align: top;
margin-bottom:14px;
}

.sections .block-category {
    background: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
    border-radius: 12px;
    padding: 14px 10px 1px 13px;
    box-shadow: var(--shadow);
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
}
.categorys {
list-style: none;
clear:both;
margin:0px;
padding:0px;
}
.category {
padding: 6px 10px;
margin: 0;
font-weight: bold;
text-decoration: none;
font-size: 15px;
}

.category a {
 color: var(--dark-blue);;
 text-decoration: none;
 text-shadow: -1px 1px 0px rgb(178 178 251 / 56%);
 transition: all 0.3s ease;
 padding-right: 8px;
 position: relative;
 top: -8px;
}

.category span.block-header{
display: inline-block;
}

.category span.block-header:hover {
text-decoration: underline;
}
.categorys .sub_forums {
background: linear-gradient(180deg, var(--card-bg), var(--sub-forums-bg2));
margin-bottom: 10px;
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 5px;
padding-top: 10px;
padding-bottom: 10px;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
display: table;
table-layout: fixed;
width: 100%;
}
.sub_forums:hover{
background: linear-gradient(360deg, var(--card-bg), var(--card-bg));
}
.sub_forums:last-child{
margin-bottom:12px;
}
.categorys .sub_forums .forum-icon {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.forum-icon{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    padding: 10px 0px 10px 5px;
}
.forum-icon .dot {
    display: inline-block;
    transition: transform 0.4s ease-in-out;
}

.forum-icon:hover .dot {
    transform: rotate(360deg);
}
.forum-stats{
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
}

.CollapseIcon {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    outline: none;
    float: left;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.collapsed, .expanded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;
}

.collapsed::before {
    content: "\f054"; /* chevron-right */
    color: var(--text-muted);
    transition: transform 0.2s;
}

.expanded::before {
    content: "\f078"; /* chevron-down */
    color: var(--text-muted);
    transition: transform 0.2s;
}

.CollapseIcon:hover .collapsed::before,
.CollapseIcon:hover .expanded::before {
    color: var(--primary-color, var(--main-blue));
}



.Info_last_post {
margin-right:0px;
}
.last_time_ago{
font-size: 11px !important;
color: var(--text-muted);
}
.lastPost_time_ago{
font-size: 9px !important;
color: var(--text-muted);
float: left;
}
.f_redirect{
height: 25px;
width: 25px;
color: #b3b4bb;
font-size: 25px !important;
font-weight: normal;
text-align: center;
}
.f_pass_unread{
height: 25px;
width: 25px;
color: #0074a7;
font-size: 25px !important;
font-weight: normal;
text-align: center;

}
.f_unread{
height: 25px;
width: 25px;
color: #ffae1d;
font-size: 25px !important;
font-weight: normal;
text-align: center;
}
.f_read{
height: 25px;
width: 25px;
color: var(--main-blue);
font-size: 25px !important;
font-weight: normal;
text-align: center;
}
.home-moderators-lain{
color: var(--link-color);
font-size: 12px;
padding-right:5px;
}
.home-sub-forums-lain {
    color: var(--main-blue);
    font-size: 12px;
    padding-right: 5px;
}
.home-sub-forums-columns{
display: inline-block;
list-style: none;
padding-right:0px;
}
.div-sub-forums-columns{
display: inline-block;
padding-right:0px;
width:800px;
}
.home-sub-forums-columns-2{
display: inline-block;
list-style: none;
padding-right:0px;
}
.home-sub-forums {
display: inline-block;
color: var(--text-muted);
font-size: 11px;
margin: 5px 1px 1px 7px;
}
.home-sub-forums a{
color: var(--accent-blue);
}

.home-sub-forums::before {
    content: "\f064";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    transform: scaleX(-1);
    display: inline-block;
    margin-left: -8px;
}
.sub-forums-title {
color:var(--text-muted);
font-family:"Tajawal","tahoma",sans-serif;
padding-right:8px;
}

.Info_last_Reply {
font-size: 11px;
font-weight: 400;
word-break: break-word;
}

span.icon_last_Reply img {
    position: relative;
    top: 3px;
    max-width: 8%;
    max-height: 16px;
}

.categorys .sub_forums .forum-last-post {
    background: var(--bg-color-1);
    border: 1px solid var(--border-color);
    border-radius: 30px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    box-shadow: 5px 2px 3px 0px var(--border-color);
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 280px;
    padding: 10px;
    font-size: 11px;
    float: inline-end;
}

.categorys .sub_forums .forum-last-post:before {
    content: "";
    display: block;
    width: 7px;
    height: 100%;
    background: var(--main-blue);
    position: absolute;
    top: 0px;
    left: 0px;
    /* z-index: 99; */
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}

.UserPhoto_tiny_RCS img{
float:right;
margin-left:6px;
background-color:transparent;
border-radius: inherit;
display: block;
border: 1px solid var(--card-bg);
width: 42px;
height: 42px;
border-radius: 50%;
transition: transform 0.4s ease, box-shadow 0.4s ease;
backface-visibility: hidden;
}

.UserPhoto_tiny_RCS:hover img {
transform: rotate(360deg);
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.fa-comments:before {
    content: "\f086";
}

.awaiting_approval {
    background-color: var(--light-blue);
    color: var(--text-muted);
    font-size: 11px;
    margin: 5px;
    padding-right: 5px;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 3px;
    border: 1px solid var(--border-color);
    border-radius: 4px 4px 4px 4px;
    width: 188px;
}

/* END SECTIONS LIST STYLE */

td.smbox{
font-size: 11px;
color:#696757;
padding:0;
}
.perpage {
    display: inline;
    background-color: var(--cat-bg-r);
    color: var(--text-main);
    margin: 1px 2px;
    border: 1px solid var(--border-color);
    text-decoration: none;
    border-radius: 2px;
    padding: 1px 3px;
    padding-right: 6px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s ease;
}
.perpage:hover, .perpage a:hover {
    background-color: #3498db;
    color: #ffffff;
    border-color: #2980b9;
    text-decoration: none;
}
.text{
 line-height: 1.7;
 font-family: 'Tajawal', sans-serif;
 font-size: 15px;
 font-weight: 500;
 color: var(--text-main);
 vertical-align: top;
 padding: 10px 21px 5px 10px;
}
.text a:link{
color:#008FDC;
text-decoration:underline;
}
.text a:visited{
color:#0099CC;
text-decoration:underline;
}
.text a:hover, .text a:active{
color:#FF5050;
text-decoration:underline;
}
.text img  {
 max-width :95% !important;
 max-height:auto;
}
.special_1{
background-color:var(--card-bg);
background-image:url('../images/special.png');
background-repeat:no-repeat;
background-size: 100px;
background-position: top 45px left 30px;
}
/* General button style (reset) */
span.pbbmenu a
{
color: var(--card-bg);
}
.button,
#buttons_link,
.buttons,
.pbbmenu,
.popmenubutton {
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 6px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 4px 2px;
    outline: none;
    position: relative;
    top: 0;
    transition: all 0.3s ease;
    color: var(--text-light-blue) !important;
    background: var(--main-blue);
    border: none;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(26, 115, 232, 0.2);
}

.button:hover,
#buttons_link:hover,
.buttons:hover,
.pbbmenu:hover,
.popmenubutton:hover {
    background: var(--dark-blue);
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3);
    transform: translateY(-2px);
    color: var(--card-bg) !important;
}

.button:active,
#buttons_link:active,
.buttons:active {
    transform: translateY(0);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.button i,
.buttons i,
#buttons_link i {
    font-size: 14px;
}
.center_text_align input[type="submit" i] {
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--card-bg);
    background-color: var(--main-blue);
    min-width: 100px;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    margin: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(26, 115, 232, 0.2);
}

.center_text_align input[type="submit" i]:hover {
    background-color: var(--dark-blue);
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(26, 115, 232, 0.3);
}

.center_text_align input[type="submit" i]:active {
    transform: translateY(0);
}
.popmenubutton {
margin-top: -2px;
margin-bottom:5px;
}
.readonly{
font: normal 8pt tahoma;
background-color:#F0EEE1;
border-color:#C0C0DC;
border-width:1px;
color:#D1CFC0;
}
textarea{
background: var(--sceditor-textarea) !important;
color: var(--text-main) !important;
font-family: 'Tajawal', sans-serif !important;
line-height: 1.7 !important;
border: 1px solid var(--text-b-color) !important;
font-weight:bold;
font-size: 15px;
padding:2px;
padding-right:6px;
padding-left:6px;
}
textarea.r-right
{
 float: none !important;
}
form{
margin:0px;
}

.inputbox{
width:540px;
height:250px;
}

.time{
font-size: 14px;
color: var(--text-muted) !important;
float: left;
margin-left: 12px;
margin-top: 15px;
margin-bottom: 26px;
display: inline-flex;
clear: both;
}
.adsense_downfoot{
clear:both;
padding:11px;
}
.describe{
color:var(--text-muted);
font-size: 11px;
padding-right:5px;
}
.darkfont{
color:#91BB26;
font: normal 11px tahoma;
}
#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#imageData{
padding:0 10px;
color:#666;
}
#imageData #imageDetails{
width:70%;
float:left;
text-align:left;
}
#imageData #caption{
font-weight:bold;
}
#imageData #numberDisplay{
display:block;
clear:left;
padding-bottom:1.0em;
}
#imageData #bottomNavClose{
width:66px;
float:right;
padding-bottom:0.7em;
}
#overlay{
position:absolute;
top:0;
left:0;
z-index:18;
width:100%;
height:500px;
background-color:#000;
}
#pm_popup{
position:absolute;
width:45%;
margin-right:0;
margin-left:0;
left: 230px;
top: 1px;
z-index:20;
cursor:move;
border-radius: 7px;
-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
}
#pm_popup .border
{
background-color: var(--light-blue) !important;
border-radius: 7px;
padding:10px;
}
table.guest_border{
border:1px solid #EAE3D1;
background-color:#EDF7FF;
}
.va-d{
vertical-align: bottom;
}
.quotemain cite {
font-weight: bold;
font-style: normal;
display: block;
font-size: 1em;
border-bottom: 1px solid var(--border-solid);
margin-bottom: 10px;
padding-bottom: 3px;
font-family: "Tajawal","tahoma",sans-serif;
font-size:11px;
font-weight:normal;
text-align:right;
}
.quotemain cite a {
float: left;
font-size:15px;
direction:ltr;
margin-top: -5px;
}
.quotemain span {
margin-right: 4px;
}
.quotemain date {
font-size:11px;
}
.quotemain{
position: relative;
background: var(--mian-bg);
margin: 0.40em 0.05em 0.65em 0;
border: 1px solid var(--border-solid);
padding: 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.codemain{
background-color: transparent;
background-image:url('../images/css_img_code.gif');
background-repeat: no-repeat;
color:#465584;
font: normal 12px tahoma;
margin-right:auto;
margin-left:auto;
margin-top:5px;
margin-bottom:5px;
padding-top:1px;
padding-bottom:0px;
padding-right:5px;
padding-left:5px;
border:1px solid var(--border-color);
width:auto;
direction:ltr;
overflow:inherit;
}
pre{
background-color: var(--user-bg);
    display: block;
    border: 1px solid var(--border-color1 );
    text-align: left;
    direction: ltr;
    font-family: "tahoma", sans-serif;
    font-size: 85%;
    font-weight: normal;
    line-height: 1.6;
    word-break: normal;
    padding: 0px;
    width: 100%;
    float: left;
    overflow-x: auto;
    clear: both;;
}
pre code.hljs {
white-space: pre-wrap;
background-color: var(--row-bg);
}
.codediv-wrapper{
border: 0px !important;
}
.codediv {
    display: block;
    background: linear-gradient(135deg, var(--main-blue) 0%, var(--light-blue) 100%);
    color: var(--link-color);
    padding: 10px;
    border-radius: 12px 12px 0px 0px;
    font: bold 11px tahoma;
    text-align: right;
    width: 100%;
    clear: both;
}
.copy-btn{
background: #0d47a1 !important;
font-size: 9px !important;
float: left !important;
padding: 3px 8px 3px 8px !important;
margin-left: 16px !important;
margin-top: -4px !important;
}
.copy-btn::before {
    content: "\f0c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    font-size: 11px;
    margin-left: 5px;
}
.copy-btn:hover {
background: var(--accent-blue) !important;
}

.maxy{
display:block;
width: 100%;
position: relative;
top: 6px;
clear: both;
}
.preview{
background-color:var(--card-bg);
line-height: auto;
padding:10px;
margin:10px;
font-family: arial,verdana,helvetica,sans-serif;
font-weight: bold;
font-size: 16px;
color:#000000;
}
.a-center .preview{
text-align:right;
}
.top_forum_bar{
background: transparent;
font: normal 11px tahoma;
padding:1px;
text-align:right;
}
#top_forum_bar .popmenubutton{
color:var(--card-bg);
text-decoration:none;
}
#top_topic_bar{
text-align:left;
font-family: Tahoma, Times New Roman, Arial;
color:var(--text-main);
font-size:11px;
padding:1px;
font-weight:bold;
}
#top_topic_bar ul{
padding:0;
margin:0;
}
#top_topic_bar .pbbList_inline a{
color: var(--dark-blue);

}
.border_radius #top_topic_bar{
border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
.options_subject_bar{
border:0;
}
.redirect{
background-color:#F0F4F7;
font: normal 11px tahoma;
color:var(--card-bg);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--border-color);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--border-color);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--border-color);
}
.searchlite{
background-color:yellow;
font-weight:bold;
color:red;
}

.pp-name {
    display: block;
    padding-bottom: 0px;
    padding-top: 125px;
    position: relative !important;
    height: 215px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
    box-shadow: 0px 0px 30px var(--card-bg) inset;
    font-size: 16px;
    border: 1px solid var(--border-color);
    width: 100% !important;
}
#PageHead_special {
border-radius: 4px 4px 0px 0px;
padding: 15px;
color: var(--card-bg);
position: relative;
background: var(--main-blue);
}

.pp-contentbox-back{
background-color:var(--card-bg);
padding:6px;
border:1px solid var(--border-color);
}
.pp-tabclear{
background: var(--main-blue);
border:0;
border-bottom:1px solid var(--border-color);
color:var(--card-bg);
font-family: Arial, Times New Roman;
font-weight:bold;
font-size: 15px;
margin:0;
padding:8px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--border-color);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--border-color);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--border-color);
}
.pp-tabon{
background-color: var(--card-bg);
color:var(--text-main);
padding:8px;
float:right;
width:auto;
margin-top:3px;
font: normal 11px tahoma;
cursor:pointer;
padding:9px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--border-color);
border-right-color: var(--border-color);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--border-color);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--card-bg);
}
.pp-taboff, .pp-tabshaded{
background: var(--light-blue);
color:var(--text-main);
float:right;
width:auto;
margin-top:3px;
font: normal 11px tahoma;
cursor:pointer;
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--border-color);
border-right-color: var(--border-color);
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--border-color);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--border-color);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--card-bg);
display:block;
padding:9px;
text-shadow:1px 0 1px var(--card-bg);
}
.pp-tabon a:link, .pp-tabon a:visited, .pp-tabon a:active{
color:#000;
}
.pp-taboff a:link, .pp-taboff a:visited, .pp-taboff a:active, .pp-tabshaded a:link, .pp-tabshaded a:visited, .pp-tabshaded a:active{
color:#000;
}
.pp-tabwrap{
height:35px;
margin:0;
padding:0;
width: max-content;
}
.borderwrap{
background:var(--card-bg);
padding:0;
margin:0;
}
#pp-content-tab-static{
border-top-color: var(--border-color);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--border-color);
}
td.Code_td{
background-color:var(--card-bg);
font-family: Arial, Times New Roman;
font-weight:bold;
font-size: 15px;
padding:2px;
}

ul.post_controls{
padding:1px;
margin:3px 0 0 12px;
clear:both;
}
ul.post_controls li{
display:inline-block;
font-size:12px;
float:left;
list-style:none;
line-height:22px;
}
ul.post_controls a{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 12px;
font-weight: bold;
height:22px;
padding:0 6px;
    color: var(--text-main);
margin-left:4px;
display:block;
cursor: pointer;
}
ul.post_controls a:hover{
color: var(--main-blue);
}
.Button_secondary{
font: normal 10px tahoma;
background-color:var(--card-bg);
color: var(--main-blue);
display:inline-block;
white-space:nowrap;
margin-left:0px;
margin-right:0px;
padding:1px;
border-radius: 0px;
cursor: pointer;
}
.Button_secondary a{
color: var(--main-blue);
background-color:var(--card-bg);
}
.Button_secondary:hover{
color: var(--text-b-color);
background-color:var(--card-bg);
border:0px solid #dbdbdb;
}
ul.writer_controls{
padding:0;
margin:0 0 10px 0;
clear:both;
}
ul.writer_controls li{
display:inline-block;
font-size:12px;
}
ul.writer_controls a{
height:22px;
line-height:22px;
padding:0 10px;
font-size:12px;
text-decoration:none;
margin-left:4px;
display:block;
background-color:var(--card-bg);
border-color:#E9EEEF;
}
ul.writer_controls a:hover{
color:var(--text-b-color);
}
.welcomelink{
color:#333333;
font-size:12px;
}
.memberlink{
padding:0 6px 0 6px;
font-size:11px;
color:#333333;
}
.username_link{
font-size:11px;
color:#333333;
font-weight:bold;
}
#header_bar span.memberlink a{
color:#333333;
}
#header_bar span.username_link a{
color:#333333;
}
.UserPhotoLink:hover .UserPhoto{
border-color:#333333;
}
.UserPhoto_mini{
background-color: transparent;
width:32px;
height:32px;
}
.UserPhoto_portal_last_news img{
background-color:var(--card-bg);
width: 45px;
height: 45px;
padding:2px;
border: 1px solid #d5d5d5;
box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
margin:5px;
}

.UserPhoto_large {
    width: 100px !important;
    height: 100px !important;
    max-height: 250px;
    background-color: var(--card-bg) !important;
    border-radius: 50% !important;
    padding: 3px !important;
    border: 1px solid #d5d5d5 !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    display: inline-block !important;
    position: relative !important;
    margin: 0 auto 10px auto !important;
}

.UserPhoto_large img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease-in-out !important;
}
.UserPhoto_large img:hover {
    transform: rotate(360deg) !important;
}
.UserPhoto_xlarge img, img.UserPhoto_xlarge, .UserPhoto_xlarge::after {
display: block;
height: 100px;
width: 100px;

padding:0px;
background-color: var(--card-bg);
border: 1px solid #d5d5d5;
border-radius: 50%;
box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
}

.img-submit{
height:22px;
line-height:22px;
font: normal 10px tahoma;
background-color:var(--card-bg);
border:0px solid #dbdbdb;
*box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color:var(--text-b-color);
display:inline-block;
white-space:nowrap;
margin-left:0px;
margin-right:0px;
}
.img-quote-on{
height:22px;
line-height:22px;
font: normal 10px tahoma;
background: #FEEACF;
border:0px solid #CC6600;
box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color:var(--card-bg);
display:inline-block;
white-space:nowrap;
margin-left:2px;
margin-right:2px;
}
.Button_redirect{
background-color: transparent;
width:60%;
margin-right:220px;
}
#border_redirect{
background-color: transparent;
width:60%;
text-align:center;
margin-right:220px;
margin-top:150px;
}
#border_redirect .tcat{
background-color: transparent;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
padding:4px;
}

.msg-card {
background: var(--card-bg);
width: 90%;
max-width: 50%;
margin: 10px auto 10px auto;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
overflow: hidden;
text-align: center;
border-top: 10px solid var(--main-blue);
clear: both;
}
.msg-header {
    background: var(--row-bg);
    padding: 10px;
    font-weight: bold;
    font-size: 1.0em;
    color:var(--text-main);
    border-bottom: 1px solid var(--border-color);
}
.msg-header i{
    color:var(--main-blue);
}
.msg-body {
    padding: 20px 20px;
}
.msg-icon {
    font-size: 50px;
    color:var(--main-blue);
    margin-bottom: 15px;
    display: block;
}
.msg-text {
    color: var(--text-main);
    line-height: 1.8;
    font-size: 1.1em;
    margin: 0;
}
.msg-text a {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.3s;
}


#border_msg .tcat{
background-color: transparent;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
padding:4px;
color:#905757;
}
.menu_open{
background-color: transparent;
background-image:url('../images/menu_open.gif');
background-repeat: no-repeat;
background-position:center;
text-align:center;
padding:9px;
}
.writer_photo_thumb{
background-color: transparent;
float:right;
margin-top:2px;
margin-left:8px;
margin-right:4px;
}
.Ajax-static{
padding:1px;
border:1px solid var(--border-color);
background-color:var(--card-bg);
}
#static{
padding:0px;
margin:0px;
}
.right-mainbox{
background-color: transparent;
float:right;
margin:0px;
padding:0px;
width:30%;
}
.left-mainbox{
background-color: transparent;
float:left;
margin:0px;
padding:0px;
width:70%;
}

.forumtcat, .forumtcatleft, .forumtcatright{
background-color: var(--main-blue);
font: bold 10pt tahoma;
color:var(--card-bg);
padding:10px;
}
.forumtcat a:link, .forumtcatleft a:link, .forumtcatright a:link{
background-color: transparent;
color:var(--card-bg);
text-decoration:none;
}
.forumtcat a:visited, .forumtcatleft a:visited, .forumtcatright a:visited{
background-color: transparent;
color:var(--card-bg);
text-decoration:none;
}
.forumtcat a:hover, .forumtcatleft a:hover, .forumtcatright a:hover{
background-color: transparent;
color:var(--card-bg);
text-decoration:none;
}
.pag_row{
background-color: var(--light-blue) !important;
border:1px solid var(--border-color);
font-family: Arial, Times New Roman;
font-weight:normal;
font-size: 15px;
padding:2px;
border-radius: 5px;
width:2%;
}


.multi_pages{
background-color:none;
*border: 1px solid var(--border-color);
padding:0;
border-spacing: 0px;
border-collapse: separate;
height:0px;
width:265px;
clear: both;
margin-top: 0px;
}
.multi_pages .mainbar{
border-radius: 5px;
width:1%;
padding:0;
}
.morwidth{
width:70%;
clear: both;
margin-top:-55px;
}
.multi_pages .main_bar{
background-color: var(--border-color);
border:1px solid var(--border-color);
font-family: Arial, Times New Roman;
font-weight:normal;
font-size: 15px;
padding:1px;
width:1%;
border-radius: 5px;
}

.multi_pages td.main_bar{
background: #DDEDF4;
}
.multi_pages .pagesnum{
display: none;
}
.multi_pages .pag_row a{
font-weight: normal;
}
.textemain{
background-color:var(--card-bg);
color:#694040;
font-family: Arial, Times New Roman;
font-weight:bold;
font-size: 15px;
margin-right:auto;
margin-left:auto;
margin-top:1px;
margin-bottom:2px;
padding-top:1px;
padding-bottom:2px;
padding-right:10px;
padding-left:10px;
border:1px solid #dbdbdb;
height:200px;
width:750px;
overflow:scroll;
}
.clthead{
background-color: #E6EEF5;
color:#4C2E2E;
font: normal 8pt tahoma;
text-align:center;
padding:2px;
}
.clthead1{
background-color: #4F3030;
background-image:url('../images/row-td.gif');
background-repeat: repeat-x;
color:#000000;
font: normal 8pt tahoma;
text-align:center;
padding:2px;
}
.clthead2{
background-color: var(--main-blue);
background-repeat: repeat-x;
color:var(--card-bg);
font: normal 8pt tahoma;
text-align:center;
padding:2px;
}
.blocks_info{
background-color: var(--light-blue);
border: 1px dotted var(--border-color);
clear: both;
padding: 6px;
line-height: auto;
font-family: "Tajawal","tahoma",sans-serif;
font-size:11px;
font-weight:bold;
text-align:right;
}
.full_image{
opacity:0.4000000059604644775390625;
}
.full_image:hover{
opacity:1;
}
.h_tag {
    background: linear-gradient(272deg, var(--h-text-bg1), var(--h-text-bg2));
    padding: 14px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow);
}

.h_tag a {
    color: var(--link-color);
    text-decoration: none;
    text-shadow: 1px 1px 2px rgb(226 226 245 / 56%);
    transition: all 0.3s ease;
}
.h_tag a:hover{
    color: var(--main-blue);
    text-shadow: 2px 4px 8px rgba(26, 115, 232, 0.3);
}
.h_tag h1,.h_tag h3{
color: var(--dark-blue);
font-weight:bold;
font-size: 15px;
margin: 8px;
}
.rowthumb{
background-color: var(--h-text-bg2);
width:200px;
height:200px;
text-align:center;
}
.rowthumb img{
border:1px solid var(--border-color);
padding:2px;
}
.LastNews-tabclear{
    background: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
    border-radius: 12px 12px 0 0;
    padding: 7px;
    box-shadow: var(--shadow);
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
}

.theadv{
background-color: var(--h-text-bg2);
color: var(--text-light-blue);
font: normal 11px tahoma;
text-align:right;
padding-top:11px;
padding-right:3px;
padding-bottom:11px;
font-weight:bold;
}
.theadv a:link,
.theadv a:visited {
    color: var(--dark-blue) !important;
    text-decoration: none;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
#read_more_button {
    background-color: transparent;
    padding-top: 9px;
    padding-left: 30px;
    padding-right: 0;
    padding-bottom: 9px;
    position: relative;
    display: inline-block;
}

#read_more_button::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a8";
    font-weight: 900;
    font-size: 2.0em;
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.read_more_button {
    color: var(--text-main);
    margin: 0px;
    padding-left: 35px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    display: inline-block;
}

.read_more_button::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0a8";
    font-weight: 900;
    font-size: 2.0em;
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}
.theadv a:link, .theadv a:visited, .theadv a:hover, .theadv a:active{
background-color: transparent;
color:#694040;
text-decoration:none;
}
.sticky{
background-color:#CC0000;
font: normal 11px tahoma;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:3px;
-webkit-border-radius:7px;
border-radius: 7px;
margin-left:1px;
margin-right:1px;
color:var(--card-bg);
}
.menu_popup {
    background-color: var(--card-bg);
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 1px;
    text-align: right;
    border-bottom: 1px solid var(--border-color);
    width: auto;
    border-radius: 0px;
    line-height: 23px;
    padding-right: 10px;
    padding-left: 6px;
}

.menu_popup a{
color:var(--dark-blue);
text-decoration:none;
}
.menu_popup .fa-star{
color: #abea3b;
}
div.drop_menu {
	color: var(--dark-blue);
    background-color: var(--card-bg);
    border: solid 1px var(--border-solid);
    position: absolute;
    z-index: 44;
    padding: 0;
    margin-top: -4px;
    right: auto;
    width: max-content;
}
#primary_nav div.drop_menu a{
background:transparent;
margin:0px;
text-shadow:none;
border:0px;
text-decoration:none;
padding:0px;
display:inline-block;
height:auto !important;
font-family: Tahoma, Times New Roman, Arial;
font-size:11px;
font-weight:normal;
}

.side-list {
*box-shadow: 0px 1px 1px var(--main-blue);
vertical-align: top;
*background: #F3F9FE;
*border: 1px solid var(--border-color);
margin-top:14px;
padding:3;
}
.sidebarlist {
width:100%;
}
.sidebar {
list-style: none;
background-color: transparent;
*margin-right:-5px;
*margin-left:0px;
*margin-top:12px;
margin:0px;
padding:0px;
}
.sidebar .tcat{
*border-top-right-radius: 4px;
*border-top-left-radius: 4px;
}
.row_sidebar{
background:var(--card-bg);
border:1px solid var(--border-color);
font: normal 11px Tahoma;
padding:6px;
}
.row_sidebar .username , .password {
background: var(--light-blue) !important;
padding: 6px 5px;
margin: 0 0 5px 0;
width: 99%;
color: var(--text-main) !important;
border: 1px solid var(--border-solid);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px var(--border-solid) inset;
-webkit-box-shadow: 0 1px 1px var(--border-solid) inset;
box-shadow: 0 1px 1px var(--border-solid) inset;
}


.row_sidebar .button {
    width: 99%;
    margin-bottom: 15px;
}
.row_sidebar label {
    width: 100%;
    margin: 2px;
}

.Photo_lastPoster{
display: inline-flex;
margin: 0px;
padding: 0px;
width: 30px;
height: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 50%;
}

.UserPhotoLink {
padding:0px;
}
a.UserPhotoLink {
position: relative;
top: -7px;
}
.UserPhoto_mini{
width:34px;
height:34px;
border-radius:22px;
border: 1px solid #EBEBEB;
}
.title_n {
font-family: "Tajawal", "tahoma", sans-serif;
font-size: 13px;
font-weight: 600;
color: var(--main-blue);
padding-top: 0px;
padding-right: 5px;
}
.title_n a{
    color: var(--dark-blue);
    text-decoration: none;
}
.last_subject{
font-size: 12px;
color: var(--main-blue);
margin-left:6px;
margin-top:3px;
clear:both;
padding-left:6px;
padding-top:3px;
display:inline-block;
}
.last_subject a{
    color: var(--link-color);
    text-decoration: none;
}
.last_date{
margin: 0px;
padding: 0px;
color: rgb(150, 150, 150);
display: inline;
}
.lastpost.icon_topic_latest {
background-image: url("../images/lastpost.gif");
padding-left: 10px;
padding-top: 10px;
}
span.lastpost {
display: inline-block !important;
background: transparent none no-repeat scroll 0px 0px;
margin: 0px;
padding: 0px;
width: 0px;
height: 0px;
overflow: hidden;
}
.post{
text-align:right;
float:right;
margin-left:30px;
display:inline-block;
}
.no_post{
padding:13px;
display:inline-block;
}

.numrs {
display: table-cell;
    width: 140px;
    vertical-align: top;
    text-align: center;
    padding: 10px 0;
}
.numrs b{
color:#1d1d1d;
}
.numrs .subject_num_icon,.numrs .reply_num_icon,.numrs .online_num_icon{
color:#7676a0;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 10px;
font-weight: normal;
margin: 1px;
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
width: 188px;
}

.numrs>dl.pairs.pairs--rows:first-child {
    padding-right: 0;
}
.numrs>dl.pairs.pairs--rows {
    width: 40%;
    float: right;
    margin: 0;
    padding: 0 3px;
}

.pairs.pairs--rows {
    display: inline-table;
    margin-left: 6px;
}

.pairs {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.pairs.pairs--rows>dt {
    display: table-row;
    font-size: 70%;
}
.pairs>dt {
    padding: 0;
    margin: 0;
    color: var(--text-muted);
}

.pairs.pairs--rows>dd {
    font-weight: 400;
    color: var(--accent-blue);
}
.pairs>dd {
    padding: 0;
    margin: 0;
}

.writer_info {
    font-family: "Tajawal", "tahoma", sans-serif;
    font-weight: normal;
    padding: 0px;
    width: auto;
}

.writer_info dl.pairs {
box-sizing: border-box;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    display: flex !important;
    width: auto;
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 6px !important;
    margin: auto;
    margin-bottom: 2px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.2s ease;
}


.writer_info dl.pairs:hover {
    border-color: var(--border-color) !important;
    background: var(--row-bg) !important;
}

.writer_info dl.pairs > dt {
    display: flex;
    align-items: center;
    padding: -2px 0px 5px 5px !important;
    flex-grow: 1;
    color: var(--link-color);
    font-size: 11px;
    margin: 0 !important;
}

.writer_info dl.pairs > dd {
    display: flex;
    align-items: center;
    padding: 6px 0px 5px 6px;
    color: var(--text-muted);
    font-size: 11px;
    text-align: left;
    margin: 0 !important;
    border-right: 0px solid var(--border-color);
}

.writer_info dl.pairs > dt i {
    position: relative;
    right: 0px;
    top: 0;
    width: 30px;
    height: 30px;
    background: var(--main-blue);
    color: var(--text-light-blue);
    padding: 8px 7px 5px 5px;
    margin-left: 4px;
    font-size: 14px;
}

.login-links {
border: 1px solid var(--border-color);
background-color: var(--cat-bg-l);
margin-bottom: 0px;
margin-top: 10px;
display: block;
padding: 5px;
}
.link-wrapper {
    color: var(--text-main);
    padding-right: 15px;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}
.link-wrapper::before {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.whatis_new .last_posts {
padding: 1px;
margin: 1px;
color: var(--text-main);
}

.last_posts a{
color: var(--dark-blue);
}

.last_subjectid {
margin-inline-start: 5px;
position:relative;
vertical-align:middle;
display:inline-block;
}
.last_p .photo_thumb {
position: absolute;
z-index: 1;
padding-right:195px;
display:inline-block;
}
.whatis_new .last_date {
font: normal 11px Tahoma;
color: color: rgb(150, 150, 150);
margin: 0px;
}
.avatar-li-s {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    display: inline-flex;
    vertical-align: middle;
}
.row_sidebar ul{
padding: 0px;
list-style: none;
position: relative
}

.sbp_buton, .sbp_tbuton {
    background: transparent;
    width: 30px;
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    color: var(--text-muted);
    border-radius: 4px;
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.sbp_buton:hover, .sbp_tbuton:hover {
    background: var(--row-bg-hover);
    color: var(--text-muted);
    text-decoration: none;
    transform: scale(1.05);
}

.sbp_buton {
    background-image: none !important;
}

.sbp_buton::before {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
}

.sbp_tbuton {
    background-image: none !important;
}

.sbp_tbuton::before {
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
}

body.dark-theme .sbp_buton,
body.dark-theme .sbp_tbuton {
    border: 1px solid var(--border-color);
}

.UserPhoto_tiny{
width: 22px;
height: 20px;
min-height: 4px;
padding: 0px;
margin-left: 4px;
margin-top: 0px;
background-color: transparent;
border-radius: 2px;
background-position: center;
background-repeat: no-repeat;
background-size: 22px;
display: inline-flex;
}


.User-Picture-forum-Home{
width: 40px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-size: 40px;
display: inline-block;
vertical-align: middle;
}
.UserPhoto_Menu {
    background-color: var(--card-bg);
    border-radius: 50%;
    width: 67px;
    height: 67px;
    padding: 2px;
    margin-right: -4px;
    margin-top: -9px;
    border: 1px solid #152233;
}
.PBB-WBS {
width:0px;
height:0px;
border-style:solid;
border-width:7px;
border-left-style:none;
border-top-color:transparent;
border-bottom-color:transparent;
border-right-color:transparent;
float:right;
margin-top:12px;
padding-left:4px;
}

#userlink_menu li.rof2{
border-bottom: 0px dotted var(--border-color);
}

.NewsUser {
display: inline-block;
font-size:11px;
padding-right:5px;
}
.NewsTime {
list-style: none;
float: none;
display: inline-block;
}

.NewsTime li {
font-size:11px;
padding:1px;
display: inline-block;
}
.IconNewsTime {
color: var(--text-muted);
font-size:15px !important;
text-shadow:0 1px 0 var(--card-bg);
padding-top:2px;
padding-right:5px;
}
.News_Time {
font-size:10px;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
color: var(--text-muted);
float: inline-start;
}
.News_User {
font-size:12px !important;
font-weight: bold;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
color: #767676
}
.News_User .forum_last_writer {
margin-right: 8px;
}
.Iconchevron {
color:#4B619A;
font-size:15px !important;
float:left;
margin-top:4px;
}

.border_radius{
width:100%;
*display: inline-block;
}
.fa {
display: inline-block;
}



.tcat .CollapseIcon img
{
position: absolute;
margin-top: -7px;
margin-right: -11px;
}
.arrow_y{
font-family:arial, Tahoma;
font-size: 10px !important;
padding-right:2px;
padding-left:0px;
position: relative;
top:2px;
}
.border_forums{
padding-right:0px;
padding-left:0px;
border:1px solid var(--border-color);
}
.border_forums .row1{
border-top: 0px dotted var(--border-color);
border-bottom: 0px dotted var(--border-color);
}
.rUlRow{
list-style: none;
padding:0px;
margin:0px;
}
.rUlRow .app_button{
background: var(--card-bg) !important;
color: var(--text-main)  !important;
}
.rUlRow .Responsive_inline{
color: var(--text-main) !important;
}
.r_msg{
padding-right:5px;
margin-right:5px;
margin-bottom:10px;
padding-top:6px;
}
.border_forums li{
font-family:"Tajawal","tahoma",sans-serif;
font-size: 12px !important;
}
.border_radius .tcat{
*width: 97.6%;
*border-top-right-radius: 4px;
*border-top-left-radius: 4px;
}
.usericon{
background: var(--card-bg) !important;
vertical-align: top;
padding: 3px 12px 5px 0px;
}
.statesicon{
background: var(--card-bg) !important;
vertical-align: top;
padding: 3px 12px 5px 0px;
}
.user-icon{
font-size: 15px;
vertical-align: top;
display: inline-block;
border: 0px solid var(--border-color);
padding: 5px;
}
.states-icon{
font-size: 15px;
display: inline-block;
vertical-align: top;
border: 0px solid var(--border-color);
padding: 5px;
}
.states-num{
display: inline-block;
font-size: 12px;
font-weight: normal;
vertical-align: top;
width:90%;
}
.comments-icon{
font-size: 15px;
vertical-align: top;
margin-left: 0px;
display: inline-block;
margin-top: -2px;
margin-right: -2px;
padding: 3px;
}
.states-num .describe{
margin-right: -6px;
font-size: 12px;
}
.pp-tab{
background: background: var(--main-blue);
var(--text-main)
border-bottom: 1px solid var(--border-color);
font-size: 12px;
font-weight: bold;
text-align:right;
display:inline-flex;
padding: 0px;
width: 100%;
}
.chat_ee{
max-height:180px;
overflow: auto;
word-wrap: break-word;
overflow-x: hidden;
overflow-wrap: break-word;
}

.chat_ee .row1{
background: var(--card-bg) !important;
border-bottom: 1px dotted var(--border-color);
border-top: 0px dotted var(--border-color);
padding-right: 7px;
padding-top: 6px;
padding-bottom: 6px;
display:block;
width:97%;
}
.rUlRow .row_sidebar{
border:0px solid var(--border-color);
width:100%;
padding:0px;
}

#chat-content{
width:98.3%;
margin-right: 11px;
}
.butsup {
display: inline-block;
background-color: var(--light-blue);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
border: 1px solid #94CDF3;
height: 18px;
padding: 3px;
margin-top: 2px;
margin-right: 6px;
margin-bottom: 3px;
width: 80px;
cursor: pointer;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 14px;
font-weight: normal;
color: var(--text-main);
}
.submit:hover,
.submit:focus {
background-color: #EDF7FF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F9FE), to(#EDF7FF));
background-image: -webkit-linear-gradient(top, #F3F9FE, #EDF7FF);
background-image: -moz-linear-gradient(top, #F3F9FE, #EDF7FF);
background-image: -ms-linear-gradient(top, #F3F9FE, #EDF7FF);
background-image: -o-linear-gradient(top, #F3F9FE, #EDF7FF);
background-image: linear-gradient(top, #F3F9FE, #EDF7FF);
}
.submit:active {
outline: none;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.submit::-moz-focus-inner {
border: none;
}
.rRow {
width: 98.5%;
margin-right: 6px;
display: block;
clear: both;
}
.rRow li{
list-style: none;
}
.rRow #searchContainer li{
vertical-align:none;
margin-top:-16px;
float:right;
}
.rRow .submit-id{
height: 27px;
clear: both;
margin-top: 2px;
}
.rRow #field{
margin-top: 2px;
height:23px;
display: inline-block;
}
.rRow #advanced_search{
height: 27px;
clear: both;
margin-top: 2px;
}
.abso-relative{
position:relative;
z-index:100;
}
.abso-relative .row1{
border-bottom:1px solid var(--border-color);
padding: 1px;
text-align:right;
width: 100%;
}
.abso-relative .menu_popup{
cursor: pointer;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 14px;
font-weight: bold;
background-color: transparent;
border-style:none;
}
.border .tbar{
border: 0px solid var(--border-color);
font-family: "Tajawal","tahoma",sans-serif;
}
.whoposted{
cursor: pointer;
color: #184383;
font-size: 13px;
font-weight: bold;
}
.bigusername {
color: #184383;
cursor: pointer;
font-size: 12pt;
}


.usermenu{
color: var(--card-bg);
font-family: "Tajawal","tahoma",sans-serif;
}


#userbar abbr ,
#userbar span{
text-decoration: none;
cursor: pointer;
font-size: 16px;
position: relative;
top: 4px;
}
.show{
padding:0;
border-spacing: 0px;
border-collapse: separate;
padding-bottom: 0px;
}
.show .row2:nth-child(2){
float: left;
width: 100%;
}


.app_button
{
font-size:13px;
font-weight:500;
text-align:center;
text-decoration:none;
text-shadow:none;
white-space:nowrap;
display:inline-block;
vertical-align:middle;
padding:10px 20px;
border-radius:3px;
border:1px solid rgba(0,0,0,0.1);
-webkit-transition:0.1s all linear;
-moz-transition:0.1s all linear;
-ms-transition:0.1s all linear;
-o-transition:0.1s all linear;
transition:0.1s all linear;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
-webkit-font-smoothing:antialiased;
}
.app_button:not( .Button_noHover ):hover
{
cursor:pointer;
text-decoration:none;
background-image:-moz-linear-gradient(top, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 100%);
background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 100%);
background-image:-o-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 100%);
background-image:-ms-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 100%);
background-image:linear-gradient(to bottom, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 100%);
}
.app_button:active
{
box-shadow:1px 1px 4px rgba(0,0,0,0.3) inset;
border:1px solid rgba(0,0,0,0.4);
background-image:-moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%);
background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
background-image:-o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
background-image:-ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
background-image:linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
}
.Button_overlaid
{
background:rgba(0,0,0,0.5);
opacity:0.9;
color:var(--card-bg);
}

.Button_overlaid:hover
{
background:#000;
color:var(--card-bg);
opacity:1;
}
.Button_overlaid:active
{
background:var(--card-bg);
}
.Responsive_inline
{
color:var(--card-bg);
display:inline !important;
}
#add_friend a
{
color:var(--card-bg);
}
.PBBMenu
{
background:var(--card-bg);
box-shadow:0px 7px 20px rgba(0, 0, 0, 0.2);
border:1px solid #ebebeb;
border-radius:3px;
z-index:10000;
position:absolute;
bottom: -47px;
left: 2px;
}
ul.PBBMenu, .PBBMenu ul
{
list-style:none;
padding:0;
margin:0;
}
.PBBMenu_auto
{
width:134px;
}
.PBBHide
{
display:none;
}
.PBBMenu.PBBMenu_bottomCenter:after
{
border-color:transparent transparent var(--card-bg) transparent;
left:50%;
margin-left:-15px;
bottom:100%;
}
.PBBMenu.PBBMenu_bottomCenter:before
{
border-color:transparent transparent #ebebeb transparent;
left:50%;
margin-left:-16px;
margin-top:-1px;
bottom:100%;
}
.PBBMenu.PBBLoading
{
min-height:100px;
}
.PBBLoading
{
position:relative;
}
.PBBLoading:before
{
font-family:'icomoon';
content:'e97b';
display:block;
color:#444;
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;
font-size:50px;
line-height:1 !important;
}
.PBBLoading:not( .PBBLoading_noAnim ):before
{
-webkit-animation:spinner 0.75s infinite linear;
animation:spinner 0.75s infinite linear;
}
.PBBMenu .PBBMenu_item:first-child a, .PBBMenu .PBBMenu_item:first-child > span
{
border-top-left-radius:5px;
border-top-right-radius:5px;
}
.PBBMenu .PBBMenu_item:last-child a, .PBBMenu .PBBMenu_item:last-child > span
{
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.PBBMenu_item
{
padding:1;
margin:1;
}
.PBBMenu_item a
{
text-align:right;
line-height:1.4;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 13px;
font-weight: normal;
padding:1;
margin:1;
}

#friend_menu
{
display:none;
}
.PBBDialog
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:20000;
padding-bottom:15px;
}
.PBBDialog > div
{
display:block;
width:70%;
background:var(--card-bg);
margin:-20% auto 0 auto;
box-shadow:0px 5px 55px rgba(0,0,0,0.4);
position:relative;
}
.PBBDialog .PBBDialog_fixed
{
position:fixed;
}
.PBBDialog .PBBDialog_loading
{
background-color:var(--card-bg);
height:200px;
}
.PBBDialog.PBBDialog_narrow > div
{
max-width:500px;
}
.PBBDialog.PBBDialog_medium > div
{
max-width:850px;
}
.PBBDialog.PBBDialog_wide > div
{
max-width:1000px;
}
.PBBDialog_close {
    position: absolute;
    top: -9px;
    left: 7px;
    display: block;
    color: #0e4aa6;
    width: 44px;
    height: 44px;
    line-height: 48px;
    font-size: 34px;
    font-weight: 600;
    text-align: left;
    z-index: 1000;
    transition: 0.2s all linear;
}
.PBBDialog_title
{
color:var(--dark-blue);
font-size:17px;
font-weight:500;
text-align:right;
line-height:1.2;
white-space:nowrap;
text-overflow:ellPBBis;
overflow:hidden;
margin:4px;
padding: 10px 9px 7px 1px !important;
}
#pbb_dialog_upload_photo
{
display:none;
}
.PBBbad .row1
{
color:var(--text-main);
}
.PBBAttachment_dropZone
{
height:200px;
background: var(--card-bg);
text-align:center;
margin:0 auto;
padding-top:30px;
font-size:16px;
line-height:2;
border:3px dashed transparent;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-ms-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
color:var(--main-blue);
}
.PBBAttachment_dropZone:not( .PBBAttachment_dropZoneSmall ) > i:first-child
{
font-size:60px;
display:block;
}
.PBBAttachment_dropZone.PBBAttachment_dropZoneSmall
{
height:auto;
padding:15px;
text-align:left;
line-height:1;
}
.pbbFieldRow ,
.pbbFieldRow a
{
 color: var(--text-main);
 font-size: 13px;
 padding: 5px;
}
.PBBFieldRow_label{
font-size:15px;
font-weight:bold;
margin-bottom:5px;
display:inline-block;
padding-top:5px;
float:right;
padding-left:15px;
text-align:right;
}
.PBBFieldRow_required
{
font-size:10px;
text-transform:uppercase;
color:#c02222;
font-weight:normal;
}
.PBBFieldRow_content
{
margin-left:95px;
}
.PBBFieldRow_checkbox .PBBFieldRow_content
{
margin-right:24px;
}
.PBBFieldRow.PBBFieldRow_shortTitle:not( .PBBFieldRow_checkbox ) .PBBFieldRow_content
{
margin-left:95px;
}
.pbbFieldRow:not( :last-child )
{
margin-bottom:15px;
}
.pbbClearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.PBBButton_primary
{
background:var(--main-blue);
color:var(--card-bg);
}
.PBBButton_verySmall
{
font-size:12px;
line-height:28px;
padding:0 15px;
}
#cover_browse
{
display:none;
}
.PBBPad li
{
padding-bottom:8px;
}
.PBBList_reset
{
margin:0;
padding:0;
list-style:none;
}
.left-cover{
background-color: #EDF7FF;
float:left;
border:1px solid #B5C5CB;
margin:1px;
padding:5px;
width:99%;
font-size:10px;
text-transform:uppercase;
color:var(--text-main);
font-weight:normal;
direction:ltr;
text-align:left;
}

div.chat .thead1 a {
background-color: #EDF7FF;
color:var(--main-blue);
font-weight: bold;
border:1px solid #B5C5CB;
padding:4px;
border-radius: 4px;
}

div.chat .thead1 a:hover {
color: #0091c4;
}
table {
margin: 0 auto;
}
.right_text_align{
text-align:right;
}
.left_text_align{
text-align:left;
}
.center_text_align{
text-align:center;
}
.rows_space{
text-align:center;
}
div.center_text_align,div.left_text_align,div.right_text_align{
margin: 0 auto;
}
.writers_info div.center_text_align {
margin-bottom: 5px !important;
}
.collapse{
border-spacing: 0px;
border-collapse: collapse;
width:100%;
}
select {
padding: 4px 8px;
border: 1px solid var(--border-color);
border-radius: 6px;
font-family: "Tajawal";
font-size: 12px;
background: var(--select-bg);
color: var(--link-color);
outline: none;
cursor: pointer;
margin-inline-start: 4px;
margin: 10px 5px 5px 5px;
}
fieldset {
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: var(--text-main);
    border: 1px solid var(--border-color1);
    background-color: var(--bg-color);
    border-radius: 5px;
    padding: 12px;
    margin: 10px !important;
    text-align: right;
}
fieldset legend {
background: var(--light-blue);
color: var(--text-main);
padding: 3px 11px 3px 11px  !important;
font-family: "Tajawal", "tahoma", sans-serif;
font-size: 12px;
font-weight: normal;
border-radius: 5px;
border: 1px solid var(--border-color) !important;
margin: 2px;
text-align: right;
}
fieldset .a-center{
text-align:right;
}
fieldset a{
color: var(--text-main);
}
.action_by {
background: var(--card-bg);
color: #c02222;
padding: 0px;
font-size: 10px;
font-weight: normal;
font-style: normal;
width: max-content;
max-width: 90%;
margin-left: auto !important;
margin-right: auto !important;
clear: both;
}
.action_by :a{
font-size: 10px;
font-weight: normal;
font-style: normal;
}
.reason_edit{
background: var(--card-bg);
color: #c02222;
box-shadow: 0 0 0 1px #ddd;
padding: 7px;
border-radius: 5px;
font-size: 10px;
font-weight: normal;
font-style: normal;
width: max-content;
max-width: 90%;
margin-left: auto !important;
margin-right: auto !important;
clear: both;
}
#signature
{
width: 70% !important;
border-spacing:1px;
margin-top: auto;
clear: both;
}
#signature .break
{
text-align: center;
}
#calendar {
width: 90%;
max-width: 100%;
margin: 0 auto;
}
#calendar th{
background: #232A35;
border: 1px solid #232a35;
background: linear-gradient(to bottom, #232a35 0%, #374254 100%);
box-shadow: inset 0px 1px 0px 0px #607391;
padding: 8px;
color:var(--card-bg);
}
#calendar button {
background-color: var(--row-bg-hover);
}
#calendar div {
background-color: var(--row-bg-hover);
}
.renametitle {
margin-right: 2px !important;
margin-left: 2px !important;
color: var(--text-muted);
}
.renametitle:hover {
    color: var(--main-blue);
}
.attach_field_img
{
width:auto;
display: inline-block;
}
.attach_field_files
{
width:40%;
display: inline-block;
vertical-align: text-bottom;
}
.attach_field_files legend
{
text-align:right;
}
.attach-cover{
background-color: var(--row-bg);
float:left;
border:1px solid var(--border-color);
margin:1px;
padding:5px;
width:auto;
font: normal 11px tahoma;
text-transform:uppercase;
color:var(--text-main);
font-weight:normal;
text-align:right;
border-radius: 3px;
}
.extension{
background-color: var(--row-bg);
position:relative;
left:9px;
top:-15px;
float:left;
border:1px solid var(--border-color);
padding-left:4px;
padding-right:4px;
font-weight:normal;
border-radius: 4px;
}


.v-align-t{
vertical-align:top;
}
.chat {
width: 80%;
margin: auto;
border: 1px dotted var(--border-color);
float: left;
margin-left: 10px;
}
.chat-users {
width: 18%;
margin: auto;
border: 1px dotted var(--border-color);
float: right;
margin-right: 5px;
}
.lasts_p{
width: 100%;
margin: auto;
}
.vis_content{
margin-right:8px;
}
.addr_bar{
margin-right:0px;
}
.sbp_show {
display: none;
}
.user_awards {
    border-radius: 4px;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 12px;
    width: 180px;
    height: 170px;
    margin-top: 11px;
    margin-bottom: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
-webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}
.user_awards::-webkit-scrollbar {
    display: none;
}
.user_awards img{
max-width:140px;
border: 1px dotted var(--border-color);
}
img{
max-width:auto;
}
.table {
display:table!important;
table-layout:fixed;
}
.inline-table {
display:inline-table!important;
table-layout:fixed;
}
dl, .dl {
display:table-row!important
}
dt{
display:none;
}
dd, .dd {
display:table-cell!important;
vertical-align:middle;
word-wrap:break-word;
}
.mrgTable {
margin-left:auto;
margin-right:auto;
}
.rightTable {
margin-left:auto
}
.leftTable {
margin-right:auto
}
.w_absent {
margin-top: 15px;
width: auto;
}

.w_others {
vertical-align: top;
width: auto;
}
.w_infos {
width: auto;
vertical-align: top;
margin: auto;
}
.w_awards {
margin-top: 15px;
width: auto;
margin-left: auto !important;
margin-right: auto !important;
}
.w_lasts marquee
{
height: 100px;
}
.w_lasts {
vertical-align: top;
width: auto;
margin-left:4px !important;
margin-right:4px !important;
}

.writer_toggle {
background: linear-gradient(85deg, #816530, #aa6b08);
color: #fafff5;
font-family: "Tajawal", "tahoma", sans-serif;
font-size: 13px;
font-weight: normal;
text-shadow: 0px 1px 0px #151504;
margin: 3px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid var(--border-solid);
border-radius: 6px;
width: auto;
cursor: pointer;
transition: all 0.3s ease;
}
.w_writer {
padding-right: 3px
}
.writers_info dd {
vertical-align: top;
}

.GroupBanner{
box-sizing: border-box;
white-space: nowrap;
width: 98%;
background: linear-gradient(135deg, var(--main-blue), var(--dark-blue));
color: var(--card-bg);
font-family: "Tajawal", "tahoma", sans-serif;
font-size: 14px;
padding: 5px;
border: 1px solid var(--border-color);
border-radius: 5px;
}
.userBanner{
box-sizing: border-box;
white-space: nowrap;
width: 98%;
background: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
font-family: "Tajawal","tahoma",sans-serif;
color: var(--dark-blue);
font-size: 14px;
padding: 5px 10px;
border: 1px solid var(--border-color);
border-radius: 5px;
}
.userRating{
box-sizing: border-box;
white-space: nowrap;
width: 98%;
background: linear-gradient(1deg, var(--row-bg), var(--row-bg-hover));
color: var(--dark-blue);
font-size: 14px;
padding: 5px 10px;
border: 1px solid var(--border-color);
border-radius: 5px;
}
.Awards--User{
color: var(--dark-blue);
font-size: 14px;
margin: 5px  !important;
padding: 3px;
}
.Awards--User dd{
background: linear-gradient(1deg, var(--row-bg), var(--row-bg-hover));
color: var(--dark-blue);
font-size: 14px;
margin: 5px  !important;
padding: 3px;
border: 1px solid var(--border-color);
border-radius: 4px;
}

.LastSubjectWriter {
   box-sizing: border-box;
    white-space: nowrap;
    display: flex !important;
    justify-content: center;
    align-items: center;
width: auto;
    background: linear-gradient(1deg, var(--row-bg), var(--row-bg-hover));
    color: var(--dark-blue);
    font-size: 10px;
    font-weight: 600;
    padding: 6px;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    margin-top: 15px !important;
}
.LastSubjectWriter a{
    color: var(--dark-blue);
    padding: 2px;
    font-family: "Tajawal","tahoma",sans-serif;
	font-weight: normal;
	font-size: 10px;
}
.fa-note-sticky:before, .fa-sticky-note:before {
    color: #227396;
    padding: 3px;
}

.warn_mem {
   box-sizing: border-box;
    white-space: nowrap;
    display: flex !important;
    justify-content: center;
    align-items: center;
width: auto;
    background: linear-gradient(85deg, var(--cat-bg-r), var(--cat-bg-l));
    color: var(--dark-blue);
    font-size: 14px;
    padding: 8px;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    margin-top: 15px !important;
}
.warn_mem .member_ip {
    color: #666656;
    font-size: 18px;
    margin-right: 7px;
    padding: 3px;
}
.warn_mem .warn_to_mem {
    color: #b39628;
    font-size: 18px;
    padding: 3px;
}
.forum_sub_n_rep, .forum_sub_n_vis, .forum_sub_n_lasts ,.member-list-hide span{
background-color: var(--light-blue);
margin: 3px;
padding: 2px 5px 2px 5px;
border: 1px solid var(--border-color);
border-radius: 4px;
display: inline-block;
}
.n_lasts_guest, .n_lasts-rep, .n_lasts_date{
display: inline-block;
}
.f-details-s, .f-details-m{
display: inline-table;
margin-bottom: 10px;
}
.f-details-s{
min-width: 170px;
}
.f-details-m{
min-width: 355px;
}
.p-lasts-pager{
float: left;
}
.prof-left{
width: 24%;
padding: 5px;
}
.prof-right{
padding: 5px;
margin-top:15px;
width: 80%;
}
.wd150n{
width:150px;
}
.wd120n{
width:120px;
}
.wd100n{
width:100px;
}
.wd40n{
width:40px;
}
.wd15n{
width:15px;
}
.wd100{
width:100%;
}
.wd98{
width:100%;
}
.wd97{
width:97%;
}
.wd95{
width:95%;
}
.wd90{
width:90%;
}
.wd88{
width:88%;
}
.wd85{
width:85%;
}
.wd82{
width:82%;
}
.wd80{
width:80%;
}
.wd78{
width:78%;
}
.wd75{
width:73.1%;
}
.wd72{
width:72%;
}
.wd70{
width:70%;
}
.wd60{
width:60%;
}
.wd50{
width:50%;
}
.wd49{
width:49%;
}
.wd48{
width:48%;
}
.wd40{
width:40%;
}
.wd38{
width:38%;
}
.wd35{
width:35%;
}
.wd33-3{
width:33.3%;
}
.wd31{
width:31%;
}
.wd30{
width:30%;
}
.wd28{
width:28%;
}
.wd25{
width:25%;
}
.wd20{
width:20%;
}
.wd17{
width:17%;
}
.wd15{
width:15%;
}
.wd14{
width:14%;
}
.wd12{
width:12%;
}
.wd10{
width:10%;
}
.wd8{
width:8%;
}
.wd6{
width:6%;
}
.wd5{
width:5%;
}
.wd4{
width:4%;
}
.wd3{
width:3%;
}
.wd2{
width:2%;
}
.wd1{
width:1%;
}

.wd21px{
width: 21px;
}
#colors-content {
display: none;
position: absolute;
z-index: 9999;
top: 150px;
left: 95px;
}
.reset{
display: block;
padding: 3px;
height:18px;
border: 1px solid rgb(187, 187, 187);
color: rgb(0, 0, 0);
font: 12px sans-serif;
text-align: center;
cursor: pointer;
line-height: 18px;
}
.ck-editor{
width:85% !important;
margin:1px;
display:block;
}
.brd0{
border: 0;
}
.brd1{
border-bottom: 0px solid var(--border-color);
}
.clp0{
padding: 0;
}
.clp2{
/*padding: 2px;*/
}
.clp3{
padding: 3px;
}
.clp8{
padding: 8px;
}
.clpc0{
border-spacing: 0px;
}
.clpc1{
border: 0px solid;
}
.clpc3{
border-spacing: 1px;
}
.va-t{
vertical-align: top;
}
.va-m{
vertical-align: middle;
}
.va-b{
vertical-align: bottom;
}
.nwrp{
white-space: nowrap;
}
.a-center{
text-align: center;
margin-left: auto;
margin-right: auto;
}
.a-left{
text-align: left;
margin-left: 0;
margin-right: auto;
}
.a-right{
text-align: right;
margin-left: auto;
margin-right: 0;
}
.cp-reput-hide, .cp-attach-hide, .member-list-hide{
display: none !important;
margin:0;
}
.wd2 .forum_sub_dotrev ,.wd2 forum_sub_icon{
text-align: right;
width: 1%;
}
.pagetext_visitorMessage{
width: 660px;
}
.fc-content {
color: #000;
}

/* Start css for PBBoard 3.0.4 */
.smiles-bbcode{
width:20%;
vertical-align: top;
padding-right: 3px;
padding-left: 3px;
}
#smile_menu {
display: none;
width: 300px;
position: absolute;
z-index: 100;
padding: 7px;
background: var(--card-bg);
border: 2px solid var(--border-color);
margin-top: 42px;
overflow: auto;
word-wrap: break-word;
overflow-x: hidden;
overflow-wrap: break-word;
}
#progress-bar {background-color: #12CC1A;height:20px;color: var(--card-bg);width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}
#progress-div {width:170px;border:#0FA015 1px solid;padding: 2px 0px;margin:10px 0px;border-radius:4px;text-align:center;}
#targetLayer{background-color:#12CC1A;text-align:center;overflow: hidden;margin:0px;padding:0px;}

#message{color: #FF0000;}
#upload_link{cursor: pointer;}
#targetood{text-align:right;overflow: hidden;}
#files{display:none}

.file-delete-insert {
background: rgba(0,0,0,0.3);
border-radius:4px;
font-family:Tahoma, arial;
font-size:11px;
color: var(--card-bg);
font-weight: bold;
margin: 0px;
padding:4px;
cursor: pointer;
}
.trash {
font-size:15px;
color: var(--card-bg);
font-weight: normal;
}
.file-delete {
display: inline-block;
border-radius:4px;
cursor: pointer;
margin-right:118px;
margin-top:-2px;
position:absolute;
padding:2px;
color:var(--card-bg);
}
.attachmentInsert {
display: inline-block;
padding: 2px;
border: 1px solid var(--border-solid);
overflow: hidden;
}
.file-Link {
font-family:Tahoma, arial;
font-size:11px;
color: inherit;
background: #232a35;
border-radius: 4px;
padding:2px;
margin-right:-138px;
position:absolute;
color: var(--text-light-blue);
-webkit-transition: background .25s ease;
transition: background .25s ease;
}


.u-srOnly {
position: absolute;
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
.file-preview {
display: inline-block;
font-size: 159px;
color: var(--main-blue);
margin-left: 1px;
}
.add_attach
{
display: inline-block;
background:#232a35;
border-radius:4px;
cursor: pointer;
font-size: 12px;
padding:0px;
color:var(--card-bg);
overflow: hidden;
}

.add_attach a
{
font-family:Tahoma,arial;
color: var(--text-light-blue);
}
.border .row1 .add_attach a,
.border .row2 .add_attach a
{
color: var(--text-light-blue);
padding:2px;
}

.container {
position: relative;
}

.topright {
position: absolute;
top: 0px;
right: 0px;
padding:2px;
}

.topleft {
position: absolute;
top: 0px;
left: 0px;
}
.insert_to_post
{
display: inline-block;
background: #232a35;
cursor: pointer;
position:absolute;
display:none;
width:100px;
padding:2px;
}

.border .row1 .insert_to_post a,
.border .row2 .insert_to_post a
{
font-family:Tahoma,arial;
font-size:11px;
padding:2px;
margin:2px;
color: var(--text-light-blue);
display: inline;
}

.subcontent .thead
{
    border: 1px solid var(--border-color);
    border-bottom: 0px;
    border-right: 0 !important;
    word-break: break-word;
    border-radius: 12px 0px 0px 0;
}
.subcontent .thead .l-left
{
color:var(--text-muted);
font-size:11px;
}
.subcontent .subtr
{
border-top: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
border-spacing: 1px;
background-image: none var(--light-blue);
background-color:var(--light-blue);
border-radius: 0 12px 0px 0;
}

.subcontent #signature .thead
{
    border: 1px solid var(--border-color);
    word-break: break-word;
    border-radius: 12px 12px 0px 0;
}

div.bottom_text{
min-height:5px !important;
}
.r-nfo
{
border-right: 1px solid var(--border-color);
background-color: var(--light-blue);
}

.r-nfo .writers_info
{
    position: relative;
    vertical-align: top;
    width: 85%;
    text-align: center;
    margin: auto;
}
.r-nfo .writer_userArrow
{
    position: relative;
    vertical-align: top;
    width: 100%;
    text-align: left;
    margin: auto;
}
span.info-userArrow {
   position: absolute;
    top: 23px;
    left: 0;
    right: auto;
    border: 9px solid transparent;
    border-right-width: 0;
    border-left-color: var(--border-color);
    z-index: 33;
}

span.info-userArrow:after {
    content: "";
    position: absolute;
    top: -9px;
    left: -10px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-right-width: 0;
    border-left-color: var(--card-bg);
}

.writers_info fieldset
{
padding: 4px;
border: 1px solid var(--border-solid);
}
.writers_info legend
{
border: 1px solid var(--border-solid);
padding: 0 11px 0 10px;
}
.clear
{
clear: both;
}
.awesome a:link
{
color: var(--accent-blue) !important;
font-family:arial;
font-size:14px;
font-weight: bold;
padding-right:2px;
padding-left:2px;
}

.add_reputation a:link
{
color: var(--main-blue);
font-family:arial;
font-size:18px;
font-weight: bold;
padding:5px !important;
margin-top:16px !important;
}

.add_reputation a:hover {
    color: var(--dark-blue);
    text-decoration: none;
}

.add_reputation a.for_post
{
color:#CC0000 !important;
display: inline;
}

.add_reputation a.for_post:hover {
    color: var(--text-main) !important;
}
.g_home {
    font-size: 17px;
    color: white;
}
.icon-mobile-men-top-right{
list-style:none;
margin:0px;
padding: 0px;
}

.icon-mobile-men-top-right #icon-mobile-menu abbr {
color: white;
font-size: 22px;
position:absolute;
top: 9px;
left: 8px;
cursor: pointer;
text-decoration: none;
}
#flip {
display: none;
position: absolute;
top: 35px;
left: 25px;
z-index: 99902;
margin-right: 33px;
background: #31679e;
box-shadow: 0px 7px 20px rgb(0 0 0 / 20%);
border: 5px solid #3A89BE;
border-radius: 3px;
padding: 0px;
opacity: 1;
width: 200px;
clear: both;
}
#flip ul {
padding: 0px;
margin: 0px;
display:inline;
}
#flip li {
background-color: var(--light-blue);
color: var(--dark-blue);
font-family: "Tajawal","tahoma",sans-serif;
font-size: 14px;
font-weight: normal;
padding: 0px;
padding-bottom: 2px;
padding-top: 7px;
text-decoration: none;
text-align: right;
border-bottom: 1px;
border-bottom-color: #3a89be;
border-bottom-style: solid;
list-style: none;
padding-right: 7px;
}
#flip a {
color: var(--dark-blue);
}

#flip li:hover {
background: #31679e;
color: #e8f0fe;
}
#flip a:hover{
color: #e8f0fe;
}

#icon-mobile-menu_menu .element_menu li
{
float:left;
margin-left: -30px;
}
.icon-mobile-men-top-right{
display: none !important;
}

.max-input{
width: 50%;
}

.pbbsearch{
margin-left:20px;
margin-top:10px;
}

#submit_search ul{
margin-top:18px;
margin-right:18px;
padding:0px;

}
#submit_search li{
display:inline-block;
list-style:none;
margin-left:-3px;
margin-right:-4px;
padding:0px;
vertical-align:top;
white-space:nowrap;
background: transparent;
}

.submit_id {
width: 45px;
padding: 10px;
margin-left: 3px;
color: transparent;
background: url(../images/ico-search.png) no-repeat var(--main-blue) center;
border: 1px solid var(--bg-color);
cursor: pointer;
border-radius: 12px 0 0 12px;
line-height: 1.4;
}
#submit_search input[type="text"] {
font-family: "Tajawal","tahoma",sans-serif;
padding: 10px;
border: 1px solid var(--border-color);
background: var(--light-blue) !important;
color: var(--text-main);
width: 250px;
border-radius: 0 12px 12px 0;
line-height: 1.4;
}
#advsearch {
    width: 248px;
    margin: 0px;
    position: absolute;
    top: 114px;
    left: 63px;
    color: transparent;
    background: var(--light-blue) !important;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid var(--border-color);
    display: none;
    z-index: 99 !important;
}
/* Style the search button hover state */
.advanc{
font-family: "Tajawal","tahoma",sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
cursor: pointer !important;
padding: 2px 10px 2px 27px !important;
display: inline-block;
margin: 1px;
text-transform: uppercase;
outline: none;
position: relative;
-webkit-transition: none;
-moz-transition: none;
transition: none;
background-color: var(--select-bg) !important;
background-image:url('../images/button-advanced-search.png');
background-repeat: no-repeat;
background-position:center left 5px;
color: var(--link-color) !important;
border-width: 1px !important;
border-color: var(--main-blue) !important;
border-radius: 1px !important;
border-style: solid !important;
}

.advancse{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 14px;
font-weight: normal;
cursor: pointer;
padding: 2px 10px 2px 27px;
display: inline-block;
margin-left: 13px;
text-transform: uppercase;
outline: none;
position: relative;
-webkit-transition: none;
-moz-transition: none;
transition: none;
background-color: var(--main-blue);
background-image:url('../images/ico-search.png');
background-repeat: no-repeat;
background-position:center left 5px;
color: var(--card-bg);
border-width: 1px;
border-color: var(--main-blue);
border-radius: 1px;
border-style: solid;
}

.Ajax-static option{
font-family: "Tajawal", "tahoma", sans-serif;
font-size: 11px;
font-weight: normal;
display: inline-flex;
cursor: pointer;
padding: 7px;
margin-bottom: 3px;
text-transform: uppercase;
outline: none;
position: relative;
-webkit-transition: none;
-moz-transition: none;
transition: none;
background-color: var(--h-text-bg2);
color: var(--dark-blue);
border-width: 1px;
border-color: var(--border-color);
border-radius: 1px;
border-style: solid;
vertical-align: middle;
text-align: center;
width: 105px;
}

.p-options {
vertical-align: middle;
text-align: center;
}
.pp-tabon3{
background-color: var(--contentAltBg);
font-family: "Tajawal","tahoma",sans-serif;
font-size: 12px;
font-weight: normal;
padding: 6px;
margin-left: 2px;
margin-right: 2px;
border:1px solid var(--border-color);
float:right;
color: var(--dark-blue);
}
.pp-taboff3{
background-color: var(--h-text-bg2);
font-family: "Tajawal","tahoma",sans-serif;
font-size: 12px;
font-weight: normal;
padding: 6px;
margin-left: 2px;
margin-right: 2px;
border:1px solid var(--border-color);
float:right;
color: var(--dark-blue);
}

.row_sidebar li{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 11px;
font-weight: normal;
}

#active_statistics_list .smallfont{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 12px;
font-weight: normal;
}

.Button_ss{
   font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 10px;
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    padding-left: 4px;
    padding-right: 6px;
    display: inline-block;
    margin: 2px;
    text-transform: uppercase;
    outline: none;
    /* position: relative; */
    -webkit-transition: none;
    -moz-transition: none;
    /* transition: none; */
    background-color: var(--bg-color);
    color: var(--main-blue);
    border-width: 1px;
    border-color: var(--border-color);
    border-radius: 1px;
    border-style: solid;
}

.edit_to_post {
background-color: var(--card-bg);
border-width: 1px;
border-color: #b5c5cb;
border-radius: 1px;
border-style: solid;
position:absolute;
top: 1;
cursor: pointer;
}
.user_menue{
width:200px;
}
.user_menue .thead{
border: 0px;
}
.add_reputation .user_menue{
border: 1px solid var(--border-color);
}
.writers_info .user_menue .thead{
border: 1px  !important;
border-color: #b5c5cb  !important;
border-radius: 12px 12px 0px 0px !important;
border-style: solid !important;
}
.writers_info .user_menue .row1{
border: 1px;
border-top: 0px;
border-color: #b5c5cb !important;
border-style: solid !important;
}
.user_menue .row1 a, .user_menue .row2 a{
font-family: "Tajawal","tahoma",sans-serif;
font-size: 11px;
font-weight: normal;
}


.subc {
line-height: 1.8;
}
.r-subc {
line-height: 1.9;
margin-top: 5px;
border-top: 1px solid var(--border-color);
}
.r-subc1{
background-color: var(--light-blue);
border-bottom: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
line-height: 1.6;
border-radius: 0px 0px 12px 0px;
}
.r-subc2{
background-color: var(--card-bg);
border-bottom: 1px solid var(--border-color);
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
line-height: 1.6;
border-radius: 0px 0px 0px 12px;
}

.Button_public{
font: normal 10px tahoma;
background-color: var(--light-blue);
border:1px solid var(--border-color);
box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: var(--dark-blue);
display:inline-block;
white-space:nowrap;
margin-left:2px;
margin-right:2px;
padding:5px;
border-radius: 10px;

}
.Button_public a{
background-color:#f6f6f6;
}
.Button_public:hover{
background-color:var(--card-bg);
border:1px solid #dbdbdb;
}
.f_perpage, .f_attach, .f_observed, f_rating
{
margin-right: 2px !important;
margin-left: 2px !important;
margin-top: 6px;
color: var(--text-muted);
}
.f_perpage:hover, .f_attach:hover, .f_observed:hover, f_rating:hover {
    color: var(--main-blue);
}

.theadcontent
{
border: 1px solid var(--border-color);
border-bottom: 0px solid var(--border-color);
background:var(--card-bg);
color:#000;
}
.theadcontent a
{
color:#000;
}
.border .row1 .thead a, .border .row2 .thead a
{
color:var(--card-bg) !important;
}
.p-navgroup li
{
width:auto;
}

.Code_table {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    table-layout: fixed;
}

.Code_table td {
    padding: 12px;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 14px;
    border: 1px solid var(--border-color);
    background: var(--h-text-bg2);
    text-align: center;
    word-wrap: break-word;
    vertical-align: middle;
}

.Code_table td:first-child {
    background-color: var(--main-blue, #1a73e8);
    color: #ffffff;
    font-weight: bold;
    width: 30% !important;
}

.Code_table tr:nth-child(even) {
    background-color: #fafafa;
}


.bbcodes-list{
background-color: var(--card-bg);
border: 1px solid var(--border-color);
border-top: 0px;
border-radius: 3px;
border-top-radius: 0px;
height: 33px;
padding: 20px 5px 0px 5px;
margin-top: -14px;
width: 98.8%;
}
.bbcodes-list span img{
float: right;
cursor: pointer;
padding: 3px 5px;
margin: 1px 5px 1px 0;
width: 16px;
height: 16px;
border-radius: 3px;
border: 1px solid #d9d9d9;
background-clip: padding-box;
}
span.user_online {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 5px;
    right: 5px;
    top: auto;
    left: auto;
    width: 18px;
    height: 18px;
    background-color: #747d86;
    border: 5px solid var(--card-bg);
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    z-index: 20;
}

b.user_online {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 60px;
    right: -33px;
    width: 15px;
    height: 15px;
    background-color: #747d86;
    margin-left: auto;
    border: 2px solid var(--card-bg);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 5;
}
.user_online i {
    font-size: 8px !important;
}

.user_online .Online {
    color: #e5e815 !important;
}

.user_online .Offline {
    color: #bdc3c7 !important;
}

b.info_user_online {
    background-color: #747d86;
    padding: 0px 4px 1px 4px;
    margin-left: auto;
    border: 2px solid var(--card-bg);
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.info_user_online i {
    font-size: 8px !important;
}

.info_user_online .info_online {
    color: #e5e815 !important;
}

.info_user_online .info_offline {
    color: #bdc3c7 !important;
}

iframe{
width:100%;
}
span.register_fixed table{
width: 190px !important;
margin: 0px !important;
}

span.register_fixed{
display: inline-block !important;
vertical-align: middle;
}
.row1 .wmax ,
.row2 .wmax {
width:25%;
}
.row1 .wmaxy{
width:70%;
position: relative;
top: 0px;
right: 10px;
font-weight:normal;
}
.form_register input[type="text"],.border input[type="password"]{
min-width: 40%;
height: 30px;
font-family: "Tajawal","tahoma",sans-serif;
font-size: 14px;
font-weight: bold;
border-radius: 6px;
}
.form_login input[type="text"],.border input[type="password"]{
    min-width: 40%;
    border: 1px solid var(--border-color);
    background: var(--light-blue) !important;
    height: 30px;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    padding: 5px;
    margin-left: 4px;
    margin-right: 4px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    vertical-align: middle;
}

#visitor_messag{
border: 1px solid var(--border-color);
}
#visitor_messag .thead1{
position: relative;
top: -4px;
border-bottom: 1px solid var(--border-color);
}

.user_s
{
font-size:12px;
text-align:center;
white-space:nowrap;
display:inline-block;
vertical-align:middle;
padding:5px 5px;
border-radius:3px;
border:1px solid var(--border-color);
}
.border .row1 .user_s a
{
color: #4b71cf;
text-decoration:underline;
}
.information_user_website {
    opacity: 0.9;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: #000;
    display: inline-flex;
    vertical-align: middle;
    padding: 6px;
    border-radius: 4px;
    width: 100%;
    margin-left: auto;
}
.information_user_website i{
margin-left: 3px;
margin-top: 4px;
}
.information_user_website a{
text-decoration:underline;
color:#000;
}
.information_user_website .dirc{
direction:ltr;
}
.information_user_website:hover a{
color:#666633;
}
.information_user_website:hover
{
color:#666633;
opacity:1;
}

.information_user_info{
    opacity: 0.9;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: #000;
    display: inline-flex;
    vertical-align: middle;
    padding: 6px;
    border-radius: 4px;
    width: 100%;
    margin-left: auto;
    margin-top: 5px;
    word-wrap: break-word;
    word-break: break-word;
}
.information_user_info a{
color:#000;
}

.information_user_info i{
margin-top: 4px;
margin-left: 4px;
}
.information_user_info:hover
{
background:#ffffff82;
color:#3366CC;
opacity:1;
}
li.management_profile {
    opacity: 0.9;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: #000;
    vertical-align: top;
    padding: 6px;
    border-radius: 4px;
    margin-right: auto;
    display: inline;
    position: absolute;
    top: 5px;
    left: 138px;
}
li.button_cover_photo {
    opacity: 0.9;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: #000;
    vertical-align: top;
    padding: 6px;
    border-radius: 4px;
    margin-right: auto;
    display: inline;
	position: absolute;
	top: 5px;
	left: 0px;
}

li.button_friend {
    opacity: 0.9;
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 13px;
    color: #000;
    vertical-align: top;
    padding: 6px;
    border-radius: 4px;
    margin-right: auto;
    display: inline;
	position: absolute;
	top: 5px;
	left: 0px;
}

#eledit_photo_menu
{
top: 61px;
left: 0;
position: absolute;
z-index: 60;
display: none;
}
#eledit_photo_menu .PBBMenu_item
{
padding:6px;
}

.user_style_title {
    position: relative;
    top: 28px;
    right: 0px;
    color: var(--card-bg);
    width: auto;
}

.user_style_title h3 {
    font-size: 18px;
    color: var(--card-bg);
    margin-right: 4px;
}

.pp-name h3 {
    margin: 0;
    padding: 0;
    font-size: 15px;
}
.text .mycode_align_center{
text-align:center;
}
.fi-icon{
font-size: 15px;
vertical-align: middle;
display: inline;
border: 1px solid var(--border-color);
padding: 5px;
}
.fiR-icon{
color:#cf0b29;
background: var(--card-bg);
font-size: 15px;
vertical-align: middle;
display: inline;
border: 1px solid #dd7878;
padding: 5px;
}
.fi-icons {
color: var(--dark-blue);
background: rgb(255 255 255 / 8%);
font-size: 18px;
vertical-align: middle;
display: inline-block;
border-width: 0 0 2px 0;
border-color: #3e88cb #3e88cb #3e88cb #50afe4;
border-style: solid;
padding: 4px 6px 4px 6px;
margin-left: 3px;
margin-right: 3px;
}
.menu_popup input[type="text"],.menu_popup input[type="button"]{
margin: 5px;
}
.s1 {
font-weight: normal !important;
}
.s1 a{
font-weight: normal !important;
}

.s2 {
font-weight: bold !important;
color: var(--main-blue);
}
.s2 a{
font-weight: bold !important;
color: var(--main-blue);
}
textarea.tbox {
overflow: scroll;
border-radius: 2px;
border: 1px solid lightgrey;
padding: 6px;
width: 100% !important;
max-height: 27px;
min-height: 27px;
height: 32px;
font-weight: bold;
overflow: hidden;
resize: none;
line-height: 25px;
}
#form-chat-id{
width: 97% !important;
}
.d-flex {
display: flex;
}
.light {
background-color: #FDFDFF;
}
.fl {
float: left;
}
.flex-fill {
flex: 1 1 auto !important;
}

.UserPhoto_chat{
margin-left:1px;
background-color:transparent;
display: inline-block;
border: 1px solid var(--card-bg);
width: 22px !important;
height: 20px !important;
}
.ln_chat
{
display: inline-block;
position: relative;
top: -5px;
}
.ln_chat img
{
display: inline-block;
position: relative;
top: 6px;
}
.chat .thead1
{
background: var(--main-blue);
color: var(--card-bg);
}
.dirltr a{
direction: ltr;
float: right;
}

.menu_popup select {
overflow: hidden;
width: auto;
}
.menu_popup option {
border-bottom: 1px solid var(--border-color);
text-align: center;
font-weight: bold;
color: var(--main-blue);
padding: 3px;
}
.spis{
margin-left: 15px;
}

.userbar #alerts-trigger
{
text-decoration: none;
cursor: pointer;
font-size: 16px;
position: relative;
top: 1px;
}
#login-trigger{
text-decoration: none;
cursor: pointer;
}
.break {
word-break: break-word;
}

.inner-addon .form-control {
    height: 48px;
    color: var(--colorDarkGreen);
    padding: 0 20px;
    font-size: 16px;
    font-family: var(--mainFontN);
    font-weight: normal;
}
.inner-addon i {
    height: 24px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: var(--text-muted);
}
span.update_Img {
    height: 24px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin: 5px;
    color: var(--text-muted);
    cursor: pointer;
}
.optionmod
{
left: 25px;
}

.special-header {
    background: var(--row-bg);
    color: var(--text-main);
    padding: 12px 15px;
    font-weight: bold;
    font-family: 'Tajawal', sans-serif;
    border: 1px solid var(--border-color1);
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 2px solid var(--main-blue);
    margin-top: 15px;
}

.special-header i {
    color: #f1c40f;
}

.special-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px;
    background: var(--card-bg);
    border: 1px solid var(--border-color1);
    border-top: none;
    padding-bottom: 10px;
    padding-top: 7px;
}

.special-item {
    background: var(--card-bg);
    padding: 4px 8px 3px 5px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid var(--border-color);
    gap: 6px;
    transition: background 0.3s ease;
}

.special-item:hover {
    background: var(--row-bg-hover);
}

.special-item a {
    text-decoration: none;
    color: var(--text-main);
    font-size: 14px;
    display: block;
    flex: 1;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.star-icon {
    font-size: 12px;
    color: #f1c40f;
    flex-shrink: 0;
    margin-top: 4px;
}

.footer-wrapper {
    background: var(--card-bg);
    border-top: 1px solid #e1e8ed;
    padding: 10px 0;
    margin-top: 20px;
    clear: both;
}

.footer_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 5px 10px 20px 7px;
    border-bottom: 1px solid var(--border-color);
    list-style: none;
    font-size: 12px;
    clear: both;
}

.footer-links, .footer-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer_bar li {
    display: inline-flex;
    align-items: center;
    list-style: none;
}

.footer_bar a {
    color: var(--text-muted);
    text-decoration: none;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 5px;
}
.footer_bar a:hover {
    color: var(--dark-blue);
}
.badge {
    background: var(--bg-color);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    color: var(--main-blue);
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
}

.footer-select {
    padding: 4px 8px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-family: "Tajawal";
    font-size: 12px;
    background: var(--select-bg);
    color: var(--link-color);
    outline: none;
    cursor: pointer;
    margin-inline-start: 10px;
    clear: both;
}


.back-to-top i {
    font-size: 24px;
    color: var(--text-muted);
    opacity: 0.7;
    transition: opacity 0.2s;
}

.back-to-top:hover i {
    opacity: 1;
    color: var(--main-blue);
}

.copyright {
text-align: center;
color: var(--text-muted);
font-size: 14px;
border: 0;
margin-bottom: 20px;
margin-top: 20px;
clear: both;
}

.modern-subject-head {
    border-radius: 12px 12px 0 0 !important;
    overflow: hidden;
    border: 1px solid var(--border-color) !important;
    border-bottom: 2px solid var(--main-blue) !important;
}

.modern-subject-head .thead {
    background: var(--light-blue) !important;
    color: var(--dark-blue) !important;
    padding: 12px 8px !important;
    font-size: 13px;
}

.modern-subject-head .thead a {
    color: var(--dark-blue) !important;
    text-decoration: none;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.modern-subject-head .thead a:hover {
    color: var(--main-blue) !important;
}

.main-checkbox {
    cursor: pointer;
    transform: scale(1.1);
}

.modern-subject-head td {
    border-left: none !important;
    border-right: none !important;
}

.announcement-row {
    background-color: var(--card-bg)af0 !important;
    border-right: 3px solid #ffa000 !important;
    transition: background 0.2s ease-in-out;
}

.announcement-row:hover {
    background-color: var(--card-bg)4e0 !important;
}

.announcement-icon {
    color: #ff8f00;
    font-size: 18px;
}

.announcement-label {
    background-color: #ff9800;
    color: var(--card-bg);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
}

.announcement-title-link {
    font-weight: bold;
    color: var(--dark-blue) !important;
    text-decoration: none;
    font-size: 14px;
}

.announcement-title-link:hover {
    color: var(--main-blue) !important;
    text-decoration: underline;
}

.meta-spacing {
    margin-right: 10px;
    color: var(--text-muted);
}

.announcement-last-post {
    line-height: 1.6;
    font-size: 12px;
}

.status-icon {
    font-size: 18px;
    vertical-align: middle;
}

.icon-delete {
    color: #e74c3c;
}

.icon-poll {
    color: #3498db;
}

.icon-closed {
    color: #95a5a6;
}

.icon-personal {
    color: #2ecc71;
}

.icon-hot {
    color: #e67e22;
}

.icon-sticky {
    color: #f1c40f;
}

.icon-no-new {
    color: #bdc3c7;
}

.icon-new {
    color: var(--main-blue);
}
.icon-review {
    color: #f39c12;
}
.legend-table {
    margin-top: 15px;
    border-radius: 8px !important;
    overflow: hidden;
}

.legend-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 10px;
    text-align: right;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
}

.legend-item i {
    width: 25px;
    text-align: center;
    font-size: 16px;
}

.rss-legend-link {
    margin-top: 15px;
    padding: 8px;
    border-top: 1px dashed var(--border-color);
    text-align: right;
}

.rss-legend-link i {
    color: #ee802f;
    font-size: 18px;
    vertical-align: middle;
}

.icon-rating-5 {
    color: #ffc107;
    font-size: 14px;
    margin-left: 3px;
    margin-right: 3px;
    text-shadow: 0 0 2px rgba(255, 193, 7, 0.3);
}
.icon-special {
    color: #e67e22;
    font-size: 16px;
    margin-left: 5px;
    filter: drop-shadow(0 0 1px rgba(230, 126, 34, 0.4));
}
.icon-open-new {
    color: var(--text-muted);
    font-size: 13px;
    margin-left: 5px;
    margin-right: 5px;
    transition: var(--transition);
}

.icon-open-new:hover {
    color: var(--main-blue);
}
.forum-tools-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.tools-flex-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.search-input-group {
    display: flex;
    align-items: center;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 50px; /* شكل بيضاوي عصري */
    padding: 2px 5px;
    overflow: hidden;
    transition: var(--transition);
}

.search-input-group:focus-within {
    border-color: var(--main-blue);
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1);
}

.search-field {
    border: none !important;
    background: transparent !important;
    padding: 8px 15px !important;
    outline: none !important;
    width: 200px;
    font-size: 13px;
}

.search-btn-icon, .advanced-search-btn {
    background: transparent;
    border: none;
    color: var(--text-muted);
    padding: 8px 10px;
    cursor: pointer;
    transition: var(--transition);
}

.search-btn-icon:hover, .advanced-search-btn:hover {
    color: var(--main-blue);
}

.pagination-wrapper {
    display: flex;
    justify-content: flex-start;
}

.add-topic-btn-wrapper a {
    display: inline-block;
}

.forum-stats-wrapper {
    display: flex;
    gap: 15px;
    width: 98%;
    margin: 15px auto;
    flex-wrap: wrap;
}

.stats-card {
    flex: 1;
    min-width: auto;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    overflow: hidden;
    background: var(--card-bg);
}

.stats-header {
    background: var(--light-blue);
    color: var(--dark-blue);
    padding: 12px 15px;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--border-color);
}

.stats-header i {
    color: var(--main-blue);
    font-size: 16px;
}

.stats-subtitle {
    font-weight: normal;
    font-size: 11px;
    margin-right: auto;
    color: var(--text-muted);
}

.stats-content {
    padding: 15px;
    line-height: 1.6;
}

.stats-content a {
    text-decoration: none;
    font-weight: 500;
}

.multi_pages_container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0px;
    margin: 10px 0;
    width: 100% !important;
    direction: rtl;
}

.pager_info {
    display: none;
    font-size: 12px;
    color: var(--text-muted);
    padding: 0 10px;
}

.pager_item {
    background-color: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 0px;
    min-width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.pager_item.last_page_show
{
display: none;
}
input.button_pager {
    background-color: var(--main-blue) !important;
    color: var(--text-light-blue) !important;
    font-family: 'Tajawal', sans-serif !important;
    padding: 3px !important;
    margin: 1px !important;
    font-size: 12px !important;
    min-width: 3px !important;
    border: 0px !important;
    border-radius: 4px !important;
}
input.button_pager:hover {
    background-color: var(--dark-blue) !important;
    color: var(--text-light-blue);
    padding: 3px !important;
    margin: 1px !important;
    font-size: 12px !important;
    border: 0px !important;
    box-shadow: unset !important;
    transform: translateY(0px) !important;
}
input.bginput_pager {
    padding: 1px !important;
    margin: 1px !important;
    font-size: 12px !important;
    min-width: 3px !important;
    height: 25px !important;
    vertical-align: middle;
    border-radius: 1px !important;
}
.pager_item.next_page, .pager_item.prev_page,
.pager_item.next_page a, .pager_item.prev_page a {
    font-family: 'Font Awesome 6 Free';
    color: var(--dark-blue);
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    vertical-align: middle;
}
div.drop_menu_page {
	color: var(--dark-blue);
    background-color: var(--card-bg);
    border: solid 0px var(--border-color);
    position: absolute !important;
    z-index: 44;
    padding: 0;
    left: 0px !important;
    top: 38px !important;
    right: auto;
    width: max-content;
}

.PBB-jump_page-Menu {
    position: absolute;
    border-style: solid;
    border-width: 8px;
    border-left-color: transparent;
    border-top-style: none;
    border-bottom-color: var(--main-blue);
    border-right-color: transparent;
    top: -8px;
    left: 4px;
}
.pager_item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--dark-blue);
    font-size: 13px;
    font-weight: 500;
}

.pager_item:hover:not(.active_page) {
    background-color: var(--light-blue);
    border-color: var(--main-blue);
}

.active_page {
    background-color: var(--main-blue) !important;
    border-color: var(--main-blue) !important;
    color: var(--card-bg) !important;
    font-weight: bold;
    min-width: 29px;
    height:28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
}

.pager_item.jump_page {
    position: relative;
    cursor: pointer;
    }
.pager_item.jump_page .thead1{
border-bottom: 0px !important;
border-top: 2px solid var(--main-blue) !important;
padding: 5px !important;
    }
.menu_pages {
    background-color: var(--card-bg);
    font-family: "Tajawal", "tahoma", sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid var(--border-color);
    width: auto;
}

.menu_pages a{
color:var(--dark-blue);
text-decoration:none;
}

.quick-reply {
    background: var(--card-bg);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
}
.widget-title {
    font-size: 17px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--main-blue);
}
.btn-new-topic {
    background: #28a745 !important;
    background-color: #28a745 !important;
    color: white !important;
    border: none !important;
    padding: 8px 20px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-family: inherit !important;
}
.management_options_subject {
    font-size: 12px;
    color: var(--text-muted);
    padding: 0 3px;
}
.sceditor-insertmention
{
width: 255px !important;
}
    .tags-container-box {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 5px 0;
    }
    .tag-badge {
        display: inline-block;
        background-color: var(--tag-bg);
        color: var(--text-main);
        padding: 4px 12px;
        border-radius: 20px;
        border: 1px solid #dcdcdc;
        text-decoration: none;
        font-size: 12px;
        transition: all 0.3s ease;
    }
    .tag-badge:hover {
        background-color: #3498db;
        color: var(--light-blue);
        border-color: #2980b9;
        text-decoration: none;
    }
    .edit-tags-link {
        font-size: 11px;
        color: var(--light-blue);
        text-decoration: underline;
    }

div.sceditor-dropdown .button {
    color: #444 !important;
    background: #ececec !important;
    background-clip: padding-box !important;
}
.btn-mode {
    background: linear-gradient(145deg, rgba(87,110,166,0.6), rgba(26,115,232,0.6));
    border: 1px solid rgb(26 115 232);
    cursor: pointer;
    font-size: 17px;
    color: #00ffff;
    padding: 3px 6px 2px 6px;
    border-radius: 25px;
    cursor: pointer;
    transition: color 0.3s, transform 0.2s;
}

body.dark-theme .btn-mode {
    color: #ffd700;
}
.btn-mode:hover {
	transform: scale(1.2);
	}
.user_bg {
    background-color: var(--user-bg);
    margin: 2px;
    padding: 2px 5px 2px 5px;
    border-radius: 4px;
    width: max-content;
}
div.sceditor-toolbar{
    background: var(--sceditor-textarea) !important;
}


.sceditor-container iframe, .sceditor-container textarea {
    background: var(--sceditor-textarea) !important;
    color: var(--text-main) !important;
    font-family: 'Tajawal', sans-serif !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 1.7 !important;
    border: 1px solid var(--text-b-color) !important;
}

.p-center .thead
{
    background: linear-gradient(145deg, rgba(87,110,166,0.6), rgba(26,115,232,0.6));
}
.p-center .thead a {
  display: inline-flex;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* archive css */
div.pagebody ul {
	list-style-type: none;
}
div.pagebody li {
	font-size: 10pt;
}
div.pagebody i {
	color: silver;
}
div.pagebody p.largefont {
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
}
div.pagebody {
	background: var(--bg-color) !important;
	padding:16px;
	border: 1px solid silver;
}
div.pagebody div.pda {
	float: right;
	background: #F9F9F9;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 4px;
}
div.pagebody div.post {
	border: 1px solid silver;
	padding: 1px;
	margin-bottom: 16px;
}
div.pagebody div.posttop {
	padding: 4px;
	background: #E2E5F0;
}
div.pagebody div.username {
	font-weight: bold;
	width: auto;
	float: left;
}
div.pagebody div.date {
	width: auto;
	text-align: right;
}
div.pagebody div.posttext {
	padding: 4px;
	background-color: var(--bg-color);
}
div.pagebody #content {
	margin-bottom: 8px;
	padding: 4px;
}
div.pagebody #navbar {
    padding: 10px;
}
div.pagebody #pagenumbers {
	text-align: center;
	margin-bottom: 4px;
}
div.pagebody #copyright
{
	color: var(--text-muted);
	text-align:left;
	text-shadow:0px 1px 0px #fff;
	padding: 1px 5px 4px 5px;
	margin: 5px 0 5px 9px;
	clear: both;
}
div.pagebody #copyright a
{
	color:#848484;
}
div.pagebody hr {
	visibility: hidden;
	display: none;
}
ul.mycode_list {
    margin-right: 15px;
}
ol.mycode_list {
    margin-right: 15px;
}
dd.thead i.fa-calendar-days {
    font-size: 12px !important;
}
.show_post_normal {
display: inline-block;
background-color: var(--tag-bg) !important;
color: var(--text-main) !important;
padding: 4px 12px;
margin: 0px 7px 10px 0px !important;
border-radius: 8px;
border: 1px solid #dcdcdc;
font-size: 12px;
transition: all 0.3s ease;
}
.show_post_normal:hover {
background-color: #3498db!important;
color: var(--light-blue) !important;
border-color: #2980b9  !important;
margin: 0px 7px 10px 0px !important;
text-decoration: none;
}
.show_post_normal a:hover {
color: var(--light-blue) !important;
text-decoration: none;
}
.tr_space .tcat{
background: linear-gradient(38deg, var(--cat-bg-r), #4facfe36);
border-radius: 0;
font-size: 12px;
font-weight: bold;
}
.tr_space .tcat a:link{
font-size: 12px;
font-weight: bold;
}

/* info friends */
.friends-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    padding: 15px;
}

.friend-card {
    display: flex;
    align-items: center;
    background: var(--light-blue);
    color: var(--text-main);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 10px;
    transition: transform 0.2s, box-shadow 0.2s;
}
.friend-card a {
color: var(--text-main);
}
.friend-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background: var(--row-bg);
}

.UserPhoto {
    width: 60px;
    height: 60px;
    margin-inline-end: 12px;
}

.UserPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid var(--border-color);
}


.ynfo_friend {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.friend-name {
    font-weight: bold;
    text-decoration: none;
    background-color: var(--user-bg);
    color: var(--text-main) !important;
    font-size: 14px;
    padding: 2px 5px 2px 5px;
    border-radius: 4px;
    width: max-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.friend-meta {
    font-size: 11px;
    color: var(--text-muted);
    line-height: 1.5;
}

.male-icon { color: #3498db; margin-right: 3px; }
.female-icon { color: #e91e63; margin-right: 3px; }

.friends-header {
    background: var(--light-blue);
    padding: 10px 15px;
    border-bottom: 2px solid var(--border-color);
    font-weight: bold;
}

.friends-footer {
    padding: 10px;
    text-align: left;
    background: var(--row-bg);
    border-top: 1px solid var(--border-color);
}

.btn-edit-friends {
    text-decoration: none;
    font-size: 12px;
    color: #666;
}

/* visitor_messag css 2026 */
.vm-wrapper {
    background: var(--light-blue);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.vm-header-main {
    background: var(--light-blue);
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    font-weight: bold;
}

.vm-entry {
    display: flex;
    padding: 15px;
    gap: 15px;
    border-bottom: 1px solid var(--border-color);
}

.vm-entry:last-child { border-bottom: none; }

.vm-avatar-frame img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid var(--border-color);
}

.vm-entry-main { flex: 1; }

.vm-entry-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.vm-user-name {
    font-weight: bold;
    color: var(--text-main) !important;
    text-decoration: none;
    display: inline-block;
    unicode-bidi: isolate;
}
.vm-date { font-size: 11px; color: var(--text-muted); margin-right: 10px; }
.vm-id-tag {
    font-size: 11px;
    color: var(--text-muted);
    text-decoration: none;
    background: rgba(0, 0, 0, 0.05);
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 10px;
}
.vm-entry-body {
    background: var(--row-bg);
    padding: 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    color: var(--text-main);
    line-height: 1.6;
    margin-bottom: 10px;
	word-wrap: break-word;
	word-break: break-word;
}

.vm-entry-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vm-btn {
    font-size: 12px;
    color: var(--text-muted);
    text-decoration: none;
    margin-right: 15px;
}

.vm-btn:hover { color: var(--text-main); }

.button-delete-msg {
    background: #ff4757;
    color: #fff;
    border: none;
    padding: 5px 12px;
    border-radius: 4px;
    cursor: pointer;
}

.vm-post-new {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
}

.vm-post-content { padding: 15px; background: var(--row-bg); }

.vm-reply-area {
    margin-top: 10px;
    padding: 10px;
    background: var(--light-blue);
    border-radius: 6px;
}

.vm-reply-input {
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.vm-user-info-bar {
display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    direction: rtl;
    flex: 1
}

.vm-date-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--text-muted);
    font-size: 11px;
    white-space: nowrap;
    direction: rtl;
    margin-right: auto;
}

.vm-date-text {
    display: inline-block;
    direction: ltr;
}

.plupload_wrapper {
    width: 100% !important;
    min-width: 50% !important;
    margin-right: auto;
    margin-left: auto;
}



#drag_position {display:none;}
.information , .app_button{white-space: normal; display:inline; max-width: 65%;}
#el_ement {cursor:move; height:200px; list-style:none;}
#draggable {
border-radius: 4px 4px 0px 0px;
padding: 15px;
color: #fff;
position: relative;
height:200px;
}
.draggable {padding: 0px; margin: 0px; }
.cover_photo{
background-color: #F6F1F1;
}

#cover_photo_position {
position:absolute;
background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
opacity: 0.6;
color: #FFF;
}
.Ajaxwarning2 {
	font-family: 'Tajawal', sans-serif !important;
    font-size: 11px !important;
    background-color: aliceblue !important;
    color: #f10f1f !important;
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow: auto !important;
}
.Ajaxwarning1 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 11px !important;
    background-color: aliceblue !important;
    color: green !important;
    border: 0px !important;
    padding: 0px !important;
    overflow: auto !important;
}
span#result1 {
    display: block !important;
    position: relative !important;
    margin-top: 10px !important;
    line-height: 1.5 !important;
    width: auto !important;
}

span#result2 {
    display: block !important;
    position: relative !important;
    margin-top: 10px !important;
    line-height: 1.5 !important;
    width: auto !important;
}
.register-infos dd
{
border-right: 0px !important;
border-top: 0px !important;
}

.share-container {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
border-top: 1px solid #eee;
}

.share-label {
font-size: 14px;
font-weight: bold;
color: #6c757d;
}

.share-buttons {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.share-btn {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #fff !important;
text-decoration: none !important;
transition: transform 0.2s, filter 0.2s;
font-size: 14px;
}

.share-btn:hover {
transform: translateY(-2px);
filter: brightness(1.1);
}

.whatsapp { background-color: #25d366; }
.fb { background-color: #3b5998; }
.linkedin { background-color: #0077b5; }
.pinterest { background-color: #bd081c; }
.reddit { background-color: #ff4500; }
.email { background-color: #848484; }
.copy { background-color: #6c757d; }
.x-social { background-color: #000 !important; }
.x-social svg {width: 16px;height: 16px;vertical-align: middle;}
.telegram { background-color: #0088cc; }
.tumblr { background-color: #35465c; }

@media (min-width:1200px) {
body {
zoom: 120%;
-moz-transform: scale(1.2);
    -moz-transform-origin: top center;
}
.attach_field_files
{
width:45%;
}
.home-sub-forums::before {
    margin-left: 0px !important;
}
}
@media (min-width: 1600px) {
  body {
    zoom: 140%;
    -moz-transform: scale(1.4);
  }
}

@media (min-width: 1800px) {
  body {
    zoom: 206%;
    -moz-transform: scale(1.4);
  }
}
@media (min-width: 2800px) {
  body {
    zoom: 306%;
    -moz-transform: scale(1.4);
  }
}
@media (min-width:950px) {
.special-item a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 768px) {
.information_user_info .dirc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.itemscope-nav > li {
display: none !important;
}
.itemscope-nav > li:nth-last-of-type(1) {
display: inline-block !important;
}
.pbbsearch{
float: none !important;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 10px !important;
}
#advsearch {
    width: 247px;
    margin: 0px;
    position: absolute;
    top: 174px;
    left: 195px;
}
.logo {
float: none !important;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
header {
 height: 145px;
 text-align: center;
}
.icon-mobile-men-top-right{
display: block !important;
}
.nav_header_bar-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 1000;
    }
    #primary_nav {
        padding: 0;
        font-size: 12px;
        overflow: hidden;
    }
.arrow_y {
        margin-right: 5px !important;
        font-size: 10px;
        vertical-align: middle;
    }

    #usercptools-trigger, #pages-trigger {
        display: flex;
        align-items: center;
        gap: 3px;
    }
    .y_nav > li {
        display: none !important;
    }

    .y_nav > li:first-child,
    .y_nav > li#quick_options,
    .y_nav > li#quick_pages,
    .y_nav > li:has(a[href*="page=usercp&index=1"]) {
        display: inline-block !important;
    }
    .y_nav li {
        padding: 19px 5px !important;
    }
    .y_nav li a {
        padding: 0 5px !important;
        white-space: nowrap;
    }

    .itemscope-nav li:last-child span {
        max-width: 150px;
    }
    .special-container {
        grid-template-columns: 1fr;
    }

    .footer_bar {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    .footer-links {
        justify-content: center;
        flex-wrap: wrap;
    }
    .legend-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .tools-flex-bar {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .search-input-group {
        width: 100%;
    }

    .search-field {
        width: 100%;
    }
    .forum-stats-wrapper {
        flex-direction: column;
    }
    .stats-card {
        width: 100%;
    }

    .Code_table,
    .Code_table tbody,
    .Code_table tr,
    .Code_table td {
        display: block;
        width: 100% !important;
    }

    .Code_table td {
        text-align: center;
        border-bottom: none;
        position: relative;
        box-sizing: border-box;
    }

    .Code_table td:first-child {
        background-color: var(--main-blue, #1a73e8);
        color: #ffffff;
        border-bottom: 0px solid rgba(255,255,255,0.1);
        width: 100% !important;
    }

    .Code_table tr {
        margin-bottom: 0px;
        border: 0px solid var(--border-color);
        display: block;
    }


}



@media (max-width:980px) {
.icon-mobile-men-top-right{
display: block !important;
}
.special-item a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
nav #userlink_menu {
top: 175px;
right: -218px;
z-index: 999;
}
nav #userlink_menu li{
z-index: 999;
}
.f-details-l{
width: 60%;
}
.member-lists-bar dd{
display: inline-block !important;
margin:0px 3px;
}

#pm_popup{
width:65%;
left: 18%;
}
.sbp_buton {
left: 0px;
}
.w_lasts,.w_awards,.w_absent{
display:none !important;
}
.cked_fast{
width: 85%;
}
.attach_field_files
{
width:60%;
}
.div-sub-forums-columns{
width:600px;
}
}
@media (min-width:795px) {
.usercp_right{
width: 20%;
margin:0;
}
.usercp_left{
width: 80%;
margin:0;
}
.usercp_menu{
width: 95%;
}
.div-sub-forums-columns{
width:400px;
}
}
@media (max-width:794px) {
.register-infos dd, .register-invite{
width: 100%;
margin : 0px;
}
.f-details-l{
width: 65%;
}
.usercp_right{
width: 100%;
margin:0;
}
.usercp_left{
width: 100%;
margin:10px 0;
}
.usercp_menu{
width: 100%;
}

.NewsTime {
padding-right: 7px;
}
}
@media (max-width:980px) {

    #primary_nav {
        padding: 0;
        font-size: 12px;
        overflow: hidden;
    }
.arrow_y {
        margin-right: 5px !important;
        font-size: 10px;
        vertical-align: middle;
    }

    #usercptools-trigger, #pages-trigger {
        display: flex;
        align-items: center;
        gap: 3px;
    }
    .y_nav li {
        padding: 19px 5px !important;
    }

.y_nav > li:has(> a[href*="page=portal"]),
    .y_nav > li:has(> a[href*="page=member_list"]),
    .y_nav > li:has(> a[href*="page=chat_message"]),
    .y_nav > li:has(> a[href*="page=latest_reply"]),
    .y_nav > li:has(> a[href*="page=special_subject"]) {
        display: none !important;
    }

    .y_nav li a {
        padding: 0 5px !important;
        white-space: nowrap;
    }
    .forum-icon {
        display: none !important;
    }

    .forum-stats {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 10px;
    }

    .title_n a {
        font-size: 16px !important;
        display: block;
        margin-bottom: 5px;
    }

.numrs {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        width: max-content !important;
        max-width: none !important;
        margin: 5px 0 !important;
        padding: 5px !important;
        background: var(--select-bg) !important;
        border-radius: 8px !important;
        gap: 15px !important;
    }

.numrs dl {
        width: 45% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .numrs dl:last-child {
        border-bottom: none !important;
    }

.numrs dt {
        font-size: 11px !important;
        color: #666 !important;
        margin: 0 !important;
    }

    .numrs dt::after {
        content: "" !important;
    }

.numrs dd {
        font-size: 13px !important;
        font-weight: bold !important;
        color: var(--main-blue) !important;
        margin: 0 !important;
        padding-right: 5px !important;
        padding-left: 14px !important;
    }
    .awaiting_approval {
       width: max-content !important;
        box-sizing: border-box;
        margin: 5px 0 !important;
        text-align: center;
    }


.categorys .sub_forums .forum-last-post {
        width: 100% !important;
        max-width: 100%;
        display: flex !important;
        align-items: center;
        margin-left: auto !important;
        margin-right: auto !important;
        float: inline-start;
    }

    .div-sub-forums-columns {
        width: 100% !important;
        padding: 5px 0 !important;
    }

    .home-sub-forums {
        background: var(--bg-color);
        padding: 4px 8px;
        border-radius: 4px;
        margin: 2px !important;
        display: inline-block !important;
        font-size: 10px !important;
    }
.home-sub-forums::before {
    margin-left: 0px !important;
}
	.Info_last_Reply {
	font-weight: normal !important;
	font-size: 16px !important;
	width: 90% !important;;
	}


    .sub-forums-title {
        padding: 0 !important;
    }
	.NewsTime li {
	font-size: 13px !important;
	padding: 5px;
	}
    .describe {
        font-size: 13px !important;
        width: 100% !important;
        line-height: 1.2;
    }
	.Ajax-static option{
	width: auto !important;
	}
.lasts-news dd{
display: inline-block !important;
margin: 0;
}
.lasts-news textarea{
width: 96%;
}
}
@media (min-width:751px) {
.sbp_foot, .sbp_tfoot{
display:none !important;
}
.cked_fast{
width: 88%;
}

}


@media (min-width:750px) and (max-width:870px) {
.textemain {
width: 550px !important;
}
.right-mainbox,.left-mainbox {
float: none;
width: auto;
}
}
@media (max-width:750px) {

.prof-left, .prof-right{
width: 100%;
}
.f-details-l{
width: 70%;
}
.member-lists-susp{
display: none !important;
}
.member-lists-search{
display: inline-block !important;
}
.member-lists-arrangement dd,
.prof-left, .prof-right{
display: block !important;
margin : 0px;
}
.cked_fast{
width: 90%;
}
.w_others{
display: none !important;
}
#pm_popup{
width:75%;
left: 13%;
}


.sbp_forum, .sbp_sbar
{
width:100% !important;
}
.sb_btn, .sb_tbtn{
display:none !important;
}
.sbp_buton,.sbp_tbuton {
margin-top: 0px;
margin-left: -6px;

}
.sbp_show {
display: block !important;
float: left;
background: url(../images/expanded.png) no-repeat left;
background-repeat: repeat-x;
margin-bottom: 17px;
border-radius: 4px;
-webkit-border-radius: 4px;
text-align: center;
width: 100%;
}

.attach_field_files
{
width:85%;
}
}
@media screen and (max-width: 680px) {

.textemain {
width: 550px !important;
}
.r-nfo {
 padding-bottom: 8px;
}
span.info-userArrow{
display: none !important;
}
.tbar_writer_info .tbar_writer_userArrow {
position: relative;
vertical-align: middle;
width: 100%;
text-align: center;
}
span.tbar_writer_info-userArrow {
position: absolute;
top: auto;
bottom: 5px;
border: 13px solid transparent;
border-top-width: 0;
border-bottom-color: var(--border-color);
z-index: 33;
}

span.tbar_writer_info-userArrow:after {
content: "";
position: absolute;
top: auto;
right: auto;
left: -12px;
bottom: -13px;
width: 0;
height: 0;
border: 12px solid transparent;
border-top-width: 0;
border-bottom-color: var(--card-bg);
}
.user_menue{
width:200px;
}
.form_register input[type="text"],.border input[type="password"]{
min-width: 70%;
}

nav li #login-content {
left: 19px;
}

#primary_nav li{
padding:0px;
}

#subnavigation div.l-left{
display: none !important;
}
#nav_header_bar{
display: block !important;
}

#userlink-trigger{
padding:0px !important;
margin:0px !important;
position: relative;
left: 0px;
top: 0px;
z-index: 999;
}

.sceditor-container{
height: 422px !important;
}
.sceditor-container.wysiwygMode.rtl{
width: 400px !important; height: 422px !important;
}
.r-nfo .writers_info{
top: 1px !important;
width: 50%;
margin: 10px;
margin-left: auto;
margin-right: auto;
}

}
@media (min-width:651px) {
.forum_sub_n_rep, .forum_sub_n_vis{
display: none !important;
}
}
@media screen and (max-width: 650px) {
.w_photo, .w_infos{
margin: 5px;
display: inline-block !important;
vertical-align:top;
width: 94%;
}
.subcontent dd{
display: inline-block !important;
width: 100% !important;
margin-top: 0px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
dd.subbr, dd.subtr{
display: none !important;
}

div.pagetext_visitorMessage{
width: 300px;
}
.f-details-l{
width: 80%;
}
.smiles-bbcode{
display: none !important;
}
.ck-editor textarea{
width:85%;
}
.bbcodes-list{
width:97.8%;
}

.avatar-list, .friend_name, .friend_iagree, .friend_noagree{
width: 96%;
margin: 1px;
display:inline-block !important;
}
#pm_popup{
width:94%;
left: 3%;
}

.cp-reput-hide, .cp-attach-hide, .member-list-hide{
display: block !important;
margin-right:15px;
}
.right-mainbox,.left-mainbox {
float: none;
width: auto;
}
.writers_info dd {
max-width:100% !important;
}
.cked_fast{
width: 95%;
}
.attach_field_files
{
width:90%;
}
.forum_sub_vis, .forum_sub_rep, .forum_sub_icon, .sm_sub_lasts, .resp-susp{
display: none !important;
}

.subc
{
line-height: 0px;
}
ul.post_controls
{
padding: 0px;
margin: 3px;
}
ul.post_controls a
{
padding: 0 4px;
margin-left: 0px;
font-weight: normal;
}

.Button_ss {
padding-left: 0px;
padding-right: 0px;
margin: 0px;
margin-left: 1px;
font-weight: normal;
border-width: 0;
}

.Button_ss a{
margin-left: -8px;
font-weight: normal;
}
}
@media (max-width: 600px) {
    .vm-entry {
        position: relative;
        padding-top: 45px !important;
    }

    .vm-entry-side {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 35px;
        z-index: 10;
    }

    .vm-avatar-frame img {
        width: 35px !important;
        height: 35px !important;
    }

    .vm-entry-top {
        position: absolute;
        top: 13px;
        right: 48px;
        left: 10px;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center;
        width: calc(100% - 59px);
    }

    .vm-user-info-bar {
       display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
    }

    .vm-user-name { font-size: 11px; line-height: 1.2; }
    .vm-date-wrapper {display: block !important; font-size: 9px !important; margin-top: -13px !important; }

    .vm-entry-body { margin-top: 10px !important; width: 100%; }
    .vm-id-tag {font-size: 9px !important;padding: 2px 4px !important;margin-right: 7px !important;}
}
@media (max-width:520px) {
.textemain {
width: 450px !important;
}
.lasts-news dd{
display: inline-block !important;
margin: 0;
}
.lasts-news textarea{
width: 96%;
}
}

/* for 480px or less */
@media screen and (min-width: 481px) {
.forum_sub_n_lasts{
display: none !important;
}
}
@media screen and (max-width: 480px) {
.share-container {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
    .show-poll-table, .show-poll-table tbody, .show-poll-table tr, .show-poll-table td {
        display: table !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .show-poll-table .poll-answer-text{
        display: inline-block !important;
    }
    .show-poll-table .thead {
        display: inline-block !important;
    }
    .show-poll-table .thead1 {
        display: none !important;
    }
    .show-poll-table td.wd10 {
        padding-bottom: 5px !important;
        text-align: right !important;
        border-bottom: none !important;
        font-size: 14px;
    }

    .show-poll-table td.wd15 {
        padding: 5px 10px 10px !important;
        border-bottom: none !important;
    }

    .show-poll-table td.wd15 div[style*="background: #eceef0"] {
        height: 20px !important;
    }

    .show-poll-table td.wd49 {
        padding: 5px 10px !important;
        text-align: right !important;
        border-bottom: none !important;
    }

    .show-poll-table td.wd5 {
        text-align: left !important;
        padding: 0 10px 15px !important;
        font-size: 12px;
        color: #666;
        border-bottom: 1px solid #eee !important;
    }

.sceditor-container.wysiwygMode.rtl{
width: 100% !important; height: 400px !important;
}
.msg-card {
    width: 90%;
    max-width: 90%;
}
 .friends-grid {
     grid-template-columns: 1fr;
 }
.text img  {
 max-width :90% !important;
 max-height:auto;
}
.itemscope-nav > li {
display: none !important;
}
.itemscope-nav > li:nth-last-of-type(1) {
display: inline-block !important;
}
.subcontent .thead .r-right{
display: none;
}
.pbbList_inline li.r-right{
display: none;
}
header {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px 0 !important;
        margin-top: 0 !important;
    }

    .logo {
        position: static !important;
        margin: 0 0 15px 0 !important;
        width: auto !important;
        float: none !important;
        display: block !important;
    }
    .logo h1 {
        display: inline-block !important;
        font-size: 17px !important;
        margin: 0 !important;
    }

    #submit_search ul {
        display: flex !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    #advsearch {
        top: 183px !important;
        left: 55% !important;
        transform: translateX(-50%) !important;
        width: 250px !important;
        z-index: 9999 !important;
        position: absolute !important;
    }

    .l-center {
        display: none !important;
    }
    .multi_pages_container {
        justify-content: center;
    }
    .pager_item {
        min-width: 35px;
        height: 35px;
    }
    .pager_info {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }

    .forum-icon {
        display: none !important;
    }

    .forum-stats {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 10px;
    }

    .title_n a {
        font-size: 16px !important;
        display: block;
        margin-bottom: 5px;
    }

.numrs {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        width: max-content !important;
        max-width: none !important;
        margin: 5px 0 !important;
        padding: 5px !important;
        background: var(--select-bg) !important;
        border-radius: 8px !important;
        gap: 15px !important;
    }

.numrs dl {
        width: 45% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .numrs dl:last-child {
        border-bottom: none !important;
    }

.numrs dt {
        font-size: 11px !important;
        color: #666 !important;
        margin: 0 !important;
    }

    .numrs dt::after {
        content: "" !important;
    }

.numrs dd {
        font-size: 13px !important;
        font-weight: bold !important;
        color: var(--main-blue) !important;
        margin: 0 !important;
        padding-right: 5px !important;
        padding-left: 14px !important;
    }
    .awaiting_approval {
        width: max-content !important;
        box-sizing: border-box;
        margin: 5px 0 !important;
        text-align: center;
    }

    .UserPhoto_tiny_RCS img {
        width: 40px !important;
        height: 40px !important;
    }
.categorys .sub_forums .forum-last-post {
        width: 99% !important;
        margin: 0px !important;
        box-sizing: border-box !important;
    }

    .div-sub-forums-columns {
        width: 100% !important;
        padding: 5px 0 !important;
    }

    .home-sub-forums {
        background: var(--bg-color);
        padding: 4px 8px;
        border-radius: 4px;
        margin: 2px !important;
        display: inline-block !important;
        font-size: 10px !important;
    }

	.Info_last_Reply {
	font-weight: normal !important;
	font-size: 16px !important;
	width: auto; !important;
	}
    .home-sub-forums::before {
        display: none !important;
    }

    .sub-forums-title {
        padding: 0 !important;
    }
	.NewsTime li {
	font-size: 13px !important;
	padding: 5px;
	}
    .describe {
        font-size: 13px !important;
        width: 100% !important;
        line-height: 1.2;
    }
	.Ajax-static option{
	width: auto !important;
	}
	.p-options{
	text-align: right !important;
	}

.textemain {
width: 350px !important;
}
.user_s {
font-size: 14px;
text-align: right;
white-space: normal;
}
.pp-taboff, .pp-tabshaded{
padding: 6px;
}
.last_page_show{
font-size: 8px !important;
width: 4% !important;
}
.multi_pages td.main_bar {
width: 2% !important;
}
.f_sub_link #buttons_link {
position: relative;
top: -40px;
}


div.pagetext_visitorMessage{
width: 250px;
max-width:250px;
word-break: break-all;
}
div.pagetext_visitorMessage div{
width: 250px;
max-width:250px;
word-break: break-all;
}
.information{
max-width:120px;
width: auto;
word-wrap: break-word;
white-space: pre-wrap;
clear: both;
}
.morwidth {
width: 100% !important;
margin-top: -75px !important;
}

.f-details-l{
width: 99%;
}
nav li #alerts-content{
width: 90%;
right: 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
}
.element_menu{
margin: 0px !important;
padding: 0px !important;
}

.max-input{
width:35%;
}
body #border_msg, #border_msg .row1{
width: 300px;
}
.attach_field_files
{
width:92%;
}
#pm_popup{
width:100%;
left: 1%;
}
.lastP_user a{
color: #F00;
}
.lastP_date{
min-width: 60px;
}
.resize_img{
font-size: 8px;
}

table,td,h1,textarea{
outline:0 !important ;
left:auto !important ;
right:auto !important ;
resize:vertical;
min-height:auto !important
}
.rows_space textarea
{
width: 90%;
}
.Iconchevron{	left:auto !important ;
right:auto !important ;
float: none;
}
.row1,.row2,.row3,.row4,usericon,statesicon{
padding: 0px;
height: auto;
border: 0px solid;
}
.UserPhoto_large img {
width: 70px;
height: auto;
}
.pbbList_inline{
list-style:inherit;
display: inline-block;
}
#primary_nav,#subnavigation
{
z-index: 7;
}
.body_wrapper
{
top:33px;
}
.select_jump
{
width:100px;
}

.w_photo, .w_infos, .mod_box, .topic_links, .pager_box{
margin: 5px;
display: inline-block !important;
}
.cked_fast{
width: 100%;
}
.row1, .row2{
border-top: 0px dotted var(--border-color) !important;
}

.multi_pages .mainbar, .multi_pages .pag_row a{
padding: 4px 6px;
}
.ul.post_controls a{
padding: 0 5px;
margin-left: 3px;
}
.p-lasts-pager{
float: none;
}

.information{
display: none;
}

.multi_pages{
width: 350px;
}
.pbbList_inline .r-right {
margin-top: -30px;
}

.wd90,.wd80,.wd60,.wd70 {
width: 100%;
}

.menu_popup input[type="submit" i]{
min-width: 10px;
margin: 1px;
padding: 2px 5px 0 4px;
}


.writer_info, .w_others, .w_infos {
    width: 98%;
}

	.writer_info dl.pairs > dt {
	width: 100% !important;
	}

.wd79 .r-right {
    display: inline-flex;
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wd79 .r-right img{
max-width: 16px;
max-height: 16px;
margin-left: 4px;
}
    .legend-grid {
        grid-template-columns: repeat(2, 1fr);
    }
.subcontent .thead
{
    border: 1px solid var(--border-color) !important;
    border-radius: 12px 12px 0px 0px !important;
}
.r-nfo {
    border-left: 1px solid var(--border-color);
}
.codediv {
    width: 100% !important;
}
.pre {
    width: 100% !important;
}

.quotemain cite {
font-size: 9px !important;
}
.border .thead1 {
   font-size: 11px !important;
}
.footer-wrapper {
 border-top: 2px solid #e1e8ed;
}
.footer_bar {
        display: block !important;
        text-align: center !important;
        padding: 15px 5px !important;
    }
    .footer-links {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px 15px !important;
        margin-bottom: 20px !important;
        direction: rtl !important;
        padding: 0 20px !important;
    }
    .footer-links li {
        width: 100%;
        justify-content: flex-start !important;
    }
    .footer-links li a {
        font-size: 13px !important;
        color: #555 !important;
        white-space: nowrap !important;
    }

    .footer-controls {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
    .footer-select {
        width: auto !important;
        max-width: 280px !important;
        height: 35px !important;
    }
    .back-to-top i {
        font-size: 30px !important;
    }
    .badge {
        margin: 0 3px 0 0 !important;
        background: var(--main-blue) !important;
        color: var(--card-bg) !important;
    }
.row_sidebar li {
    font-size: 13px;
}
.last_time_ago {
    font-size: 13px !important;
}
    .logo h1 {
        font-size: 20px !important;
    }

.border .forum_sub_lasts{
display: none;
}
.btn-new-topic, .center_text_align input[type="submit" i] {
padding: 6px 8px !important;
font-size: 12px;
font-weight: 500;
}

.sceditor-container {
   height: 300px !important;
}
div.sceditor-dropdown {
  left: 0px !important;
}
#pages-content, #usercptools-content  {
   margin-top: 10px !important;
}
}

@media screen and (max-width: 404px) {
.information{
display: none;
}

li.management_profile{
display: none;
}
.f-details-s, .f-details-m{
width: 100%;
min-width: 100%;
}
.sub_tools{
*direction: ltr;
}
#subject_tools{
direction: rtl;
}
}
@media screen and (max-width: 390px) {
    #advsearch {
        top: 41px !important;
        left: 55% !important;
        transform: translateX(-50%) !important;
        width: 240px !important;
        z-index: 9999 !important;
        position: absolute !important;
    }
.subcontent .thead a {
    display: inline-flex;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  .wd79 .r-right
 {
        display: inline-flex;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.textemain {
width: 250px !important;
}

.quotelang
{
display: none !important;
}

#submit_search {
position: relative;
left: 3px;
top: 0px;
z-index: 9;
}

.buttons_no_link , #buttons_link{
margin-top: 4px !important;
}

}

@media screen and (max-width: 360px) {
  .wd79 .r-right
 {
        display: inline-flex;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

.UserPhoto_xlarge img{
    height: 50px;
    width: 50px;
}
}
@media (max-width:300px) {
.textemain {
width: 250px !important;
}
.information{
display: none;
}

.app_button{
display: none;
}
.lasts-news table {
width: 100%;
}


.quotelang
{
display: none !important;
}
}
@media screen and (max-width: 290px) {
.borderwrap {
width: auto; !important;
}
.forum-icon
{
display: none !important;
padding: 0px !important;
margin: 0px !important;
}

#nav_header_bar li {
width: auto;
}
#userlink-trigger {
display: none !important;
}
.pp-contentbox-back{
padding: 0px;
margin: 0px;
}

input[type="text"],input[type="url"],.max-input{
width: 200px !important;
}
.wd60 select{
width: 50px !important;
}
.usercp_left .wd60{
width: auto !important;
}
.describe{
    width: 240px;
}
.category span.block-header {
    padding: 8px 6px !important;
}
.category {
font-size: 12px;
font-weight: normal;
}
.UserPhoto_xlarge img{
    height: 50px;
    width: 50px;
}

}