
  
 @font-face { font-family: DiavloMedium; 
 src: url("fonts/DiavloMedium.eot"); 
 src: url("fonts/DiavloMedium.woff") format("woff"), 
 url("fonts/DiavloMedium.ttf") format("ttf"), 
 url("fonts/DiavloMedium.otf") format("opentype"); 
  font-display: swap;
}
html{overflow-x:scroll;overflow-y:scroll;
/*
background-color: #EEEECF;
background-image: url("https://www.transparenttextures.com/patterns/dark-denim-3.png");
background-image: url("https://www.transparenttextures.com/patterns/grey-washed-wall.png");*/
background-color: #FFFFCF;
}
body {}

table {margin:5px 5%; width:90%;padding:0;float:left;
background: #ffffe0;border-collapse: collapse;
-webkit-box-shadow: 0 0 30px 15px #012B39;
box-shadow: 0 0 30px 15px #012B39;
}/*1E222D*/

th {
	font-family: DiavloMedium, Helvetica, Tahoma;
	font-size:14px;
	font-weight:400;
	text-align:center;
	color:#eae0c2;
	background-color: #012B39;padding:8px 0;border:none;}
td {
	font-family: DiavloMedium, Helvetica, Tahoma; 
	font-size:14px;
	font-weight:500;
	border: none;
	color:#012B39;
	padding-right:2px;text-align: right !important;
	background-color:#E7E9D7 ;}
.disabled td {color: #00f;}
thead tr {border:none !important;}
tbody tr {border:none;background-color:#85B1AF;}

select{padding:8px;background-color:#7A9DB0;border-radius:8px;color:#000;cursor:pointer;margin:0 2%;text-align:center;
font-family: DiavloMedium, Helvetica, Tahoma; width:90%;float:left;border:2px outset #012B39;font-size:16px;font-weight: lighter;}
select:hover{background-color:#BDCAD8;}
option{font-family:DiavloMedium, Helvetica, Tahoma; width:95%;font-size:12px;font-weight:bold;padding:4px;background-color:#a1c6cf;color:#000;cursor:pointer;text-align:left;}

.kitaplogo{width:92px;height:92px;padding:2px;border-radius:50%;border:2px outset #fff;} 

abbr[title] {
  border-bottom: none !important;
  cursor: inherit;
  text-decoration: none !important;
}


.sirabtn {appearance: none;display: inline-block;background-color: #FFFFFF;cursor: pointer;float:right;
  border-radius: 6px;border-style: none;box-shadow: #ADCFFF 0 -12px 6px inset;box-sizing: border-box;
  color: #000000;font-family: DiavloMedium, Helvetica, Tahoma; font-size: 14px;font-weight: 700;text-align: center;
  margin:2px;padding: 0;width:40px;outline: none;quotes: auto;
  transition: all .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;}
  
.twfifans{float:right;background-color:#ffffcc ; margin:0;width:100%;height:auto;overflow-y: auto;overflow-x: scroll;
font: normal 11px Arial;  border: solid 1px #ccc; background: #fff; border-radius: 3px; box-shadow: 1px 1px 3px #ccc;}
  
  .sihab{color:#fff;margin-left:15px;float:left;font-family: DiavloMedium, Helvetica, Tahoma; font-size:20px;margin-top:1px;}
  .hselect{color:#1E222D;}
  .hkitap_btn{width:140px;color:#000;font-size:12px;
	}
	
.kurbtn {
	padding:9px;float:left;margin:1px 2px;width:120px;	
  display: inline-block;
  background-color: #7A9DB0;cursor: pointer;  
  border-radius:8px;border:0;
  -webkit-box-shadow:inset 0 0 4px 4px #627BA5;
  box-shadow:inset 0 0 4px 4px #627BA5;
  box-sizing: border-box;
 font-family: DiavloMedium, Helvetica, Tahoma; font-size:16px;font-weight: lighter;color:#000000;text-decoration:none;
  outline: none;quotes: auto;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation; 
}

.kurbtn:hover {background-color: #BDCAD8;}

.kurbtn:active {position:relative;top:1px;}
.sirabtn{cursor: pointer;float:right;
display: inline-block;
background-color: #E5E5FF;
border-radius:6px;border:0;box-shadow: #ADCFFF 0 -8px 3px inset;box-sizing: border-box;
font-size: 14px;font-weight:600;text-align: center;
  margin:1px 2px;padding: 0;width:70px;outline: none;quotes: auto;
  transition: all .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;}

.sirabtn:hover {background-color: #FFC229;box-shadow: #FF6314 0 -6px 8px inset;transform: scale(1.125);}
.sirabtn:active {transform: scale(1.025);}
@media (min-width: 768px) {
  .sirabtn {font-size: 12px;padding: 3px;}
}
.ara{float:left;margin:0; width:100%;height:20px;background-color:transparent;}
