/*
Theme Name: 3DCE Admin Panel
Author: Ahmet Kocabıyık
Author URI: http://www.ahmetkocabiyik.com
Description: Admin Panel Teması
Version: 1.0
*/


/* ==================================================
   Ana Stiller
================================================== */
@import url(http://fonts.googleapis.com/css?family=Crete+Round&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700,400&subset=latin,latin-ext);


input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { font-size: 12px; color: #555; }
input::-moz-placeholder,textarea::-moz-placeholder { font-size: 12px; color: #555; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder  { font-size: 12px; color: #555; }
input:-moz-placeholder,textarea:-moz-placeholder { font-size: 12px; color: #555; }


.topbar
{
	background: #355c7d;
	padding:10px 0px;
	text-align: right;
}
.topbar a, .topbar span
{
	font-size: 14px;
	color:#fff;
}

.logo
{
	text-align: center;
	background: #fff !important;
	padding: 10px 0px;
}

.ikonlar
{
	margin-top: 40px;
	margin-bottom: 60px;
	color:#355c7d;
	text-align: center;
}

.ikonlar figure img
{
	display: inline-block;
	margin-bottom: 30px;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
.ikonlar h4
{
	margin-bottom: 20px;
}
.ikonlar h5
{
	margin-bottom: 30px;
}
.ikonlar p
{
	color:#86999b;
	font-size: 14px;
	line-height: 20px
}
.ikonlar figure:hover img
{
	-ms-transform: rotate(40deg); /* IE 9 */
    -webkit-transform: rotate(40deg); /* Safari */
    transform: rotate(40deg);
}
.slogan
{
	font-family: 'Open Sans';
	font-weight: 300;
	color:#355c7d;
}
.slogan2
{
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 40px;
	color:#355c7d;
}
.link
{
	background:#355c7d;
	padding:10px;
	font-size: 20px;
	border-radius: 5px;
	color:#fff;
}
.link:hover,.link:focus
{
	background:#355c7d;
	color: #fff;
	text-decoration: none;
}
a.cevap
{
	display: block !important;
	margin-bottom: 10px;
	white-space: normal !important;
}

h2.test_durum_h2
{
	font-size:14px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.font25
{
	font-size: 25px;
}
.m-t-b-40
{
	margin-top:40px;
	margin-bottom:40px;
}

.ozel_kategori
{
	border-radius:50% !important;
	background:#355c7d;
	width:30px !important;
	line-height:30px !important;
	margin-right:10px !important;
	margin-top:-6px !important;
	margin-left:0px !important;
	color:#fff !important;
}
.p_kirmizi
{
	background:#ff6766 !important;
	font-style: normal;
	font-weight: bold;
	font-size:20px;
	
}
.p_yesil
{
	background: #3ec07b !important;
	font-style: normal;
	font-weight: bold;
	font-size:20px;
}
.p_mavi
{
	background: #4a9ee6 !important;
	font-style: normal;
	font-weight: bold;
	font-size:20px;
}
#soru{
	margin-top:10px;
}
.resimli_tek_cevap
{
	margin-top:5px;
	margin-bottom:5px;
}
.tekli_cevap_kapat
{
	display:none;
}
@media screen and (max-width: 720px) {

	.font25
	{
		font-size:18px;
	}
	#soru
	{
		font-size:23px;
		margin-top:10px;
	}
	.m-t-b-40
	{
		margin-top:10px;
		margin-bottom:0px;
	}
}

a.test_kutulari 
{
	display: block;
	width:100%;
	padding: 10px;	
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
  
}
a.test_kutulari span
{
	display: block;
}
a.test_kutulari .test_isim
{
	font-size: 14px;
}
a.test_kutulari .test_isim span
{
	display: inline;
}
a.test_kutulari .test_no
{
	width: 30px; 
	padding: 5px;
}
a.test_kutulari:hover 
{
	background: #f1fbfd
}

/* RESİMLİ SORU TAŞIMALI CEVAPLAR İÇİN */

/* Individual cards and slots */

#cardSlots div, #cardPile div {
	width:100%;
  padding: 10px;
position: relative;
  border: 1px solid #eee;

 
}

#cardSlots div:first-child, #cardPile div:first-child {
  margin-left: 0;
}

#cardSlots div.hovered {
  background: #eee;
}

#cardSlots div {
  border-style: dashed;
  margin-bottom: 10px;

}

#cardPile div {
 
 
  margin-bottom: 10px;
	cursor: pointer;

}

#cardPile div.ui-draggable-dragging {
background: #fff;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

/* KELİME TAMAMLAMA İÇİN */
.karakter
{
	display:inline-block;
	padding: 10px;
	font-size: 20px;
	background: #3397ff;
	color:#fff;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 42px;
	cursor:pointer;
}
.karakter_input
{

	display: inline-block;
	padding: 10px;
	font-size: 20px;
	border:1px solid #eee;
	margin-right: 5px;
	margin-top: 5px;
	text-align: center;

}
/* .ses2 türkçe kelimeler cevaplandığında ingilizce audio okunacak onu gizlemememiz lazım*/
.ses2
{
	display: none;
}
a.grayscale
{
	color:#606060 !important;
	
}
a.grayscale strong
{
	color:#606060 !important;
}

a.grayscale img {
	
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.9999 0.9999 0.9999 0 0 0.9999 0.9999 0.9999 0 0 0.9999 0.9999 0.9999 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.resimli_soru_resim
{
	width:300px;
}
#content .col-xs-6,#content .col-sm-6,#content .col-md-6
{
	padding-right: 15px;
	padding-left: 15px;
}
@media (max-width: 767px) {
  .resimli_soru_resim
  {
  	max-width:100%;
  }
  #content .col-xs-6,#content .col-sm-6,#content .col-md-6
  {
  	padding-right: 5px;
  	padding-left: 5px;
  }

  .karakter
{
	display:inline-block;
	padding: 5px;
	font-size: 16px;
	background: #3397ff;
	color:#fff;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 20px;
	cursor:pointer;
}
.karakter_input
{

	display: inline-block;
	padding: 5px;
	font-size: 16px;
	border:1px solid #eee;
	margin-right: 5px;
	margin-top: 5px;
	width: 20px;
	text-align: center;

}

}
@media (max-width: 992px) {
  .navbar-header
  {
  	display:block;
  }
  .test_bilgileri
	{
		
		text-align: center;
	}

	.navbar-brand
	{
		padding: 0px 20px
	}
  	
}

@media (min-width: 992px) {
  .navbar-header
  {
  	display:none;
  }

}