html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    outline: none;
}
ol,ul {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
}
li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
blockquote,q {
    quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
html, body,.shadowBg {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    font-size:13px;
/*-ms-zoom: 0.9;
-moz-transform:  scale(0.95,0.95);
-moz-transform-origin: top center;*/
   
}
body {
    -//moz-user-select: none;
    background-color: #dfdfdf;
    background-image: linear-gradient(to bottom, #efefef, #dfdfdf);
    background-attachment: fixed;
    color: #333333;
    font-family: "Open Sans",sans-serif;
    font-feature-settings: "kern";
    text-rendering: optimizelegibility;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
header table td {
vertical-align: middle; 
}
.nav  {
vertical-align: bottom; 
white-space: nowrap;
}
.nav span {
	display: inline-block;
}
.nav a {
	display: block;
	padding:8px;
	border-radius:5px 5px 0 0; 
	font-size: 85%;
	background-color:rgba(255,255,255,.2);
	font-weight: bold;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
}
.nav i {
	font-size: 120%;
}
.nav .current-menu-item  {
	 background-color: rgba(255,255,255,1);
	 border:1px solid rgba(0,0,0,.1);
	 border-bottom: 0;
}
.nav a:hover  {
	 background-color:rgba(255,255,255,.5);
	 text-decoration: none;
}
.user {
	font-size: 70%;
	color:#aaa ;
	margin-bottom:10px;
}
.user b {
	color:#333333 ;
}
.user div{
	margin-bottom: 20px;
	background-color: rgba(255,255,255,.5);
	display: inline-block;
	padding: 5px;
	border-radius:0 0 5px 5px; 
}

footer {
	font-size: 70%;
	text-align: center;
	margin:35px auto 15px auto;
	width:100%;
}
.row {display:block;width:100%;clear:both;float:none;}
.col1 {display:inline-block; width: 10% !important;float:left; }
.col2 {display:inline-block; width: 20% !important;float:left; }
.col3 {display:inline-block; width: 30% !important; float:left;}
.col4 {display:inline-block; width: 40% !important;float:left; }
.col5 {display:inline-block; width: 50% !important; float:left;}
.col6 {display:inline-block; width: 60% !important;float:left; }
.col7 {display:inline-block; width: 70% !important;float:left; }
.col8 {display:inline-block; width: 80% !important;float:left; }
.col9 {display:inline-block; width: 90% !important; float:left;}
.col10 {display:inline-block; width: 100% !important;float:left; }

html[dir="rtl"] {
    direction: rtl;
}
.wrapper {
    animation: 0.3s ease 0s normal none 1 running app-enter;
    display: block;
    margin: 0 auto;
    o-verflow: hidden;
    position: relative;
    transform-origin: center center 0;
    z-index: 2;
  	padding:0;
  	width:1200px;
  	height: 100%;
    
}
#content {
   background-color: #ffffff;
   box-shadow: 0 10px 10px rgba(0,0,0,.3);
   min-height: 400px;
   padding: 15px;
   position: relative;
   overflow: auto;
}


.clearfix {
	clear: both;
}
.none {
	display: none;
}


#primary {
	width:75%;
	float:left;
}

#sidebar {
	border-left:5px solid rgba(0,0,0,.1);
	padding-left:10px;
	width:22%;
	float: left;
	height: 100%;
	margin-left:10px;
	font-size:90%;
}
#sidebar-left {
	border-right:5px solid rgba(0,0,0,.1);
	padding-right:10px;
	width:22%;
	float: left;
	height: 100%;
	margin-right:10px;
	font-size:90%;
}
.widget {
	margin-bottom:10px;
}
.widget h3 {
 font-size:100%;

 background-color:rgba(0,0,0,.02); 
 padding: 10px;
 border-radius:5px 5px 0 0;
}
.widgetContainer {
	padding:5px 0;
	line-height: 1.5;
}

.widgetContainer ul, .widgetContainer ol {
	padding:0;
	margin:0 0 0 16px;
	list-style-position: inside;

}
.widgetContainer a .pull-right {
 font-size: 80%;
}
.widgetContainer  .current-menu-item  {
	font-weight: bold;
}

#Dersler  {
	padding:0 0 0 20px;
}
#Dersler li {
	line-height: 200%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

#Dersler li a {
	font-size:120%;
	display: block;
}
#Dersler li a {
 text-decoration: none;
}
#Dersler li:hover{
	 background-color : rgba(0,0,0,.03);
}
#Dersler .active {
	 background-color : rgba(0,0,0,.03);
	 font-weight:bold;
}
#Dersler small {
	color:rgba(0,0,0,.5); 
	float: right;
	font-size: 70%;
}
#KaraTahta .Tarih {
	font-size: 200%;
	text-align: center;
}
#KaraTahta .Tarih i {
}
#KaraTahta p {
	margin:10px 0 20px 5px;
	color:rgba(0,0,0,.5); 
}
#DersSecim {
	border-bottom: 2px solid #c71741;
	padding-left:10px;
}
#DersSecim a {
display: inline-block;
padding: 3px 4px;
border:1px solid rgba(0,0,0,.1);
border-bottom:0;
margin-right:1px;
text-decoration: none;
}
#DersSecim a:hover {
background-color: rgba(0,0,0,.05);
}
#DersSecim a.active {
 background-color: #c71741;
 color: #fff;
}

.widgetTitle {
	border-bottom:3px solid rgba(0,0,0,0.1);
	margin: 10px 0;
}
.widgetTitle span {
	background-color: rgba(0,0,0,0.05);
	font-size: 70%;
	padding: 5px 10px;
	border-radius: 5px 5px 0 0;
	color: #c71741;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}


#qLinks {
	margin:10px auto;text-align:center;
	border-top:3px solid rgba(0,0,0,0.1);
	padding:10px 0; 
	background-color: rgba(0,0,0,0.01);
	white-space: nowrap;
	/*overflow: auto;*/
	position: relative;
}
#qLinks h3 {
	position: absolute;
	top:-31px;
	left:0;
	background-color: rgba(0,0,0,0.05);
	font-size: 80%;
	padding: 5px 10px;
	border-radius: 5px 5px 0 0;
	color: #c71741;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}



#qLinks a{
 display: inline-block;
 border:2px solid rgba(0,0,0,.1);
 margin: 0 0 5px 0;	
 text-align: center;
 text-decoration: none;
 font-size: 75%;
 text-transform: uppercase;
 font-weight: bold;
 position: relative;
  color: #fff;
 background-color: #c71741;
}
#qLinks a:hover{
 color: #ffffff;
 background-color: #960707;
}
#qLinks img {
 width: 100px;
 margin:1px;
}
#qLinks span{
 display: block;
 padding: 3px;
}
#qLinks b{
 display: inline-block;
 padding:1px 3px;
 position: absolute;
 background-color: #c71741;
 color: white;
 top:-2px;
 right:-2px;
 font-size: 70%;
 opacity: 1;
}

.yardim {
 margin: 0;
 padding-left:20px;
}
.yardim li{
line-height: 1.5;
}
#Dersler .overline, #Dersler .overline small {
	text-decoration: line-through;
	opacity: .5;
	font-style: italic;
}
#Dersler .overline i  {
	opacity:1;
}
.pull-right {
	float: right;
}
.pull-left {
	float:left;
}
.color1 {
	color: #c71741;
}
.color2 {
	color:rgba(0,0,0,.3);
}
.color3 {
	color: #006001;
}
.color4{
	color: #333333;
}

.tl {
	text-align: left !important;
}
.tr {
	text-align: right !important;
}
.tc {
	text-align: center !important;
}
.keypad {
	background: #333333;
	color:#ffffff;
	border-radius:3px;
	text-decoration: none;
	font-weight: bold;
	padding:1px 3px;
	font-size: 80%;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
select.form-control {
	width:100%;
	padding:5px;
	color:#333333;
	border:1px solid rgba(0,0,0,0.1);
	font-size:100%;
	margin:5px 0;
}

#EgitimOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:#000;opacity:.8; }
.EgitimContainerActive {
	position: fixed !important; top:0; left:0; bottom:0; right:0; width: 100%; height:100%;
}

.EgitimContainerActive .Egitim {
}
.AltPanelActive {
 background-color:#fff ;
 bottom: 0;
 padding:.5%;
 position: absolute;
 width: 99%;
 border-top:10px solid #222;
}
.AltPanelActive #ActionPanel {
 background-color:#fff ;
 background: none;
 border:0;
 margin: 0;
 padding: 0;

}

.table {
	width: 100%;
	border-collapse: collapse;
   border-spacing: 0;
}

table.data {
 font-size: 90%;
}
table.data caption  {
  padding: 3px;
  border-bottom: 2px solid rgba(0,0,0,0.1);
  text-align: center;
  font-weight: bold;
  font-size: 110%;
  background-color: rgba(0,0,0,0.05);
}
table.data caption a {
 float: right;
}
table.data thead th {
  padding: 3px;
  border-bottom: 2px solid rgba(0,0,0,0.1);
  text-align: left;
  font-weight: bold;
}
table.data tbody td {
  padding: 3px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
#login-page .wrapper {
	width: auto;
	height: auto;
}

#login {
	margin:5% auto 0 auto;
	max-width: 450px;
	padding: 10px 50px 50px 50px;
	border-radius:0px;
	background-color: #ffffff;
	box-shadow:0 10px 10px rgba(0,0,0,0.3);
	border:1px solid rgba(0,0,0,0.1);
}

#login #logo {
	 margin: 20px auto;
	 text-align: center;
	 display: block;
}

#login-page footer {
	 margin-top: 100px;
	 text-align: center;
}

#login-page footer span{
	 float:none !important;
	 text-align: center !important;
	 display: block;
}
#login-section h3 {
	font-size:100%;
	color: #c71741;
	padding: 5px;
}
#login-section .tcno {
	font-size:120%;
	color:#333333;
	padding: 8px;
	border:2px solid #999;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 6px inset;
	outline: none;
	width: 66%;
}

#login-section .tcno:focus, #login-section .tcno:active {
	border-color:#777;
	outline: none;
}
#login-section .control-group {
 white-space: nowrap;
 
}

#login-section .btn-submit {
	cursor: pointer;
	font-size:120%;
	font-weight: bold;
	color:#ffffff;
	padding:8px;
	border: 2px solid #c71741;
	-moz-border:1px solid #be0707;
	margin-left:0px;
	background-color: #c71741;
	font-family: "Open Sans", sans-serif;
	border-radius:0 10px 10px 0;
	/*box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);*/
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-appearance: none;width:30%;
}
#login-section .btn-submit:hover {
	background-color: #ae0000;
}

.nav-tabs {
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-left:15px
}
.nav-tabs a {
	display:inline-block;
	font-weight:bold;
	padding:8px 10px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #fff;
	text-decoration:none;
	background-color:#f0f0f0;
}
.nav-tabs a.tab-active {
	margin-bottom:-1px;
	background-color:#fff;
	border-bottom:2px solid #fff;
}

input::placeholder {
	color:#aaa;
}
.message  {
	padding: 10px 0;
	color: #777;
	font-size: 80%;
}

.error  {
	color: #ae0000;
}
.success  {
	color: #006001;
}
.user-container {
	margin: 0 0 20px 0;
	position: relative;
}
.user-container h2 {
	margin: 5px 0;
	text-align: center;
	color: #333333;
}
.avatar {
	border:5px solid  #ddd;
	border-radius:50%;
	overflow: hidden;
	width:180px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	box-shadow:0 0px 40px rgba(0, 0, 0,.6) inset;
	background: transparent url(/images/no-image.png) no-repeat center top;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.avatar img {
	width:1px;height:1px; visibility: hidden;
}

.user-container .edit-avatar {
	position: absolute;
	width:24px;
	height: 24px;
	right:20px;
	top:0px;
	/*display: none;*/
}

.user-container .edit-avatar input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 24px;
}



.user-container:hover .edit-avatar {
	display:block;
}
.user-container .edit-avatar:hover {
	color: #c71741;
}


/* CUSTOM */

#EgitimContainer {
	z-index: 3000;
	position: relative;
	background-color: white;
}
.Egitim {
	border:2px solid rgba(0, 0, 0, 0.1);
	height:100%;
	min-height:300px;
	background-image: url(/images/bg/xrqhts3.png);
	position: relative;
	font-size:100%;
}
#Egitim td {
 
}
#EgitimForm {
	height: 100%;
}


#Egitim td td{
	height:auto;
}
.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}
.pd10 {	padding:10px;}
.egzersiz-intro20 {margin:20px;}
.egzersiz-intro50 {margin:50px 20px;}
.egzersiz-intro70 {margin:70px 20px;}
.egzersiz-intro100 {margin:100px 20px;}
.info {	margin: 5px 0 5px 0; line-height: 14px; border-radius:0;} 

#ActionPanel,  #TopPanel, .ActionPanel  {
	border: 2px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	background: url(/images/bg/diagonal-line1.png);
}
#ActionPanel td, #ActionPanel th, #TopPanel td, #TopPanel th , .ActionPanel td, .ActionPanel th {
	white-space: nowrap;
	padding: 2px 10px;
	vertical-align: middle;
}

#ActionPanel .mini, #TopPanel .mini, .ActionPanel .mini  {
	white-space: normal;
	color: #aaaaaa;
	font-size: 80%;
	line-height: 1;
}
#TopPanel  {
	margin-bottom: 5px;
	margin-top: 0;
}
.playButton, .pauseButton, .stopButton  {
 display: block;
 position: absolute;
 padding: 8px;
 font-size: 150%;
 right:10px;
 bottom:10px;
 border-radius:0px;
 background-color: #c71741;
 color: #ffffff;
}

.playButton:hover, .pauseButton:hover {
 background-color: #960707;
 color: #ffffff;
}
.playButton2, .pauseButton2, .stopButton2  {
 padding: 5px;
 font-size: 110%;
 border-radius:0px;
 background-color: #c71741;
 color: #ffffff;
}
.playButton2:hover, .pauseButton2:hover {
 background-color: #960707;
 color: #ffffff;
}
#Egitim p .icon-play,  #Egitim p .icon-stop, #Egitim p .icon-pause{
	padding:0;
	background-color: #c71741;
 color: #ffffff;
 font-size:80%;
}

#finishButton {
	position: absolute;
	right:70px;
	bottom: 12px;
}

#loadingText {
 display: block;
 width:20px;
 height:20px;
 position: absolute;
 right:80px;
 bottom:15px;
 text-indent: -5000px;
}

#EgitimResult {
 	position: absolute;
 	left:15px;
 	bottom:15px;
}

#progressbar {
	width:100%;
	height:12px;
	border:none !important;
	background-color: rgba(0,0,0,.02);
}
#progressbar .ui-widget-header {
	background-color: #c71741 !important;
	background-image: none !important;
}
.ui-widget-overlay {
	z-index: 1500 !important;
	opacity : 0.8 !important;
}
#Egitim  {	
 	height:100%;
 }
#Egitim div.takistoskop {	
 	height:100%;
 	overflow: auto;
 	padding: 10px;
 }

#Egitim .kelime {	
 	 padding-bottom: 15px;
 /*background: transparent url(/images/goz.png) no-repeat bottom center;*/
 white-space: nowrap;
 display: inline-block;
 }
 
#EgitimGrupContainer {	
 	height: 278px;
 	padding:20px 10px 20px 20px;
 	overflow: hidden;
 	position: relative;
 	
 }
#takistoskopContainer {

} 
#GruplamaContainer {	
	height: 278px;
 	overflow: auto;
 	text-align: left;
 	line-height: auto;
 	position: relative;
 }
  #GruplamaContainer .blok{	
  color: rgba(0,0,0,0.1);
  	border-radius: 5px;
  	background-color:rgba(0,0,0,0.1);
 }
 #GruplamaContainer .silik{	
  color: rgba(0,0,0,0.1);
  white-space: nowrap;
 }
 
 #GruplamaContainer .grup{	
  color: #000 !important;
  background-color: transparent;
  white-space: nowrap;
 }
 
 #MetronomContainer {	
 	height:100%;
 	width: 100%;
 	overflow: hidden;
 	position: relative;
 	text-align: left;
 	padding: 50px 10px;

 }
 
#goz {	
 	position: absolute;
 	display: inline-block;
 	left: 5%;
 	top: 30%;
 }
.gozRight {
	right: 5% !important;
	left: auto !important;
}
#chronotime {
}
#Oyun { }
#Oyunlar, #Oyunlar li {
margin:0;
padding: 0;
list-style-type: none;
}

#Oyunlar li {
 display: block;
 width: 155px;
 height:160px;
 float: left;
 margin: 0 10px 20px 0;
 overflow: hidden;
 text-align: center;
}

#Oyunlar img {
 width: 150px;
 height:130px;
 border: 1px solid #ddd;
}

.OkumaHizi {
	text-align: center;
	font-size: 20px;

}
.OkumaHizi b {
  color: #006001 !important; 
	font-size: 24px;
}

.fullscreen{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.close {
	font-size:20px; 
	padding:5px; 
	background:#eee; 
	border:1px #999; 
	font-weight:bold;
}



/* ODAKLANMA */
#Egitim div.odaklanma {	
 	overflow: auto;
 	padding: 10px;
	margin:0 auto;
}

#tbl {
	text-align:center;
	vertical-align: top;
	margin:0 auto;	
	word-wrap: break-word;
	table-layout: fixed;
	overflow: auto;
}

#tbl td {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:24px;	
}

/*KOSESEL */
#koseliTable td{
  white-space:nowrap;
  font-size:24px;
}

#tLeft {
	border-right:1px solid black;
	text-align:right !important;
	height:100%;
	width:50%;
	padding-left:5px;
}

#tRight {
	text-align:left !important;
	height:100%;
	width:50%;
	padding-right:5px;
}


/* --- GOLGELEME --- */
#GolgelemeContainer {	
	height:100%;
 	overflow: auto;
 	text-align: left;
 	line-height: auto;
 	position: relative;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#GolgelemeContainer .blok{	
	color: rgba(0,0,0,0.1);
  	border-radius: 5px;
  	background-color: rgba(0,0,0,0.1);
 }
#GolgelemeContainer .silik{	
  color: rgba(0,0,0,0.4);
  white-space: nowrap;
}

#GolgelemeContainer .normal{	
  white-space: nowrap;
} 

#GolgelemeContainer .gizli{	
  color:#f8f8f8;
  white-space: nowrap;
} 

#GolgelemeContainer .grup{	
  color: #f8f8f8 !important;
  background-color: #000 !important;
  white-space: nowrap;
}

/* MULTI FOKUS */
#multiTable td{
  white-space:nowrap;
  font-size:40px;
  line-height:50px;
}


#multiTable #tLeft {
	border:none !important;
}

/* HARF SAYMA */
#HizliGormeTable {
	margin:0px !important;
	padding:0px !important;
	width:100%;
	height:410px;
}
#HizliGormeTable td{
  white-space:nowrap;
  font-size:38px;
  padding:10px 0px;
  margin:0px !important;
}


.button {
    border: 1px solid #960707;
    border-radius: 4px 4px 4px 4px;
    background-color: #c71741;
	color:#ffffff;
}
.button:hover {
    border-color: #c71741;
    cursor: pointer;
    background-color: #960707;
	color:#ffffff;
}
a.button {
padding:5px 10px;
text-decoration:none;
background-color: #c71741;
color:#ffffff;
}
a.button:hover {
text-decoration:none;
background-color: #960707;
color:#ffffff;
}


#SayacContainer {
	background: rgba(255,255,255,1) url(/images/sayac.gif) no-repeat 5px 5px;
	padding: 14px 5px 12px 32px;
	position: absolute;
	min-width: 70px;
	border-radius:0;
	top: 5px;
	right:5px;
	z-index: 5000;
	color: #c71741;
	border:2px solid rgba(0,0,0,0.1);
}
#SayacContainer span {
 font-size: 16px;
 font-weight: bold;
 text-shadow:1px 1px 1px white;
 
}

#EgitimGrupContainer br {
 display:block;margin:5px;
}

.zoom {
	animation: 1s ease 0s normal none 1 running harf-saymaca;
}

.btn-dersler {
display: block;
padding: 10px;
background-color: #006001;
color: white;
font-weight: bold;
text-decoration: none;
text-align: center;
margin-top: -10px;
}

.Icerik {
	padding: 10px;
}

.Icerik p {
	margin-bottom:15px;
}
/* FORMS */
.col-sm-6 {
	width:50%;
	float: left;
}
.form legend {
	font-weight: bold;
	margin:0;
	padding:0 15px;
	color: #333333;
}
.form fieldset {
	border-top: 1px solid #c71741;
	margin-bottom:15px;

}
.form-control{
	padding:5px;
	display: inline-block;
	width: 97%;
	font-size:16px;
	border:1px solid #999;
	margin:5px 0;
}
.form-control:focus{
	border-color:#666;
	outline: 0;
}
.form-group {
	margin:15px 15px 15px 15px;
	float:none;
	clear: both;
}
.control-label {
color:#c71741;
font-size: 14px;
display: block;
}
.form .btn-success {
	background-color: #008001;
	color:#fff;
	border: 0;
	font-size: 24px;
	padding: 10px;
	font-weight: bold;
	cursor: pointer;
	margin:15px;
}
.form .btn-success:hover {
	background-color: #006001;
}
.alert {
	font-size: 14px;
	padding:5px;
}

.alert-error {
	color: #c71741;
	background-color: #ffdfdf;
	border: 1px solid #ffa4a4;
}

.alert-success {
	color: #006001;
	background-color: #eef3de;
	border: 1px solid #c8d0b7;
}
/* ANIMATION */
.shake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-16px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(8px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-16px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(8px, 0, 0);
  }
}

@keyframes app-enter {
0% {
    opacity: 0;
    transform: scale(0.8);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}

@keyframes harf-saymaca {
0% {
    transform: scale(1);
}
40% {
    transform: scale(15);
}
100% {
    transform: scale(1);
}
}

/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* PRINT */

.onlyprint {display: none;} 

@media print {
  	html, body, p, div {
		font-family: sans-serif;
		background-color: transparent;
	}
 	#primary {
 		width:100%;
 		margin:0;
 		padding: 0;
 		display: block;
 	}
	header, #sidebar, footer, #sidebar-left, .noprint {
		display: none;
	}
	.onlyprint {
		display: inherit;
	}
	#content {
		box-shadow:none;
	}
}
.highcharts-container text[zIndex*="8"] {
	display: none !important;
}