.w3-theme-l5 {color:#000 !important; background-color:#f8f4f3 !important}
.w3-theme-l4 {color:#000 !important; background-color:#e7dcd7 !important}
.w3-theme-l3 {color:#000 !important; background-color:#d0b8b0 !important}
.w3-theme-l2 {color:#fff !important; background-color:#b89588 !important}
.w3-theme-l1 {color:#fff !important; background-color:#a07261 !important}
.w3-theme-d1 {color:#fff !important; background-color:#6d4d41 !important}
.w3-theme-d2 {color:#fff !important; background-color:#61443a !important}
.w3-theme-d3 {color:#fff !important; background-color:#553c33 !important}
.w3-theme-d4 {color:#fff !important; background-color:#49332c !important}
.w3-theme-d5 {color:#fff !important; background-color:#3d2b24 !important}

.w3-theme-light {color:#000 !important; background-color:#f8f4f3 !important}
.w3-theme-dark {color:#fff !important; background-color:#3d2b24 !important}
.w3-theme-action {color:#fff !important; background-color:#3d2b24 !important}

.w3-theme {color:#fff !important; background-color:#795548 !important}
.w3-text-theme {color:#795548 !important}
.w3-border-theme {border-color:#795548 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#795548 !important}
.w3-hover-text-theme:hover {color:#795548 !important}
.w3-hover-border-theme:hover {border-color:#795548 !important}

body
{
    text-align: right;
    direction: rtl;
    font-family: 'DroidArabicKufiRegular';
    font-size: 12pt;
}
.mainBlur
{
    filter: blur(2px) grayscale(80%);
}

.w3-col
{
    float: right;
}
.minisocial img
{
    height: 32px;
    line-height: 32x;
    width: 32px;
    display: inline-block;
    text-align: center;
    float: left;
    padding: 6px;
}
.row-fix
{
    margin-right: -16px;
    margin-left: -16px;
    clear:both;
}

.full-width
{
    min-width: 100%;
}
}
.w30{width:30px;}
.w15{width:15px;}
.w50{width:50px;}
a{text-decoration: none;}
.ov{overflow: hidden;}


#leftMenu
{
    position: fixed;
    overflow: hidden;
    height: 100vh;
    width: 250px;
    display: none;
    z-index:9999;
}

#leftMenu a
{
    font-size: 14pt;
    border-bottom: 1px dotted #ccc;
    line-height: 22pt;
    padding: 5px 10px;
}

#leftMenu a:last-child
{
    border-bottom: 0px none transparent;
}

#leftMenu a:nth-child(odd)
{
    background-color: rgba(253,245,230,.36);
}

.searchOn
{
    text-shadow: 0px 0px 1px #fff;   
}

#indexSlider,
#indexSliderLevel2
{
    white-space: nowrap;
    overflow: auto;
}

#indexSlider .w3-badge,
{
    background-color: #49332c;
    border: 1px solid gray;
}

#indexSliderLevel2 .w3-badge
{
    background-color: lightgray;
    border: 1px solid gray;
    color: #000;
}
#indexSlider .w3-badge.active
{
    background-color: #86645a;
    border: 1px solid black;
}

#indexSliderLevel2 .w3-badge.active
{
    background-color: black;
    border: 1px solid white;
    color: white;
}

#getLast a
{
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
}

#indexSliderLevel2,#searchBarHome
{
    display: none;
}


.mb
{
    margin-bottom: 16px;
}

#authored_by_shiekh span.w3-block
{
    height: 76px;
    overflow: hidden;
}

.cat-item-sound
{
    border-bottom: 1px dotted #ccc;
    line-height: 35px;
    font-size: 15pt;
}

.cat-item-sound:nth-child(odd)
{
    background-color: #f3f3f3;
}

.cat-item-sound img
{
    max-width: 40px;
    max-height: 40px;
}

img
{
    vertical-align: middle;
}

#twitter-block {
    height: 400px;
    overflow: auto;
    margin-bottom: 16px;
}

.article-title
{
    font-size: 13pt;
}
.w30, .w3-btn img,
.social img
{
    width: 30px;
    height: 30px;
}
#topic-tools
{
    overflow: hidden;
}
#topicAttachmentsContanter
{
    display: none;
}

#topicAttachmentsContanter .w3-btn,
#changeFontContainer
{
    width: 49%;
    margin-left: 1%;
    margin-bottom: 1%;
    display: inline-block;
    float: right;
    font-size:10pt;
}
#changeFontContainer .w3-btn
{
    width: 99%;
}
#topicAttachmentsContanter .w3-btn:last-child
{
    width: 100%;
    margin-left: 0%;
}

#shareTopicBoxBtn
{
    position: relative;
    top: -3px;
    right: -5px;
    padding: 5px;
}

#dateViewBox
{
    font-size: 10pt;
}

#dateViewBox .w30
{
    width: 20px;
    height: 20px;
}


.next_prev .w3-theme-l2
{
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    text-align:center;
}

.next_prev .w3-theme-l3
{
    height: 80px;
    overflow: hidden;
}

.next_prev a
{
    display: block;
}

.no-print
{
    display: block;
}
.print-only
{
    display: none ;
}

.show_slides marquee
{
    height: 300px;
}

@media print
{
    .no-print
    {
        display: none;
    }
    .print-only
    {
        display: block ;
    }
}