body {
    background-color: #f4f4f4;
}
#divuyegiris{width: 330px; height: auto; float: left; background: #fff; border: 1px solid #EB965A; border-radius: 7px; margin: 10px; padding-bottom: 5px;}
.divuyegirissatir{width: 300px; height: auto; float: left; margin: 5px 10px 0px 10px; padding: 8px; border-radius: 7px; font:12px arial; text-align:left;}
.divuyegirissatir input{border:none; background: #fff; color: #404040; width:280px; height: 30px; border: 1px solid #dcdcdc; border-radius: 7px; padding-left: 10px; outline:0; text-align:left;}
.uyegirisstrong{width: 330px;height: auto;float: left; padding: 10px 0px 10px 0px; font: 12px arial; color: #463F3A; font-weight: bold; border-bottom: 1px solid #ccc; text-align: center; }
.uyegirisbuton{width: 75px; float: right; padding:7px 10px 7px 10px; margin-right: 30px; background:#463F3A; color: #fff; border: none; font: 12px arial; border-radius: 7px; outline:0; cursor:pointer;}
.uyegirissifreunuttum{width: auto;height: auto;float: left; padding: 5px; color: #666; font: 11px arial; font-weight: bold; font-style: normal;}
.divlogouyegiris{width: auto; height: auto; float: left; background:#fff; border-radius: 7px; margin-left: 100px; margin-top: 30px; border: 2px solid #EB965A; cursor:pointer;}
#uyegirishata{ padding-left:5px; font:12px arial; color:#cd0000; font-weight:bold;}
div[name=rm-divlogouyeol]{width:95%; height:auto; background:#fff; border-radius: 7px; margin:10px 20px 0px 20px; cursor:pointer;}
div[name=rm-uyelikalan]{width:50%; height:auto; border-radius:7px; border: 1px solid #dcdcdc; margin:0 auto; display:table; padding:10px;}
strong[name=rm-uyegirisstrong]{width:100%; margin:0 auto; border-radius:5px 5px 0px 0px;  display:table; background:#F4D166; height:auto; padding:15px 0px 15px 0px; font: 12px arial; color: #463F3A; font-weight: bold; border-bottom: 1px solid #ccc; text-align: center; }
div[name=rm-uyelikformalan]{width:95%; height: auto; float: left; border-radius: 7px; border:2px solid #EB965A;}
div[name=rm-divuyegirissatir]{width:95%; height: auto; float: left; margin:7px; border-radius: 7px; font:12px arial; text-align:left;}
div[name=rm-divuyegirissatir] input{border:none; background: #fff; color: #404040; width:95%; height:30px; border: 1px solid #dcdcdc; border-radius: 7px; padding:5px; outline:0; text-align:left;}
.harfkutu{width:95%; height:30px; margin:0 auto; margin-top:5px; text-align:center; display:table;}
.harflistesi{width:25px; height:25px; float:left; background-color:#06F; color:#FFF; text-align:center; padding-top:7px; margin-right:2px; margin-bottom:5px; cursor:pointer;}
div#uyelikgirishata{width:95%; height:auto; float:left; margin:10px; color:#ff0000; font:12px arial; font-weight:bold; text-align:left;}
div.menubutonlar{ width:150px; height:200px; margin:5px; border-radius:3px; float:left; cursor:pointer;}
div.menubtn img{ width:140px; height:120px; }
.gorusmelistesi{ width:1080px; border:1px solid #b5b5b5; margin-bottom:3px; border-radius:3px; margin-top:2px; background-color:#FFF;  display:table;}

.header-container {
    width: 1140px;           /* Belirtilen sabit genişlik */
    height: 100px;           /* Belirtilen sabit yükseklik */
    margin: 0 auto;          /* Div'i yatayda ortalar */
    background-color: #5ab6df; /* Arkaplan rengi */
    border: 1px solid #dddddd; /* Sınır çizgisi */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    display: flex;           /* İçindeki öğeleri (sol ve sağ divler) flex öğesi yapar */
    align-items: center;     /* Flex öğelerini dikeyde (çapraz eksen) ortalar */
    justify-content: space-between; /* Flex öğeleri arasına eşit boşluk koyar */
    padding: 0 20px;         /* Kenarlardan içe boşluk */
    overflow: hidden;        /* İçerik taşarsa gizle (genellikle flex ile gerek kalmaz) */
}

/* Soldaki div: welcome-section */
.welcome-section {
    /* display: flex; /* Eğer içindeki metni dikeyde ortalamak isterseniz */
    /* align-items: center; /* Eğer içindeki metni dikeyde ortalamak isterseniz */
    padding-right: 20px; /* Sağdaki profilden ayırmak için */
    /* text-align: center; /* Eğer metni bu div içinde yatayda ortalamak isterseniz */
}

.welcome-section p {
    font-size: 1.2em;
    color: #fff;
    margin: 0; /* Paragrafın varsayılan marginini kaldır */
}

/* Sağdaki div: profile-section */
.profile-section {
    display: flex;         /* İçindeki resim ve butonu flex öğesi yapar */
    flex-direction: column; /* Flex öğelerini dikey olarak sırala */
    align-items: center;   /* Flex öğelerini yatayda (çapraz eksen) ortala */
}

/* Profil Resmi */
.profile-img {
    width: 60px;             /* Resim genişliği */
    height: 60px;            /* Resim yüksekliği */
    border-radius: 50%;      /* Yuvarlak hale getir */
    object-fit: cover;       /* Resmin alanını kaplarken oranını korumasını sağlar */
    margin-bottom: 5px;      /* Resim ile buton arasına boşluk */
    border: 2px solid #fff; /* Çerçeve ekleyebilirsiniz */
}

/* Değiştir Butonu */
.change-btn {
    font-size: 0.8em;        /* Yazı boyutu */
    padding: 2px 8px;        /* İç boşluk */
    cursor: pointer;         /* İmleci değiştir */
    border: 1px solid #cccccc;
    border-radius: 4px;
    background-color: #f8f9fa;
    color: #555;
}

.change-btn:hover {
    background-color: #e2e6ea;
    border-color: #d6d8db;
}

.sabitustmenu{width:1140px; display:flex; justify-content: center; align-content: space-between; flex-flow: column wrap; height:50px; padding:0 20px; margin:0 auto; background:#5ab6df;}
.profilresimtablo{display:none; width:400px; height:525px; top:25px; left:700px; position:fixed; background-color:#FFF; z-index: 999; overflow-y:scroll; overflow-x:hidden; border:16px solid #32cd32;}

img[name=profilresimtablokapat]{position:fixed; top:18px; right:225px; cursor:pointer; }

form[name=profilresimekle] table[name=profilresimyukle]{width:350px; margin-left:20px; margin-top:10px;}

form[name=profilresimekle] table[name=profilresimyukle] .satirbirsutunbir{padding:5px; background:#ffe413; font-weight:bold;}

form[name=profilresimekle] input[name=profilresim]{border:1px solid #c1c1c1; font-weight:bold; border-radius:3px;}

form[name=profilresimekle] input[name=profilresimekle]{background-color:#00bfff; margin-left:5px; border:1px solid #c1c1c1; padding:7px; font-weight:bold; border-radius:3px; color:#fff; font:14px; cursor:pointer;}

table[name=hazirprofilresimtablo]{width:350px; margin-left:20px; margin-top:40px;}

table[name=hazirprofilresimtablo] .satirbirsutunbir2{background:#32cd32; color:#fff; font-weight:bold;}

.pdrmodulorta{
	/* Masaüstü için en çok tercih edilen genişlikler (örneğin) */
  width: 1140px; /* Veya 1140px gibi farklı bir değer */
  max-width: 95%; /* Ekran genişliğinin %90'ını geçmesin */
  margin: 10px auto; /* Sayfanın ortasına hizala ve üst/alt boşluk bırak */
  box-sizing: border-box; /* İç dolguyu genişliğe dahil et */
  overflow: hidden; /* Taşmayı engelle */
  background:#f8f8ff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Hafif gölge (isteğe bağlı) */
	}
.pdrmodulicerik{
  width: 100%; /* Dış divin genişliğinin %100'ü */
  box-sizing: border-box; /* İç dolguyu genişliğe dahil et */
  overflow: hidden; /* Taşmayı engelle */
  padding: 7px; /* İç boşluk (isteğe bağlı) */

  /* Farklı bir güzel arka plan resmi (URL'yi kendi resminizle değiştirin) */
  background:#e8e8e8;
  border-radius: inherit; /* Dış divin köşe yuvarlaklığını miras al (isteğe bağlı) */
	}
.duyurulistesi{width:75%; display:block; background:#fff; border-radius:3px; border:2px solid #e33c39; margin:15px auto;}
.duyurulistesibaslik{width:100%; background:#e33c39; color:#fff; height:25px; font-weight:bold; display:table-cell; display:table; text-align:center; vertical-align:middle;}	
.randevulistesi{width:75%; display:block; background:#fff; border-radius:3px; border:2px solid #20b2aa; margin:15px auto;}
.randevulistesibaslik{width:100%; background:#20b2aa; color:#fff; height:25px; font-weight:bold; display:table-cell; display:table; text-align:center; vertical-align:middle;}
.hatirlatmalistesi{width:75%; display:block; background:#fff; border-radius:3px; border:2px solid #ecab53; margin:15px auto;}
.hatirlatmalistesibaslik{width:100%; background:#ecab53; color:#fff; height:25px; font-weight:bold; display:table-cell;  display:table; text-align:center; vertical-align:middle;}
table[name=okulekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=okullistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:70%;}
table[name=mudurekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=mudurlistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:70%;}
table[name=myardimcisiekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=myardimcisilistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:70%;}
table[name=mbyardimcisiekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=mbyardimcisilistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:70%;} 
table[name=sinifogretmeniekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=sinifogretmenilistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:85%;}
table[name=sinifekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=siniflistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:85%;}
table[name=ogrenciekletablo]{width:40%; background:#fff; border-collapse:collapse; border:1px solid #488481; margin:0 auto; margin-top:7px;}
table[name=ogrencilistesi]{margin:0 auto; margin-top:30px; border-collapse:collapse; border:1px solid #488481; background:#fff; width:85%;}
textarea[name=hatirlatmamesaj]{width:500px; border:2px solid #cc5a11; height:60px;}
.pdrmodulaltgenel{
	width: 1140px;
	max-width: 100%; /* Ekran genişliğinden büyük olmamasını sağlar */
	background:#5ab6df;
	padding: 20px;
	box-sizing: border-box; /* Padding'in genişliğe dahil olmasını sağlar */
	line-height: 1.5;
	text-align:center;
	}
	
#ogrfagorkisibil{
	width:642px;
	border:2px solid #fb8675;
	float:left;
	margin-right:3px;
	margin-top:3px;
	margin-bottom:3px;
	}
div[name=ogrgorformyenichcboxgrup]{width:33%; float:left;}
form#ogrgorformyeni table td[name=ogrformyenitd] textarea{
	width:99%;
}
form#ogrgorformedityeni table td[name=ogrformyenitd] textarea{
	width:99%;
}
form#veligorformyeni table td[name=ogrformyenitd] textarea{
	width:99%;
}
form#veligorformedityeni table td[name=ogrformyenitd] textarea{
	width:99%;
}
form#ogrtgorformyeni table td[name=ogrformyenitd] textarea{
	width:99%;
}
.gorusmelistesi table[name=gorusmelistesitablo] td[name=kggtd1]{
	width:10%;
}
.gorusmelistesi table[name=gorusmelistesitablo] td[name=kggtd3]{
	width:30%;
}
.gorusmelistesi table[name=gorusmelistesitablo] td[name=kggtd4]{
	width:18%;
}
#veligorkisibil{
	width:397px;
	border:2px solid #fb8675;
	float:left;
	margin-right:3px;
	margin-top:3px;
	}
#ogrtgorkisibil{
	width:800px;
	border:2px solid #fb8675;
	float:left;
	margin-right:3px;
	margin-top:3px;
	}
#ogrfagorturu{
	width:791px;
	display:table;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:7px;
	border:2px solid #fb8675;
	padding:5px 0px 0px 9px;
	}
.ogrfaresimalan{
	width:149px;
	height:150px;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:2px;
	border:2px solid #fb8675;
	float:left;
	text-align:center;
	}
.ogrfagorturcheckbox{
	width:18px;
	height:18px;
}
.ogrfaonizlecheckbox{
	width:18px;
	height:18px;	
}
#ogrfagortarih{
	width:800px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:3px;
	margin-bottom:5px;
	border:2px solid #fb8675;
	float:left;
	}
#ogrfagoralani{
	width:800px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:3px;
	margin-bottom:5px;
	border:2px solid #fb8675;
	float:left;
	}
#veligoralani{
	width:800px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:3px;
	margin-bottom:5px;
	border:2px solid #fb8675;
	float:left;
	}
#ogrtgoralani{
	width:800px;
	padding-top:4px;
	padding-bottom:4px;
	margin-top:3px;
	margin-bottom:5px;
	border:2px solid #fb8675;
	float:left;
	}
.formicon{
	width:205px;
	border:1px solid #999;
	margin:25px;
	float:left;
	padding:5px;
}
.gorkaydet{
	margin:15px;
    padding:5px 15px; 
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
::-webkit-input-placeholder {
   text-align: left;
}
.kaydetguncellebutton{
	height:50px;
	text-align:center;
}
.sayfalama{
	width: 20px;
	height: 20px;
	float:left;
	text-align:center;
	background-color: #66CC33;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
	font-weight:bold;
	margin-left: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 3px;
	color: #fff;
	text-decoration: none;
}
#dosyagondersol{
width:415px;
background:#FFF;
float:left;
}
.dosyagonderform{
width:400px;
background-color: #9CC;
margin-left:5px;
padding-left:10px;
padding-top:8px;
float:left;
}
.dosyaara{
width:550px;
border:1px #F60 solid;
float:left;
margin-left:2px;
margin-bottom:8px;
background-color:#6CF;
font-weight:bold;
}
.dosyaarabuton{
border-radius:5px;
height:30px;
background-color:#F93;
border:2px #900 solid;
font-weight:bold;
}
.dosyaarabuton:hover{
border:2px #000 solid;
color: #FFF;
cursor:pointer;
}
.dosyalistesi{
width:550px;
float:left;
margin-left:2px;
}
.dosyaeklebuton{
width:150px;
height:35px;
border:3px #F60 solid;
border-radius:8px;
background-color:#0F6;
color: #006;
font-size:15px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
.dosyaeklebuton:hover{
border:3px #F30 solid;
color: #000;
cursor:pointer;
}
.dosyasecbuton{
width:380px;
height:30px;
border:2px #999 solid;
border-radius:8px;
background-color:#FFF;
color: #006;
font-size:14px;
margin-bottom:10px;
margin-top:10px;
}
.dosyasecbuton::-webkit-file-upload-button {
    border-radius: 8px;
	width:100px;
	height:30px;
	font-weight:bold;
}
.dosyagonderinput{
width:380px;
height:28px;
border:2px #999 solid;
margin-bottom:10px;	
}
.dokumaneditinput{
width:380px;
height:28px;
border:2px #F00 solid;
margin-bottom:3px;	
}
.dokumaneditinput::-webkit-file-upload-button {
    width:100px;
	height:27px;
	font-weight:bold;
}
.onayla{
    width:150px;
	height:50px;
	cursor:pointer;
	float:left;
	margin-left:120px;
}
.duzenle{
    width:150px;
	height:50px;
	cursor:pointer;
	float:left;
}
.guncelle{
    width:150px;
	height:50px;
	cursor:pointer;
	float:left;
}
#bilgiduzenle{width: 470px; padding: 10px; margin-right: 5px; margin-left:5px; background: #fff;}
#mask{display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.8;    z-index: 999;}

.login-popup
{
	width: 600px;
	height: auto;
	margin-top: -110px;
	margin-right: 5px;
	margin-left:200px;
	overflow-y: auto;
	overflow-x: hidden;
    display: none;
    background: #fff;
    padding: 10px;
    border: 2px solid #ddd;
    position: fixed;
    z-index: 9999;
}

img.btn_close
{
    float: right;
    margin: -145px -8px 0 0;
    border: none;
	cursor:pointer;
}
input[name=resim]::-webkit-file-upload-button {background-color:#00bfff; border:1px solid #c1c1c1; padding:8px; font-weight:bold; border-radius:3px; color:#fff;
}
input[name=profilresim]::-webkit-file-upload-button {background-color:#00bfff; border:1px solid #c1c1c1; padding:8px; font-weight:bold; border-radius:3px; color:#fff;
}
.kaydirmacubugu{
  height:225px;
  overflow-y:scroll;
  overflow-x:hidden;
}
.kaydirmacubugu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5;
}
.kaydirmacubugu::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.kaydirmacubugu::-webkit-scrollbar-thumb {
    background-color: #fc6023;
}
.gorusmelermenukutu{
	display: flex; /* Menü öğelerini yan yana dizer */
	flex-wrap: wrap; /* Ekran küçüldüğünde alt satıra geçmelerini sağlar */
	justify-content: flex-start; /* Öğeleri sola hizalar */
	background-color: #2c3e50; /* Menü arka plan rengi - koyu gri/mavi */
	padding: 10px 0; /* Üst ve alt boşluklar */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hafif bir gölge */
	}
.gorusmelermenukutu a {
	text-decoration:none;
}
.gorusmelermenu {
	width:120px;
	color: #ecf0f1; /* Menü yazı rengi - açık gri */
	text-align: center;
	padding: 15px 5px; /* İç boşluklar */
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Yumuşak geçişler */
	font-weight: 100; /* Kalın yazı */
	text-transform: uppercase; /* Tüm harfleri büyük yapar */
	letter-spacing: 1px; /* Harf aralığı */
	border-right: 1px solid rgba(255, 255, 255, 0.1); /* Öğeler arasına ince ayırıcı çizgi */
    }
.gorusmelermenu:hover{
	background-color: #34495e; /* Hover'da arka plan rengi */
	color: #e74c3c; /* Hover'da yazı rengi - kırmızımsı */
	transform: translateY(-3px); /* Hafif yukarı kalkma efekti */
	}
.gorusmegenelcerceve{width:850px; float:left; }
.yantaraf{width:20%; background-color:#fff; float:left; margin:3px;}
div[name=gelengorusme]{width:770px; min-height:150px; max-height:auto; border:2px solid #1c1c1c; padding:15px;}
div[name=gelengorusmenedeni]{width:770px; min-height:150px; max-height:auto; border:2px solid #1c1c1c; padding:15px;}
.baslik{font-size:18px; text-align:center; width:800px;}
.gorusmeistatistikbaslik{width: auto; height: 20px; float:left; margin:3px; font: 12px microsoft yahei; background:#363636; text-align:center; padding:5px; color:#FFF; border-radius:3px;}
.sayfamenukutu{width: 100%; height:auto; display:table; border-bottom:2px solid #900; background:#fff; margin-bottom:5px;}
.sayfamenu {width: 120px; height: 32px; float:left; margin:3px; font: 12px microsoft yahei; background:#8b4726; cursor:pointer; text-align:center; padding:5px; color:#FFF; border-radius:3px;}

/*tanımaformu css */

#kayitilerleme{width: 95%; height: auto; font:12px arial; display:table; margin:5px auto; padding: 10px; background: #fff; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc;}
.adimkup{width: 50px; height: 39px; float: left; background: #81c784; color:#666; border-radius: 60px; padding-top: 13px; font-size: 11px; font-weight: bold; text-align: center; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; cursor: help; border: 2px solid #fff;}
.adimcizgi{width: 70px; height: 2px; float: left; background: #e0e0e0; margin-top: 27px; }
.tanimaformubak{width: 410px; height: auto; padding: 5px; margin:0 auto;  margin-top:15px; margin-bottom:10px; background: #fff; border: 1px solid #dcdcdc; padding-bottom: 10px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc;}
.tanimaformubak strong{font: 12px arial; font-weight: bold;}
.ogr_bilgileri{width: 600px; height: auto; padding: 5px; float: left; margin:1%; background: #fff; border: 1px solid #dcdcdc; padding-bottom: 10px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc;}
.ogr_bilgileri strong{font: 12px arial; font-weight: bold;}
.serit1{width: 99%; height: 1px; float: left; margin: 5px 0px 5px 0px; background: #f0f0f0;}
.ogr_bilgileri_str{width:99%; height: auto; padding:3px;}
.ogr_bilgileri_str>input[type=text]{width:280px; height:27px; padding: 5px; border: 1px solid #a1887f; border-radius: 2px; outline: 0; color: #404040; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; font-weight: 500;}
.ogr_bilgileri_str>input[type=date]{width: 280px; height: auto; padding: 5px; border: 1px solid #a1887f; border-radius: 2px; outline: 0; color: #404040; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; font-weight: 500;}
.ogr_bilgileri_str>input[type=number]{width: 280px; height: auto; padding: 5px; border: 1px solid #a1887f; border-radius: 2px; outline: 0; color: #404040; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; font-weight: 500;}
.ogr_bilgileri_str>input[type=text]:hover{border:none; width:281px; height:26px; outline:1px solid #ffd180;}
.ogr_bilgileri_str>input[type=date]:hover{border:none; width:281px; outline:1px solid #ffd180;}
.ogr_bilgileri_str>input[type=number]:hover{border:none; width:281px; height:17px; outline:1px solid #ffd180;}
.ogr_bilgileri_str>input[type=text]:focus{outline:2px solid #ffd180;}
.ogr_bilgileri_str>input[type=date]:focus{outline:2px solid #ffd180;}
.ogr_bilgileri_str>input[type=number]:focus{outline:2px solid #ffd180;}
.ogr_bilgileri_str>select{width: 292px;  height: 35px; float: left; color:#666; padding: 3px; border: 1px solid #a1887f; border-radius: 2px; outline: 0; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; font-weight: 500;}
.ogr_bilgileri_str>select:hover{border: none; width: 292px; height: 35px; outline:1px solid #ffd180;}
.ogr_bilgileri_str>select:focus{outline:2px solid #ffd180;}
.ogr_bilgileri_str>textarea{width:98%; padding: 5px; border: 1px solid #a1887f; border-radius: 2px; outline: 0; color: #006064; font: 14px arial; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; font-weight: 500;}
.ogr_bilgileri button{width: auto;  height: auto; float: right; border: none; background: #455a64; color: #f0f0f0; margin: 8px; padding: 10px; outline: 0; border-radius: 1.5px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc;}
.ogr_bilgileri input[type=submit]{width: auto;  height: auto; float: right; border: none; background: #455a64; color: #f0f0f0; margin: 8px; padding: 10px; outline: 0; border-radius: 1.5px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; cursor:pointer;}
.ogr_bilgileri input[type=file]{width: auto;  height:35px; border: 1px solid #f0f0f0; margin: 8px; padding:2px; outline: 0; border-radius: 1.5px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc;}
.ogr_bilgileri input::-webkit-file-upload-button{width:90px; height:30px; font-weight:bold; }
.ogr_bilgileri input.kaydet{width: auto;  height: auto; float: right; border: none; background: #455a64; color: #f0f0f0; margin: 8px; padding: 10px; outline: 0; border-radius: 1.5px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc;}
.ogr_bilgileri button:hover{background: #37474f; color:#fff; cursor: pointer;}
.ogr_bilgileri input.kaydet:hover{background: #37474f; color:#fff; cursor: pointer;}
.tanimaformubak input.sorgula{width: auto;  height: auto; border: none; background: #455a64; color: #f0f0f0; margin-top:2px; padding:11px 5px 11px 5px; outline: 0; border-radius: 1.5px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; }
.tanimaformubak input.sorgula:hover{background: #37474f; color:#fff; cursor: pointer;}
.clear{clear: both;}
div[name=kardesdis]{width: 98%; height: auto; display:table; display:table; background: #fff; border: 1px solid #f0f0f0; border-radius: 3px; margin: 10px 3px 3px 3px; box-shadow:1px 1px 1px 3px #a1887f; -moz-box-shadow:1px 1px 1px 3px #a1887f;  -webkit-box-shadow:1px 1px 1px 3px #a1887f;}
div[name=kardesdis] table td{width:33%;}
div[name=kardesdis] table td select{width:98%; height:32px; color: #444;}
div[name=kardesdis] table td input{width:98%; height:27px; color: #444;}
.kardessil{width: 13px; height: 13px; float: right; padding: 5px; background: #8d6e63; color: #fff; border:none; border-radius: 80px; font:11px arial; font-weight: bold; text-align: center; margin: 3px; outline: 0; box-shadow:1px 1px 1px 3px #f0f0f0; -moz-box-shadow:1px 1px 1px 3px #f0f0f0;  -webkit-box-shadow:1px 1px 1px 3px #f0f0f0;}
.kardessil:hover{background: #4e342e; color: #fff; cursor: pointer;}
.upload-preview{width: 190px; height: 190px; float: left; border: 2px solid #dcdcdc; padding: 2px; border-radius: 3px; margin-top: 5px; display: none;}
.upload-preview>img{float: left; width: 190px; height: 190px; border-radius: 3px; border: none;}
.ilerigeri{width: auto;  height: auto; float: right; border: none; background: #455a64; color: #f0f0f0; margin:8px; padding:9px; outline:0; border-radius: 1.5px; box-shadow: 3px 3px 4px #ccc; -moz-box-shadow: 3px 3px 4px #ccc;  -webkit-box-shadow: 3px 3px 4px #ccc; cursor:pointer;}

/*op mesaj css */

div[name=opmesajalan]{display:table; width:60%; margin:0 auto; margin-bottom:10px; margin-top:10px; padding:10px; border:1px solid #808080; border-radius:3px; background:#fff;}
div[name=opcevapyazalan]{width:70%; display:table; padding:3px; float:left; height:98%;}
div[name=opcygelenmesajlaralan]{width:28%; display:table; height:95%; border-left:1px solid #ccc; padding:3px;}
div.mesajlarmenu{width:48%; background:#cd853f; font-weight:bold; color:#fff; border:1px solid #808080; padding:5px; text-align:center; cursor:pointer; display:table;}

/*abkö css */
div.abkoaciklama{width:98%; height:auto; margin:0 auto; font: 13px arial; font-weight: bold; background: #fff9c4; padding: 5px; color: #4e342e;border-radius: 3px;}
div.abkosoruliste{width:98%; height:auto; margin:5px auto; font: 13px arial; font-weight: bold; background: #fff; padding: 5px; color: #4e342e;border-radius: 3px;}