body{overflow: scroll;}
.hard{
	
}

.flipbook{
	width: 100%;
	height: 100%;
}
.flipbook .page{
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
	background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:linear-gradient(left, #fff 95%, #dadada 100%);
}
.flipbook .depth{height:calc(100% - 10px);}
#canvas{
	margin: 0 auto;	
	margin-top: 5px;	
	width: 90%;
	height: calc(100vh - 45px);
}

.book-content {
	text-align: justify;
	width: 100%;
	height: 95%;
	overflow: auto;
}
.p2{
	background-position:0px 0px !important;
}
.own-size{
	width:100%;
	height:100%;
}
/*.kapak{
 	width: 100%;
	height: 100%;	
 
 -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
	background-size:100% 100%;}*/
.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.flipbook .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-ms-box-shadow:0 0 10px #999;
	-o-box-shadow:0 0 10px #999;
	box-shadow:0 0 10px #999;
}

.flipbook .even{
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
	background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);
	background-image:linear-gradient(left, #fff 95%, #dadada 100%);
}
.flipbook .even .kitap_ismi{
	float: right;
}
.flipbook .even .sayfa_no{
	float: left;
}
.flipbook .kitap_ismi{
	/*.odd ve single*/
	float: left;
}
.flipbook .sayfa_no{
	/*.odd ve single*/
	float: right;
}
.flipbook .odd{
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #fff), color-stop(1, #cacaca));
	background-image:-webkit-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:-moz-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:-ms-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:-o-linear-gradient(right, #fff 95%, #cacaca 100%);
	background-image:linear-gradient(right, #fff 95%, #cacaca 100%);
}
.flipbook .depth{
	background-image:url(/static/resim/pages-depth.png);
	position:absolute;
	top:2px;
	width:16px;
	height:100%;
	-webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
	background-size:auto 100%;	
}
.flipbook .front-side .depth{
	left:4px;
	background-position:0 0;	
}

.flipbook .back-side .depth{
	right:4px;
	background-position:right 0;
}
.p2{
	background-image: url("/static/resim/sol_ebru.jpg") !important;
}
.kapla{
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
	background-size:100% 100%;	
}
.p3,.son_sayfa{
	background-image: url("/static/resim/ic_sayfa_ebru.jpg") !important;	
}
.flipbook .back-side{
	background-image: url("/static/resim/sag_ebru.jpg") !important;
	background-position:50% 50%;
	/* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}
.flipbook .loader{
	background-image:url(/static/resim/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:50%;
	left:50%;
}
#hr1{
	clear:both;
	margin-top:5px; 
	border-color: black;
}
#hr2{
	margin-top:-18px;
	border-color: black
}
/*#on_kapak{
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/
#arka_kapak{
	background-image: url("/static/resim/arka_kapak.jpg") !important;
	/* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

.sayfa-yer-isaretleri{
	font-size:12px;
	z-index:1000;
	top:50px;
	position: absolute;
}
.sayfa-yer-isaretleri.sol{
	margin-left: -10px;
}

.sayfa-yer-isaretleri.sag{	
	margin-left: calc(90% - 20px);
	top:50px;
}
.sayfa-yer-isaretleri.sag>.sayfa-isareti{	
	text-align: right;	
}
.sayfa-isareti{	
	margin-top:5px;
	height: 25px;
	width: 30px;	
	margin-left: 0px;
	cursor: pointer;
}
.mevzu-isareti{
	cursor: pointer;
}
.btn-kaydet{
	float:right;
	margin-top:20px;
}
.mevzu-isaretli{} 
.hususi{color:green;}
.notlar{cursor: pointer;}
.renkli{color: #204a87;} 
.noselectable{
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}