.nav-side-menu{overflow:auto;font-family:verdana;font-size:12px;font-weight:200;background-color:#2e353d;position:absolute;top:0;width:290px;height:auto;color:#e1ffff}.nav-side-menu .brand{background-color:#23282e;line-height:50px;display:block;text-align:center;font-size:14px}.nav-side-menu .toggle-btn{display:none}.nav-side-menu ul,.nav-side-menu li{list-style:none;padding:0;margin:0;line-height:35px;cursor:pointer}.nav-side-menu ul :not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before{direction:rtl;font-family:FontAwesome;content:"\f078";display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle;float:right}.nav-side-menu ul .active,.nav-side-menu li .active{border-left:3px solid #d19b3d;background-color:#4f5b69}.nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active{color:#d19b3d}.nav-side-menu ul .sub-menu li.active a,.nav-side-menu li .sub-menu li.active a{color:#d19b3d}.nav-side-menu ul .sub-menu li,.nav-side-menu li .sub-menu li{background-color:#181c20;border:0;line-height:28px;border-bottom:1px solid #23282e;margin-left:0}.nav-side-menu ul .sub-menu li:hover,.nav-side-menu li .sub-menu li:hover{background-color:#2ecc71}.nav-side-menu ul .sub-menu li:before,.nav-side-menu li .sub-menu li:before{font-family:FontAwesome;content:"\f039";display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle}.nav-side-menu li{padding-left:0;border-left:3px solid #2e353d;border-bottom:1px solid #23282e}.nav-side-menu li a{text-decoration:none;color:#e1ffff}.nav-side-menu li a i{padding-left:10px;width:20px;padding-right:20px}.nav-side-menu li:hover{border-left:3px solid #d19b3d;background-color:#4f5b69;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
@media only screen and (max-width:767px){.nav-side-menu{position:relative;width:100%;margin-bottom:10px}.date{font-size: 14px;} .nav-side-menu .toggle-btn{display:block;cursor:pointer;position:absolute;right:10px;top:10px;z-index:10!important;padding:3px;background-color:#fff;color:#000;width:40px;text-align:center}.brand{text-align:center!important;font-size:22px;padding-left:20px;line-height:50px!important}}@media(min-width:767px){.nav-side-menu .menu-list .menu-content{display:block}.bg-success{width:100%}}body{direction:rtl;text-align:right;margin:0;padding:0}.bg-light{overflow-y:scroll;overflow-x:hidden;width:78%;height:100%;display:inline-block;position:absolute;float:left;left:0;border:1px solid #bdc3c7}@media(max-width:767px){.bg-light{width:100%;margin:10px;padding:10px}}






span{font-family:'DroidKufi',serif!important;text-align:justify!important;}
button.accordion{background-color:#eee;color:#444;cursor:pointer;padding:18px;width:100%;border:0;text-align:left;outline:0;font-size:15px;transition:.4s}td{text-align:justify!important}button.accordion.active,button.accordion:hover{background-color:#ccc}div.panel{padding:0 18px;display:none;background-color:white}
@font-face{font-family:'DroidKufi';font-style:normal;font-weight:normal;src:url(../fonts/DroidKufi-Regular.eot);src:url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/DroidKufi-Regular.woff2) format('woff2'),url(../fonts/DroidKufi-Regular.woff) format('woff'),url(../fonts/DroidKufi-Regular.ttf) format('truetype')}
@font-face{font-family:'Amiri';font-style:normal;src:local('Amiri Regular'),local('amiri-regular'),url(fonts/amiri-regular.ttf) format('truetype');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+E0FF,U+EFFD,U+F000,U+FB50-FDFF,U+FE80-FEFC}
body{direction:rtl;font-family:'cairo',serif!important;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;font-family:'Cairo',sans-serif;background-image:url('img/2.png')}#sidebar{border:1px dotted #ddd;box-shadow:0 0 10px rgba(0,0,0,0.25);padding:10px;background:#fff;margin-right:auto;border-radius:10px}#content{margin-right:auto;margin-left:auto;border:1px dotted #ddd;box-shadow:0 0 10px rgba(0,0,0,0.25);padding:10px;background:#fff;border-radius:10px}.avatar{vertical-align:middle;width:50px;height:50px;border-radius:50%}.card{border:1px solid rgba(123,123,123,0.49804);padding:5px;margin:10px;border-radius:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);text-align:center}.card1{border:1px dashed rgba(123,123,123,0.9);padding:5px;margin:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);text-align:center}.card2{padding:5px;margin:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);text-align:center}
.card3{padding:5px;margin:5px;text-align:right;border: 1px solid #e2e0d8;text-decoration: none;}
.social{color:#2b4f02}
li a{color:#4d7e16}
li a:hover{color:#fff}
dropdown-item{color:#4d7e16}
.btn-search{background-color: #4a7c12; color:#fff}
.modal-content input {background-color:#fffde7;color:#4d7e16}
.modal-content input:focus {background-color:#fffde7;color:#4d7e16}
.divider {
  border-right: 1px solid #aca793;height: 50%; margin-top:12px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}





.card{
    background-color: #fbf8ef
}
.card a{
    color: #3c7101
        text-decoration:none;
}


.card .box .img {
    width:120px;
    height:120px;
    margin:0 auto;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border: dotted 1px #7f7e73;
    border-radius:50%;
    overflow:hidden;
}
.card .box .img img {
    width:100%;
    height:100%;
}

.title{
    color: #3c7101

}
.title hover{
    color: #3c7101

}

.cat{
    color: #4a4a4a

}
.cat hover{
    color: #3c7101

}
.cat1{
    color: #4a4a4a

}
.cat1 hover{
    color: #000000

}
.post{margin:5px;
    padding:2px;
  /*  font-size: 18px!important;*/
    text-align:justify;
      }
.post span{text-align:justify!important;font-family:'Amiri',serif!important;}
/*.post p{text-align:justify!important;font-family:'Cairo',serif!important;}*/
.post p{margin:10px;padding:10px;text-align:justify;font-family:'Amiri' !important; font-size: 22px}
h1 {font-family:'cairo'!important; font-size: 22px}
h2 {font-family:'cairo'!important; font-size: 22px}
.related{padding:5px;margin:5px;text-align:right;border: 1px solid #e2e0d8;text-decoration: none;background-color: #fff}




.icon-bar {
  direction: rtl;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 5px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #2b4f02;
}
.cfont{
  color: white;
}
.cfont:hover{
  color: #7aaf3e;
}

.increase{
background: #6d9f35;

}
.nr{
background: #b49d59;

}
.decrease{
background: #6d9f35;

}

.amiri {
  font-family:'Amiri';
  font-size: 20px
}
hr {
  border: 0;
  border-top: 1px solid #8c8c8c;
  text-align:center;
}
hr:after {
  content: '\f260';
  font-family: 'FontAwesome';
  display: inline-block;
  position: relative;
  top: -13px;
  padding: 0 3px;
  background: #fbf8ef;
  color: #8c8c8c;
  font-size: 18px;
}
.hrp:after {
  content: '\f260';
  font-family: 'FontAwesome';
  display: inline-block;
  position: relative;
  top: -13px;
  padding: 0 3px;
  background: #ffff;
  color: #8c8c8c;
  font-size: 18px;
}



#loader {
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  position: fixed;
  height: 100vh;
  width: 100%;
  background: #fff;
  z-index: 90000;
}

#loader.fadeOut {
  opacity: 0;
  visibility: hidden;
}

.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}