.clear{clear:both;}

.kitap-sayfa-resim{}
.kitap-sayfa-metin{padding:35px}

.kitap-sayfa-html{}

.kitap-sayfa-no{width:100px;text-align:center;font-weight:bold;margin:0 auto}

/**/
a.span-user-ad-soyad{color:#fff;font-size:12px;text-decoration:none;line-height:32px;margin-right:15px;font-weight:bold}

a.acilir-list-a{color:#d6d6d6;text-decoration:none}

.sidebar-kitaplik{color:#fff;font-size:14px;text-decoration:none;line-height:32px;margin-left:60px;font-weight:bold}

/*Video Pencere silinebilir*/
.video-content-kapat{
cursor:pointer;margin-top:-20px;margin-left:-15px;width:10px;color:#fff;background-color:#000;padding:5px;
font-size:13px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px
}
.video-content{
	display:none;
	z-index:9999;
	position:absolute;
	left:120px;
	padding:10px;
	background-color:#918852;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
.video-content-object{
	width:100%; 
	height:99%;
}



/*Cursor Pointer*/
.kitap-ici-link,
.overlayButton,
.click-obje,
.hover-obje,
.nesne-eslestir,
.video-pencere,
.dinle-bul,
.ses-kayit,
.toolbarButton,
.tooltip-nesne{
	cursor:pointer
}

/*Genel dashboard*/
.scroll{	
	overflow:visible;
	overflow-y:auto;
}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);background-color: #fff;}
.scroll::-webkit-scrollbar{width: 5px;background-color: #fff;}
.scroll::-webkit-scrollbar-thumb{background-color: #000000;}

.genel-dashboard-kitaplar{
	height:220px
}

.genel-dashboard-container .separator {
  display: block;
  margin: 4px 0 4px 0;
  height: 1px;
  width: 100%;
  background-color: hsla(0,0%,0%,.5);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
}

.genel-dashboard-container > .row > * {
  display: table-cell;
}

.genel-dashboard-container .row > span {
  width: 130px;
  word-wrap: break-word;
}

/*------------*/
.kitap-nesne{
	float:left;
	padding:5px;
	height:100px;
	width:auto;
	cursor:pointer
}
.kitap-nesne img{
	height:100px;
	width:auto
}
/*------------*/

/*Reader Kitap Dashboard*/
.kitap-dashboard-container, .genel-dashboard-container{
	width:770px!important;
	margin:0 auto;
	margin-top:10px;
	background-color:#585858;
	color:#ddd;
	padding:10px;
	font-size:14px;
	overflow:auto;
}

.kitap-dashboard-container > .row {
  display: table-row;
}

.kitap-dashboard-container > .row > * {
  display: table-cell;
}

.kitap-dashboard-container .row > span {
  width: 130px;
  word-wrap: break-word;
}
.kitap-dashboard-container .row > p {
  max-width: 200x;
  word-wrap: break-word;
}

.kitap-dashboard-container .separator {
  display: block;
  margin: 4px 0 4px 0;
  height: 1px;
  width: 100%;
  background-color: hsla(0,0%,0%,.5);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
}

.dashboard-etiket{
	width:770px;
	text-align:center;
}

.width-600px-visible{
	display:none;
}

#hizli-not-alll {
  background:url('../images/hizli-not-al.png') no-repeat;
}

#icerik-arama-paneli{}
.icindekiler-liste{padding:10px}
.icindekiler-liste ul li{list-style-type:none}
.icerik-arama-liste{padding:10px}
.icerik-arama-liste ul li{list-style-type:none}

.sol-panel{
	display:none;
	position: fixed;
	width: 304px;
	z-index:999;
	border-right:1px solid #000;
	height:100%;
	background:#474747;
	overflow:visible;
	overflow-y:auto;
}
.sol-panel::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.sol-panel::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.sol-panel::-webkit-scrollbar-thumb{background-color: #000000;}


.not-al-text-bg{
	padding:2px;
	background-color:#fff;
}

.not-govde{
	display:block;
	margin:0px 8px 30px 8px;
	height:auto;
	overflow:hidden;
}
.not-govde-sol{
	text-align:center;
	width:40px;
	float:left;
	padding:5px;
	background-color:#676664;
	color:#fff;
	font-weight:bold;
	margin-right:10px;
}

.not-sil{
	float:right;
	background-color:#000;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	color:#fff;
	padding:0px 3px;
	cursor:pointer;
	font-weight:bold;
}

#mp3-player{
	float:left;
	display:none;
	padding-top:6px;
}

#mp3-player-audio{ 
	width:250px;
}

/************************Kitap içerigi Mobil Cihazlar**************************/
/*Mp3 Player responsive*/
@media all and (max-width:545px){
	#mp3-player{ 
		/*padding-top:4px!important;*/
		width:100%!important;
	}
	#mp3-player-audio{ 
		width:100%!important;
	}
	/*
	#nav-menu{
		overflow:auto!important; 
		height:76px!important; 
	}
	*/
	
}


@media all and (max-width:600px){
	.width-600px-hidden{
		display:none;
	}
	
	.zoomin-zoomout{
		margin-left:30px!important;
	}
	
	.width-600px-visible{
		display:block;
	}
}
/*
.kitap-icerik, .kitap-sayfa-resim, .kitap-sayfa-html{
	height:100%!important;
	overflow:auto!important;
}
*/

@media all and (max-width:793px){
	.kitap-icerik{
		zoom:100%!important;
		transform:scale(1)!important;
	}
	.width-793px-hidden{
		display:none!important;
	}
	
	.genel-dashboard-container,
	.kitap-dashboard-container{
		width:100%!important;
		padding:0px!important;
	}

	.kitap-icerik, .kitap-sayfa-resim, .kitap-sayfa-html{
		padding:0px!important;
		width:100%!important;
		height:100%!important;
		overflow:auto!important;
	}

	.kitap-sayfa-resim img{
		width:100%!important;
		height:auto!important;
	}

	.move-obje{
		position:initial!important;
		margin-top:3px!important;
		margin-bottom:3px!important;
		float:left;
		height:auto!important;
	}
		
	.tool-zoom{display:none;}	
}

/*************************/
* {
  padding: 0;
  margin: 0;
  /*font-family: 'Ubuntu', sans-serif;
  font-family: 'Open Sans', sans-serif;*/
}
html {

}

body{
	background-color:#e5e5e5;
	font-family: 'Open Sans', sans-serif;
}


/* Select box */
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #b10243, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #b10243, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #b10243, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}
label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}	

.tool-navigation-2{
	float:left;
	width:84px;
}

.toolbar{z-index:9999; height:46px; width:100%; position:fixed}
@media all and (max-width:793px){
	.geri-bildirim-button{display:none}
	.toolbar,#araclar,#nav-menu{
		width:100%!important;
		/*height:100%!important;
		overflow:auto!important;*/
	}
	#nav-menu,#araclar{margin-left:0px!important; margin-right:0px!important}
}
#nav-menu{height:42px; width:773px; margin:0 auto!important}
#nav-menu,#araclar{margin-left:10px; margin-right:10px}
#araclar{width:773px; margin:0 auto; margin-top:48px}

#viewerContainer{width:100%; position:absolute}
#kitap-icerik-tray{margin-top:48px}


.scroll{	
	overflow:visible;
	overflow-y:auto;
}
.scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);background-color: #fff;}
.scroll::-webkit-scrollbar{width: 5px;background-color: #fff;}
.scroll::-webkit-scrollbar-thumb{background-color: #b10243;}
.toggled{background-color:#890033!important}


.kitap-icerik{
	font-size:16px; 
	width:793px;
	height:1122px; 
	margin:0 auto;
	background-color:#fff
}

.height-5{height:5px;}
.height-10{height:10px;}
.height-15{height:15px;}
.height-20{height:20px;}
.height-25{height:25px;}
.tray{
	border:1px solid #acacac;
	background-color:#d6d6d6;
	padding:10px!important;
}
.baslik{
	margin:5px 5px 0px 5px;
}

.nav-bg{background-color:#b10243; margin:0px; padding:0px; height:42px;}
.nav-bg ul li{list-style:none!important;float:left; margin:0px; padding:0px;}
	.nav-user{background:url('../images-2/user.png') no-repeat; width:42px; height:42px}
	.nav-user:hover{cursor:pointer; background-color:#890033}
	.nav-kitaplik{background:url('../images-2/kitaplik.png') no-repeat; width:42px; height:42px}
	.nav-kitaplik:hover{cursor:pointer; background-color:#890033}
	.nav-icindekiler{background:url('../images-2/icindekiler.png') no-repeat; width:42px; height:42px}
	.nav-icindekiler:hover{cursor:pointer; background-color:#890033}
	.nav-notal{background:url('../images-2/notal.png') no-repeat; width:42px; height:42px}
	.nav-notal:hover{cursor:pointer; background-color:#890033}
	.nav-sound{background:url('../images-2/sound.png') no-repeat; width:42px; height:42px}
	.nav-sound:hover{cursor:pointer; background-color:#890033}
	.nav-ara{background:url('../images-2/ara.png') no-repeat; width:42px; height:42px}
	.nav-ara:hover{cursor:pointer; background-color:#890033}
	.nav-yakin{background:url('../images-2/yakin.png') no-repeat; width:42px; height:42px}
	.nav-yakin:hover{cursor:pointer; background-color:#890033}
	.nav-uzak{background:url('../images-2/uzak.png') no-repeat; width:42px; height:42px}
	.nav-uzak:hover{cursor:pointer; background-color:#890033}
	.nav-ileri{background:url('../images-2/ileri.png') no-repeat; width:42px; height:42px}
	.nav-ileri:hover{cursor:pointer; background-color:#890033}
	.nav-text{background-color:#ffb7d2; border:1px solid #930037; color:#79002d; padding:3px; width:20px; height:17px; margin-top:6px; text-align:center}
	.nav-geri{background:url('../images-2/geri.png') no-repeat; width:42px; height:42px}
	.nav-geri:hover{cursor:pointer; background-color:#890033}
	.nav-yardim{background:url('../images-2/yardim.png') no-repeat; width:42px; height:42px}
	.nav-yardim:hover{cursor:pointer; background-color:#890033}
	
.kitaplik-teps{display:none; padding:0; margin:0; }
	.tray-kitaplar{height:240px;}
		.tray-kitap{float:left; margin:3px; height:100px; cursor:pointer; padding:3px; background-color:#fff}
		.tray-kitap img{height:100px;}

.arama-paneli{display:none; padding:0; margin:0; height:auto; overflow:auto; padding-bottom:10px}
	.arama-select{padding:10px;width:180px;border:1px solid #b10243; color:#b10243; font-size:16px}
	.arama-text{border:1px solid #b10243; border-bottom:3px solid #b10243;  padding:8px; margin-top:10px; width:160px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#f8f8f8}
	.ara-btn{cursor:pointer;margin-top:10px; padding:10px 20px; border:none; background-color:#b10243; color:#fff}
	.ara-btn:hover{background-color:#890033;}
	.icerik-arama-liste{padding:0px; margin:0px; height:157px}
	.icerik-arama-liste ul{padding:0px; margin:0px}
	.icerik-arama-liste ul li{list-style-type:none; cursor:pointer; background-color:#fff; color:#292929; padding:5px; margin-bottom:1px}
	.icerik-arama-liste ul li:hover{background-color:#f3f3f3}
.notalma-paneli{display:none; padding:0; margin:0; height:auto; overflow:auto; padding-bottom:10px}
	.not-al-text{width:100%; padding:5px 0px; height:30px; border:1px solid #fff}
	.not-al-header{height:29px; background:url('../images-2/not-al-header.png') no-repeat}
	.not-al-icerik{height:130px; background:url('../images-2/not-al.png') repeat-y}
	.not-govde{line-height:30px; margin:0px 8px 30px 8px;height:auto;overflow:hidden}
	.not-govde-sol{text-align:center;width:40px;float:left;padding:1px;background-color:#676664;color:#fff;font-weight:bold;margin-right:10px}
	.not-govde-sag{float:left;line-height:30px; margin-bottom:1px}
	.not-sil{margin-left:5px;float:right;background-color:#000;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;padding:0px 3px;cursor:pointer;font-weight:bold}

ul.nav-user-menu{display:none;border:1px solid #890033;background-color:#b10243;position:relative;top:42px;z-index:9999999;width:160px}
	ul.nav-user-menu li{float:none;}
	ul.nav-user-menu li a{display:block;cursor:pointer;color:#fff; border-left:3px solid #6d0029; border-bottom:1px solid #b80145; font-size:12px; text-decoration:none; padding:6px 10px; font-weight:bold;}
	ul.nav-user-menu li a:hover{background-color:#890033}
	/*.nav-user:hover > ul.nav-user-menu{display:block}*/
	
.reader-footer{width:280px; overflow:auto; margin:0 auto; margin-bottom:10px}
.reader-footer ul li{list-style-type:none; float:left;}
.reader-footer ul li a{font-size:11px; color:#464646; text-decoration:none; padding-right:12px}
.reader-footer ul li a:hover{text-decoration:underline;}

a.footer-lnk{font-size:11px; color:#464646; text-decoration:none; padding-right:12px}
a.footer-lnk:hover{color:#000;}

.input-label{font-size:13px;}
.text-input{border:1px solid #b10243; border-bottom:3px solid #b10243; font-size:13px; padding:8px;  width:60%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#f8f8f8}
.textarea-input{border:1px solid #b10243; border-bottom:3px solid #b10243; font-size:13px; padding:8px;  width:78%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#f8f8f8; height:90px}
.button-input{cursor:pointer;margin-top:10px; padding:10px 20px; border:none; background-color:#b10243; color:#fff}
.button-input:hover{background-color:#890033;}

.uyari-mesaj{padding:5px; background-color:#ffd6d6; font-size:12px; border:1px solid #ffbaba}
.bilgi-mesaj{padding:5px; background-color:#c6ffbd; font-size:12px; border:1px solid #a7ff99}
.oneri-formu-kapat{}
.kapat-div{float:right; background-color:#b10243; color:#fff; font-size:10px; padding:3px; width:27px; font-weight:bold; cursor:pointer;}
	
.yardim-baslik{font-weight:bold;color:#2c2c2c; font-size:13px}
.yardim-maddeler{margin-top:5px; margin-bottom:13px}	
.yardim-maddeler  li{padding:0; margin:0 0 6px 0; list-style-type:none; color:#2c2c2c; font-weight:bold; font-size:12px; line-height:13px}	
	
.geri-bildirim-button{cursor:pointer; position:fixed; top:200px; left:-40px; padding:5px 10px; color:#fff; background-color:#b10243; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}	
.geri-bildirim-try{background-color:#fff; display:none; width:271px; height:410px; position:fixed; top:159px; left:-271px; border:1px solid #dcdcdc}
.geri-bildirim-h5{text-align:center; margin-top:5px}	
.geri-bildirim-row{margin-left:20px}

/*Uygulamalar Css Style*/
/*Eslesme uygulaması*/
.nesne-eslestir-secim-danger{border:1px solid red; box-shadow:inset 0 0 30px red; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

/*Çoktan Seçmeli Boşluk Doldurma Uygulmasi*/
.csbd-item-container{position:absolute; padding:10px; background-color:#3ca6ff; font-family: 'Open Sans', sans-serif; font-size:14px; -webkit-box-shadow: 2px 2px 45px 0px rgba(153,153,153,1); -moz-box-shadow: 2px 2px 45px 0px rgba(153,153,153,1); box-shadow: 2px 2px 45px 0px rgba(153,153,153,1);}
.csbd-container-baslik{display:block; color:#fff; font-weight:bold; margin-left:20px; margin-right:20px; margin-bottom:5px; text-align:center;}
.csbd-durum{color:#fff; font-weight:bold;}
.csbd-durum-yanlis{display:inline-block; font-size:13px; background-color:red; padding:3px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
.csbd-durum-dogru{display:inline-block; font-size:13px; background-color:green; padding:3px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
.csbd-durum-default{display:inline-block; font-size:13px; background-color:#575757; padding:3px 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
ul.csbd-items{padding:0; margin:0;}
ul.csbd-items li{list-style-type:none; margin-bottom:5px;}
ul.csbd-items li a{display:block; text-align:center; font-weight:bold; text-decoration:none; color:#fff; background-color:#0075d8; padding:5px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px}
ul.csbd-items li a:hover{background-color:#fff; color:#0075d8}
.csbd-items-aktif{background-color:#fff!important; color:#0075d8!important}