::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  background: #cac4bc;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #aca7a0;
}
::-webkit-scrollbar-thumb:active {
  background: #a4a09a;
}
::-webkit-scrollbar-track {
  background: #fbf8f3;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #fbf8f3;
}
::-webkit-scrollbar-track:active {
  background: #ddd5c8;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.logo{
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}
.menu {
    text-align: right;
}
.content, body {
    background-color: #f5f0e8
}
span.pages, ul.nav {
    display: inline-block
}
.menu, ul.nav li {
    float: right
}
body {
    direction: rtl;
    margin: 0;
    padding: 0;
    font-family: "Geeza Pro", Nadeem, "Al Bayan", Arial, Tahoma, "Times New Roman", serif;
    font-weight: bold;
}

span.date, span.showmobile {
    color: #79746c;
}

h1 {
    font-size: 25px
}
.main-body {
    width: 100%;
    margin: 0 auto;
}

h2{
    font-size: 18px;
}

a.newsSources {
    display: inline-block;
    padding: 8px;
    background: #efe9df;
    margin: 5px 0px 5px 5px;
    border: 1px solid #ddd5c8;
    color: red;
    font-size: 13px;
}

a.newsSources:hover {
    background: #efd4a7;
}

.header {
    height: auto
}
.bottom_bar {
    padding: 0 20px
}
.logo {
    position: relative
}
.logo a {
    color: #000
}
.menu {
    width: 70%
}
.fixed_mob_bar2,
.top_navigation_mob {
    position: fixed;
    width: 100%;
    z-index: 1100;
    right: 0
}
.adshere,
.footer,
.footer_ad,
.hideshow,
.icomob,
.social_bar_mob,
table.news td {
    text-align: center
}
table.news {
    padding: 10px 20px;
    background-color: #F5F0E8
}
table.news th {
    padding: 8px;
    background: #ddd5c8;
    border-bottom: 1px solid #9c9488;
    border-top: 1px solid #9c9488;
    color: #56534e;
}
table.news tr {
    height: 20px;
    padding: 0;
    margin: 0
}
table.news td {
    padding: 5px;
    margin: 0;
    border-bottom: 1px #9C9488 dashed
}
a {
    color: #1a67b6;
    text-decoration: none
}
a:hover {
    color: #ff8600;
}
.top_navigation {
    background: rgba(218, 210, 197, .9);
    padding: 20px;
    font-size: 15px;
    line-height: 2;

}
.top_navigation_mob {
    background: #dad2c5;
    font-size: 15px;
    padding: 5px 0;
    top: 0
}
.fixed_mob_bar2 {
    top: 52px;
    background: #000;
    padding: 5px 10px 0 0
}
.icomob,
span.pages {
    width: 40px;
    background: #fff
}
.fixed_mob_bar2 ul.nav li a {
    color: #DAD2C5
}
.fixed_mob_bar2 ul.nav li a:hover {
    color: #fff
}
a.source {
    color: red
}
ul.nav li a {
    color: #79746C
}
ul.nav li a.current,
ul.nav li a:hover {
    color: #000
}
.icomob {
    border: 1px solid;
    height: 40px;
    line-height: 1.8;
    font-size: 23px
}
span.pages {
    padding: 3px 0;
    margin: 2px;
    border: 1px solid #C7C1B7;
    color: #807C77;
    font-family: arial, tahoma;
    font-size: 13px
}
span.current,
span.pages:hover {
    background: #A79C8B;
    color: #fff
}
span.pages:hover {
    cursor: pointer
}
span.current:hover {
    cursor: default
}
.colorBlink {
    animation-duration: 1.2s;
    animation-name: blinkColor;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation: blinkColor 1.2s infinite
}
@keyframes blinkColor {
    from {
        color: #000
    }
    to {
        color: red
    }
}
@-webkit-keyframes blinkColor {
    from {
        color: #000
    }
    to {
        color: red
    }
}
.description {
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: -5px;
    background: #efe9e1;
    padding: 2px 5px;
    border-radius: 3px;
    color: #69645d;
    border: 1px solid #ddd5c8;
    font-weight: normal;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(218, 210, 197, .9);
    direction: ltr;
    padding: 5px 0;
    z-index: 1000;
    margin: 0px;
    font-size: 15px;
}
span.footerdes {
    position: fixed;
    font-size: 13px;
    color: #65625E;
    padding-top: 5px
}
ul.nav {
    list-style: none;
    padding: 0;
    margin: 0
}
#show_button,
.showmobile {
    display: none
}
ul.nav li {
    padding: 0 10px;
    border-left: 1px dotted #968C7E
}
ul.nav li:first-child {
    padding: 0 0 0 5px
}
ul.nav li:last-child {
    border-left: none
}
.top_navigation {
    height: 28px
}
.hideshow {
    height: 10px;
    color: #fff;
    position: relative;
    cursor: pointer;
    background: #333
}
.in_hideshow {
    position: absolute;
    left: 50%;
    width: 40px;
    top: -18px;
    padding: 0 5px;
    font-size: 16px;
    border-radius: 10px 10px 0 0;
    background: #333;
    line-height: 1.8
}
input#searchinput,
input#searchinputmob {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #a79c8b;
    color: #000
}
.ad_top {
    position: absolute;
    top: 40px;
    left: calc(50% - 364px);
}
input#searchinput {
    width: 300px;
    background-color: #f1ece5;
    margin-top: -4px;
}
input#searchinputmob {
    height: 40px;
    width: 100%;
    background-color: #f9f7f4;
    border-radius: 0
}
.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl
}
.serach_bar {
    width: auto;
    float: left
}
.social_bar {
    padding: 0
}
.social_bar_mob {
    width: auto
}
.padleft {
    padding-left: 5px
}
.footer_ad {
    position: fixed;
    bottom: 40px;
    width: 100%;
    height: 50px;
    left: 0
}
.adshere {
    padding-top: 20px;
    margin: 0 auto
}

table.news tr:nth-child(even) {
    background: #fbf8f3;
}
table.news tr:nth-child(odd) {
    background: #efe9e1;
}

@media screen and (max-width: 800px) {
    .showmobile {
        display: inline
    }
    .hidemobile {
        display: none
    }
    table.news td {
        padding: 10px
    }
    h1 {
        font-size: 25px
    }
    .secspace {
        display: block
    }
}