body {
	background: #444;

}

a {
	text-decoration: none;
	color: #48a770;
	outline: none;
}

a:hover, a:focus {
	color: #2c774b;
	outline: none;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

table.ibbcbs tr.gri {
 background:#fff;
}
table.ibbcbs tr.gri:hover {
 background:#80ceff;
}
table.ibbcbs tr.kirmizi {
 background:#c6e7fc;
}
table.ibbcbs tr.kirmizi:hover {
 background:#80ceff;
}
.codrops-header {
	padding: 0.5em;
	text-align: center;
	 background-image : url("images/header1.png");
        color:white;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2em;
}

.codrops-header span {
	display: block;
	padding: 0 0 0.3em 0.1em;
	font-size: 60%;
	color: #aca89a;
}



.main {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	background-color:pink;
}

.column {
	float: left;
	width: 100%;
	position: fixed;
	text-align: right;
	z-index:9999;
	background-color:transparent;
	top:40px;
}

.column:nth-child(2) {
	box-shadow: -1px 0 0 rgba(0,0,0,0.1);
	text-align: left;
}

.column p {
	font-weight: 300;
	font-size: 2em;
	padding: 0 0 0.5em;
	margin: 0;
	line-height: 1.5;
}

button {
	border: none;
	padding: 0.6em 1.2em;
	background: #388a5a;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 0.8em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

button:hover {
	background: #2c774b;
}
			.asdhakan{
				background:#ac1a1a
			
			}
button.asdhakan:hover{background-color:#770000}
.w3-btn,.w3-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav,.w3-btn-block{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-btn-floating{width:30px;height:30px;line-height:30px}.w3-btn-floating-large{width:56px;height:56px;line-height:56px}
.w3-disabled,.w3-btn:disabled,.w3-btn-floating:disabled,.w3-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}
.w3-btn.w3-disabled *,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled *,.w3-btn:disabled *,.w3-btn-floating:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover,
.w3-btn-floating-large.w3-disabled:hover,.w3-btn-floating-large:disabled:hover{box-shadow:none}
.w3-btn-group .w3-btn{float:left}.w3-btn-block{width:100%}
.w3-btn-bar .w3-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.w3-btn-bar .w3-btn:hover{background-color:#ccc}
.w3-badge,.w3-tag,.w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}
.info {
	text-align: center;
	font-size: 1.5em;
	margin-top: 3em;
	clear: both;
	padding: 3em 0;
	opacity: 0.7;
	color: #aca89a;
}

.info a {
	font-weight: 700;
	font-size: 0.9em;
}

.val{color:Red;font-weight:bold;font-size:1.6em;}
/*-----------Mezar Popup İşlemleri---------------------*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 6px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}




/*++++++++++TABLAR +++++++++++*/
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
	height: 600px;
}
/*-----------------------------------------------------*/

.pages{
	height:50px;
	width:100%;
	text-align:center;
	margin-top:20px;
}
.meftaEkleSilTool{
	height:50px;
	width:95%;
	text-align:center;
	position: absolute;
    bottom: 0;
	margin-bottom:50px;
}
.fotoEkleSilTool{
	height:50px;
	width:95%;
	text-align:center;
	position: absolute;
    bottom: 0;
	margin-bottom:50px;
}
.labelSyf{
	font-weight:bold;
	font-size:24px;
	color:#555555;
}
#onceki{
 background: url(images/previous.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	border:none;
	width:25px;
	height:25px;
	margin-right:10px;
}
#sonraki{
 background: url(images/next2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	border:none;
	width:25px;
	height:25px;
	margin-left:10px;
}
#oncekiFoto{
 background: url(images/previous.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	border:none;
	width:25px;
	height:25px;
	margin-right:10px;
}
#sonrakiFoto{
 background: url(images/next2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	border:none;
	width:25px;
	height:25px;
	margin-left:10px;
}
#file-input {
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  filter: alpha(opacity=0); /* IE < 9 */
  opacity: 0;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*+++++++++++++++ TABLE +++++++++++++++++++++*/
/*** Table Styles **/
.meftayokFoto{
	
	background-color: #99BB99;
	height: 70%;
	text-align:center;
	
}
.mezarFoto{
	
	background-color: #99BB99;
	height: 70%;
	text-align:center;
	
}

.meftaislemleri{
	
	background-color: #99BB99;
	height: 100%;
	padding-top:30px;
}
.meftaEkleAraCss{
background-color: #99BB99;
	height: 100%;
}
.meftaEkleAraSonucCss{
background-color: #99BB99;
	height: 100%;
overflow-y:scroll;	
}

.tablo{
	
	background : transparent;
}
.tablo2{
	
	background : transparent;
	padding-top:30px;

}
.tablo3{
	
	background : transparent;
	padding-top:3px;
	height:100%;
	overflow-y:auto;	

}

#mezarResim{
	width:50%;
	height:100%;
}
#meftayok1{
	width:50%;
	height:100%;
}


.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  
  margin: auto;
  padding-top:100px;
  width: 90%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;

}


 
.table-fill th {
  color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.table-fill th:first-child {
  border-top-left-radius:3px;
}
 
 .table-fill th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-fill tr {
  border-top: 1px solid #C1C3D1;
  border-bottom: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.table-fill tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
}
 
.table-fill tr:first-child {
  border-top:none;
}

.table-fill tr:last-child {
  border-bottom:none;
}
 
.table-fill tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.table-fill tr:nth-child(odd):hover td {
  background:#4E5066;
}

.table-fill tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
.table-fill tr:first-child td:first-child {
  border-top-left-radius:3px;
}
 
.table-fill tr:first-child td:last-child {
  border-top-right-radius:3px;
}
 
.table-fill td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:16px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}


.table-fill td:last-child {
  border-right: 0px;
}

.table-fill th.text-left {
  text-align: left;
}

.table-fill th.text-center {
  text-align: center;
}

.table-fill th.text-right {
  text-align: right;
}

.table-fill td.text-left {
  text-align: left;
}

.table-fill td.text-center {
  text-align: center;
}

.table-fill td.text-right {
  text-align: right;
}


.table-fill2 {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  
  margin: auto;
  padding-top:100px;
  width: 90%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;

}


 
.table-fill2 th {
  color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.table-fill2 th:first-child {
  border-top-left-radius:3px;
}
 
 .table-fill2 th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-fill2 tr {
  border-top: 1px solid #C1C3D1;
  border-bottom: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.table-fill2 tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
}
 
.table-fill2 tr:first-child {
  border-top:none;
}

.table-fill2 tr:last-child {
  border-bottom:none;
}
 
.table-fill2 tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.table-fill2 tr:nth-child(odd):hover td {
  background:#4E5066;
}

.table-fill2 tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill2 tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
.table-fill2 tr:first-child td:first-child {
  border-top-left-radius:3px;
}
 
.table-fill2 tr:first-child td:last-child {
  border-top-right-radius:3px;
}
 
.table-fill2 td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:16px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}


.table-fill2 td:last-child {
  border-right: 0px;
}

.table-fill2 th.text-left {
  text-align: left;
}

.table-fill2 th.text-center {
  text-align: center;
}

.table-fill2 th.text-right {
  text-align: right;
}

.table-fill2 td.text-left {
  text-align: left;
}

.table-fill2 td.text-center {
  text-align: center;
}

.table-fill2 td.text-right {
  text-align: right;
}



/*------*/
.table-fill3 {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  
  margin: auto;
  padding-top:5px;
  width: 98%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;

}


 
.table-fill3 th {
  color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.table-fill3 th:first-child {
  border-top-left-radius:3px;
}
 
 .table-fill3 th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.table-fill3 tr {
  border-top: 1px solid #C1C3D1;
  border-bottom: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.table-fill3 tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
}
.table-fill3 tr:hover td h2 {
  background:#4E5066;
  color:#FFFFFF;
}
 
.table-fill3 tr:first-child {
  border-top:none;
}

.table-fill3 tr:last-child {
  border-bottom:none;
}
 
.table-fill3 tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.table-fill3 tr:nth-child(odd):hover td {
  background:#4E5066;
}

.table-fill3 tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.table-fill3 tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
.table-fill3 tr:first-child td:first-child {
  border-top-left-radius:3px;
}
 
.table-fill3 tr:first-child td:last-child {
  border-top-right-radius:3px;
}
 
.table-fill3 td {
  background:#FFFFFF;
  padding:1px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:10px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
  color:black;
}
.table-fill3 td  h2{
  font-size:14px;
    padding:1px;
	font-weight:bold;
	color:black;
}


.table-fill3 td:last-child {
  border-right: 0px;
}

.table-fill3 th.text-left {
  text-align: left;
}

.table-fill3 th.text-center {
  text-align: center;
}

.table-fill3 th.text-right {
  text-align: right;
}

.table-fill3 td.text-left {
  text-align: left;
}

.table-fill3 td.text-center {
  text-align: center;
}

.table-fill3 td.text-right {
  text-align: right;
}
/*------*/


.btnGetRecord img{width:20px; height:20px;}

#f1{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f2{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f3{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f4{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f5{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f6{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f7{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f8{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f9{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#f10{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.txtCss{
	width:90%;
	font-size: 0.8em;
	outline: none;
	font-weight:700;
	color:#000000;
	padding:0.5em 0.5em; 
	margin: 0.1em auto;
	border: 1px solid #01021C;
	background:white;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-webkit-appearance: none;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius: 2px;
	box-shadow: inset 2px 2px 10px rgba(26, 21, 21, 0.54);
	-moz-box-shadow: inset 2px 2px 10px rgba(26, 21, 21, 0.54);
	-webkit-box-shadow: inset 2px 2px 10px rgba(26, 21, 21, 0.54);
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
	
}
.txtSorguCss{
	width:90%;
	font-size: 0.8em;
	outline: none;
	font-weight:700;
	color:#000000;
	padding:0.5em 0.5em; 
	margin: 0.1em auto;
	border: 1px solid #01021C;
	background:white;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-webkit-appearance: none;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius: 2px;
	box-shadow: inset 2px 2px 10px rgba(26, 21, 21, 0.54);
	-moz-box-shadow: inset 2px 2px 10px rgba(26, 21, 21, 0.54);
	-webkit-box-shadow: inset 2px 2px 10px rgba(26, 21, 21, 0.54);
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
	margin-left:10px;
	
}

#ff1{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#ff2{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
  width:20%;
}
#ff3{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#ff4{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
#ff5{
 color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:18px;
  font-weight: 100;
  padding:10px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}
/*+++++++++++++++++++++++++++++++++++++++++++*/



/*//////////////////////////////////// */
.uyaridiv {
	border-radius: 25px;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */   
    left:  calc((100% - 400px)/2);
    top: calc((100% - 100px)/2);
    width: 400px;/* Full width */
    height: 100px; /* Full height */
    overflow:visible; /* Enable scroll if needed */
    background-color: #333; /* Fallback color */
	 box-shadow: 0 8px 10px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.19);
}
.downloadDiv {
	border-radius: 25px;
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */   
    left:  calc((100% - 400px)/2);
    top: calc((100% - 100px)/2);
    width: 400px;/* Full width */
    height: 100px; /* Full height */
    overflow:visible; /* Enable scroll if needed */
    background-color: rgba(33,33,33,0.95); /* Fallback color */
	 box-shadow: 0 8px 10px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.19);
}
.downloadDiv-content {
	border-radius: 25px;
    position: relative;
	float:right;
    width: 32px;
	right:60;
	top:-80;

}
.modall {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 25%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
        background-color: #333; /* Fallback color */
    background-color: #333; /* Black w/ opacity */
}
/* Modal Content */
.modall-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 0%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
.login {
  position: absolute;
  margin: -10rem 0 0 -10rem;
  width: 20rem;
  height: 20rem;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  
}
.login:hover > .login-header, .login.focused > .login-header {
  width: 3.5rem;
}
.login:hover > .login-header > .text, .login.focused > .login-header > .text {
  font-size: 1rem;
  transform: rotate(-90deg);
}
.login.loading > .login-header {
  width: 20rem;
}
.login.loading > .login-header > .text {
  display: none;
}
.login.loading > .login-header > .loader {
  display: block;
}

.login-header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 20rem;
  height: 20rem;
  background: orange;
  transition: width 0.5s ease-in-out;
}
.login-header > .text {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  text-align: center;
  line-height: 20rem;
  color: #fff;
  transition: all 0.5s ease-in-out;
}
.login-header > .loader {
  display: none;
  position: absolute;
  left: 5rem;
  top: 5rem;
  width: 10rem;
  height: 10rem;
  border: 2px solid #fff;
  border-radius: 50%;
  animation: loading 2s linear infinite;
}
.login-header > .loader:after {
  content: "";
  position: absolute;
  left: 4.5rem;
  top: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 50%;
  border-right: 2px solid orange;
}
.login-header > .loader:before {
  content: "";
  position: absolute;
  left: 4rem;
  top: -0.5rem;
  width: 0;
  height: 0;
  border-right: 1rem solid #fff;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
}

@keyframes loading {
  50% {
    opacity: 0.5;
  }
  100% {
    transform: rotate(360deg);
  }
}
.login-form {
  margin: 0 0 0 2rem;
  padding: 0.5rem;
}

.login-input {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  box-shadow: none;
  border-color: #ccc;
  border-width: 0 0 2px 0;
}
.login-input + .login-input {
  margin: 10px 0 0;
}
.login-input:focus {
  outline: none;
  border-bottom-color: orange;
}

.login-btn {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 5rem;
  height: 5rem;
  border: none;
  background: orange;
  border-radius: 50%;
  font-size: 0;
  border: 0.6rem solid transparent;
  transition: all 0.3s ease-in-out;
}
.login-btn:after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0.8rem;
  width: 0;
  height: 0;
  border-left: 2.4rem solid #fff;
  border-top: 1.2rem solid transparent;
  border-bottom: 1.2rem solid transparent;
  transition: border 0.3s ease-in-out 0s;
}
.login-btn:hover, .login-btn:focus, .login-btn:active {
  background: #fff;
  border-color: orange;
  outline: none;
}
.login-btn:hover:after, .login-btn:focus:after, .login-btn:active:after {
  border-left-color: orange;
}

			#slideout2 {
				position: fixed;
				top: 100px;
				left: 30px;
				width: 160px;
				height: 200px;
				padding: 1px 0;
				text-align: center;
				background-color: #162A4C;
				
				
				border-radius:10px 0;
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				-o-border-radius: 10px;
				border: 1px solid #01021C;
				z-index:999;
			}
			#ustBolge{
				width: 160px;
				height: 30px;
					border-radius:10px 10px 0 0;
					color: white;
				font-size: 15px;
				font-variant: small-caps;
				line-height: 30px;
				font-weight:bold;
			
			}
			#ustBolge h2{
				color: white;
				font-size: 20px;
				font-variant: small-caps;
				line-height: 30px;
				font-weight:bold;
			}
			#altBolge{
				width: 160px;
				height: 170px;
					background:#CAD4E8;
					border-radius:0 0 10px 10px;
			
			}

		  #ortaBolge {
			margin:5px;
			padding:0px;
			height: 88%;
		  }
		  
		  #map {
			height: 100%;
		  }
		  .meftaSorgulamaCss {
	  /*width: 305px;*/
	  border: 1px solid #48a770;
	  /* Without padding rounded border looks patchy */

	  background-color:#c5c4bf;
	  height:89%;
	  z-index:999999;
	  
	  /* Does not work in IE */
	  -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	}
	.sorguSonuclariCss {

	  background-color:white;
	 height: calc(100% - 315px);
	  margin-top:10px;
	  margin-right:5px;
	  margin-left:5px;
	  		border:solid 3px #162A4C;
			border-radius:6px;
	}
	
		  
		  .templatePicker {
	  /*width: 305px;*/
	  border: 1px solid #48a770;
	  /* Without padding rounded border looks patchy */

	  background-color:#c5c4bf;
	  height:89%;
	  
	  /* Does not work in IE */
	  -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	}

	.templatePicker .tooltip {
	  width: 100px;
	  position: absolute;
	  border: 1px solid #c5c4bf;
	  background-color: white;
	  padding: 5px;
	  
	  /* Does not work in IE */
	  -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	}

	/************************************
	 * Some style overrides for the grid
	 ************************************/
            .itemSymbol {
                float: left;
                left: 0;
                width: 50px;
            }
            .itemLabel {
                color: blue;
                width: 0px;
                left: 50px;
				display:none;
                text-align: left;
            }
            .dojoxGridRowTable {
                table-layout: auto;
                width: 500px;
                empty-cells: show;
            }
            .dojoxGridCell {
                background-color: yellow;
            }
	/* TODO */
	.templatePicker .grid .dojoxGridHeader {
	  display:none;
	}

	.templatePicker .dojoxGrid {
	  /* To avoid a colored border on the left side of the grid */
	  background-color: white;
	  font-size: 0.97em;
	}

	.templatePicker .grid .dojoxGridRowOver .dojoxGridCell {
	  background-color: #FFFFFF; 
	  color:#000000;
	}

	.templatePicker .grid .dojoxGridRowSelected {
	  background-color: #FFFFFF;
	}

	.templatePicker .grid .dojoxGridCell {
	border: 1px solid white;
	  background-color:white;
	}

	.dj_ie6 .templatePicker .grid .dojoxGridCell {
	  border: 1px solid white;
	}

	.templatePicker .grid .dojoxGridCellOver {
	  border: 1px solid #FFFFFF;
	}

	.templatePicker .grid .dojoxGridRow {
	  border-color: #FFFFFF;
	}

	.templatePicker .grid .dojoxGridRowOver {
	  border-bottom-color: #FFFFFF;
	  border-top-color: #FFFFFF;
	}

	.templatePicker .grid .dojoxGridCellFocus {
	  border: 1px solid #FFFFFF !important;
	}

	.templatePicker .grid .selectedItem {
	  border: 1px solid #7EABCD !important;
	  background-color: #aec7e3 !important;

	  /* Does not work in IE */
	  -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	}

	.templatePicker .grid .dojoxGridRowOdd {
	  background-color: #FFFFFF;
	}

	.templatePicker .grid .groupLabel {
	  text-align: center;
	  padding: 0px;
	  font-weight: bold;
	}

	.templatePicker .grid .item {
	  cursor: default;
	}

	.templatePicker .grid .dojoxGridRowTable tr {
	  vertical-align: top;
	}
	.templatePicker .grid .dojoxGridRowTable {
	width:190px;
	}
	.templatePicker .grid .dojoxGridScrollbox{
		position:fixed;
		height:auto;
		width:300px;	
		border:solid 3px #162A4C;
			border-radius:6px;
			overflow-x:hidden;
			
	}
	.dojoxGridContent{
		background-color:red;
			
	}
		  .roundedCorners{
			border:solid 3px #162A4C;
			border-radius:6px;
			border-bottom: 2px solid #84A3C8;
			-moz-box-shadow: 0px 1px 4px #2c80bf;
			-webkit-box-shadow: 0px 1px 4px #2c80bf;
			border-bottom-color: #162A4C;
		  }
		  .shadow {
			-webkit-box-shadow: 0 8px 6px -6px #999;
			-moz-box-shadow: 0 8px 6px -6px #999;
			box-shadow: 0 8px 6px -6px #999;
		  }

		  
		  .esriAttributeInspector .dijitTextBox {
			  width: 15em;
			}

		  .esriAttributeInspector .atiLayerName {
			display:none;
		  }
		  
		  .tool {
				background-color: #333;
				border-radius: 0 5px 5px 0;
				transform:scale(1.5, 1.5);
				float:left;
				margin-left:15px;
				margin-right:15px;
					
			}
			
			#btnKaydet {
			  background: #91d934;
			  background-image: -webkit-linear-gradient(top, #7acc2d, #1b7520);
			  background-image: -moz-linear-gradient(top, #7acc2d, #1b7520);
			  background-image: -ms-linear-gradient(top, #7acc2d, #1b7520);
			  background-image: -o-linear-gradient(top, #7acc2d, #1b7520);
			  background-image: linear-gradient(to bottom, #7acc2d, #1b7520);
			  -webkit-border-radius: 3px;
			  -moz-border-radius: 3px;
			  border-radius: 3px;
			  font-family: Arial;
			  color: #ffffff;
			  font-size: 14px;
			  padding: 5px 10px 5px 10px;
			  border: solid #176120 1px;
			  text-decoration: none;
			  margin-left:10px;
			}
			#btnKaydet:hover {
			  background: #91d934;
			  background-image: -webkit-linear-gradient(top, #1b7520, #7acc2d);
			  background-image: -moz-linear-gradient(top, #1b7520, #7acc2d);
			  background-image: -ms-linear-gradient(top, #1b7520, #7acc2d);
			  background-image: -o-linear-gradient(top, #1b7520, #7acc2d);
			  background-image: linear-gradient(to bottom, #1b7520, #7acc2d);
			  text-decoration: none;
			}
			#btnKapat {
			  background: #7c34d9;
			  background-image: -webkit-linear-gradient(top, #cc2f2f, #731c1c);
			  background-image: -moz-linear-gradient(top, #cc2f2f, #731c1c);
			  background-image: -ms-linear-gradient(top, #cc2f2f, #731c1c);
			  background-image: -o-linear-gradient(top, #cc2f2f, #731c1c);
			  background-image: linear-gradient(to bottom, #cc2f2f, #731c1c);
			  -webkit-border-radius: 3px;
			  -moz-border-radius: 3px;
			  border-radius: 3px;
			  font-family: Arial;
			  color: #ffffff;
			  font-size: 14px;
			  padding: 5px 10px 5px 10px;
			  border: solid #61171d 1px;
			  text-decoration: none;
			  margin-left:8px;
			}
			#btnKapat:hover {
			  background: #91d934;
			  background-image: -webkit-linear-gradient(top, #731c1c, #cc2f2f);
			  background-image: -moz-linear-gradient(top, #731c1c, #cc2f2f);
			  background-image: -ms-linear-gradient(top, #731c1c, #cc2f2f);
			  background-image: -o-linear-gradient(top, #731c1c, #cc2f2f);
			  background-image: linear-gradient(to bottom, #731c1c, #cc2f2f);
			  text-decoration: none;
			}
			.saveButton{ 
				position: absolute; 
				left:50px; 
				padding-left:2px;
				margin:0px;width:16px; height:16px;			
			}
			.copyButton{ 
				position: absolute;
				left:120px; 
				padding-left:2px;
				margin:0px;width:16px; height:16px;
			}
			.esriPopup .contentPane {
			  position: relative;
			  max-height: 200px;
			  overflow: auto;
			  padding: 10px;
			  background-color: #F7F7F7;
			  color: #333333;
			}

			/*////////////////////////////////////*/





@media screen and (max-width: 46.0625em) and (min-width: 25em) and (orientation: portrait) {
	.column {
		top:20px;
	}
	
	.codrops-header {
		font-size: 60%;
	}
		.codrops-header span {
		font-size: 80%;
	}

	.codrops-top {
		font-size: 12%;
	}

	.codrops-icon span {
		display: none;
	}
	
				#slideout2 {
				position: fixed;
				top: 70px;
				left: 20px;
				width: 132px;
				height: 158px;
				padding: 1px 0;
				text-align: center;
				background-color: #162A4C;
				
				
				border-radius:5px 0;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				-o-border-radius: 5px;
				border: 1px solid #01021C;
				z-index:999;
			}
			#ustBolge{
				width: 80px;
				height: 15px;
					border-radius:5px 5px 0 0;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					-o-border-radius: 5px;
					color: white;
				font-size: 12px;
				font-variant: small-caps;
				line-height: 15px;
				font-weight:bold;
			
			}
			#altBolge{
				width: 130px;
				height: 140px;
					background:#CAD4E8;
					border-radius:0 0 5px 5px;
					font-size: 12px;
					line-height: 15px;
			
			}
			.tool {
				background-color: #333;
				border-radius: 0 5px 5px 0;
				transform:scale(1.3, 1.3);
				float:left;
				margin-left:15px;
				margin-right:15px;
					
			}
			
			#btnKaydet {
			  
			  -webkit-border-radius: 3;
			  -moz-border-radius: 3;
			  border-radius: 3px;
			  font-family: Arial;
			  color: #ffffff;
			  font-size: 12px;
			  padding: 3px 7px 3px 7px;
			  border: solid #176120 1px;
			  text-decoration: none;
			  margin-left:5px;
			}
			#btnKapat {			  
			  -webkit-border-radius: 3;
			  -moz-border-radius: 3;
			  border-radius: 3px;
			  font-family: Arial;
			  color: #ffffff;
			  font-size: 12px;
			  padding: 3px 7px 3px 7px;
			  border: solid #61171d 1px;
			  text-decoration: none;
			  margin-left:4px;
			}
			
			.esriPopup .esriPopupWrapper {
			  width:160px;
			}
			
			#onceki{
				width:20px;
				height:20px;
				margin-right:10px;
			}
			#sonraki{
				width:20px;
				height:20px;
				margin-left:10px;
			}
			#oncekiFoto{
				width:20px;
				height:20px;
				margin-right:10px;
			}
			#sonrakiFoto{
				width:20px;
				height:20px;
				margin-left:10px;
			}
			.pages{
				height:30px;
				margin-top:10px;
			}
			.labelSyf{
				font-size:20px;
			}
			.table-fill td {
			  padding:10px;
			  font-weight:100;
			  font-size:16px;
			}
			#f1{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f2{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f3{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f4{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f5{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f6{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f7{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f8{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f9{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			#f10{
			  font-size:16px;
			  font-weight: 100;
			  padding:10px;
			}
			.modal {				
				padding-top: 0px; /* Location of the box */				
				width: 100%; /* Full width */
				height: 100%; /* Full height */
			}
			.modal-content {
				width: 100%;
			}
			.tabcontent {
				height: 585px;
			}
			.login {
			  margin: 0 0 0 -10rem;			  
			}
			.table-fill2 th {
			  font-size:12px;
			  font-weight: 50;
			  padding:5px;
			}.table-fill2 tr {
			  font-size:10px;
			  font-weight: 50;
			}.table-fill2 td {
			  font-size:10px;
			  font-weight: 50;
			}
			#mezarResim{
				width:100%;
			}
			#meftayok1{
				width:100%;
			}
			.btnGetRecord img{width:10px; height:10px;}
			.txtSorguCss{
				width:90%;
				font-size: 0.6em;
				font-weight:700;
				padding:0.5em 0.5em; 
				margin: 0.1em auto;				
				margin-top: 10px;
				margin-left:10px;
				
			}
			.table-fill3 th {
			  font-size:12px;
			  font-weight: 50;
			  padding:5px;
			}.table-fill3 tr {
			  font-size:10px;
			  font-weight: 50;
			}.table-fill3 td {
			  font-size:10px;
			  font-weight: 50;
			}
			.sorguSonuclariCss {
			  height:82%;
			}
}

@media screen and (max-width: 25em) and (orientation: portrait) {

	.column {
		top:20px;
	}
	
	
	.codrops-header {
		font-size: 60%;
	}
		.codrops-header span {
		font-size: 80%;
	}

	.codrops-top {
		font-size: 12%;
	}

	.codrops-icon span {
		display: none;
	}
	
				#slideout2 {
				position: fixed;
				top: 70px;
				left: 20px;
				width: 132px;
				height: 158px;
				padding: 1px 0;
				text-align: center;
				background-color: #162A4C;
				
				
				border-radius:5px 0;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				-o-border-radius: 5px;
				border: 1px solid #01021C;
				z-index:999;
			}
			#ustBolge{
				width: 80px;
				height: 15px;
					border-radius:5px 5px 0 0;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					-o-border-radius: 5px;
					color: white;
				font-size: 12px;
				font-variant: small-caps;
				line-height: 15px;
				font-weight:bold;
			
			}
			#altBolge{
				width: 130px;
				height: 140px;
					background:#CAD4E8;
					border-radius:0 0 5px 5px;
					font-size: 12px;
					line-height: 15px;
			
			}
			.tool {
				background-color: #333;
				border-radius: 0 5px 5px 0;
				transform:scale(1.3, 1.3);
				float:left;
				margin-left:15px;
				margin-right:15px;
					
			}
			
			#btnKaydet {
			  
			  -webkit-border-radius: 3;
			  -moz-border-radius: 3;
			  border-radius: 3px;
			  font-family: Arial;
			  color: #ffffff;
			  font-size: 12px;
			  padding: 3px 7px 3px 7px;
			  border: solid #176120 1px;
			  text-decoration: none;
			  margin-left:5px;
			}
			#btnKapat {			  
			  -webkit-border-radius: 3;
			  -moz-border-radius: 3;
			  border-radius: 3px;
			  font-family: Arial;
			  color: #ffffff;
			  font-size: 12px;
			  padding: 3px 7px 3px 7px;
			  border: solid #61171d 1px;
			  text-decoration: none;
			  margin-left:4px;
			}
			
			.esriPopup .esriPopupWrapper {
			  width:160px;
			}
			
			#onceki{
				width:20px;
				height:20px;
				margin-right:10px;
			}
			#sonraki{
				width:20px;
				height:20px;
				margin-left:10px;
			}
			#oncekiFoto{
				width:20px;
				height:20px;
				margin-right:10px;
			}
			#sonrakiFoto{
				width:20px;
				height:20px;
				margin-left:10px;
			}
			.pages{
				height:30px;
				margin-top:10px;
			}
			.labelSyf{
				font-size:20px;
			}
			.table-fill td {
			  padding:5px;
			  font-weight:100;
			  font-size:14px;
			}
			#f1{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f2{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f3{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f4{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f5{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f6{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f7{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f8{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f9{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			#f10{
			  font-size:16px;
			  font-weight: 100;
			  padding:5px;
			}
			.modal {				
				padding-top: 0px; /* Location of the box */				
				width: 100%; /* Full width */
				height: 100%; /* Full height */
			}
			.modal-content {
				width: 100%;
			}
			.tabcontent {
				height: 490px;
			}
			.login {
			  margin: 0 0 0 -10rem;			  
			}
			.table-fill2 th {
			  font-size:12px;
			  font-weight: 50;
			  padding:5px;
			}.table-fill2 tr {
			  font-size:10px;
			  font-weight: 50;
			}.table-fill2 td {
			  font-size:10px;
			  font-weight: 50;
			}
			#mezarResim{
				width:100%;
			}
			#mezaryok1{
				width:100%;
			}
			.btnGetRecord img{width:10px; height:10px;}
			.txtSorguCss{
				width:90%;
				font-size: 0.6em;
				font-weight:700;
				padding:0.5em 0.5em; 
				margin: 0.1em auto;				
				margin-top: 10px;
				margin-left:10px;
				
			}
			.table-fill3 th {
			  font-size:14px;
			  font-weight: 50;
			  padding:5px;
			}.table-fill3 tr {
			  font-size:10px;
			  font-weight: 50;
			}.table-fill3 td {
			  font-size:10px;
			  font-weight: 50;
			}
			.sorguSonuclariCss {
			  height:80%;
			}

}

@media screen and (max-width: 48em) and (orientation: landscape) {
	.codrops-header {
		font-size: 40%;
	}
	.codrops-header span {
		font-size: 80%;
	}
	.codrops-top {
		font-size: 12%;
	}

	.codrops-icon span {
		display: none;
	}
	
			#slideout2 {
				position: fixed;
				top: 70px;
				left: 20px;
				width: 132px;
				height: 158px;				
				z-index:999;
			}
			#ustBolge{
				width: 80px;
				height: 15px;
				font-size: 12px;
				line-height: 15px;
			
			}
			#altBolge{
				width: 130px;
				height: 140px;
					font-size: 12px;
					line-height: 15px;
			
			}
			.tool {
				margin-left:15px;
				margin-right:15px;
					
			}
			
			#btnKaydet {
			  font-size: 12px;
			  padding: 3px 7px 3px 7px;
			  margin-left:5px;
			}
			#btnKapat {
			  font-size: 12px;
			  padding: 3px 7px 3px 7px;
			  margin-left:4px;
			}
			
			
			.meftaEkleSilTool{
				height:22px;
				margin-bottom:35px;
			}
			.fotoEkleSilTool{
				height:22px;
				margin-bottom:35px;
			}
			
			
			#onceki{
				width:15px;
				height:15px;
				margin-right:10px;
			}
			#sonraki{
				width:15px;
				height:15px;
				margin-left:10px;
			}
			#oncekiFoto{
				width:15px;
				height:15px;
				margin-right:10px;
			}
			#sonrakiFoto{
				width:15px;
				height:15px;
				margin-left:10px;
			}
			.pages{
				height:20px;
				margin-top:10px;
			}
			.labelSyf{
				font-size:16px;
			}
			.table-fill td {
			  padding:2px;
			  font-weight:100;
			  font-size:8px;
			}
			#f1{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			  width:50%
			}
			#f2{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f3{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f4{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f5{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f6{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f7{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f8{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f9{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			#f10{
			  font-size:10px;
			  font-weight: 100;
			  padding:3px;
			}
			.modal {				
				padding-top: 0px; /* Location of the box */				
				width: 100%; /* Full width */
				height: 100%; /* Full height */
			}
			.modal-content {
				width: 100%;
			}
			.tabcontent {
				height: 260px;
			}
			.login {
			  margin: 0 0 0 -10rem;			  
			}
			.table-fill2 th {
			  font-size:12px;
			  font-weight: 50;
			  padding:5px;
			}.table-fill2 tr {
			  font-size:10px;
			  font-weight: 50;
			}.table-fill2 td {
			  font-size:10px;
			  font-weight: 50;
			}
			.btnGetRecord img{width:10px; height:10px;}
			#mezarResim{
				width:70%;
			}
			#mezaryok1{
				width:70%;
			}
			.modal-header {
				padding: 1px 3px;
			}
			.modal-header  h2{
				font-size: 16px;
			}
			ul.tab li a {
				padding: 4px 6px;
				font-size: 12px;
			}
			.tablo2{
				padding-top:5px;
			}
			#ff1{
			  font-size:14px;
			  padding:10px;
			}
			#ff2{
			 
			  font-size:14px;
			  padding:5px;
			}
			#ff3{
			 
			  font-size:14px;
			  padding:10px;
			}
			#ff4{
			 
			  font-size:14px;
			  padding:10px;
			}
			#ff5{
			 
			  font-size:14px;
			  padding:10px;
			}
			.txtCss{
				width:90%;
				font-size: 14px;
				padding: 2px 2px; 
			}
			.meftaislemleri{
				padding-top:5px;
			}
			.column {
				top:5px;
			}
			.modall {
				padding-top: 5%; /* Location of the box */
			}
			.txtSorguCss{
				width:90%;
				font-size: 0.6em;
				font-weight:700;
				padding:0.5em 0.5em; 
				margin: 0.1em auto;				
				margin-top: 10px;
				margin-left:10px;
				
			}
			.table-fill3 th {
			  font-size:14px;
			  font-weight: 50;
			  padding:5px;
			}.table-fill3 tr {
			  font-size:10px;
			  font-weight: 50;
			}.table-fill3 td {
			  font-size:10px;
			  font-weight: 50;
			}
			.sorguSonuclariCss {
			  height:65%;
			}
			#zoom{
				width:30px;
			}

	
}