/* very small styles for quick UI */
body { font-family: Arial, sans-serif; background:#f7f9fb; color:#222; margin:0; padding:0; }
.container { width: 90%; max-width:1000vh; margin: 0 auto; padding: 1rem; }
/* .container { width: 90%; max-width:1000px; margin: 0 auto; padding: 1rem; } */
header { background: #2c3e50; color: #fff; padding: 0.5rem 0; }
header h1 { display:inline-block; margin:0; }
header h1 a { color:#fff; text-decoration:none; }
header nav { float:right; margin-top:6px; }
header nav a { color:#fff; margin-left:12px; text-decoration:none; font-size:0.95rem; }
main { padding: 1rem 0; }
.list { width:100%; border-collapse:collapse; margin-top:1rem; }
.list th, .list td { padding:8px; border:1px solid #e1e4e8; text-align:left; }
.search { margin-bottom: 1rem; }
.search input[type="text"] { padding:6px; width:300px; }
.flash { padding:10px; margin-bottom:10px; border-radius:4px; }
.flash.success { background:#e6ffed; border:1px solid #b7f0c6; }
.flash.error { background:#ffe6e6; border:1px solid #f0b7b7; }
label { display:block; margin-bottom:8px; }
input[type="text"], input[type="password"], textarea, select { width:100%; padding:8px; box-sizing:border-box; margin-top:4px; }
button { padding:8px 12px; background:#2c3e50; color:#fff; border:none; border-radius:4px; cursor:pointer; }
a { color:#2c3e50; text-decoration:none; }
footer { padding: 1rem 0; text-align:center; color:#666; font-size:0.9rem; border-top:1px solid #eee; margin-top:1rem;}
.muted { color:#ddd; margin-left:8px; }

/* gallery / thumbnails */
.gallery { margin-bottom: 1rem; display:flex; gap:8px; flex-wrap:wrap; }
.thumb { width:140px; height:100px; object-fit:cover; border:1px solid #ddd; border-radius:4px; display:block; }
.thumb2 { width:75px; height:50px; object-fit:cover; border:1px solid #ddd; border-radius:4px; display:block; }
.image-list { display:flex; gap:8px; flex-wrap:wrap; }
.image-item { display:block; text-align:center; width:140px; font-size:0.85rem; }
.image-item input { display:block; margin:6px auto 4px; }
.img-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:140px; }

/* pagination */
.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.pagination a,
.pagination span {
  padding: 6px 10px;
  border-radius: 4px;
  text-decoration: none;
  color: #2c3e50;
  border: 1px solid #e1e4e8;
  background: #fff;
  font-size: 0.95rem;
}
.pagination .page-current {
  background: #2c3e50;
  color: #fff;
  border-color: #2c3e50;
}
.pagination .page-disabled {
  color: #999;
  background: #f5f7f9;
  border-color: #eee;
}
.pagination .page-ellipsis {
  padding: 6px 4px;
  color: #666;
  border: none;
  background: transparent;
}
.page-summary {
  margin-top: 8px;
  color: #666;
  font-size: 0.95rem;
}


.sutun15 {
    box-shadow:inset 0px 0px 0px 2px #000;
    height: 60px;
    width: 38px;
    background: #ffffff;
    padding: 10px;
  }
  
  .baslik{
	  font-weight:700;
	  font-size:12px;
  }
  
  .icerik{
	  font-weight:300;
	  font-size:16px;
	  font-family:calibri;
  }

.baslik13{
	font-size:13px;
}

.icerik13{
	font-size:13px;
}

.redbaslik{	 
  font-family: "SN Pro", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
  font-size:16px;
  margin:5px 0;
  color:#AF1315;
}

.bluebaslik{	 
  font-family: "SN Pro", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
  font-size:16px;
  margin:5px 0;
  color:#1E88E5;
}

.orangebaslik{	 
  font-family: "SN Pro", sans-serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
  font-size:16px;
  margin:5px 0;
  color:#FB8C00;
  font-weight:600;
}

.altbilgi {
	background-color:#2C3E50;
	width:100%;
	color:#E9E9ED;	
}
.input_item
{
	width: 100%;
	height: 47px;
	border: solid 2px #b5b5b5;
	margin-bottom: 24px;
	padding-left: 27px;	
	outline: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.dropdown_item
{
	-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #a0a0a0 !important;
	background-image: url(../images/dropdown.png);
	background-position: center right;
	background-repeat: no-repeat;
}
.input_item:focus
{
	border-color: #02303a;
}
.dropdown_item option
{
	font-style: normal;
	font-size: 14px;
	color: #212121;
}
.contact_message
{
	height: 122px;
	padding-top: 12px;
}
.input_item::-webkit-input-placeholder
{
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #a0a0a0 !important;
}
.input_item:-moz-placeholder
{
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #a0a0a0 !important;
}
.input_item::-moz-placeholder
{
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #a0a0a0 !important;
} 
.input_item:-ms-input-placeholder
{ 
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #a0a0a0 !important;
}
.input_item::input-placeholder
{
	font-size: 12px !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #a0a0a0 !important;
}

.dikeyortala {	
	top: 20%;
	position:relative;	
}