::-webkit-scrollbar {
    width: 7px;
	    height: 7px;
}
::-webkit-scrollbar-track {
background-color: rgba(49, 30, 25, 0.74);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(83, 50, 12, 0.48);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #974b00;
}
::-webkit-scrollbar-button       { 
    background-color: rgba(255, 87, 34, 0.35);
    border-radius: 4px;
}

@font-face {
 font-family: 'RobotoProgrammer';
 src: url('css/fonts/STC-Regular.eot');
 src: local('?'), url('css/fonts/STC-Regular.woff') format('woff'), url('css/fonts/STC-Regular.ttf') format('truetype'), url('css/fonts/STC-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
html{background: #201c1b;}
body {
    font-family: 'RobotoProgrammer', sans-serif!important;
    position: relative;
    background: rgb(32, 28, 27) url(img/books-bg.jpg)repeat top center;
	padding-top:67px;
}
a {
    color: #96642e;
	
}
.bigtext {
  display: block;
  overflow: hidden;
  font-family: system-ui;
}
.hide{
	display:none;
}
.ellipsis {
  text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.bg-dark{
	    background-color: rgb(47, 45, 42)!important;
}
.smallH1{
	font-size:7px;
	float: right;
	color:rgba(255, 255, 255, 0); 
	padding: 0;
	margin: 0;
	line-height: 0px;
}
.likeHeader{
    width: 100px;
    margin: auto;
    position: absolute;
    left: 122px;
    top: 62px;
}
.i2tags{
	display:none;
}	

.error{
    border: 1px solid rgb(255, 0, 0);
}

#Rmnutog{
    width: 100%;
    border-radius: 2px;
    margin: 4px 0 0 0;
    height: 32px;
    line-height: 15px;
}
#Rmnutog .fas{
	margin-left:4px;
}
#Rmnutog .fas,#Rmnutog,#Rmnutog i.fas{
color: #000;
}
#Rmnutog.btn-success{
    text-shadow: 0.5px 0.5px 1.1px #77fc7794;;
}
#Rmnutog.btn-warning{
    text-shadow: 0px 0.5px 1px #f8e47f;
}


.himaMenu{
    background: rgba(0, 0, 0, 0.65);
    border-radius: 6px;

	text-align:right;
	direction:rtl;
	border-right: 1px solid rgb(237, 173, 24);
	    width: -webkit-fill-available;
	    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto;	
	font-size: 22px;
    line-height: 26px;
}
.himaMenu .nav-link{
	padding:5px 2px 9px 0px;
    width: calc(100% - 1px);
}
.himaMenu a:link,.himaMenu a:visited{
	color:#cccccc;
	padding:5px 2px 9px 0px;
    width: calc(100% - 1px);
	
}
.himaMenu a:hover,.himaMenu a:active{
	background:#000;
}
.himaMenu a::before{  
content: "⚪️";
    /* background-color: rgb(255, 255, 0); */
    
    font-weight: bold;
    margin: 0 0 0 4px;
	  opacity: 0.5;


}
.himaMenu a:hover::before{  
opacity: 1;
}
.himaMenu .active:link,.himaMenu .active:visited{
color: rgb(87,87,87)!important;
background-color: rgb(237,173,24)!important;

}

.himaMenu .selected:link,.himaMenu .selected:visited{

background-color: rgb(0,0,0)!important;
border-right: 5px solid rgb(237, 173, 24);
}


.himaMenu .active::after,.himaMenu .selected::after{
	content: "✔️";
    /* background-color: rgb(255, 255, 0); */
	float:left;
    font-weight: bold;
    margin: 0 0 0 -3px;
	  opacity: 0.5;
}
.himaMenu .selected::after{
	content: "📌"!important;
}
.himaNAV{

}
}
.hima_lib::before{
content: "🏛"!important;
}
.hima_lib{
    color: rgb(201,124,116)!important;
    background-color: rgb(18, 13, 11);
}

.hima_cat::before{
content: "📚"!important;
}
.hima_cat{
color: rgb(97, 169, 193)!important;
    background-color: rgb(14, 17, 25);
	padding-right: 11px!important;
}
.hima_author::before{
content: "👓"!important;
}
.hima_author{
color: rgb(214, 194, 16)!important;
    background-color: rgb(28, 29, 21);
	padding-right: 11px!important;
}
.hima_dar::before{
content: "🖨"!important;
}
.hima_dar{
color: rgb(214, 194, 16)!important;
    background-color: rgb(28, 29, 21);
	padding-right: 11px!important;
}
.hima_cat_cat::before{
content: "📁"!important;
}
.hima_cat_cat{
    color: rgb(130, 142, 92)!important;
    background-color: rgb(23, 29, 23);
	padding-right: 25px!important;
}




.hima_g::before{
content: "📚"!important;
}
.hima_g{
    color: rgb(151, 146, 153)!important;
}

.hima_more_cat::before{
content: "📦"!important;
}
.hima_more_cat{
    color: rgb(151, 146, 153)!important;
}

.hima_sitemap::before{
content: "🗺"!important;
}





/* authors */
.author_one_card{
	    min-height: 442px;
}
.author_one_card.bg-dark {
    background-color: rgb(49, 47, 38)!important;
}
.author_one_card img{
max-height:200px;
border-radius: 50%;
}
.author_one_card .card-title a{
	font-size: 19px;
}
.author_one_card .card-text{
max-height: 100px;
    overflow: hidden;
    overflow-y: auto;
    font-size: 13px;
    color: #8f959a!important;
}



/* dars */
.dar_one_card{
	    min-height: 442px;
}
.dar_one_card.bg-dark {
    background-color: rgb(49, 47, 38)!important;
}
.dar_one_card img{
max-height:200px;
}
.dar_one_card .card-text{
max-height: 100px;
    overflow: hidden;
    overflow-y: auto;
}

/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 106px;
}


.bs-docs-sidenav {
width: 228px;
margin: 0px 0 0;
padding: 0;
background-color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
box-shadow: 0 1px 4px rgba(0,0,0,.065);
font-size: 20px;		  
}

.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
      font-size: 15px;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
top: 43px;
max-height: 91%;
overflow: auto;	
} 
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 200px;
}





.navbar-dark,.dropdown-menu{
		background-color: #291508!important;

background: -moz-linear-gradient(top, #58360d 0%, #291508 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #58360d 0%,#291508 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #58360d 0%,#291508 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#291508', endColorstr='#58360d',GradientType=0 )!important; /* IE6-9 */
    border-bottom: 1px solid #3a2009;
	    box-shadow: 0px 1px 14px 6px #000;
		    text-shadow: 1px 1px 1px #000;
}
.navbar-dark .navbar-nav .nav-item.active {
    background: rgb(43, 22, 8);
    border: 1px inset rgb(77, 33, 2);
}
.navbar-scroll-hide{
	top:-50px;

}
#nav>.dropdown>ul.dropdown-menu{
max-height: calc(100vh - 59px);
    overflow: hidden;
    overflow-y: auto;
}
.nav-link{
	direction:rtl;  

  text-overflow: ellipsis;

}
.nav-link img{
height:26px;
max-width:36px;
    margin:-.5rem 0.1rem -.5rem 0.2rem;

	}
	
.nav-link.dropdown-toggle{
	padding-right: 0rem;
    padding-left: 0rem;
	}
.nav-link.dropdown-toggle i.fas {
	
	    font-size: 27px;
}
.container {
  max-width: 960px;
}

/*
 * Custom translucent site header
 */
.rtl{
	direction:rtl!important;
}
.ltr{
	direction:ltr!important;
}
.search_input{
	    background: rgb(43, 22, 8);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(100, 61, 15);
	    max-width: 100%;
}
.head_og{
text-align: right;
    max-height: 163px;
    overflow: hidden;
    overflow-y: auto;
}
.head_og h1{ 
	font-size:26px;
}
.ogimage{
	max-height:150px;
	float:right;
	margin-left:7px;
}
.ogdescription{
	height:150px;
	overflow-y:auto;
	
}
.breadcrumb{
    margin-top: 4px;
    background: #100c0ac7;
    line-height: 23px;
    padding: 5px;		
}
.breadcrumb-item+.breadcrumb-item{
	padding-left: 0;
	padding-right: .5rem;
	
}
.breadcrumb-item+.breadcrumb-item::before{
	    padding-left: .5rem;
	    padding-right: 0;
}

.page-header {
    background: rgb(54, 33, 11);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36210b+0,422b10+95,000000+100&0+43,1+97 */
background: -moz-linear-gradient(left, rgba(54,33,11,0) 0%, rgba(59,38,13,0) 43%, rgba(66,43,16,0.96) 95%, rgba(40,26,10,1) 97%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(54,33,11,0) 0%,rgba(59,38,13,0) 43%,rgba(66,43,16,0.96) 95%,rgba(40,26,10,1) 97%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(54,33,11,0) 0%,rgba(38, 20, 10, 0.05) 43%,rgb(38, 20, 10) 95%,rgb(13, 9, 4) 97%,rgb(0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0036210b', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	
	
    border: 0;
    border-top-right-radius: 8px;
    padding:0 9px 5px 9px;
    text-align: right!important;
	color: rgb(255, 255, 255);
    text-shadow: 1px 1px 1px #000;
    margin: 0;
}
.page-header h3 {
    color: rgb(245, 242, 168);
	direction:rtl;
	margin: 0;
}




.inline-comment{
	background:rgba(0, 0, 0, 0.51);
}




 /* qoute */
 .qoute{
	background: #13100fa3;
    color: rgb(108, 117, 125);
    text-shadow: 1px 1px #000;
	font-size: 25px;
 }
  .qoute span{
	  
  }
.qoute span::after, .qoute span::before{
color:rgb(134, 92, 5);
}
.qoute span::after{
	  content: " ❝ ";
}
.qoute span::before{
	  content: " ❞ ";
  }
 /* qoute */


 
 
 
 
 

/* years */

.ayearDIV{
    height: 72px;
	overflow-y: hidden;
    overflow-x: auto;

	padding-top: 9px;
	direction: rtl;
	white-space: nowrap;
    background: #15100bba;
}
.ayear{
    padding: 7px;
    /* float: right; */
    margin: 1px 3px 1px 1px;
    font-size: 19px;
    background: rgba(0, 0, 0, 0.82);
    border-radius: 15px;
}
.ayear:hover,.ayear:active,.ayear.active{
	    background: rgb(255, 197, 91);
    color: rgb(0, 0, 0);
}


.overflow-hidden { overflow: hidden; }



/* sitemap */
.map ul{
margin: 0!important;
    padding: 0!important;
}
.ul-title{
	position:relative;
	    height: 34px;
}
.ul-title .badge{
    position: absolute;
    top: -5px!important;
    right: -6px;
    border-radius: 5px 0px 4px 4px;

}
.map{
	
background: rgb(250, 238, 224);
}
.map hr{
order: 1px rgba(0, 0, 0, 0.1) solid;
}	
.map .red hr{
	border-color:rgba(255, 0, 0, 0.04);
}
.map .blue hr{
	border-color:#428bca;
}
.map .green hr{
	border-color:#468847;
}
.map .badge{
	text-shadow:1px 1px #000;
}



/* libraris */
.librs_cont{
    background: #1e1e1e66;

}
.library_home{
	background:#130d07b3;
	cursor: pointer;
	    border-radius: 11px;
}

.library_home img{
	height:188px;
    margin: auto;
    opacity: 0.8;
width: -webkit-fill-available;	
    max-width: 200px;
}

.library_home .card-title{
color: #8c7973;
    height: 62px;
    line-height: 39px;
}

.wood_library{
    background: rgba(238, 220, 193, 0.78);
}


	/* 

head

	*/
	.head_logo{
		width:100px;
		float:left;
		
	}

	
	
	
	/* book */
	
	
.author_card{
	
}
.author_card img,.dar_card img{
	float:right;
	max-width:70px;
	margin-left:7px;
}
	
	
	/* 

cats

	*/
	

.intro{

background: rgb(226, 221, 199)  url(img/old_paper.png) right top no-repeat;
    text-shadow: 0.5px 0.5px 0.5px #FFF;
	position:relative;
    box-shadow: inset -8px 4px 25px 2px #130800;

}
.intro::before{
    content: '';
    width: 213px;
    height: 189px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(img/bg_intro.png) no-repeat bottom left;
}
.intro div{
overflow:hidden;

}
.booksdivbg {
    border-radius: 3px;
    overflow: hidden;
	background:#171717cf;
	border-right: 2px groove #3c3029;
	border-left: 2px ridge #3c3029;
	border-bottom: 2px groove #3c3029;
	border-top: 2px ridge #3c3029;
}
#results  .show-grid{
	    margin-top: 7px;
    margin-bottom: 23px;
}


.library {
    padding-top: 0;

}
.idpage{
	    display: block;
    clear: both;
    /* height: 100px; */
    /* background: rgb(250, 235, 215); */
    width: 100%;
}

.pagination{
	
}
.pagination *{
	display:none;
}
.page-item.active .page-link {
  background-color: #ff8000;
border-color: #c4650f;

}
.page-link{
	color:#444444;
}
.page-item:first-child .page-link{
	border-radius:0!important;
}
.page-item:last-child .page-link{
	border-radius:0!important;
}
.lib-header {
    background: url(img/lib-header-bg.png)no-repeat;
    background-size: cover;
    margin: 0 -20px 10px -20px;
    padding: 0 20px;
    min-height: 44px;
text-align:right;
    -moz-box-shadow: 0px 7px 35px 18px rgba(78, 52, 31, 0.82);
    -ms-box-shadow: 0px 7px 35px 18px rgba(78, 52, 31, 0.82);
    -webkit-box-shadow: 0px 7px 35px 18px rgba(78, 52, 31, 0.82);
    box-shadow: 0px 7px 35px 18px rgba(33, 33, 33, 0.54), inset -16px 0px 43px -1px #361c04;
    border-bottom: 2px groove rgba(100, 56, 12, 0.88);

}

.lib-header h1 {
    font-size: 17px;
    font-weight: bold;
    color: #4E210A;
    text-shadow: 0.1px 0.4px 1.1px rgb(255 218 148 / 82%);
    line-height: 36px;
    padding: 0 13px 0 0;
}
.show-grid {
    margin-top: 0px;
    margin-bottom: 9px;
}


.lib-raf {
    background: url(img/lib-raf-bg.png)repeat-x top center;
    margin: 0 0 8px 0;
    width: -webkit-fill-available;
    height: 24px;
    -moz-box-shadow: 0px 14px 50px 15px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 0px 14px 50px 15px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 14px 50px 15px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 14px 50px 15px rgba(0, 0, 0, 0.7);
z-index:1;
}
.lib-sec .lib-raf {

    margin: 5px -10px 10px -10px;
}
.bgbooks{
	  	-moz-box-shadow:inset -20px 20px 100px 3px rgba(62, 28, 0, 0.91);
	  	-ms-box-shadow:inset -20px 20px 100px 3px rgba(62, 28, 0, 0.91);
	  	-webkit-box-shadow:inset -20px 20px 100px 3px rgba(62, 28, 0, 0.91);
	  	box-shadow:inset -20px 20px 100px 3px rgba(62, 28, 0, 0.91);
	/* outline: 1px inset rgba(236, 192, 105, 0.92); */
	background: rgba(232, 208, 172, 0.83)!important;
	text-shadow: -0.5px -0.5px 1px rgba(239, 219, 169, 0.88);
	display:block;
	opacity: .9; 
	max-height: 317px;
	    min-height: 290px!important;
    overflow: hidden;
padding: 0px 24px 0 0;;
	}
.bgbooks:after{
content:url('img/lib-raf-bg.png');
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: rgb(166, 134, 78);
    width:95.8%;
    height: 24px;
    z-index: 2;
    /* margin-top: -18px; */
    overflow: hidden;
    /* -webkit-transform: scaleX(-1); */
    /* transform: scaleX(-1); */
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    /* -webkit-transform: scale(-1, -1); */
    transform: scale(-1, -1);
}	
.bgbooks:before{

content:url('img/lib-raf-bg-v.png');
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(166, 134, 78);
    width: 25px;
    height: 100%;
    overflow: hidden;
    margin-right: -2px;
    z-index: 1;
}	
	
.bgbooks .whitebk{
line-height: 15px;
}	
.bgbooks:hover{
	
background:#dadada;	
opacity: 1;	

	cursor: pointer;
	
	}	
	
.bgbooks h3.whitebk {
    font-size: 40px;
    padding: 0px 0px 0 11px;
    line-height: 51px;
    color: rgba(10, 4, 3, 0.93);
    text-shadow: -1px 1px 1px rgba(245, 226, 182, 0.72), 8px 0px 27px rgb(115, 73, 23);
    box-shadow: inset 0px 38px 33px -7px #00000038;
}
#librs h3.whitebk{
	
font-size: 21px;
    padding: 5px 0 0 0;
    line-height: 34px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 1px #000;
    height: 74px;
}


.smlbooks {
    /* background: rgba(0, 0, 0, 0.75)!important; */
    display: block; 
    line-height: 21px!important;
    /* font-size: smaller; */
	z-index: 1;
    position: relative;
    /* height: 250px; */
    overflow: hidden;
    box-shadow: -8px 11px 26px 2px rgba(0, 0, 0, 0.85);
}

.smlbooks h3{
font-size: 21px;
    line-height: 28px;
    min-height: 64px;
    position: absolute;
    background: rgba(0, 0, 0,0.72);
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
    padding: 2px;
    width: 100%;
    bottom: -7px;
}

.smlbooks a:link{
color: #fFf;
    background: rgb(35, 27, 16);
}


.smlbooks span.details{
	display:none;
	
}
.oneBook{
    display: block;
    position: relative;
	z-index:3;
	height: inherit;
}

.oneBook .img-fluid {
	width: 100%;
	height: 100%;
	max-height: 337px;
	min-height: 194px;
	margin: 0px 0px 0px 0px;
	max-width: 550px;
	float: left;
}
.oneBook:hover .img-fluid {
	    opacity: 1;
}

.oneBook::after{
content: "";
    box-shadow: inset 12px -18px 29px 2px rgba(0, 0, 0, 0.67), inset -7px 8px 31px -1px rgba(0, 0, 0, 0.54), 0px 10px 13px 1px rgba(0, 0, 0, 0.54), inset 113px 73px 12px -104px rgba(0, 0, 0, 0.55);
    /* opacity: 1; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    outline: 1px solid #22180c;
    overflow: hidden;
}


.oneBook::before {
    content: "";
    bottom: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    overflow: hidden;
    width: calc(100% - 5px);
    max-width: 546px;
    height: calc(100% - 6px);
    border-top: 1px solid rgba(241, 239, 239, 0.83);
    border-left: 0;
    border-right: 2px solid rgba(0, 0, 0, 0.44);
    border-bottom: 0;
    box-shadow: inset -10px 10px 97px -31px #000000d6;
}

.book{
 max-width:550px; 
 position: relative;
 border-radius: 13px 1px 22px 0px!important;
 height: 100%;
margin: auto;
}

.book::after{

}
.book:hover img{	
 opacity: 1;
}
.book:hover h3{	
 display: none;
}
.book img{
    border: 6px outset rgb(206, 191, 158);
    border-left: 0;
    border-bottom: 0;
}
.book h3{
z-index: 3;
    border-top: 3px groove rgba(51, 51, 51, 0.67);
    border-bottom: 3px ridge rgba(51, 51, 51, 0.66);
    margin: 0 6px -8px 0px;
    bottom: 5px;
    width: 100%;
}

p.whitebk{
	
	display:none;
}
.lib-sec{
	background: url(img/bg_hima4.jpg)repeat;
	padding: 0px 10px 20px 10px;

}






		/* 

/////////////////////////////////// cats

	*/
	  
	  
	  
	  
/* edit */


.editdiv{
display:block;
direction:rtl;
    text-align: right;
width:200px;background:#faff44;
color:#000;border:1px #41938f solid;
bottom:150px;
left:-195px;
position:fixed;
z-index:999999999999999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 0 5px #41938f;-ms-box-shadow:0 0 5px #41938f;-webkit-box-shadow:0 0 5px #41938f;box-shadow:0 0 3px #41938f;
padding:10px;text-shadow:1px 1px #fff;

  transition: left ease 0.5s;

}
.editdiv::before { 
  content: " ✏ تعديل ";
    -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
    display: block;
    float: right;
    margin: 15px -51px -5px -4px;
    padding: 2px 7px;
    background: rgb(247, 255, 0);
    border: 1px rgba(0, 0, 0, 0.35) solid;
    border-radius: 4px;
}

.editdiv:hover::before{
    background: rgb(210, 247, 219);

}
.editdiv a:link,.editdiv a:visited{
text-decoration: none;
display:block;background:transparent url(../pcms/img/edit.png) no-repeat right top;text-align:right;color:blue;    padding: 5px 20px 5px 0;
;font:15px tahoma 700!important}
    .editdiv a:hover,.editdiv a:active{
	color:black;
	background-color:white;
	}
.editdiv:hover{
left:-10px;
background:#faff44;
}


/* edit */





/* custom
***************** custom***********************************/
@media (min-width: 1440px){
	#menu{
		display: block;
	}

}	  
/* custom
***************** custom***********************************/
@media (max-width: 1440px){

	#menu{
		display: none;
	}	
}

/* custom
***************** custom***********************************/
@media (max-height: 992px){



}

/* 
____________________________________________________
 Small devices (landscape phones, 576px and small)
 ____________________________________________________*/
@media (max-width: 576px) {
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	padding-right: 1px;
    padding-left: 1px;
	}
}

/* 
____________________________________________________
 Medium devices (tablets, 768px and up)
 ____________________________________________________*/
@media (min-width: 768px) {
	
}

/* 
____________________________________________________
 Large devices (desktops, 992px and up)
 ____________________________________________________*/
@media (min-width: 992px) { 
}

/* 
____________________________________________________
Extra large devices (large desktops, 1200px and up)
____________________________________________________*/
@media (min-width: 1200px) {
	
}



/*####################################
Extra small devices (portrait phones, less than 576px)
#####################################*/
@media (max-width: 575.98px) {
	
}

/*####################################
 Small devices (landscape phones, less than 768px)
#####################################*/
@media (max-width: 767.98px) {
	.navbar-brand{
		padding: 0!important;
		margin: 0!important;
	}
	#navbarDropdownMenu{
	    padding: 13px 0 0 0!important;
	}
	.container-fluid{
		margin: 0;
    padding: 0;
	}
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	.lib-sec {
		padding: 0px;
	}
	.lib-sec .lib-raf {
		margin: 5px -20px 10px -20px;
	}
	.bgbooks h3.whitebk{
		
		font-size: 23px;
    padding: 18px 19px 0px 0px;
    line-height: 26px;
	}
	.page-header h3 {

		font-size: 20px;
	}	
	.mapbtn{
		display:block;
		width: 97%;
	}
	.contact_fb {
		display: block!important;
		width: 100%;
	}
}

/*####################################
 Medium devices (tablets, less than 992px)
#####################################*/
@media (max-width: 991.98px) {
	
}

/*####################################
 Large devices (desktops, less than 1200px)
#####################################*/
@media (max-width: 1199.98px) {

}




/* Extra small devices (portrait phones, less than 576px)
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
****************** xs ******************** Extra Small **************/
@media (max-width: 575.98px) { 

}

/* Small devices (landscape phones, 576px and up)
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
****************** sm *********************** Extra Small ***********/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/* Medium devices (tablets, 768px and up)
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
***************** md *************************** Medium ********/
@media (min-width: 768px) and (max-width: 991.98px) {

	}

/* Large devices (desktops, 992px and up)
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
***************** lg *************************** Large ********/
@media (min-width: 992px) and (max-width: 1199.98px) {
	

}

/* Extra large devices (large desktops, 1200px and up)
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
***************** xl **************************** Extra Large *******/
@media (min-width: 1200px) {

}