@font-face {


 font-family: 'Conv_STC-Regular';


 src: url('fonts/STC-Regular.eot');


 src: local('?'), url('fonts/STC-Regular.woff') format('woff'), url('fonts/STC-Regular.ttf') format('truetype'), url('fonts/STC-Regular.svg') format('svg');


 font-weight: normal;


 font-style: normal;


}


/* Body and structure
-------------------------------------------------- */

body {
font-family: Conv_STC-Regular;
  position: relative;
  padding-top: 40px;direction: rtl;
  background:transparent url(../img/books-bg.jpg)repeat top center;
}
.booksbody{
  /*background:transparent url(../img/book-bg.gif)repeat top center;*/
  border-radius:2px;	
  /*margin-left: 0!important;*/
}
.booksdiv{
}
.booksdivbg{
background:transparent url(../img/book-bg.gif)repeat top center;
	
}
input, button, select, textarea {
    font-family: "Conv_STC-Regular", Helvetica, Arial, sans-serif;
}

/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6{margin: 5px 0;}
.bgbooks h3.whitebk {
font-size: 40px;
    padding: 22px 0 0 0;
    line-height: 51px;
    color: rgba(10, 4, 3, 0.93);
    text-shadow: -0.7px -0.5px 4px rgb(245, 226, 182);
}
.panel-group {
padding: 6px;
background: ;
}
.pager{overflow:hidden;}
#librs{
	position: relative;
}
#librs .bgbooks img{
	opacity: 0.7;
	 /* box-shadow: inset 0px 6px 11px 3px rgba(255, 195, 1, 0.91);
	  border-top: 3px groove rgb(70, 43, 5);
	  */
	  max-width:70%;
	  
}
#librs .bgbooks:hover img{
	opacity: 1;
	position:relative;
}

#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;
}
.lib1.bgbooks{
	box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.46);
	-ms-box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.46);
 border-radius: 20px!important;
     opacity: 1; 
	 border:0;
	 outline:none;
	 background:none!important;
	 position: relative;
}
.lib1.bgbooks::after {
  content: "";
  background: url(../img/lib-bg.png);
  box-shadow: inset 0px 6px 11px 3px rgba(255, 195, 1, 0.91);
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
overflow:hidden;  
}
/* #librsTweak navbar brand link to be super sleek
-------------------------------------------------- */

body > .navbar {
  font-size: 13px;
}

/* Change the docs' brand */
body > .navbar .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #dcdcdc;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	    color: #ffc55b!important;
    text-shadow: 0 -1px 0 rgb(0, 0, 0)!important;
}
.navbar-inverse .brand img{
    max-width: 36px;
    margin-top: -9px;
    max-height: 38px;
    margin-bottom: -9px;
}
.bs-docs-sidebar>ul>li.active>a{
    background-color: #111111;
    border-radius: 0px 0px 0 0!important;
}
a {
color: #bd7e3a;
text-decoration: none;
}
a:hover{color:#f5bb7d}
/* Sections
-------------------------------------------------- */
.i2tags{
	display:none;
}
/* padding for in-page bookmarks and fixed navbar */
section {
  padding-top: 10px;
}
section   .page-header,
section > .lead {
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #000;
  margin: 0;
}
section > ul li {
  margin-bottom: 5px;
}

/* Separators (hr) */
.bs-docs-separator {
  margin: 40px 0 39px;
}
.animation_image{
	margin:40px 0;
}
/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 70px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}


/* Jumbotrons
-------------------------------------------------- */

/* Base class
------------------------- */
.jumbotron {
  position: relative;
  padding: 40px 0;
  color: #fff;
  text-align: right;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
  background: transparent; /* Old browsers */
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
     -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
}
.jumbotron h1 {
  font-size: 80px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
}
.jumbotron p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 30px;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
  color: #fff;
  color: rgba(255,255,255,.5);
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.jumbotron a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,.25);
}

/* Download button */
.masthead .btn {
  padding: 19px 24px;
  font-size: 24px;
  font-weight: 200;
  color: #fff; /* redeclare to override the `.jumbotron a` */
  border: 0;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.masthead .btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
}
.masthead .btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
          box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
}


/* Pattern overlay
------------------------- */

.jumbotron .container {
  position: relative;
  z-index: 0;
}
.jumbotron:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  opacity: .4;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) {

  .jumbotron:after {
    background-size: 150px 150px;
  }

}

/* Masthead (docs home)
------------------------- */
.masthead {
  padding: 70px 0 80px;
  margin-bottom: 0;
  color: #fff;
}
.masthead h1 {
  font-size: 120px;
  line-height: 1;
  letter-spacing: -2px;
}
.masthead p {
  font-size: 40px;
  font-weight: 200;
  line-height: 1.25;
}

/* Textual links in masthead */
.masthead-links {
  margin: 0;
  list-style: none;
}
.masthead-links li {
  display: inline;
  padding: 0 10px;
  color: rgba(255,255,255,.25);
}

/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
  padding: 15px 0;
  text-align: center;
  background-color: #f5f5f5;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

/* Quick links on Home */
.bs-docs-social-buttons {
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.bs-docs-social-buttons li {
  display: inline-block;
  padding: 5px 8px;
  line-height: 1;
  *display: inline;
  *zoom: 1;
}

/* Subhead (other pages)
------------------------- */
.subhead {
  text-align: right;
height: auto;
}
.subhead h1 {
  font-size: 60px;
}
.subhead p {
  margin-bottom: 20px;
}
.subhead .navbar {
  display: none;
}



/* Marketing section of Overview
-------------------------------------------------- */

.marketing {
  text-align: center;
  color: #5a5a5a;
}
.marketing h1 {
  margin: 60px 0 10px;
  font-size: 60px;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -1px;
}
.marketing h2 {
  font-weight: 200;
  margin-bottom: 5px;
}
.marketing p {
  font-size: 16px;
  line-height: 1.5;
}
.marketing .marketing-byline {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.25;
  color: #999;
}
.marketing-img {
  display: block;
  margin: 0 auto 30px;
  max-height: 145px;
}



/* Footer
-------------------------------------------------- */

.footer {
  text-align: center;
  padding: 30px 0;
  

}
.footer p {
  margin-bottom: 0;
  color: #777;
}
.footer-links {
  margin: 10px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}



/* Special grid styles
-------------------------------------------------- */

header .show-grid {
   margin-top: 0px;
  margin-bottom: 0px; 
} 
.show-grid {
   margin-top: 0px;
  margin-bottom: 9px; 
}
.show-grid [class*="span"] {
  text-align: center;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 2px;
  min-height: 40px;
  line-height: 27px;
}
.show-grid [class*="span"]:hover {
/*  background-color: #ddd; */
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  margin-top: 5px;
}
.show-grid [class*="span"] [class*="span"] {
  /* background-color: #ccc; */
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  /* background-color: #999; */
}



/* Mini layout previews
-------------------------------------------------- */
.mini-layout {
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
          box-shadow: 0 1px 2px rgba(0,0,0,.075);
}
.mini-layout,
.mini-layout .mini-layout-body,
.mini-layout.fluid .mini-layout-sidebar {
  height: 300px;
}
.mini-layout {
  margin-bottom: 20px;
  padding: 9px;
}
.mini-layout div {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.mini-layout .mini-layout-body {
  background-color: #dceaf4;
  margin: 0 auto;
  width: 70%;
}
.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
  float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
  background-color: #bbd8e9;
  width: 20%;
}
.mini-layout.fluid .mini-layout-body {
  width: 77.5%;
  margin-left: 2.5%;
}

/* Misc
-------------------------------------------------- */

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
  margin-top: 5px;
}

/* Example sites showcase */
.example-sites {
  xmargin-left: 20px;
}
.example-sites img {
  max-width: 100%;
  margin: 0 auto;
}

.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}


/* Fake the :focus state to demo it */
.focused {
  border-color: rgba(82,168,236,.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
          box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
  outline: 0;
}

/* For input sizes, make them display block */
.docs-input-sizes select,
.docs-input-sizes input[type=text] {
  display: block;
  margin-bottom: 9px;
}

/* Icons
------------------------- */
.the-icons {
  margin-left: 0;
  list-style: none;
}
.the-icons li {
  float: left;
  width: 25%;
  line-height: 25px;
}
.the-icons i:hover {
  background-color: rgba(255,0,0,.25);
}

/* Example page
------------------------- */
.bootstrap-examples h4 {
  margin: 10px 0 5px;
}
.bootstrap-examples p {
  font-size: 13px;
  line-height: 18px;
}
.bootstrap-examples .thumbnail {
  margin-bottom: 9px;
  background-color: #fff;
}

/* Alert with link to latest version of the docs */
.bs-alert-old-docs {
  margin: 30px 0 0;
}


/* Responsive docs
-------------------------------------------------- */

/* Utility classes table
------------------------- */
.responsive-utilities th small {
  display: block;
  font-weight: normal;
  color: #999;
}
.responsive-utilities tbody th {
  font-weight: normal;
}
.responsive-utilities td {
  text-align: center;
}
.responsive-utilities td.is-visible {
  color: #468847;
  background-color: #dff0d8 !important;
}
.responsive-utilities td.is-hidden {
  color: #ccc;
  background-color: #f9f9f9 !important;
}

/* Responsive tests
------------------------- */
.responsive-utilities-test {
  margin-top: 5px;
  margin-left: 0;
  list-style: none;
  overflow: hidden; /* clear floats */
}
.responsive-utilities-test li {
  position: relative;
  float: left;
  width: 25%;
  height: 43px;
  font-size: 14px;
  font-weight: bold;
  line-height: 43px;
  color: #999;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test li + li {
  margin-left: 10px;
}
.responsive-utilities-test span {
  position: absolute;
  top:    -1px;
  left:   -1px;
  right:  -1px;
  bottom: -1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.responsive-utilities-test span {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}



/* 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;
}



/* Ads in headers
-------------------------------------------------- */

.subhead h1,
.subhead .lead {
  margin-left: 394px;
}

.carbonad {
  position: absolute;
  top: -50px;
  left: 0;
  margin-top: 0 !important;
  padding: 15px;
  height: auto !important;
  overflow: hidden; /* clearfix */
  font-size: 13px !important;
  line-height: 16px !important;
  background: #222 !important; /* reset image and color in one line */
  background: rgba(0,0,0,.5) !important;
  border: 0 !important;
  border-radius: 4px;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
}
.carbonad-img {
  margin: 0 !important;
}
.carbonad-text,
.carbonad-tag,
.carbonad-tag a {
  color: #fff !important;
}
.carbonad-text,
.carbonad-tag {
  float: none !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin-left: 145px !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.carbonad-text {
  padding-top: 0 !important;
}
.carbonad-tag {
  text-align: left !important;
}





/* Sidenav for Docs
---2----------------------------------------------- */


/* Sidenav for Docs
---------1----------------------------------------- */

.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;
}


.cs-form{float:right;}







.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(248, 148, 6, 0.29)!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;

	}
.bgbooks .whitebk{
line-height: 15px;
}	
.bgbooks:hover{
	
background:#dadada;	
opacity: 1;	

	cursor: pointer;
	
	}	
#results  .show-grid{
	    margin-top: 7px;
    margin-bottom: 23px;
}
.smlbooks{
background:rgba(0, 0, 0, 0.75)!important;
display:block;
opacity: .9;
line-height: 21px!important;
font-size: smaller;
-webkit-transform: scale(1,1);
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1,1);
-moz-transition-timing-function: ease-in-out;
-moz-transition-duration: 250ms;
transition:250ms all;
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: 44px;
position: absolute;
background: rgba(0, 0, 0,0.72);
text-shadow: 0px 3px 2px rgba(0, 0, 0, 1);
padding: 2px;
width: 97%;
}	
.smlbooks a:link{
color: #fFf;
}
.smlbooks:hover{
	
background:#dadada;	
opacity: 1;	
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	cursor: pointer;
	
	}

.cusa .img-responsive {
min-width: 177px;
max-height: 250px;
max-width: 350px;
width:100%;

	    opacity: 0.5;
}
.cusa::after{
	    content: "";
    box-shadow: inset 12px -18px 29px 2px rgba(0, 0, 0, 0.67);
    /* opacity: 0.4; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
    /* overflow: hidden; */
}
.book{
	max-width:361px;
 position: relative;
 border-radius: 22px 0px 27px 2px!important;
}	
.book::after{

}
.book:hover img{	
 opacity: 1;
}
.book:hover h3{	
 display: none;
}
.book img{
border: 9px outset rgb(179, 179, 179);
    border-left: 0;
    border-bottom: 0;
}
.book h3{
		z-index: 3;
	    border-top: 3px groove rgba(51, 51, 51, 0.67);
    margin-right: 9px;
    bottom: -11px;
	width: 95%;
}


.seemore{
	min-width: 174px;
max-height: 200px;
}
.pagination{
display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,
.pagination>li>span{position:relative;float:right;padding:6px 12px;line-height:1.428571429;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li:last-child>a,
.pagination>li:last-child>span{border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
.rtl{
	direction: rtl;
}
.ltr{
	direction: ltr;
}

.error{
	border: 1px red solid!important;
}.feedbackform{
	direction: ltr;
width: 394px;
text-align: right;
}
#feedback{
	    margin: 5px;
}

.paging {
	width:370px;
	clear:both;
	padding:6px 0;
	line-height:17px;
	font-size:13px;
	margin: auto;
	direction: rtl;
}
 
.paging span, .paging a {
	display:block;
	float:right;
	margin: 2px 2px 2px 0;
	padding:5px 8px;
	text-decoration:none;
	width:auto;
	color:#666;
	background: #f9f9f9;
	border:1px solid #0f98db;
	font-weight:normal;
}

.paging a:hover{
	color: #fcfcfc;
	background: #0f98db;
}
 
.paging .current{
	padding:5px 8px;
	color:#fff;
	background: #0f98db;
}
.booksdivbg{
border-radius: 8px;
overflow: hidden;
}
.lib-sec{
	background: url(../img/lib-bg.png)repeat;
	padding: 0px 20px;
	-moz-box-shadow:inset  0px 53px 39px rgba(0, 0, 0, 0.99);
	-ms-box-shadow:inset  0px 53px 39px rgba(0, 0, 0, 0.99);
	-webkit-box-shadow:inset  0px 53px 39px rgba(0, 0, 0, 0.99);
	box-shadow:inset  0px 53px 39px rgba(0, 0, 0, 0.99);
border-radius: 8px;

border-right: 2px groove rgb(60, 48, 41);
    border-left: 2px ridge rgb(60, 48, 41);
    border-bottom: 2px groove rgb(60, 48, 41);
    border-top: 2px ridge rgb(60, 48, 41);
}
.library{
	padding-top:0;
}
.lib-header{
	
	background: url(../img/lib-header-bg.png)repeat;
margin: 0 -20px;
padding: 0 20px;
height: auto;
border-bottom: solid 1px #000;
-moz-box-shadow:0px 7px 10px 2px rgba(0, 0, 0, 0.99);
-ms-box-shadow:0px 7px 10px 2px rgba(0, 0, 0, 0.9);
-webkit-box-shadow:0px 7px 10px 2px rgba(0, 0, 0, 0.99);
box-shadow:0px 7px 10px 2px rgba(0, 0, 0, 0.9);
border-top: 1px solid #D5AA7E;
}
.lib-header h1 {
    font-size: 23px;
    color: #4E210A;
    text-shadow: 0px 1px 1px rgba(251, 242, 221, 0.9);
    line-height: 34px;
	    padding: 0 13px 0 0;
		overflow:hidden;
}
.lib-raf{
	background: url(../img/lib-raf-bg.png)repeat-x top center;
	margin: 0 -20px;
width:inherit;
height: 25px;
-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);
margin-top: -25px;
}

.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#9d4009}a.text-danger:hover{color:#843534!important}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2eede}a.bg-danger:hover{background-color:#fff}
.bg-info.active,.bg-danger.active{
	background-color:#ffffff;
}
.padding-small-right{
	padding-right: 22px!important;
}
.padding-big-right{
	padding-right: 36px!important;
}
.padding-small-top{
	padding-top: 33px!important;
}
.padding-big-top{
	padding-top: 55px!important;
}

.page-header{
	
		/* Background color and gradients */
	  background: #36210B; /* Old browsers */
	  background: -moz-linear-gradient(45deg,  rgba(0, 29, 49, 0) 0%, rgba(54, 33, 11, 0.63) 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0, 29, 49, 0)), color-stop(100%,rgba(54, 33, 11, 0.63))); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(45deg,  rgba(0, 29, 49, 0) 0%,rgba(54, 33, 11, 0.63) 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(45deg,  rgba(0, 29, 49, 0) 0%,rgba(54, 33, 11, 0.63) 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(45deg,  rgba(0, 29, 49, 0) 0%,rgba(54, 33, 11, 0.63) 100%); /* IE10+ */
	  background: linear-gradient(45deg,  rgba(0, 29, 49, 0) 0%,rgba(54, 33, 11, 0.63) 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36210B', endColorstr='#5A2309',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 0;
padding: 0 9px;
text-align:right!important;
}
.page-header h1,.page-header h2{
	    font-size: 16px;
		    line-height: 29px;
}
.page-header h3{
	color: rgb(245, 242, 168);
}
.row-fluid .span6 {
 
}



.editdiv{
display:block;
width:200px;background:rgba(250,255,68,.67);
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:rgba(250,255,68,.27)
}


.smallH1{
	font-size:7px;
	float: right;
	color:rgba(255, 255, 255, 0); 
	padding: 0;
	margin: 0;
	line-height: 0px;
}
.ayearDIV{
height: 100px;
    overflow-y: auto;
    border-radius: 16px;
    background: -moz-linear-gradient(top, rgba(137,90,74,0) 53%, rgba(0,0,0,0.69) 100%);
    background: -webkit-linear-gradient(top, rgba(137,90,74,0) 53%,rgba(0,0,0,0.69) 100%);
    background: linear-gradient(to bottom, rgba(137,90,74,0) 53%,rgba(0,0,0,0.69) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00895a4a', endColorstr='#b0000000',GradientType=0 );
}
.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);
}
.book-header{
	max-height:300px;
	font-size: 115%;
	color: #837a71;
	text-shadow: 1px 1px 1px #010101;
	text-align: right!important;
  
    overflow-x: auto;
	padding-top: 13px;}
.book-header h1{
font-size: 180%;
color:#ffc55b;
    line-height: 137%;
}
.adsMEAN{
	width:336px;
	height:280px;
	padding:0;
	margin:0;
}
.hide{display:none;visibility:hidden;}
.ta-right{text-align:right!important;}
.ta-left{text-align:left!important;}
.ta-justify{text-align:justify!important;}

#librinfo{
	line-height: 30px;
    font-size: 18px;
    color: black;
    text-align: justify;
	
}
.likeHeader{
    width: 100px;
    margin: auto;
    position: absolute;
       left: 39%;
	
}
.book-header p img{
width: 21%;
    float: right;
    margin-left: 13px;
}
.book-header p img.back_img{
    float: left;
    width: 89px;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background-color: #4A413E;
    border-left: 1px solid #756B68;
    border-right: 1px solid #756B68;
}
::-webkit-scrollbar-thumb {
    background-color: #9a6f21;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}
::-webkit-scrollbar-button       { 
    background-color: #FF5722;
}
.himaSide{min-width:336px!important;}




/* navbar-scroll-custom*/
/* navbar-scroll-custom*/
.navbar-scroll-custom {
		transform: translateY(-39px);
		transition-duration: 0.9s;		
}



.navbar-inverse .btn-navbar{
	background-color: #1e50bf;
	    background-image: linear-gradient(to bottom, #263fbb, #0088cc);
}



/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
.navbar-scroll-custom {
		transform: translateY(0px);
		transition-duration: 0.9s;		
}
}

/* Desktop
------------------------- */
@media (max-width: 980px) {
 .navbar-scroll-custom {
		transform: translateY(0px);
		transition-duration: 0.9s;		
}

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
 .navbar-scroll-custom {
		transform: translateY(-50px);
		transition-duration: 0.9s;		
}
 .navbar-scroll-custom  .likeHeader{
    top: 0px; 
  }
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
 .navbar-scroll-custom {
		transform: translateY(-50px);
		transition-duration: 0.9s;		
}
 .navbar-scroll-custom  .likeHeader{
	right: 70%;
    top: 0px; 
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {

}
.visible{    overflow: visible;}




.save:link,.save:visited,.save:hover,.save:active{text-decoration:none!important;color:#FFF;}
 .save{
	position: relative;
	width:90%;
	height:40px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	line-height:43px;

	display: block;
	margin: 11px 0 13px 0;
	font-family: 'El Messiri', sans-serif;


}
 .save:before {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
	box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;
	
	position: absolute;
	content: "";
	left: -6px; right: -6px;
	top: -6px; bottom: -10px;
	z-index: -1;	
}

 .save:active {
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
	top:5px;
}
 .save:active:before{
	top: -11px;
	bottom: -5px;
	content: "";
}

.save {
	text-shadow:-1px -1px 0 #2C7982;
	background: #3EACBA;
	border:1px solid #379AA4;
	background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:linear-gradient(top, #48C6D4, #3EACBA);
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
}

.save:hover {
	background: #48C6D4;
	background-image:-webkit-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:-moz-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:-ms-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:-o-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:linear-gradient(top, #3EACBA, #48C6D4);
}
.inline-comment .muted{
	color: #000;
	    font-size: 14px;
}
.inline-comment{
    background-color: rgba(255, 239, 166, 0.51)!important;
    box-shadow: 0px 0px 8px 7px rgba(255, 239, 166, 0.51)!important;
    margin: 20px 0 0 0;

}
.book_author  > div:first-of-type { width:30%;float:right; }
.book_author  > div:first-of-type > img { margin-right:-7px;}
.book_author  > div:nth-of-type(2) { width:70%;float:left; }

.book_author{
	clear:both;
}
.clear{
    clear: both;	
}


#Rmnutog{
	width:100%;
	border-radius:2px;
	margin-bottom:7px;
}
#Rmnutog .icon{
	margin-left:4px;
}
#Rmnutog .icon,#Rmnutog,#Rmnutog i.icon{
color: #000;
}
#Rmnutog.btn-success{
    text-shadow: 0px 1px 1px #77fc77;
}
#Rmnutog.btn-warning{
    text-shadow: 0px 1px 1px #f8e47f;
}









/* Responsive
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
.container{    width: 1200px;}
.span12 {
	width: 1200px;
    margin-left: 0;
}	
  .bs-docs-container {
    max-width: 970px;
  }
  .bs-docs-sidenav {
    width: 294px;
  }
  .bs-docs-sidenav > li > a {
    width: 230px \9; /* Override the previous IE8-9 hack */
  }
  .cs-form{float:right;}
}
  .likeHeader{
    top: 32px;
}
/* Desktop
------------------------- */
@media (max-width: 980px) {
  /* Unfloat brand */
  body > .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Inline-block quick links for more spacing */
  .quick-links li {
    display: inline-block;
    margin: 5px;
  }
.cs-form{float:right;}
  /* When affixed, space properly */
  .bs-docs-sidenav {
    top: 0;
    width: 218px;
    margin-top: 30px;
    margin-right: 0;
  }

  .subhead h1,
  .subhead .lead {
    margin-right: 0;
  }

  .carbonad {
    position: static;
    width: auto !important;
    margin-top: 30px !important;
  }

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
.bgbooks h3.whitebk{
    font-size: 20px;
    line-height: 26px;	
}
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    margin-top: -20px; /* Offset bottom margin on .navbar */
    height: auto;
  }
  /* Adjust sidenav width */
  .bs-docs-sidenav {
    width: 166px;
    margin-top: 20px;
  }
  .bs-docs-sidenav.affix {
    top: 0;
  }
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}
.cs-form{float:right;}
}

/* Tablet
------------------------- */
@media (max-width: 767px) {
	#results .show-grid{
		margin:0!important;
	}
body {
    padding-right: 5px;
    padding-left: 5px;
}

.bgbooks h3.whitebk{
font-size:30px;	
}

  .navbar-fixed-top {
    margin-right: 0px!important;
    margin-left: 0px!important;
	position: fixed;
  }
  .likeHeader{
    left: 20%!important;
    top: 55px;
}
.cs-form{float:right;}
  /* Widen masthead and social buttons to fill body padding */
  .jumbotron {
    padding: 40px 20px;
    margin-top:   -20px; /* Offset bottom margin on .navbar */
    margin-right: 0px;
    margin-left:  0px;
    height: auto;
  }

  .subhead h1, .subhead .lead{
  	margin-left: 0;
  }
  .masthead h1 {
    font-size: 90px;
  }
  .masthead p,
  .masthead .btn {
    font-size: 24px;
  }
  .marketing .span4 {
    margin-bottom: 40px;
  }
  .bs-docs-social {
    margin: 0 -20px;
  }

  .carbonad {
    position: static;
    width: auto !important;
    margin: 0px !important;
    padding: 0px !important;
    overflow: hidden; /* clearfix */
    border-radius: 0;
  }

  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom: 5px;
  }
  .small2{
	width: 50%!important;
    float: left!important;
  }
  .small1{
	width: 100%!important;
    float: left!important;	  
  }
  /* Sidenav */
  .bs-docs-sidenav {
    width: auto;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .bs-docs-sidenav.affix {
    position: static;
    width: auto;
    top: 0;
  }

  /* Unfloat the back to top link in footer */
  .footer {

    padding-left: 20px;
    padding-right: 20px;
  }
  .footer p {
    margin-bottom: 9px;
  }
}

/* Landscape phones
------------------------- */
@media (max-width: 480px) {
	.form-horizontal .control-label{
	    text-align: right; 
}
.container{
margin-right: 5px;
}
.booksdivbg {

    padding: 2px;
}
.bgbooks h3.whitebk{
font-size: 34px;
    line-height: 35px;
}
.bgbooks{
	min-height: 240px!important;
}
.bgbooks .cat_img{
	/* display:none; */
}
.visible{        margin: 0px;  margin-right: -35px;}
.navbar-form.navbar-left input{max-width:100px;}
  /* Change up some type stuff */
  h2 small {
    display: block;
  }
  .likeHeader{
    left: 20%!important;
    top: 55px;
}
.jumbotron{
	padding-left: 0px;
	padding-right: 0px;
}
  /* Downsize the jumbotrons */
  .jumbotron h1 {
    font-size: 45px;
  }
  .jumbotron p,
  .jumbotron .btn {
    font-size: 18px;
  }
  .jumbotron .btn {
    display: block;
    margin: 0 auto;
  }

  /* center align subhead text like the masthead */
  .subhead h1,
  .subhead p {
    text-align: center;
  }

  /* Marketing on home */
  .marketing h1 {
    font-size: 30px;
  }
  .marketing-byline {
    font-size: 18px;
  }

  /* center example sites */
  .example-sites {
    margin-left: 0;
  }
  .example-sites > li {
    float: none;
    display: block;
    max-width: 280px;
    margin: 0 auto 18px;
    text-align: center;
  }
  .example-sites .thumbnail > img {
    max-width: 270px;
  }

  /* Do our best to make tables work in narrow viewports */
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Examples: dropdowns */
  .bs-docs-example-submenus > .pull-left {
    float: none;
    clear: both;
  }
  .bs-docs-example-submenus > .pull-left,
  .bs-docs-example-submenus > .pull-left + .pull-left {
    margin-left: 0;
  }
  .bs-docs-example-submenus p {
    margin-bottom: 0;
  }
  .bs-docs-example-submenus .dropup > .dropdown-menu,
  .bs-docs-example-submenus .dropdown > .dropdown-menu {
    margin-bottom: 10px;
    float: none;
    max-width: 180px;
  }

  /* Examples: modal */
  .modal-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Tighten up footer */
  .footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
.navbar-scroll-custom {
		transform: translateY(-50px);
		transition-duration: 0.9s;		
}
 .navbar-scroll-custom  {
	left: 1%!important;
    top: 0px; 
  }  
  
}