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, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label, input, select, textarea, button,
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;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	}
a {
	font-size:12px;
    text-decoration: none;
	color:rgba(255,255,255,1);
}
img {
    border: 0;
}
:focus {
    outline: 0;
}

html,
body {
	  height:100%;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
	  font-size:14px;
	  line-height: 1;
}

.kapsama{
	background: #141618;
}
input {
	/*
	-webkit-appearance: none;
	-moz-appearance: none;
	 appearance: none;
	 */
	 border-radius: 0;
	}

@media only screen and (min-device-width: 320px) and (max-device-width: 479px) and (orientation : portrait){
		/* kırmızı */
		.headerana{
			width:100%;
			margin: auto;
		}
		.kapsamaana{
			background: #141618;
			color: rgba(255, 255, 255, .6);
			width:100%;
			height: 85px;
			font-size: 140%;
			letter-spacing:8px;
			margin: auto;
		}		
		#girisfirma{
			float:left;
			width: 70%;
			margin-top: 9%;
			margin-left:5%;
			line-height: 10px;
			font-size:120%;
			letter-spacing:2px;
			float:left;
			color: rgba(255, 255, 255, .6);
		}		
		#girisbayrak{
			float:left;
			height:35px;
			width:10%;
			margin-top: 5%;
			margin-left: 10%;
		}		
		.header{
			width:100%;
			margin: auto;
		}
		.header .kapsama{ 
			background: #141618;
			color: rgba(255, 255, 255, .6);
			height: 60px;
			line-height:40px;
			font-size: 80%;
			letter-spacing:8px;
			}
		#bayrak{
			float:left;
			height:30px;
			width:9%;
			margin-top: 4%;
			margin-left: 16%;
		}		
		#kalem{
			height:20px;
			width:15px;
			float: left;
			padding: 0%;
			margin-left: 5%;
		}
		.kalem{		
			float: left;
			padding: 0%;
			margin-left: 5%;
		}		
		#firma{
			width: 80%;		
			text-align: center;
			line-height:40px;
		}
		#fimaadi{
			margin-top: 2%;
			float:left;
		}
		#cikisKapsama{
			width: 15%;
			height: 60px;
			line-height: 10px;
			float:right;
		}
		#musteri{
			margin-top: 20%;
			line-height: 10px;
			font-size:60%;
			letter-spacing:1px;
			float:left;
			color: rgba(255, 255, 255, .6);
		}
		.cikis a{
			font-size:80%;
			letter-spacing:1px;
			float:left;
			color: rgba(255, 255, 255, .6);
		}
		.giris-ana{
			width:100%;
			margin: auto;
			margin-top: 15%;
		}		
		.giris-ana .kapsama{
			width:100%;
			background:rgba(255,255,255,1);
		}
		.parola{
			margin-top:25%;
			width:80%;
			margin: auto;
		}
		#kalem{
			float: left;
			padding: 0%;
			margin-left: 5%;
		}	
		#spankullanici{
			margin-top: 3%;
			margin-bottom: 3%;
			font-weight:500;
			font-size: 80%;
		}
		.divkullanici{
			width:80%;	
		}		
		input.kullanici{
			height:20px;
			width:80%;
			background:rgba(247, 247, 247, 0.5);
			margin-bottom: 3%;
			padding-left: 2%;
			font-size: 80%;
		}		
		#spanpassword{
			margin-top: 3%;
			margin-bottom: 3%;	
			font-weight:500;
			font-size: 80%;
		}		
		.divpassword{
			width:80%;
		}
		input.password{
			height:20px;
			width:80%;
			padding-left: 2%;
			font-size: 80%;
			background:rgba(247, 247, 247, 0.5);
			font-size:85%;
		}				
		input.kullanici:focus,  input.password:focus{
			background-color:rgb(255, 255, 255);
			border:0.5px solid rgb(182, 179, 179);
		}
		#sifrehatirla{
			color:rgba(24,24,24,1);
			font-weight:bold;
			font-style:italic;
			margin-left:50%;
			font-size:70%;
			}
		fieldset{
			border:1px solid rgba(45,45,45,1);
			box-shadow:5px 5px 5px #ABABAB;
			border-radius:20px
		}
		legend{
			font-family:Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size:100%;
		}
		/* ADMİN SAYFASI CSS*/
		.admin-ana{
		height:50%;
		}
		.admin-ana .kapsama{
		background:rgba(255, 255, 255, .5);
		padding-top:50px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items: center;
		}
		/* tüm menünün başlangıcı*/		
		.firma-flip-card {
		background-color: transparent;
		width: 125px;
		height: 100px;
		margin-bottom:100px;
		perspective: 100%; /* 3d persperktif vermek için*/
		
		}		
		.firma-flip-card-inner{
		position: relative;
		width: 100%;
		height: 100%; 
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
		}		
		.firma-flip-card:hover .firma-flip-card-inner {
		transform: rotateY(180deg);
		}
		.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		}
		.firma-kayıt-flip-card-front{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:100px;
		width:100px;
		margin-right: 70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.firma-guncelle-flip-card-back {
		position: absolute;
		left:-20px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		height:120px;
		width:100px;
		padding-top:30px;
		padding-bottom:50px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		align-self:flex-start;
		transform: rotateY(180deg);
		}
		.admin-yetkili{
		background-color: transparent;
		margin-left:30px;
		width: 125px;
		height: 100px;
		margin-bottom:100px;
		perspective:100%;
		}
		.admin-yetkili-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
		}
		.admin-yetkili:hover .admin-yetkili-hover{
		transform:rotateY(180deg);
		}
		.admin-yetkili-on, .admin-yetkili-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility: hidden;
		}
		.admin-yetkili-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:100px;
		width:100px;
		margin-right:70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.admin-yetkili-arka{
		position: absolute;
		left:-20px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		height:120px;
		width:100px;
		padding-top:30px;
		padding-bottom:50px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		align-self:flex-start;
		transform: rotateY(180deg);
		}
     	.admin-menu{
		background-color: transparent;
		margin-left:30px;
		width: 125px;
		height: 100px;
		margin-bottom:100px;
		perspective:100%;
		}
		.admin-menu-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition:transform 0.8s;
		transform-style:preserve-3d;
		}
		.admin-menu:hover .admin-menu-hover{
		transform:rotateY(180deg)
		}		
		.admin-menu-on,.admin-menu-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility:hidden;
		}
		.admin-menu-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:100px;
		width:100px;
		margin-right: 70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.admin-menu-arka{
		position: absolute;
		left:-20px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		height:120px;
		width:100px;
		padding-top:30px;
		padding-bottom:50px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		align-self:flex-start;
		transform: rotateY(180deg);
		}
		.admin-sorgu{
		background-color: transparent;
		margin-left:30px;
		width: 125px;
		height: 100px;
		margin-bottom:100px;
		perspective:100%;
		}
		.admin-sorgu-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition:transform 0.8s;
		transform-style:preserve-3d;
		}
		.admin-sorgu:hover .admin-sorgu-hover{
		transform:rotateY(180deg)
		}
		.admin-sorgu-on,.admin-sorgu-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		backface-visibility:hidden;
		}
		.admin-sorgu-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:100px;
		width:100px;
		margin-right: 70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.admin-sorgu-arka{
		position: absolute;
		left:-20px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		height:120px;
		width:100px;
		padding-top:30px;
		padding-bottom:50px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		align-self:flex-start;
		transform: rotateY(180deg);
		}
		/* ADİM SAYFASI CSS BİTİŞ*/
		
		/*YETKİLİ CSS BAŞLANGIÇ*/
		
		.yetkili-ana .kapsama{
		background:rgba(255,255,255,1);
		padding-top:5%;
		align-items: center;
		}
		.yetkili-teknik{
		float: left;
		background-color: transparent;
		margin-left:4%;
		width: 40%;
		height:100px;
		margin-bottom:20%;
		perspective:100%;
		}
		.yetkili-teknik-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition:transform 0.8s;
		transform-style:preserve-3d;
		}
		.yetkili-teknik:hover .yetkili-teknik-hover{
		transform:rotateY(180deg);
		}
		.yetkili-teknik-on,.yetkili-teknik-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility:hidden;
		}
		.yetkili-teknik-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:80px;
		width:60%;
		margin-right:70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.yetkili-teknik-arka{
		position: absolute;
		left:-20px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		height:95%;
		width:80%;
		line-height: 25px;
		margin-top: 3%;
		padding-bottom:10%;
		padding-top: 10%;
		align-items: center;
		transform: rotateY(180deg);
		}
		.yetkili-musteri{
		float: left;
		background-color: transparent;
		margin-left:5%;
		width: 40%;
		height:120px;
		margin-bottom:20%;
		perspective:100%;
		}
		.yetkili-musteri-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition:transform 0.8s;
		transform-style:preserve-3d;
		}
		.yetkili-musteri:hover .yetkili-musteri-hover{
		transform:rotateY(180deg);
		}
		.yetkili-musteri-on, .yetkili-musteri-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility:hidden;
		}
		.yetkili-musteri-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:80px;
		width:60%;
		margin-right:70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.yetkili-musteri-arka{
			position: absolute;
			left:-20px;
			border-radius:15px;
			background:  #141618;
			color: rgba(255, 255, 255, .9);
			box-shadow:-3px 1px 1px 1px #818181;
			height:95%;
			width:80%;
			line-height: 25px;
			margin-top: 3%;
			padding-bottom:10%;
			padding-top: 10%;
			align-items: center;
			transform: rotateY(180deg);
		}
		
		.yetkili-Servis{
			float: left;
			background-color: transparent;
			margin-left:6%;
			width: 40%;
			height:120px;
			margin-bottom:20%;
			perspective:100%;
		}
		.yetkili-Servis-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition:transform 0.8s;
		transform-style:preserve-3d;
		}
		.yetkili-Servis:hover .yetkili-Servis-hover{
		transform:rotateY(180deg);
		}
		.yetkili-Servis-on, .yetkili-Servis-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility:hidden;
		}
		.yetkili-Servis-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:80px;
		width:60%;
		margin-right: 70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.yetkili-Servis-arka{
			position: absolute;
			left:-20px;
			border-radius:15px;
			background:  #141618;
			color: rgba(255, 255, 255, .9);
			box-shadow:-3px 1px 1px 1px #818181;
			height:95%;
			width:80%;
			line-height: 15px;
			margin-top: 3%;
			padding-bottom:10%;
			padding-top: 10%;
			align-items: center;
			transform: rotateY(180deg);
		}
		.yetkili-sorgu{
			float: left;
			background-color: transparent;
			margin-left:5%;
			width: 40%;
			height:120px;
			margin-bottom:20%;
			perspective:100%;
		}
		.yetkili-sorgu-hover{
		position: relative;
		width: 100%;
		height: 100%;
		text-align: center;
		transition:transform 0.8s;
		transform-style:preserve-3d;
		}
		.yetkili-sorgu:hover .yetkili-sorgu-hover{
		transform:rotateY(180deg);
		}
		.yetkili-sorgu-on, .yetkili-sorgu-arka{
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden;
		backface-visibility:hidden;
		}
		.yetkili-sorgu-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:80px;
		width:60%;
		margin-right: 70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.yetkili-sorgu-arka{
			position: absolute;
			left:-20px;
			border-radius:15px;
			background:  #141618;
			color: rgba(255, 255, 255, .9);
			box-shadow:-3px 1px 1px 1px #818181;
			height:95%;
			width:80%;
			line-height: 25px;
			margin-top: 3%;
			padding-bottom:10%;
			padding-top: 10%;
			align-items: center;
			transform: rotateY(180deg);;
		}
		/*YETKİLİ CSS  BİTİŞ*/
		
		/*ELEMAN CSS*/
		.eleman-ana .kapsama{
		background:rgba(255, 255, 255, .5);
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items: center;
		}
		/* tüm menünün başlangıcı*/
		
		.eleman-servis {
		background-color: transparent;
		margin-left:30px;
		width: 125px;
		height: 100px;
		margin-bottom:100px;
		perspective: 100%; /* 3d persperktif vermek için*/
		}
		.eleman-servis-hover{
		position: relative;
		width: 100%;
		height: 100%; 
		text-align: center;
		transition: transform 0.8s;
		transform-style: preserve-3d;
		}
		.eleman-servis:hover .eleman-servis-hover {
		transform: rotateY(180deg);
		}
		.eleman-servis-on, .eleman-servis-arka{
		position: absolute;
		width: 100%;
		height: 100%;		
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		}
		.eleman-servis-on{
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		border:solid;
		box-shadow:-3px 1px 1px 1px #2D2D2D;
		height:100px;
		width:100px;
		margin-right:70px;
		margin-left:20px;	
		border-radius:100px;
		display:flex;
		justify-content: center;
		align-items: center;
		}
		.eleman-servis-arka{
		position: absolute;
		left:-20px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		height:160px;
		width:150px;
		padding-top:30px;
		padding-bottom:10px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		align-self:flex-start;
		transform: rotateY(180deg);
		}
		/*ELEMAN CSS BİTİŞ*/
		/*musteri-form label başalangıç*/
		/*musteri-form label başalangıç*/
/*musteri-form label başalangıç*/
.reset{
	background:rgba(24,24,24,1);
	color:rgba(255,255,255,1);
	height:20px;
	margin-top:7%;
	margin-bottom: 2%;
	margin-left: 5%;
	font-family:Arial, Helvetica, sans-serif;
	width: 25%;
	font-size:70%;
	border-radius:10px;
	align-items: center;
	cursor:pointer;
}
button.giris{
	background:rgba(24,24,24,1);
	color:rgba(255,255,255,1);
	height:20px;
	margin-top:1%;
	margin-bottom: 2%;
	font-family:Arial, Helvetica, sans-serif;
	width:25%;
	margin-left: 5%;
	font-size:70%;
	border-radius:10px;
	align-items: center;
	cursor:pointer;
}
#kalemform{
	height:20px;
	width:15px;
	float: left;
}
.kalemform{
	margin-top: 0.8%;	
	float: left;
	padding: 0%;
	margin-left: 1%;
}
#aramabuton{
	width:5%;
	height: 20px;
	border:none;
	margin-top:0.3%;
	padding:2px;
	margin-left: 0.8%;
}
#kom_bas_tarih{
	width: 107%;
	margin-left:3%;
	margin-top: 2%;
}
#kom_bit_tarih{
	width: 107%;
	margin-left:3%;
	margin-top: 2%;
}
#kom_eleman_adi{
	width: 50%;
	margin-left: 1%;
	margin-top:1%;
	border: solid 1px rgba(80, 78, 78, 0.9);
}
#uye_adres{
	float:left;
	margin-left: 1%;
	border: solid 1px rgba(80, 78, 78, 0.9); 
	position: relative;
	margin-top: 1%; 
	width:49%;
	height:150%;
}
#kom_uye_sikayet{
	margin-left: 1%;
	border: solid 1px rgba(80, 78, 78, 0.9); 
	position: relative;
	margin-top: 1%;
	width:49%;
	height:30%;
}
.formbaslik{
	float: left;
	width: 40%;
	margin-top: 1%;
	font-size: 80%;
}
.forminput{
	float: left;
	width: 45%;
	font-size: 80%;

}
.form-div-kapsama{
	width:100%;
	margin: auto;
}
.form-div-bol{
	width:90%;
	margin-top: 2%;
	margin-left: 3%;
			
}
.form-div{
	float: left;
	width:100%;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 90%;
}
.form-div input{
	width:100%;
	height: 18px;
	margin-top: 2%;
	border: solid 1px rgba(80, 78, 78, 0.9);
	padding-left: 1%;
}
.form-div input:hover{
	background-color: rgba(80, 78, 78, 0.9);
	color: floralwhite;
	border-style: 1px solid  rgba(80, 78, 78, 0.9);
	transition: transform 0.8s;
}
#KisiSil{
	background:rgba(24,24,24,1);
	color:rgba(255,255,255,1);
	float: left;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:25%;
	margin-left: 5%;
	font-size:70%;
	border-radius:10px;
	align-items: center;
	cursor:pointer;
}
#ServisGuncel{
	background:rgba(24,24,24,1);
	color:rgba(255,255,255,1);
	float: left;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:25%;
	margin-left: 5%;
	margin-top: 2%;
	font-size:70%;
	border-radius:10px;
	align-items: center;
	cursor:pointer;
}
#YenidenServisKayit{
	background:rgba(24,24,24,1);
	color:rgba(255,255,255,1);
	float: left;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:25%;
	margin-left: 5%;		
	margin-top: 2%;
	font-size:70%;
	border-radius:10px;
	align-items: center;
	cursor:pointer;
}
/*musteri-form label bitiş*/
	
/*servis form altı liste düzenleme*/
.servis-ul{
width: 100%;
}		
.servis-li{
height: 36px;
float: left;
overflow:hidden;
word-wrap: break-word;
}
.servis-ul > .liste-ul {
height: 35px;
width:100%;
line-height:35px;
font-size:70%;
display: inline-block
}
.servis-ul > .liste-ul  li{	
font-size:80%;
height: 35px;
width:100%;
line-height:35px;
float: left;
cursor: pointer;
}
.liste-ul:hover  li {
background-color: rgb(78, 78, 78);
color: floralwhite;
}

/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/

.servis-ul > .servisDuzenle-lu{
width:100%;		
font-size:70%;
margin-top: 3%;
margin-left:2%;
display: inline-block;
}
.servisDuzenle-lu > .servisDuzenle-li{
font-size:100%;
height:32px;
width:100%;
line-height:32px;
font-size: 80%;
float: left;
margin:auto;
cursor: pointer;
}
#servisDuzenle-tarih{
width:11%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
padding-left:1%;	
}
#servisDuzenle-tekniker{
width:12%; 
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#servisDuzenle-ucret{
width: 7.5%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
background-color: #141618;
padding-left: 5%; 
}
#servisDuzenle-sikayet{
width: 14%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
background-color: #141618; 
padding-left:3%;   
}
#servisDuzenle-cozum{
width: 19%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
background-color: #141618; 
border-left:0.5px;  
padding-left:4%
}
#servisDuzenle-not{
width:17%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
background-color: #141618;  
border-left:0.5px;  
padding-left:2%  
}
.servis-ul > .liste-ulu {
height: 34.5px;
width:95%;
line-height:35px;
font-size:70%;
margin-left: 2%;
display: inline-block;
}
.servis-ul > .liste-ulu  .lim {
border: solid 0.5px rgba(216, 216, 216, 0.8);
font-size:100%;
width:74%;
line-height:35px;
float: left;
cursor: pointer;
}
.liste-ulu > #limtarih{
width:13.5%; 
padding-left:0.3%; 
font-size:75%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limeleman{
width: 16%; 
padding-left:0.3%;
border-left:0.5px;
font-size: 70%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limucret{
width: 6%;
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8);
text-align:center
}
.liste-ulu > #limsikayet{
width: 22%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limcozum{
width: 22.4%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limnot{
width: 14%; 
padding-left:0.5%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu:hover  .lim {
background-color: rgb(78, 78, 78);
color: floralwhite;
}
.liste-ulu:hover  input {
background-color: rgb(78, 78, 78);
color: floralwhite;
}
.liste-ulu .lim .ul-gizle-goster{
position: absolute;
margin-left:10%;
visibility: hidden;
background-color: rgb(78, 78, 78);
color: floralwhite;
white-space: pre-line;
width:8%;
text-align: justify;
line-height:10px;
border-radius:0px 20px 20px;
}
.liste-ulu:hover .lim ul li .ul-gizle-goster{
visibility: visible;
}

/*servis form altı liste düzenleme */

.KayitliServis-ul{
width:100%;
margin-left: 2%;
font-size:90%;
display: inline-block;
}
.KayitliServis-ul .KayitliServis-li{
font-size:70%;
height:36px;
width:100%;
line-height:35px;
float: left;
cursor: pointer;
}
.KayitliServis-ul > .li{
float: left;
font-size: 60%;
}
#KayitliServis-tarih{
width:8%;
padding-left:1%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-tekniker{
width:11%;
padding-left:2%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-sikayet{
width:20%;
padding-left:3%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-ucret{
width: 6%;
padding-left:3%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-cozum{
width: 25%;
padding-left:3%;
color:rgba(255, 255, 255, .8);
background-color: #141618;
float: left;
}
#KayitliServis-not{
width: 15%;
padding-left:1%;
padding-right: 1%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);

}
.kapatgizle{
margin-left:4%;
margin-bottom:90%; 
font-size:80%
}
#KayitliServis-ul li input{
border: none;
width: 90%;
height:97%;
word-wrap: break-word;
}
#liste-ulu .lim input{
border: none;
width: 95%;
height:97%;
word-wrap: break-word;
}
#tarih-li{
width:9.2%; 
padding-left:0.3%;
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-eleman{
width: 15%; 
padding-left:0.3%; 
border-left:0.5px; 
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-ucret{
width: 5.5%; 
padding-left:0.3%; 
border-left:0.5px;
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-sikayeti{
width: 20%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:70%; 
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-cozum{
width: 28%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:70%; 
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-not{
width: 16%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:70%; 
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
		/* menü düzenleme */
		
.menu-ul{
background-color: #141618;
height: 30px;
width: 100%;
}

.menu-ul > li  {
background-color: #141618;
margin-left: 5%;
font-size:80%;
float: left;
position: relative;
width:12%;
z-index: 1;
}
.menu-ul > li > a {
display: block;
line-height: 30px;
color:#ffffffcc;
width:70%;
font-size:80%;
}
.menu-ul ul{
position: absolute;
top: 15px;
background-color: black;
width:100%;
opacity: 0;
transition: 250ms all;
visibility: hidden;
text-align: left;
}
.menu-ul ul li a{
display: block;
color:rgba(255, 255, 255, .8);
font-size: 60%;
padding-top: 8%;
padding-bottom: 8%;
}
.menu-ul > li:hover ul{
opacity: 1;
visibility: visible;
top: 30px;
}
.menu-ul > li > ul a:hover{
background-color: rgb(114, 115, 116);
}
		/* menü düzenleme bitiş */
/*  servis takip sayfası başlamgıç  */
.stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 280%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
		}
	#divtr{
		width: 150%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 6%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
    }
	#Servis_Tamamla{
	width: 4%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top;
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top;
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top;	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top;
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top;
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top;	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	;
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top;	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px;	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top;	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px;	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top;	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top;
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%;	
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_tamamlandi{
	  width: 4%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top;
	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top;	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top;	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center;
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5;	
	}

	#SevisYazdirGizli{
		font-size: 12px;
		text-align: center;
		margin-left: 12%;
		display: none;
		}
		.yazdirBaslik{
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px;
		}
		.ykapsama{
		width:98%;
		margin:0%  auto;
		padding:0% auto; 
		box-sizing: border-box;
		margin-top:5%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;
		}
		.ytd{
		float:left;
		width:100%;
		margin:auto;
		box-sizing: border-box; 
		padding:1%;		
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;	
		}
		.yazdirtemizle{
			clear:both;
			width: 100%;
		}
		#hata-div{
			color:rgb(148, 11, 11); 
			margin-top:3%;
			margin-left:auto;
			margin-right:auto; 
			width:80%; 
			border:1px solid rgb(219, 90, 90); 
			box-shadow:4px 4px 4px #ABABAB; 
			height:25px; border-radius:10px;
			text-align:center; 
			box-sizing:border-box;
			padding:0% auto	
		   }
		   .hata-divjquery{
			   color:rgb(148, 11, 11); 
			   margin-top:3%;
			   margin-left:auto;
			   margin-right:auto; 
			   width:80%; 
			   border:1px solid rgba(45,45,45,1); 
			   box-shadow:4px 4px 4px #ABABAB; 
			   height:25px; 
			   border-radius:10px;
			   text-align:center; 
			   box-sizing:border-box;
			   padding:0% auto
		   }
			   /*  servis takip sayfası başlamgıç  */
		   
		   @media print{
		   .menu-ul{display: none}
		   .header{display: none}
			#yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
		   .stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
		   #SevisYazdirGizli{display:block}
		   }
		   .bakimClass{
			position: absolute;
			right: 0px;
			margin-top: 20px;
			top:65%;
			width: 18%;
			border: 1px solid #141618;
			padding: 3px;
			line-height: 20px;
			cursor:pointer;
			font-size:70%;
		}
		   .libakim{
			 color: rgb(15, 15, 15);
		   }
		   .libakim a{
			   color: rgb(15, 15, 15);
		   }
		   .ulbakim .libakim:hover{
			   background-color:rgb(15, 15, 15);
			   color: floralwhite;
		   }
		   .libakim:hover a{
			   background-color: rgb(192, 28, 28);
			   color: floralwhite;
		   }
	}
@media  screen and (min-width: 320px) and (max-width: 479px) and (orientation : landscape){
	.headerana{
		width:100%;
		margin: auto;
	}
	.kapsamaana{
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 85px;
		font-size: 140%;
		letter-spacing:8px;
		margin: auto;
	}		
	#girisfirma{
		float:left;
		width: 70%;
		margin-top: 9%;
		margin-left:5%;
		line-height: 10px;
		font-size:120%;
		letter-spacing:2px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}		
	#girisbayrak{
		float:left;
		height:35px;
		width:10%;
		margin-top: 5%;
		margin-left: 10%;
	}		
	.header{
		width:100%;
		margin: auto;
		
	}
	.header .kapsama{ 
		background: #141618;
		color: rgba(255, 255, 255, .6);
		height: 60px;
		line-height:40px;
		font-size: 80%;
		letter-spacing:8px;
		}
	#bayrak{
		float:left;
		height:30px;
		width:9%;
		margin-top: 4%;
		margin-left: 25%;
	}		
	#kalem{
		height:20px;
		width:15px;
		float: left;
		padding: 0%;
		margin-left: 5%;
	}
	.kalem{		
		float: left;
		padding: 0%;
		margin-left: 5%;
	}		
	#firma{
		width: 80%;		
		text-align: center;
		line-height:40px;
	}
	#fimaadi{
		margin-top: 2%;
		float:left;
	}
	#cikisKapsama{
		width: 15%;
		height: 60px;
		line-height: 10px;
		float:right;
	}
	#musteri{
		margin-top: 20%;
		line-height: 10px;
		font-size:60%;
		letter-spacing:1px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	.cikis a{
		font-size:80%;
		letter-spacing:1px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	.giris-ana{
		width:100%;
		margin: auto;
		margin-top: 15%;
	}		
	.giris-ana .kapsama{
		width:100%;
		background:rgba(255,255,255,1);
	}
	.parola{
		margin-top:25%;
		width:80%;
		margin: auto;
	}
	#spankullanici{
		margin-top: 3%;
		margin-bottom: 3%;
		font-weight:500;
		font-size: 80%;
	}
	.divkullanici{
		width:80%;	
	}		
	input.kullanici{
		height:20px;
		width:80%;
		background:rgba(247, 247, 247, 0.5);
		margin-bottom: 3%;
		padding-left: 2%;
		font-size: 80%;
	}		
	#spanpassword{
		margin-top: 3%;
		margin-bottom: 3%;	
		font-weight:500;
		font-size: 80%;
	}		
	.divpassword{
		width:80%;
	}
	input.password{
		height:20px;
		width:80%;
		padding-left: 2%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:85%;
	}				
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}

	#sifrehatirla{
		color:rgba(24,24,24,1);
		font-weight:bold;
		font-style:italic;
		margin-left:50%;
		font-size:70%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:100%;
	}
	.giris-ana{
		width:100%;
		margin: auto;
		margin-top: 3%;
	}
	.giris-ana .kapsama{
		width:100%;
		
		height: 40px;
		background:rgba(255,255,255,1);
	}
	.parola{
		margin-top:25%;
		width:60%;
		margin: auto;
	}
	#kalem{
		height:20px;
		width:15px;
		float: left;
		padding: 0%;
		margin-left: 5%;
	}
	.kalem{		
		float: left;
		padding: 0%;
		margin-left: 5%;
	}		
	#spankullanici{
		margin-top: 2%;
		margin-bottom: 3%;
		font-weight:500;
		font-size: 80%;
	}
	.divkullanici{
		width:80%;	
	}
	input.kullanici{
		height:20px;
		width:80%;
		background:rgba(247, 247, 247, 0.5);
		margin-bottom: 3%;
		padding-left: 2%;
		font-size: 80%;
	}
	#spanpassword{
		margin-top: 2%;
		margin-bottom: 3%;	
		font-weight:500;
		font-size: 80%;
	}
	.divpassword{
		width:80%;
	}
	input.password{
		height:20px;
		width:80%;
		padding-left: 2%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:85%;
	}
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}

	#sifrehatirla{
		color:rgba(24,24,24,1);
		font-weight:bold;
		font-style:italic;
		margin-left:50%;
		font-size:70%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:100%;
	}
	.clear {
		clear: both;
	}
		/* ADMİN SAYFASI CSS*/
	.admin-ana{
		height:50%;
	}
	.admin-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/		
	.firma-flip-card {
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	
	}		
	.firma-flip-card-inner{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}		
	.firma-flip-card:hover .firma-flip-card-inner {
	transform: rotateY(180deg);
	}
	.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.firma-kayıt-flip-card-front{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.firma-guncelle-flip-card-back {
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-yetkili{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-yetkili-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.admin-yetkili:hover .admin-yetkili-hover{
	transform:rotateY(180deg);
	}
	.admin-yetkili-on, .admin-yetkili-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.admin-yetkili-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-yetkili-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-menu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-menu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-menu:hover .admin-menu-hover{
	transform:rotateY(180deg)
	}		
	.admin-menu-on,.admin-menu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-menu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-menu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-sorgu:hover .admin-sorgu-hover{
	transform:rotateY(180deg)
	}
	.admin-sorgu-on,.admin-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
/* ADİM SAYFASI CSS BİTİŞ*/

/*YETKİLİ CSS BAŞLANGIÇ*/

.yetkili-ana .kapsama{
	background:rgba(255,255,255,1);
	padding-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	}
.yetkili-teknik{
background-color: transparent;
margin-left:5%;
width: 20%;
height: 80px;
margin-bottom:100px;
perspective:100%;
}
.yetkili-teknik-hover{
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition:transform 0.8s;
transform-style:preserve-3d;
}
.yetkili-teknik:hover .yetkili-teknik-hover{
transform:rotateY(180deg);
}
.yetkili-teknik-on,.yetkili-teknik-arka{
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility:hidden;
}
.yetkili-teknik-on{
background:  #141618;
color: rgba(255, 255, 255, .9);
font-size: 70%;
border:solid;
box-shadow:-3px 1px 1px 1px #2D2D2D;
height:60%;
width:50%;
border-radius:100px;
display:flex;
justify-content: center;
align-items: center;
}
.yetkili-teknik-arka{
position: absolute;
left:25px;
border-radius:15px;
background:  #141618;
color: rgba(255, 255, 255, .9);
box-shadow:-3px 1px 1px 1px #818181;
height:80%;
width:65%;	
line-height: 15px;
padding-top: 10%;
transform: rotateY(180deg);
}
.yetkili-teknik-arka a{
	font-size:8px;
	color: rgba(255, 255, 255, .9);
}
.yetkili-musteri{
background-color: transparent;
width: 20%;
height: 80px;
margin-bottom:100px;
perspective:100%;	
}
.yetkili-musteri-hover{
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition:transform 0.8s;
transform-style:preserve-3d;
}
.yetkili-musteri:hover .yetkili-musteri-hover{
transform:rotateY(180deg);
}
.yetkili-musteri-on, .yetkili-musteri-arka{
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility:hidden;
}
.yetkili-musteri-on{
background:  #141618;
color: rgba(255, 255, 255, .9);
font-size: 70%;
border:solid;
box-shadow:-3px 1px 1px 1px #2D2D2D;
height:60%;
width:50%;
border-radius:100px;
display:flex;
justify-content: center;
align-items: center;
}
.yetkili-musteri-arka{
position: absolute;
left:25px;
border-radius:15px;
background:  #141618;
color: rgba(255, 255, 255, .9);
box-shadow:-3px 1px 1px 1px #818181;
height:80%;
width:65%;	
line-height: 15px;
padding-top: 10%;
transform: rotateY(180deg);
}
.yetkili-musteri-arka a{
	font-size:8px;
	color: rgba(255, 255, 255, .9);
}	
.yetkili-Servis{
background-color: transparent;
width: 20%;
height: 80px;
margin-bottom:100px;
perspective:100%;
}
.yetkili-Servis-hover{
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition:transform 0.8s;
transform-style:preserve-3d;
}
.yetkili-Servis:hover .yetkili-Servis-hover{
transform:rotateY(180deg);
}
.yetkili-Servis-on, .yetkili-Servis-arka{
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility:hidden;
}
.yetkili-Servis-on{
background:  #141618;
color: rgba(255, 255, 255, .9);
border:solid;
box-shadow:-3px 1px 1px 1px #2D2D2D;
height:60%;
width:50%;
font-size: 60%;
border-radius:100px;
display:flex;
justify-content: center;
align-items: center;
}
.yetkili-Servis-arka{
position: absolute;
left:25px;
border-radius:15px;
background:  #141618;
color: rgba(255, 255, 255, .9);
box-shadow:-3px 1px 1px 1px #818181;
height:80%;
width:65%;	
line-height: 7px;
padding-top: 10%;
transform: rotateY(180deg);
}
.yetkili-Servis-arka a{
	font-size:8px;
	color: rgba(255, 255, 255, .9);
}	
.yetkili-sorgu{
background-color: transparent;
width: 20%;
height: 80px;
margin-bottom:100px;
perspective:100%;	
perspective:100%;
}
.yetkili-sorgu-hover{
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition:transform 0.8s;
transform-style:preserve-3d;
}
.yetkili-sorgu:hover .yetkili-sorgu-hover{
transform:rotateY(180deg);
}
.yetkili-sorgu-on, .yetkili-sorgu-arka{
position: absolute;
width: 100%;
height: 100%;
backface-visibility:hidden;
}
.yetkili-sorgu-on{
background:  #141618;
color: rgba(255, 255, 255, .9);
font-size: 70%;
border:solid;
box-shadow:-3px 1px 1px 1px #2D2D2D;
height:60%;
width:50%;
border-radius:100px;
display:flex;
justify-content: center;
align-items: center;
}
.yetkili-sorgu-arka{
position: absolute;
left:20px;
border-radius:15px;
background:  #141618;
color: rgba(255, 255, 255, .9);
box-shadow:-3px 1px 1px 1px #818181;
height:80%;
width:65%;	
line-height: 10px;
padding-top: 10%;
transform: rotateY(180deg);
}
.yetkili-sorgu-arka a{
	font-size:8px;
	color: rgba(255, 255, 255, .9);
}	
/*YETKİLİ CSS  BİTİŞ*/
	/*ELEMAN CSS*/
.eleman-ana .kapsama{
background:rgba(255, 255, 255, .5);
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items: center;
}
.eleman-servis {
background-color: transparent;
margin-left:30px;
width: 125px;
height: 100px;
margin-bottom:100px;
perspective: 100%; /* 3d persperktif vermek için*/
}
.eleman-servis-hover{
position: relative;
width: 100%;
height: 100%; 
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.eleman-servis:hover .eleman-servis-hover {
transform: rotateY(180deg);
}
.eleman-servis-on, .eleman-servis-arka{
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eleman-servis-on{
background:  #141618;
color: rgba(255, 255, 255, .9);
border:solid;
box-shadow:-3px 1px 1px 1px #2D2D2D;
height:100px;
width:100px;
margin-right:70px;
margin-left:20px;	
border-radius:100px;
display:flex;
justify-content: center;
align-items: center;
}
.eleman-servis-arka{
position: absolute;
left:-20px;
border-radius:15px;
background:  #141618;
color: rgba(255, 255, 255, .9);
box-shadow:-3px 1px 1px 1px #818181;
height:160px;
width:150px;
padding-top:30px;
padding-bottom:10px;
display:flex;
flex-wrap:wrap;
justify-content: center;
align-items: center;
align-self:flex-start;
transform: rotateY(180deg);
}
/*ELEMAN CSS BİTİŞ*/

	/*musteri-form label başalangıç*/
	.reset{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:7%;
		margin-bottom: 2%;
		margin-left: 5%;
		font-family:Arial, Helvetica, sans-serif;
		width: 20%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	button.giris{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:1%;
		margin-bottom: 2%;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#kalemform{
		height:20px;
		width:15px;
		float: left;
	}
	.kalemform{
		margin-top: 0.8%;	
		float: left;
		padding: 0%;
		margin-left: 1%;
	}
	#aramabuton{
		width:5%;
		height: 20px;
		border:none;
		margin-top:0.3%;
		padding:2px;
		margin-left: 0.8%;
	}
	#kom_bas_tarih{
		width: 107%;
		margin-left:3%;
		margin-top: 2%;
	}
	#kom_bit_tarih{
		width: 107%;
		margin-left:3%;
		margin-top: 2%;
	}
	#kom_eleman_adi{
		width: 50%;
		margin-left: 1%;
		margin-top:1%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	}
	#uye_adres{
		float:left;
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		margin-top: 1%; 
		width:49%;
		height:150%;
	}
	#kom_uye_sikayet{
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		margin-top: 1%;
		width:49%;
		height:30%;
	}
	.formbaslik{
		float: left;
		width: 35%;
		margin-top: 1%;
	}
	.forminput{
		float: left;
		width: 45%;
		font-size: 95%;

	}
	.form-div-kapsama{
		width:100%;
		margin: auto;
	}
	.form-div-bol{
		width:80%;
		margin-top: 2%;
		margin-left: 10%;
				
	}
	.form-div{
		float: left;
		width:100%;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		font-size: 90%;
	}
	.form-div input{
		width:100%;
		height: 18px;
		margin-top: 2%;
		border: solid 1px rgba(80, 78, 78, 0.9);
		padding-left: 1%;
	}
	.form-div input:hover{
		background-color: rgba(80, 78, 78, 0.9);
		color: floralwhite;
		border-style: 1px solid  rgba(80, 78, 78, 0.9);
		transition: transform 0.8s;
	}
	#KisiSil{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#ServisGuncel{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 5%;
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#YenidenServisKayit{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 5%;		
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
		
		/*musteri-form label bitiş*/
		
		/*servis form altı liste düzenleme*/
.servis-ul{
	width: 100%;
}		
.servis-li{
	height: 36px;
	float: left;
	overflow:hidden;
	word-wrap: break-word;
}
.servis-ul > .liste-ul {
	height: 35px;
	width:100%;
	line-height:35px;
	font-size:80%;
	display: inline-block
}
.servis-ul > .liste-ul  li{	
	font-size:80%;
	height: 35px;
	width:100%;
	line-height:35px;
	float: left;
	cursor: pointer;
}
.liste-ul:hover  li {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
}

/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/
	
.servis-ul > .servisDuzenle-lu{
   width:100%;		
   font-size:80%;
   margin-top: 3%;
   margin-left:2%;
   display: inline-block;
}
.servisDuzenle-lu > .servisDuzenle-li{
   font-size:100%;
   height:36px;
   width:100%;
   line-height:35px;
   font-size: 80%;
	float: left;
	margin:auto;
   cursor: pointer;
}
#servisDuzenle-tarih{
   width:10%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
   padding-left:1%;	
}
#servisDuzenle-tekniker{
   width:12%; 
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
}
#servisDuzenle-ucret{
   width: 6%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
   background-color: #141618;
   padding-left: 5%; 
}
#servisDuzenle-sikayet{
   width: 14%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
   background-color: #141618; 
   padding-left:3%;   
}
#servisDuzenle-cozum{
   width: 19%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
   background-color: #141618; 
   border-left:0.5px;  
   padding-left:4%
}
#servisDuzenle-not{
   width:17%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
   background-color: #141618;  
   border-left:0.5px;  
   padding-left:4%  
}
.servis-ul > .liste-ulu {
	height: 34.5px;
	width:95%;
	line-height:35px;
	font-size:70%;
	margin-left: 2%;
	display: inline-block;
}
.servis-ul > .liste-ulu  .lim {
	border: solid 0.5px rgba(216, 216, 216, 0.8);
	font-size:100%;
	width:74%;
	line-height:35px;
	float: left;
	cursor: pointer;
}
.liste-ulu > #limtarih{
  width:12%; 
  padding-left:0.3%; 
  font-size:80%;
  border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limeleman{
   width: 16%; 
   padding-left:0.3%;
   border-left:0.5px;
   font-size: 75%;
   border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limucret{
 width: 6%;
 font-size:80%;
 border: solid 0.5px rgba(216, 216, 216, 0.8);
 text-align:center
}
.liste-ulu > #limsikayet{
width: 22.5%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limcozum{
width: 24%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limnot{
width: 14%; 
padding-left:0.5%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu:hover  .lim {
background-color: rgb(78, 78, 78);
color: floralwhite;
}
.liste-ulu:hover  input {
background-color: rgb(78, 78, 78);
color: floralwhite;
}
.liste-ulu .lim .ul-gizle-goster{
   position: absolute;
   margin-left:10%;
   visibility: hidden;
   background-color: rgb(78, 78, 78);
   color: floralwhite;
   white-space: pre-line;
   width:8%;
   text-align: justify;
   line-height:10px;
   border-radius:0px 20px 20px;
}
.liste-ulu:hover .lim ul li .ul-gizle-goster{
visibility: visible;
}

/*servis form altı liste düzenleme */

.KayitliServis-ul{
   width:100%;
   margin-left: 2%;
   font-size:90%;
   display: inline-block;
}
.KayitliServis-ul .KayitliServis-li{
   font-size:70%;
   height:36px;
   width:100%;
   line-height:35px;
   float: left;
   cursor: pointer;
}
.KayitliServis-ul > .li{
   float: left;
   font-size: 60%;
}
#KayitliServis-tarih{
width:8%;
padding-left:1%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-tekniker{
width:11%;
padding-left:2%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-sikayet{
width:20%;
padding-left:3%;
background-color: #141618; 
color:rgba(255, 255, 255, .8);
}
#KayitliServis-ucret{
   width: 6%;
   padding-left:3%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);
}
#KayitliServis-cozum{
 width: 25%;
 padding-left:3%;
 color:rgba(255, 255, 255, .8);
 background-color: #141618;
 float: left;
}
#KayitliServis-not{
   width: 15%;
   padding-left:1%;
   padding-right: 1%;
   background-color: #141618; 
   color:rgba(255, 255, 255, .8);

}
.kapatgizle{
   margin-left:33%;
   margin-bottom:90%; 
   font-size:80%
}
#KayitliServis-ul li input{
   border: none;
   width: 90%;
   height:97%;
   word-wrap: break-word;
}
#liste-ulu .lim input{
   border: none;
   width: 95%;
   height:97%;
   word-wrap: break-word;
}
#tarih-li{
   width:9.2%; 
   padding-left:0.3%;
   height:100px;
   border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-eleman{
width: 15%; 
padding-left:0.3%; 
border-left:0.5px; 
height:100px;
border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-ucret{
   width: 5.5%; 
   padding-left:0.3%; 
   border-left:0.5px;
   height:100px;
   border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-sikayeti{
   width: 20%; 
   padding-left:0.3%; 
   border-left:0.5px; 
   font-size:70%; 
   height:100px;
   border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-cozum{
   width: 28%; 
   padding-left:0.3%; 
   border-left:0.5px; 
   font-size:70%; 
   height:100px;
   border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-not{
   width: 16%; 
   padding-left:0.3%; 
   border-left:0.5px; 
   font-size:70%; 
   height:100px;
   border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
	/* menü düzenleme */
	
.menu-ul{
background-color: #141618;
height: 30px;
width: 100%;

}
.menu-ul > li  {
background-color: #141618;
margin-left: 5%;
font-size:80%;
float: left;
position: relative;
width:14%;
z-index: 1;
}
.menu-ul > li > a {
display: block;
line-height: 30px;
color:#ffffffcc;
width:60%;
font-size:80%;
}
.menu-ul ul{
position: absolute;
top: 15px;
background-color: black;
width:100%;
opacity: 0;
transition: 250ms all;
visibility: hidden;
text-align: left;
}
.menu-ul ul li a{
display: block;
color:rgba(255, 255, 255, .8);
font-size: 70%;
padding-top: 8%;
padding-bottom: 8%;
}
.menu-ul > li:hover ul{
opacity: 1;
visibility: visible;
top: 30px;
}
.menu-ul > li > ul a:hover{
background-color: rgb(114, 115, 116);
}
/* menü düzenleme bitiş */

/*  servis takip sayfası başlamgıç  */

/*  servis takip sayfası başlamgıç  */
.stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 100%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
		}
	#divtr{
		width: 100%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 1%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
    }
	#Servis_Tamamla{
	width: 4%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%	
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_tamamlandi{
	  width: 4%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top
	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center	
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5	
	}
	#SevisYazdirGizli{
		font-size: 12px;
		text-align: center;
		margin-left: 12%;
		display: none;
		}
		.yazdirBaslik{
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px
		}
		.ykapsama{
		width:98%;
		margin:0%  auto;
		padding:0% auto; 
		box-sizing: border-box;
		margin-top:5%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;
		}
		.ytd{
		float:left;
		width:100%;
		margin:auto;
		box-sizing: border-box; 
		padding:1%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;	
		}
		.yazdirtemizle{
			clear:both;
			width: 100%;
		}
		#hata-div{
			color:rgb(148, 11, 11); 
			margin-top:3%;
			margin-left:auto;
			margin-right:auto; 
			width:80%; 
			border:1px solid rgb(219, 90, 90); 
			box-shadow:4px 4px 4px #ABABAB; 
			height:25px; border-radius:10px;
			text-align:center; 
			box-sizing:border-box;
			padding:0% auto	
		   }
		   .hata-divjquery{
			   color:rgb(148, 11, 11); 
			   margin-top:3%;
			   margin-left:auto;
			   margin-right:auto; 
			   width:80%; 
			   border:1px solid rgba(45,45,45,1); 
			   box-shadow:4px 4px 4px #ABABAB; 
			   height:25px; 
			   border-radius:10px;
			   text-align:center; 
			   box-sizing:border-box;
			   padding:0% auto
		   }
			   /*  servis takip sayfası başlamgıç  */
		   
		   @media print{
		   .menu-ul{display: none}
		   .header{display: none}
			#yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
		   .stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
		   #SevisYazdirGizli{display:block}
		   }
		   .bakimClass{
			position: absolute;
			right: 0px;
			margin-top: 20px;
			top:65%;
			width: 18%;
			border: 1px solid #141618;
			padding: 3px;
			line-height: 20px;
			cursor:pointer;
			font-size:70%;
		}
		   .libakim{
			 color: rgb(15, 15, 15);
		   }
		   .libakim a{
			   color: rgb(15, 15, 15);
		   }
		   .ulbakim .libakim:hover{
			   background-color:rgb(15, 15, 15);
			   color: floralwhite;
		   }
		   .libakim:hover a{
			   background-color: rgb(192, 28, 28);
			   color: floralwhite;
		   }
	}
@media only screen and (min-device-width : 480px) and (max-device-width : 760px) and (orientation : portrait) {
	.headerana{
		width:100%;
		margin: auto;
	}
	.kapsamaana{
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 85px;
		font-size: 120%;
		letter-spacing:8px;
		margin: auto;
	}
	#girisfirma{
		float:left;
		width: 70%;
		margin-top: 7%;
		margin-left:5%;
		line-height: 10px;
		font-size:220%;
		letter-spacing:2px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	#girisbayrak{
		float:left;
		height:35px;
		width:10%;
		margin-top: 5%;
		margin-left: 10%;
	}
	.header{
		width:100%;
		margin: auto;
	}
	.header .kapsama{ 
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 60px;
		font-size: 120%;
		letter-spacing:8px;
		margin: auto;
	}
	#bayrak{
	float:left;
	height:35px;
	width:9%;
	margin-top: 5%;

	}
	#kalem{
	height:20px;
	width:15px;
	float: left;
	padding: 0%;
	margin-left: 5%;
	}
	.kalem{		
	float: left;
	padding: 0%;
	margin-left: 5%;
	}		
	#firma{
	width: 90%;		
	text-align: center;
	line-height:40px;
	}
	.bayrak{
	margin-left: 17%;
	}
	#fimaadi{
	margin-top: 3%;
	float:left;
	}
	#cikisKapsama{
	width: 15%;
	height: 60px;
	line-height: 10px;
	float:right;
	}
	#musteri{
	margin-top: 20%;
	margin-bottom: 5%;
	line-height: 10px;
	font-size:60%;
	letter-spacing:1px;
	float:left;
	color: rgba(255, 255, 255, .6);
	}
	.cikis a{
	font-size:60%;
	letter-spacing:1px;
	float:left;
	color: rgba(255, 255, 255, .6);
	}
	.giris-ana{
	width:90%;
	margin: auto;
	margin-top: 15%;
	}
	.giris-ana .kapsama{
	width:90%;
	background:rgb(255, 255, 255);
	margin: auto;
	}
	.parola{
	width:90%;
	margin: auto;
	}
	#kalem{
	float: left;
	padding: 0%;
	margin-left: 5%;
	}	
	#spankullanici{
	margin-top: 3%;
	margin-bottom: 3%;
	font-weight:500;
	font-size: 80%;
	}
	.divkullanici{
	width:80%;	
	}
	input.kullanici{
	height:20px;
	width:70%;
	background:rgba(247, 247, 247, 0.5);
	margin-bottom: 3%;
	padding-left: 2%;
	font-size: 80%;
	}
	#spanpassword{
	margin-top: 3%;
	margin-bottom: 3%;	
	font-weight:500;
	font-size: 80%;
	}
	.divpassword{
		width:80%;
	}
	input.password{
		height:20px;
		width:70%;
		padding-left: 2%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:85%;
	}		
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}
	button.giris{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:5%;
		margin-left: 5%;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#sifrehatirla{
	color:rgba(24,24,24,1);
	font-weight:bold;
	font-style:italic;
	margin-left:65%;
	font-size:70%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:100%;
	}
	
	.clear {
		clear: both;
		width:100%;
	}
/* ADMİN SAYFASI CSS*/
	.admin-ana{
	height:50%;
	}
	.admin-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.firma-flip-card {
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	
	}	
	.firma-flip-card-inner{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}	
	.firma-flip-card:hover .firma-flip-card-inner {
	transform: rotateY(180deg);
	}	
	.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}	
	.firma-kayıt-flip-card-front{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.firma-guncelle-flip-card-back {
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}	
	.admin-yetkili{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-yetkili-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.admin-yetkili:hover .admin-yetkili-hover{
	transform:rotateY(180deg);
	}
	.admin-yetkili-on, .admin-yetkili-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.admin-yetkili-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-yetkili-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}	
	.admin-menu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-menu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-menu:hover .admin-menu-hover{
	transform:rotateY(180deg)
	}
	.admin-menu-on,.admin-menu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-menu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-menu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-sorgu:hover .admin-sorgu-hover{
	transform:rotateY(180deg)
	}
	.admin-sorgu-on,.admin-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/* ADİM SAYFASI CSS BİTİŞ*/
	
	/*YETKİLİ CSS BAŞLANGIÇ*/
	
	.yetkili-ana .kapsama{
	background:rgba(255,255,255,1);
	padding-top:20%;
	margin-left: 15%;
	}
	.yetkili-teknik{
	float: left;
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.yetkili-teknik-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-teknik:hover .yetkili-teknik-hover{
	transform:rotateY(180deg);
	}
	.yetkili-teknik-on,.yetkili-teknik-arka{
	position: absolute;
	width: 100%;
	height: 100%;	
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-teknik-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-teknik-arka{
	position: absolute;
	left:20px;
	border-radius:15px;
	background:  #141618;
	box-shadow:-3px 1px 1px 1px #818181;
	height:90%;
	width:90%;
	line-height: 20px;
	padding-top:20px;
	padding-bottom:50px;
	transform: rotateY(180deg);
	}
	.yetkili-teknik-arka a{
	font-size: 90%;
	color: rgba(255, 255, 255, .9);
	}
	.yetkili-musteri{
	float: left;
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;	
	}
	.yetkili-musteri-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-musteri:hover .yetkili-musteri-hover{
	transform:rotateY(180deg);
	}
	.yetkili-musteri-on, .yetkili-musteri-arka{
	position: absolute;
	width: 100%;
	height: 100%;	
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-musteri-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-musteri-arka{
	position: absolute;
	left:5px;
	border-radius:15px;
	background:  #141618;
	box-shadow:-3px 1px 1px 1px #818181;
	height:90%;
	width:90%;
	line-height: 20px;
	padding-top:20px;
	padding-bottom:50px;
	transform: rotateY(180deg);
	}
	.yetkili-musteri-arka a{
	font-size: 90%;
	color: rgba(255, 255, 255, .9);
	}
	.yetkili-Servis{
	float: left;
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;	
	-webkit-perspective: 100%;
	}
	.yetkili-Servis-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-Servis:hover .yetkili-Servis-hover{
	transform:rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	}
	.yetkili-Servis-on, .yetkili-Servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-Servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-Servis-arka{
		position: absolute;
		left:5px;
		border-radius:15px;
		background:  #141618;
		box-shadow:-3px 1px 1px 1px #818181;
		height:90%;
		width:90%;
		line-height: 15px;
		padding-top:20px;
		padding-bottom:50px;
		transform: rotateY(180deg);
	}
	.yetkili-Servis-arka a{
		font-size: 90%;
		color: rgba(255, 255, 255, .9);
	}
	.yetkili-sorgu{
	float: left;
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;	
	perspective:100%;
	}
	.yetkili-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-sorgu:hover .yetkili-sorgu-hover{
	transform:rotateY(180deg);
	}
	.yetkili-sorgu-on, .yetkili-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.yetkili-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-sorgu-arka{
		position: absolute;
		left:5px;
		border-radius:15px;
		background:  #141618;
		box-shadow:-3px 1px 1px 1px #818181;
		height:90%;
		width:90%;
		line-height: 25px;
		padding-top:20px;
		padding-bottom:50px;
		transform: rotateY(180deg);
	}
	.yetkili-Servis-arka a{
		font-size: 90%;
		color: rgba(255, 255, 255, .9);
	}
	/*YETKİLİ CSS  BİTİŞ*/
	
	/*ELEMAN CSS*/
	.eleman-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.eleman-servis {
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	}
	.eleman-servis-hover{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.eleman-servis:hover .eleman-servis-hover {
	transform: rotateY(180deg);
	}
	.eleman-servis-on, .eleman-servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.eleman-servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.eleman-servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:160px;
	width:150px;
	padding-top:30px;
	padding-bottom:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/*ELEMAN CSS BİTİŞ*/
	/*musteri-form label başalangıç*/
	.reset{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:5%;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 7%;
		font-size:70%;
		border-radius:10px;
		cursor:pointer;
	}
	#kalemform{
		height:21px;
		width:15px;
		float: left;
	}
	.kalemform{
		margin-top: 1.9%;	
		float: left;
		padding: 0%;
	}
	#aramabuton{
		width:6%;
		height: 22px;
		border:none;
		margin-top:1%;
		padding:2px;
		margin-left: 1%;
	}
	#kom_bas_tarih{
		width: 107%;
	}
	#kom_bit_tarih{
		width: 107%;
	}
	#kom_eleman_adi{
		width: 75%;
		margin-top:2%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	}
	#uye_adres{
		float:left;
		margin-top:1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative; 
		width:75%;
		height:150%	
	}
	#kom_uye_sikayet{
	margin-top:1%;
	border: solid 1px rgba(80, 78, 78, 0.9); 
	position: relative;
	width:75%;
	height:100%;
	}
	.formbaslik{
		width: 100%;
		margin-top: 1%;
		font-weight: bold;
	}
	.forminput{
		float: left;
		width: 70%;
		font-size: 95%;
		margin-top: 0.7%;
	}
	.temizle{
		clear: both;
		width:100%
	}
	.form-div-kapsama{
		width:100%;
		margin: auto;
	}
	.form-div-bol{
		width:90%;
		margin-top: 2%;
		margin-left: 8%;
				
	}
	.form-div{
		float: left;
		width:100%;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		font-size: 90%;
	}
	.form-div input{
		width:100%;
		height: 18px;
		margin-top: 2%;
		border: solid 1px rgba(80, 78, 78, 0.9);
		padding-left: 1%;
	}
	.form-div input:hover{
		background-color: rgba(80, 78, 78, 0.9);
		color: floralwhite;
		border-style: 1px solid  rgba(80, 78, 78, 0.9);
		transition: transform 0.8s;
	}
	#KisiSil{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:22%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#ServisGuncel{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:22%;
		margin-left: 5%;
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#YenidenServisKayit{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:22px;
		font-family:Arial, Helvetica, sans-serif;
		width:25%;
		margin-left: 5%;		
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
		
		/*musteri-form label bitiş*/
		
		/*servis form altı liste düzenleme*/
	.servis-ul{
	width: 100%;
	}		
	.servis-li{
	height: 36px;
	float: left;
	overflow:hidden;
	word-wrap: break-word;
	}
	.servis-ul > .liste-ul {
	height: 35px;
	width:100%;
	line-height:35px;
	font-size:70%;
	display: inline-block
	}
	.servis-ul > .liste-ul  li{	
	font-size:80%;
	height: 35px;
	width:100%;
	line-height:35px;
	float: left;
	cursor: pointer;
	}
	.liste-ul:hover  li {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
	}
	
	/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/
	
	.servis-ul > .servisDuzenle-lu{
	width:100%;		
	font-size:70%;
	margin-top: 3%;
	display: inline-block;
	}
	.servisDuzenle-lu > .servisDuzenle-li{
	font-size:100%;
	height:32px;
	width:100%;
	line-height:32px;
	font-size: 80%;
	float: left;
	margin:auto;
	cursor: pointer;
	}
	#servisDuzenle-tarih{
	width:11%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	padding-left:1%;	
	}
	#servisDuzenle-tekniker{
	width:12%; 
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	}
	#servisDuzenle-ucret{
	width: 7.5%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618;
	padding-left: 5%; 
	}
	#servisDuzenle-sikayet{
	width: 14%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618; 
	padding-left:3%;   
	}
	#servisDuzenle-cozum{
	width: 19%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618; 
	border-left:0.5px;  
	padding-left:4%
	}
	#servisDuzenle-not{
	width:17%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618;  
	border-left:0.5px;  
	padding-left:2%  
	}
	.servis-ul > .liste-ulu {
	height: 34.5px;
	width:95%;
	line-height:35px;
	font-size:70%;
	display: inline-block;
	}
	.servis-ul > .liste-ulu  .lim {
	border: solid 0.5px rgba(216, 216, 216, 0.8);
	font-size:100%;
	width:74%;
	line-height:35px;
	float: left;
	cursor: pointer;
	}
	.liste-ulu > #limtarih{
	width:13.5%; 
	padding-left:0.3%; 
	font-size:75%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
	}
	.liste-ulu > #limeleman{
	width: 16%; 
	padding-left:0.3%;
	border-left:0.5px;
	font-size: 70%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
	}
	.liste-ulu > #limucret{
	width: 6%;
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8);
	text-align:center
	}
	.liste-ulu > #limsikayet{
	width: 22%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
	}
	.liste-ulu > #limcozum{
	width: 22.4%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
	}
	.liste-ulu > #limnot{
	width: 14%; 
	padding-left:0.5%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
	}
	.liste-ulu:hover  .lim {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
	}
	.liste-ulu:hover  input {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
	}
	.liste-ulu .lim .ul-gizle-goster{
	position: absolute;
	margin-left:10%;
	visibility: hidden;
	background-color: rgb(78, 78, 78);
	color: floralwhite;
	white-space: pre-line;
	width:8%;
	text-align: justify;
	line-height:10px;
	border-radius:0px 20px 20px;
	}
	.liste-ulu:hover .lim ul li .ul-gizle-goster{
	visibility: visible;
	}
	
	/*servis form altı liste düzenleme */
	
	.KayitliServis-ul{
	width:100%;
	font-size:90%;
	display: inline-block;
	}
	.KayitliServis-ul .KayitliServis-li{
	font-size:70%;
	height:36px;
	width:100%;
	line-height:35px;
	float: left;
	cursor: pointer;
	}
	.KayitliServis-ul > .li{
	float: left;
	font-size: 60%;
	}
	#KayitliServis-tarih{
	width:8%;
	padding-left:1%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-tekniker{
	width:11%;
	padding-left:2%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-sikayet{
	width:20%;
	padding-left:3%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-ucret{
	width: 6%;
	padding-left:3%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-cozum{
	width: 25%;
	padding-left:3%;
	color:rgba(255, 255, 255, .8);
	background-color: #141618;
	float: left;
	}
	#KayitliServis-not{
	width: 15%;
	padding-left:1%;
	padding-right: 1%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	
	}
	.kapatgizle{
	margin-left:4%;
	margin-bottom:90%; 
	font-size:80%
	}
	#KayitliServis-ul li input{
	border: none;
	width: 90%;
	height:97%;
	word-wrap: break-word;
	}
	#liste-ulu .lim input{
	border: none;
	width: 95%;
	height:97%;
	word-wrap: break-word;
	}
	#tarih-li{
	width:9.2%; 
	padding-left:0.3%;
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-eleman{
	width: 15%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-ucret{
	width: 5.5%; 
	padding-left:0.3%; 
	border-left:0.5px;
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-sikayeti{
	width: 20%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:70%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-cozum{
	width: 28%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:70%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-not{
	width: 16%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:70%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	/* menü düzenleme */
	
	.menu-ul{
	background-color: #141618;
	height: 30px;
	width: 100%;
	}
	
	.menu-ul > li  {
	padding-left: 4%;
	background-color: #141618;
	margin-left: 2%;
	font-size:100%;
	float: left;
	position: relative;
	width:12%;
	z-index: 1;
	}
	.menu-ul > li > a {
	display: block;
	line-height: 30px;
	color:#ffffffcc;
	width:100%;
	}
	.menu-ul ul{
	position: absolute;
	top: 15px;
	background-color: black;
	width:100%;
	opacity: 0;
	transition: 250ms all;
	visibility: hidden;
	text-align: left;
	}
	.menu-ul ul li a{
	display: block;
	color:rgba(255, 255, 255, .8);
	font-size: 75%;
	padding-top: 8%;
	padding-bottom: 8%;
	}
	.menu-ul > li:hover ul{
	opacity: 1;
	visibility: visible;
	top: 30px;
	}
	.menu-ul > li > ul a:hover{
	background-color: rgb(114, 115, 116);
	}
	/* menü düzenleme bitiş */

/*  servis takip sayfası başlamgıç  */
.stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 280%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
		}
	#divtr{
		width: 280%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 1%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
    }
	#Servis_Tamamla{
	width: 4%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%	
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_tamamlandi{
	  width: 4%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top
	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center	
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5	
	}

	#SevisYazdirGizli{
		font-size: 12px;
		text-align: center;
		margin-left: 12%;
		display: none;
		}
		.yazdirBaslik{
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px
		}
		.ykapsama{
		width:98%;
		margin:0%  auto;
		padding:0% auto; 
		box-sizing: border-box;
		margin-top:5%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;
		}
		.ytd{
		float:left;
		width:100%;
		margin:auto;
		box-sizing: border-box; 
		padding:1%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;	
		}
		.yazdirtemizle{
			clear:both;
			width: 100%;
		}
		#hata-div{
			color:rgb(148, 11, 11); 
			margin-top:3%;
			margin-left:auto;
			margin-right:auto; 
			width:80%; 
			border:1px solid rgb(219, 90, 90); 
			box-shadow:4px 4px 4px #ABABAB; 
			height:25px; border-radius:10px;
			text-align:center; 
			box-sizing:border-box;
			padding:0% auto	
		   }
		   .hata-divjquery{
			   color:rgb(148, 11, 11); 
			   margin-top:3%;
			   margin-left:auto;
			   margin-right:auto; 
			   width:80%; 
			   border:1px solid rgba(45,45,45,1); 
			   box-shadow:4px 4px 4px #ABABAB; 
			   height:25px; 
			   border-radius:10px;
			   text-align:center; 
			   box-sizing:border-box;
			   padding:0% auto
		   }
			   /*  servis takip sayfası başlamgıç  */
		   
		   @media print{
		   .menu-ul{display: none}
		   .header{display: none}
			#yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
		   .stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
		   #SevisYazdirGizli{display:block}
		   }
		   .bakimClass{
			position: absolute;
			right: 0px;
			margin-top: 20px;
			top:65%;
			width: 18%;
			border: 1px solid #141618;
			padding: 3px;
			line-height: 20px;
			cursor:pointer;
			font-size:70%;
		}
		   .libakim{
			 color: rgb(15, 15, 15);
		   }
		   .libakim a{
			   color: rgb(15, 15, 15);
		   }
		   .ulbakim .libakim:hover{
			   background-color:rgb(15, 15, 15);
			   color: floralwhite;
		   }
		   .libakim:hover a{
			   background-color: rgb(192, 28, 28);
			   color: floralwhite;
		   }
	}
@media only screen and (min-width : 480px) and (max-width : 760px ) and (orientation : landscape) {
	.headerana{
		width:100%;
		margin: auto;
	}
	.kapsamaana{
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 85px;
		font-size: 120%;
		letter-spacing:8px;
		margin: auto;
	}
	#girisfirma{
		float:left;
		width: 70%;
		margin-top: 5%;
		margin-left: 2%;
		line-height: 10px;
		font-size:220%;
		letter-spacing:2px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	#girisbayrak{
		float:left;
		height:35px;
		width:8%;
		margin-top: 3%;
		padding-left:20%;
	}
	.header{
		width:100%;
		margin: auto;
	}
	.header .kapsama{ 
		background: #141618;
		color: rgba(255, 255, 255, .6);
		height: 55px;
		font-size: 170%;
		letter-spacing:10px;
		text-align: center;
		}
	#bayrak{
		float:left;
		height:50%;
		width:10%;
		margin-top: 5%;
	}
	.bayrak{
	margin-left: 30%;
	}
	#kalem{
		height:20px;
		width:15px;
		float: left;
		padding: 0%;
		margin-left: 5%;
	}
	.kalem{		
		float: left;
		padding: 0%;
		margin-left: 5%;
	}		
	#firma{
		float:left;
		width: 80%;	
		line-height:40px;
	}
	#fimaadi{
		margin-top: 2%;
		float:left;
	}
	#cikisKapsama{
		width: 15%;
		margin-top: 1%;
		height: 60px;
		line-height: 10px;
		float:right;
	}
	#musteri{
		line-height: 10px;
		font-size:35%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	#cikis{
		margin-top: 5%;
		font-size:30%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	.giris-ana{
		width:90%;
		margin-top: 4%;
	}
	.giris-ana .kapsama{
		width:90%;
		background:rgb(255, 255, 255);
		margin: auto;
	}
	.parola{
		width:70%;
		margin: auto;
	}
	#kalem{
		float: left;
		padding: 0%;
		margin-left: 5%;
	}	
	#spankullanici{
		margin-top: 3%;
		margin-bottom: 3%;
		font-weight:500;
		font-size: 100%;
	}
	.divkullanici{
		width:80%;	
	}
	input.kullanici{
		height:20px;
		width:70%;
		background:rgba(247, 247, 247, 0.5);
		margin-bottom: 3%;
		padding-left: 2%;
		font-size: 80%;
	}
	#spanpassword{
		margin-top: 3%;
		margin-bottom: 3%;	
		font-weight:500;
		font-size: 100%;
	}
	.divpassword{
		width:80%;
	}
	input.password{
		height:20px;
		width:70%;
		padding-left: 2%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:85%;
	}
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}
	#sifrehatirla{
		color:rgba(24,24,24,1);
		font-weight:bold;
		font-style:italic;
		margin-left:65%;
		font-size:70%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:100%;
	}
	.clear{
		clear: both;
		width: 100%;
	}
/* ADMİN SAYFASI CSS*/
    .admin-ana{
	height:50%;
	}
	.admin-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.firma-flip-card {
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	
	}
	.firma-flip-card-inner{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.firma-flip-card:hover .firma-flip-card-inner {
	transform: rotateY(180deg);
	}
	.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.firma-kayıt-flip-card-front{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.firma-guncelle-flip-card-back {
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-yetkili{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-yetkili-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.admin-yetkili:hover .admin-yetkili-hover{
	transform:rotateY(180deg);
	}
	.admin-yetkili-on, .admin-yetkili-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.admin-yetkili-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-yetkili-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
    .admin-menu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-menu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-menu:hover .admin-menu-hover{
	transform:rotateY(180deg)
	}
	.admin-menu-on,.admin-menu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-menu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-menu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-sorgu:hover .admin-sorgu-hover{
	transform:rotateY(180deg)
	}
	.admin-sorgu-on,.admin-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/* ADİM SAYFASI CSS BİTİŞ*/
	
	/*YETKİLİ CSS BAŞLANGIÇ*/
	
	.yetkili-ana .kapsama{
	background:rgba(255,255,255,1);
	padding-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	.yetkili-teknik{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.yetkili-teknik-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-teknik:hover .yetkili-teknik-hover{
	transform:rotateY(180deg);
	}
	.yetkili-teknik-on,.yetkili-teknik-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-teknik-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-teknik-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;	
	box-shadow:-3px 1px 1px 1px #818181;
	height:150px;
	width:140px;
	padding-top:15%;
	line-height: 25px;
	transform: rotateY(180deg);
	}
	.yetkili-teknik-arka a{
		color: rgba(255, 255, 255, .9);
		font-size: 80%;
	}
	.yetkili-musteri{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;	
	}
	.yetkili-musteri-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-musteri:hover .yetkili-musteri-hover{
	transform:rotateY(180deg);
	}
	.yetkili-musteri-on, .yetkili-musteri-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-musteri-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-musteri-arka{
	position: absolute;
	left:-20px;
	height:150px;
	width:140px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	padding-top:15%;
	line-height: 25px;
	transform: rotateY(180deg);
	}
	.yetkili-teknik-arka a{
		color: rgba(255, 255, 255, .9);
		font-size: 90%;
	}
	.yetkili-Servis{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;	
	perspective:100%;
	}
	.yetkili-Servis-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-Servis:hover .yetkili-Servis-hover{
	transform:rotateY(180deg);
	}
	.yetkili-Servis-on, .yetkili-Servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-Servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
    .yetkili-Servis-arka{
	position: absolute;
	left:-20px;
	height:150px;
	width:140px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	padding-top:15%;
	line-height: 25px;
	transform: rotateY(180deg);
	}
	.yetkili-Servis-arka a{
		color: rgba(255, 255, 255, .9);
		font-size: 90%;
	}
	.yetkili-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;	
	perspective:100%;
	}
	.yetkili-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-sorgu:hover .yetkili-sorgu-hover{
	transform:rotateY(180deg);
	}
	.yetkili-sorgu-on, .yetkili-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-sorgu-arka{
		position: absolute;
		left:-20px;
		height:150px;
	   width:140px;
		border-radius:15px;
		background:  #141618;
		color: rgba(255, 255, 255, .9);
		box-shadow:-3px 1px 1px 1px #818181;
		padding-top:15%;
		line-height: 25px;
		transform: rotateY(180deg);
	}
	.yetkili-sorgu-arka a{
			color: rgba(255, 255, 255, .9);
			font-size: 90%;
	}
	/*YETKİLİ CSS  BİTİŞ*/
	
	/*ELEMAN CSS*/
	.eleman-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.eleman-servis {
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	}
	.eleman-servis-hover{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.eleman-servis:hover .eleman-servis-hover {
	transform: rotateY(180deg);
	}
	.eleman-servis-on, .eleman-servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	.eleman-servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.eleman-servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:160px;
	width:150px;
	padding-top:30px;
	padding-bottom:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/*ELEMAN CSS BİTİŞ*/
	/*musteri-form label başalangıç*/
		/*musteri-form label başalangıç*/
	.reset{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:1%;
		margin-bottom: 2%;
		margin-left: 5%;
		font-family:Arial, Helvetica, sans-serif;
		width: 12%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#kalemform{
		height:20px;
		width:15px;
		float: left;
	}
	.kalemform{
		margin-top: 0.6%;	
		float: left;
		padding: 0%;
		margin-left: 1%;
	}
	#aramabuton{
		width:3%;
		height: 20px;
		border:none;
		margin-top:0.3%;
		padding:2px;
		margin-left: 0.3%;
	}
	#kom_bas_tarih{
		width: 107%;
		margin-left:3%;
		margin-top: 2%;
	}
	#kom_bit_tarih{
		width: 107%;
		margin-left:3%;
		margin-top: 2%;
	}
	#kom_eleman_adi{
		width: 38%;
		margin-left: 1%;
		margin-top:1%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	}
	#uye_adres{
		float:left;
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		margin-top: 1%; 
		width:38%;
		height:150%;
	}
	#kom_uye_sikayet{
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		margin-top: 1%;
		width:38%;
		height:50%;
	}
	.formbaslik{
		float: left;
		width: 25%;
		margin-top: 1%;
	}
	.forminput{
		float: left;
		width: 35%;
		font-size: 95%;

	}
	.form-div-kapsama{
		width:90%;
		margin: auto;
	}
	.form-div-bol{
		width:80%;
		margin-top: 2%;
		margin-left: 10%;
				
	}
	.form-div{
		float: left;
		width:100%;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		font-size: 90%;
	}
	.form-div input{
		width:100%;
		height: 18px;
		margin-top: 2%;
		border: solid 1px rgba(80, 78, 78, 0.9);
		padding-left: 1%;
	}
	.form-div input:hover{
		background-color: rgba(80, 78, 78, 0.9);
		color: floralwhite;
		border-style: 1px solid  rgba(80, 78, 78, 0.9);
		transition: transform 0.8s;
	}
	button.giris{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:1%;
		margin-bottom: 2%;
		font-family:Arial, Helvetica, sans-serif;
		width:10%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#KisiSil{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:13%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#ServisGuncel{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:15%;
		margin-left: 5%;
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#YenidenServisKayit{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:15%;
		margin-left: 5%;		
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
		
/*musteri-form label bitiş*/

/*servis form altı liste düzenleme*/

	.servis-li{
		word-wrap: break-word; 
		width:100%;
		height: 36px;
		float: left;
		font-size: 80%;
	}
	.servis-ul{
		width:80%;
	}
	.servis-ul > .liste-ul {
		height: 34.5px;
		width:100%;
		line-height:35px;
		font-size:100%;
		display: inline-block
	}
	.servis-ul > .liste-ul  li{	
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
	}
	.liste-ul:hover  li {
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}

	/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/
	
  .servis-ul > .servisDuzenle-lu{
	 	width:130%;		
		font-size:100%;
		display: inline-block;
   }
   .servisDuzenle-lu > .servisDuzenle-li{
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
   }
   #servisDuzenle-tarih{
		width:6%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		padding-left:3%;	
   }
   #servisDuzenle-tekniker{
		width:12%; 
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
   }
   #servisDuzenle-ucret{
		width: 4%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618;
		padding-left: 5%; 
   }
   #servisDuzenle-sikayet{
		width: 14%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618; 
		padding-left:5%;   
   }
   #servisDuzenle-cozum{
		width: 16%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618; 
		border-left:0.5px;  
		padding-left:5%
   }
   #servisDuzenle-not{
		width:17%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618;  
		border-left:0.5px;  
		padding-left:5%  
   }
   .liste-ulu > #limtarih{
	   width:9%; 
	   padding-left:0.3%; 
	   font-size:80%;
	   border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limeleman{
		width: 18%; 
		padding-left:0.3%;
		border-left:0.5px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limucret{
	  width: 6%;
	  font-size:80%;
	  border: solid 0.5px rgba(216, 216, 216, 0.8);
	  text-align:center
   }
   .liste-ulu > #limsikayet{
	 width: 20%; 
	 padding-left:0.3%; 
	 border-left:0.5px; 
	 font-size:80%;
	 border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limcozum{
	width: 22%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limnot{
	width: 20%; 
	padding-left:0.5%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .servis-ul > .liste-ulu {
	height: 34.5px;
	width:120%;
	line-height:35px;
	font-size:100%;
	display: inline-block;
   }
   .servis-ul > .liste-ulu  .lim {
	border: solid 0.5px rgba(216, 216, 216, 0.8);
	font-size:100%;
	width:74%;
	line-height:35px;
	float: left;
	cursor: pointer;
   }
    .liste-ulu:hover  .lim {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
   }
    .liste-ulu:hover  input {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
   }
    .liste-ulu .lim .ul-gizle-goster{
		position: absolute;
		margin-left:14.5%;
		visibility: hidden;
		background-color: rgb(78, 78, 78);
		color: floralwhite;
		white-space: pre-line;
		width:8%;
		text-align: justify;
		line-height:10px;
		border-radius:0px 20px 20px;
   }
   .liste-ulu:hover .lim ul li .ul-gizle-goster{
	visibility: visible;
   }
	
	/*servis form altı liste düzenleme */
	
	.KayitliServis-ul{
		width:100%;		
		font-size:100%;
		display: inline-block;
	}
	.KayitliServis-ul .KayitliServis-li{
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
	}
	.KayitliServis-ul .li{
		float: left;
	}
	#KayitliServis-tarih{
	 width:7.3%;
	 padding-left:1%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-tekniker{
	 width:11%;
	 padding-left:3%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	}
    #KayitliServis-sikayet{
	 width:20%;
	 padding-left:3%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	 }
	 #KayitliServis-ucret{
		width: 4.6%;
		padding-left:1%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8)	 
	 }
	 #KayitliServis-cozum{
	  width: 26%;
	  padding-left:3%;
	  color:rgba(255, 255, 255, .8);
	  background-color: #141618;
	  float: left;
	 }
	 #KayitliServis-not{
		width: 15%;
		padding-left:4%;
		padding-right: 1%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);

	 }
	.kapatgizle{
		margin-left:33%;
		margin-bottom:90%; 
		font-size:80%
	 }
	#KayitliServis-ul li input{
		border: none;
		width: 90%;
		height:97%;
		word-wrap: break-word;
	}
	#liste-ulu .lim input{
		border: none;
		width: 95%;
		height:97%;
		word-wrap: break-word;
	}
	#tarih-li{
		width:9.5%; 
		padding-left:0.3%; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-eleman{
	 width: 13%; 
	 padding-left:0.3%; 
	 border-left:0.5px; 
	 height:100px;
	 border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-ucret{
		width: 5.5%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:90%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-sikayeti{
		width: 20%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-cozum{
		width: 31%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-not{
		width: 16.4%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	/* menü düzenleme */
	
	.menu-ul{
	background-color: #141618;
	height: 30px;
	width: 100%;
	}
	.menu-ul > li {
	background-color: #141618;
	padding-left: 8%;
	font-size:80%;
	float: left;
	position: relative;
	width:8%;
	z-index: 1;
	}
	.menu-ul > li > a {
	display: block;
	line-height: 30px;
	color: rgba(255, 255, 255, .6);
	width:80%;
	}
	.menu-ul ul{
	position: absolute;
	top: 15px;
	background-color: black;
	width:100%;
	opacity: 0;
	transition: 250ms all;
	visibility: hidden;
	text-align: left;
	}
	.menu-ul ul li a{
	display: block;
	color:rgba(255, 255, 255, .8);
	font-size: 75%;
	padding-top: 8%;
	padding-bottom: 8%;
	}
	.menu-ul > li:hover ul{
	opacity: 1;
	visibility: visible;
	top: 30px;
	}
	.menu-ul > li > ul a:hover{
	background-color: rgb(114, 115, 116);
	}
	/* menü düzenleme bitiş */

/*  servis takip sayfası başlamgıç  */
    .stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 180%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
		}
	#divtr{
		width: 150%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 1%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
    }
	#Servis_Tamamla{
	width: 4%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%	
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_tamamlandi{
	  width: 4%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top
	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center	
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5	
	}

	#SevisYazdirGizli{
		font-size: 12px;
		text-align: center;
		margin-left: 12%;
		display: none;
		}
		.yazdirBaslik{
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px
		}
		.ykapsama{
		width:98%;
		margin:0%  auto;
		padding:0% auto; 
		box-sizing: border-box;
		margin-top:5%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;
		}
		.ytd{
		float:left;
		width:100%;
		margin:auto;
		box-sizing: border-box; 
		padding:1%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;	
		}
		.yazdirtemizle{
			clear:both;
			width: 100%;
		}
		#hata-div{
			color:rgb(148, 11, 11); 
			margin-top:3%;
			margin-left:auto;
			margin-right:auto; 
			width:80%; 
			border:1px solid rgb(219, 90, 90); 
			box-shadow:4px 4px 4px #ABABAB; 
			height:25px; border-radius:10px;
			text-align:center; 
			box-sizing:border-box;
			padding:0% auto	
		   }
		   .hata-divjquery{
			   color:rgb(148, 11, 11); 
			   margin-top:3%;
			   margin-left:auto;
			   margin-right:auto; 
			   width:80%; 
			   border:1px solid rgba(45,45,45,1); 
			   box-shadow:4px 4px 4px #ABABAB; 
			   height:25px; 
			   border-radius:10px;
			   text-align:center; 
			   box-sizing:border-box;
			   padding:0% auto
		   }
			   /*  servis takip sayfası başlamgıç  */
		   
		   @media print{
		   .menu-ul{display: none}
		   .header{display: none}
			#yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
		   .stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
		   #SevisYazdirGizli{display:block}
		   }
		   .bakimClass{
			position: absolute;
			right: 0px;
			margin-top: 20px;
			top:65%;
			width: 18%;
			border: 1px solid #141618;
			padding: 3px;
			line-height: 20px;
			cursor:pointer;
			font-size:70%;
		}
		   .libakim{
			 color: rgb(15, 15, 15);
		   }
		   .libakim a{
			   color: rgb(15, 15, 15);
		   }
		   .ulbakim .libakim:hover{
			   background-color:rgb(15, 15, 15);
			   color: floralwhite;
		   }
		   .libakim:hover a{
			   background-color: rgb(192, 28, 28);
			   color: floralwhite;
		   }
	}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	/*  mavi */
	.headerana{
		width:100%;
		margin: auto;
	}
	.kapsamaana{
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 85px;
		font-size: 120%;
		letter-spacing:8px;
		margin: auto;
	}
	#girisfirma{
		margin-top: 3%;
		margin-left: 2%;
		line-height: 10px;
		font-size:220%;
		letter-spacing:8px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	#girisbayrak{
		float:left;
		height:35px;
		width:8%;
		margin-top: 2%;
		text-align: center;
		margin-left:30%;
	}
	.header{
		width:100%;
		margin: auto;
	}
	.header .kapsama{ 
		background: #141618;
		color: rgba(255, 255, 255, .6);
		height: 75px;
		font-size: 180%;
		letter-spacing:10px;
		text-align: center;
	}
	#bayrak{
		float:left;
		height:50%;
		width:10%;
		margin-top: 3%;
	}
	.bayrak{
	margin-left: 30%;
	}
	#kalem{
		height:25px;
		width:20px;
		float: left;
		padding: 0%;
		margin-left: 5%;
	}
	.kalem{		
		float: left;
		padding: 0%;
		margin-left: 5%;
	}		
	#firma{
		float:left;
		width: 80%;	
		line-height:40px;
	}
	#fimaadi{
		margin-top: 2%;
		float:left;
	}
	#cikisKapsama{
		width: 15%;
		margin-top: 1%;
		height: 60px;
		line-height: 10px;
		float:right;
	}
	#musteri{
		line-height: 10px;
		font-size:35%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	#cikis{
		margin-top: 3%;
		font-size:30%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	.giris-ana{
		width:90%;
		padding-top: 10%;
		margin: auto;
	}
	.giris-ana .kapsama{
		width:90%;
		background:rgb(255, 255, 255);
		margin: auto;
	}
	.parola{
		width:80%;
		margin: auto;
	}
	#spankullanici{
		margin-top: 3%;
		margin-bottom: 3%;
		font-weight:500;
		font-size: 120%;
	}
	.divkullanici{
		width:80%;	
	}
	input.kullanici{
		height:25px;
		width:70%;
		background:rgba(247, 247, 247, 0.5);
		margin-bottom: 3%;
		padding-left: 2%;
		font-size: 90%;
	}
	#spanpassword{
		margin-top: 3%;
		margin-bottom: 3%;	
		font-weight:500;
		font-size: 120%;
	}
	.divpassword{
		width:80%;
	}
	input.password{
		height:25px;
		width:70%;
		padding-left: 3%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:100%;
	}
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}
	#sifrehatirla{
		color:rgba(24,24,24,1);
		font-weight:bold;
		font-style:italic;
		margin-left:80%;
		font-size:80%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:130%;
	}
	/* ADMİN SAYFASI CSS*/
	.admin-ana{
	height:50%;
	}
	.admin-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.firma-flip-card {
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	
	}
	.firma-flip-card-inner{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.firma-flip-card:hover .firma-flip-card-inner {
	transform: rotateY(180deg);
	}
	.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.firma-kayıt-flip-card-front{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.firma-guncelle-flip-card-back {
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-yetkili{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-yetkili-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.admin-yetkili:hover .admin-yetkili-hover{
	transform:rotateY(180deg);
	}
	.admin-yetkili-on, .admin-yetkili-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.admin-yetkili-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-yetkili-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-menu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-menu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-menu:hover .admin-menu-hover{
	transform:rotateY(180deg)
	}
	.admin-menu-on,.admin-menu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-menu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-menu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-sorgu:hover .admin-sorgu-hover{
	transform:rotateY(180deg)
	}
	.admin-sorgu-on,.admin-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/* ADİM SAYFASI CSS BİTİŞ*/
	
/*YETKİLİ CSS BAŞLANGIÇ*/
		
    .yetkili-ana .kapsama{
	background:rgba(255,255,255,1);
	padding-top:20%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	.yetkili-teknik{
	background-color: transparent;
	margin-left:1%;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-teknik-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-teknik:hover .yetkili-teknik-hover{
	transform:rotateY(180deg);
	}
	.yetkili-teknik-on,.yetkili-teknik-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-teknik-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-teknik-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;	
	padding-top: 10px;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;
	align-items: center;
	transform: rotateY(180deg);
	}
	.yetkili-musteri{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;	
	}
	.yetkili-musteri-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-musteri:hover .yetkili-musteri-hover{
	transform:rotateY(180deg);
	}
	.yetkili-musteri-on, .yetkili-musteri-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-musteri-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-musteri-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	padding-top: 15px;
	line-height: 20px;
	height:150px;
	width:140px;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.yetkili-Servis{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-Servis-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-Servis:hover .yetkili-Servis-hover{
	transform:rotateY(180deg);
	}
	.yetkili-Servis-on, .yetkili-Servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-Servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-Servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;	
	padding-top: 10px;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.yetkili-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-sorgu:hover .yetkili-sorgu-hover{
	transform:rotateY(180deg);
	}
	.yetkili-sorgu-on, .yetkili-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top: 10px;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/*YETKİLİ CSS  BİTİŞ*/
	
	/*ELEMAN CSS*/
	.eleman-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.eleman-servis {
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	}
	.eleman-servis-hover{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
    .eleman-servis:hover .eleman-servis-hover {
	transform: rotateY(180deg);
	}
	.eleman-servis-on, .eleman-servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	.eleman-servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.eleman-servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:160px;
	width:150px;
	padding-top:30px;
	padding-bottom:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/*ELEMAN CSS BİTİŞ*/

	/*musteri-form label başalangıç*/
	.reset{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:2%;
		margin-left: 5%;
		font-family:Arial, Helvetica, sans-serif;
		width: 10%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#kalemform{
		height:22px;
		width:17px;
		float: left;
	}
	.kalemform{
		margin-top: 0.6%;	
		float: left;
		margin-left: 1%;
	}
	#aramabuton{
		width:20px;
		height: 21px;
		border:none;
		margin-top:0.4%;
		padding:2px;
		margin-left: 0.5%;
	}
	#kom_bas_tarih{
		width: 106%;
		margin-left:3%;
		margin-top: 4%;
		font-size: 100%;
	}
	#kom_bit_tarih{
		width: 106%;
		margin-left:3%;
		margin-top: 4%;
		font-size: 100%;
	}
	#kom_eleman_adi{
		width: 43%;
		height: 23px;
		margin-left: 1%;
		margin-top:1%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	}
	#uye_adres{
		float:left;		
	    margin-top: 1%;
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		font-size: 100%;
		width:43%;
		height:100%;
	}
	#kom_uye_sikayet{
	margin-left: 1%;
	border: solid 1px rgba(80, 78, 78, 0.9);
	margin-top: 1%;
	position: relative;
	font-size: 100%;
	width:43%;
	height:100%;
	}
	.formbaslik{
		float: left;
		width: 14%;
		margin-top: 1%;
		font-size: 80%;
		font-weight: bold;
	}
	.forminput{
		float: left;
		width: 40%;
		font-size: 95%;
	}
	.form-div-kapsama{
		width:90%;
		margin: auto;
	}
	.form-div-bol{
		width:90%;
		margin-top: 2%;
		margin-left: 5%;
	}
	.form-div{
		float: left;
		width:100%;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}
	.form-div input{
		width:100%;
		height: 20px;
		margin-top: 2%;
		border: solid 1px rgba(80, 78, 78, 0.9);
		padding-left: 1%;
	}
	.form-div input:hover{
		background-color: rgba(80, 78, 78, 0.9);
		color: floralwhite;
		border-style: 1px solid  rgba(80, 78, 78, 0.9);
		transition: transform 0.8s;
	}
	
	/*musteri-form label bitiş*/
	
	/*servis form altı liste düzenleme*/
	button.giris{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:1%;
		margin-bottom: 2%;
		font-family:Arial, Helvetica, sans-serif;
		width:10%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#KisiSil{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:13%;
		margin-left: 5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#ServisGuncel{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:15%;
		margin-left: 5%;
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#YenidenServisKayit{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:15%;
		margin-left: 5%;		
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	.servis-li{
		word-wrap: break-word; 
		width:100%;
		height: 36px;
		float: left;
		font-size: 80%;
	}
	.servis-ul{
		width:80%;
	}
	.servis-ul > .liste-ul {
		height: 34.5px;
		width:100%;
		line-height:35px;
		font-size:100%;
		display: inline-block
	}
	.servis-ul > .liste-ul  li{	
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
	}
	.liste-ul:hover  li {
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}

	/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/
	
  .servis-ul > .servisDuzenle-lu{
	 	width:130%;		
		font-size:100%;
		display: inline-block;
   }
   .servisDuzenle-lu > .servisDuzenle-li{
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
   }
   #servisDuzenle-tarih{
		width:4%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		padding-left:3%;	
   }
   #servisDuzenle-tekniker{
		width:12%; 
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
   }
   #servisDuzenle-ucret{
		width: 4%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618;
		padding-left: 1%; 
   }
   #servisDuzenle-sikayet{
		width: 14%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618; 
		padding-left:5%;   
   }
   #servisDuzenle-cozum{
		width: 16%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618; 
		border-left:0.5px;  
		padding-left:5%
   }
   #servisDuzenle-not{
		width:17%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618;  
		border-left:0.5px;  
		padding-left:5%  
   }
   .liste-ulu > #limtarih{
	   width:6%; 
	   padding-left:0.3%; 
	   font-size:80%;
	   border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limeleman{
		width: 15%; 
		padding-left:0.3%;
		border-left:0.5px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limucret{
	  width: 4%;
	  font-size:80%;
	  border: solid 0.5px rgba(216, 216, 216, 0.8);
	  text-align:center
   }
   .liste-ulu > #limsikayet{
	 width: 24%; 
	 padding-left:0.3%; 
	 border-left:0.5px; 
	 font-size:80%;
	 border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limcozum{
	width: 23%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limnot{
	width: 18%; 
	padding-left:0.5%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .servis-ul > .liste-ulu {
	height: 34.5px;
	width:120%;
	line-height:35px;
	font-size:100%;
	display: inline-block;
   }
   .servis-ul > .liste-ulu  .lim {
	border: solid 0.5px rgba(216, 216, 216, 0.8);
	font-size:100%;
	width:74%;
	line-height:35px;
	float: left;
	cursor: pointer;
   }
    .liste-ulu:hover  .lim {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
   }
    .liste-ulu:hover  input {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
   }
    .liste-ulu .lim .ul-gizle-goster{
		position: absolute;
		margin-left:15.5%;
		visibility: hidden;
		background-color: rgb(78, 78, 78);
		color: floralwhite;
		white-space: pre-line;
		width:8%;
		text-align: justify;
		line-height:10px;
		border-radius:0px 20px 20px;
   }
   .liste-ulu:hover .lim ul li .ul-gizle-goster{
	visibility: visible;
   }
	
	/*servis form altı liste düzenleme */
	
	.KayitliServis-ul{
		width:90%;		
		font-size:100%;
		display: inline-block;
	}
	.KayitliServis-ul .KayitliServis-li{
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
	}
	.KayitliServis-ul .li{
		float: left;
	}
	#KayitliServis-tarih{
	 width:7.3%;
	 padding-left:1%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-tekniker{
	 width:11%;
	 padding-left:3%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	}
    #KayitliServis-sikayet{
	 width:20%;
	 padding-left:3%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	 }
	 #KayitliServis-ucret{
		width: 4%;
		padding-left:1%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8)	 
	 }
	 #KayitliServis-cozum{
	  width: 26%;
	  padding-left:3%;
	  color:rgba(255, 255, 255, .8);
	  background-color: #141618;
	  float: left;
	 }
	 #KayitliServis-not{
		width: 15%;
		padding-left:4%;
		padding-right: 1%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);

	 }
	.kapatgizle{
		margin-left:33%;
		margin-bottom:90%; 
		font-size:80%
	 }
	#KayitliServis-ul li input{
		border: none;
		width: 90%;
		height:97%;
		word-wrap: break-word;
	}
	#liste-ulu .lim input{
		border: none;
		width: 95%;
		height:97%;
		word-wrap: break-word;
	}
	#tarih-li{
		width:9.5%; 
		padding-left:0.3%; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-eleman{
	 width: 13%; 
	 padding-left:0.3%; 
	 border-left:0.5px; 
	 height:100px;
	 border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-ucret{
		width: 5.5%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:90%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-sikayeti{
		width: 20%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-cozum{
		width: 31%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-not{
		width: 17.3%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	/* menü düzenleme */
	
	.menu-ul{
		background-color: #141618;
		height: 30px;
		width: 100%;
		}
		.menu-ul > li {
		background-color: #141618;
		padding-left: 8%;
		font-size:100%;
		float: left;
		position: relative;
		width:8%;
		z-index: 1;
		}
		.menu-ul > li > a {
		display: block;
		line-height: 30px;
		color:#ffffffcc;
		width:100%;
		}
		.menu-ul ul{
		position: absolute;
		top: 15px;
		background-color: black;
		width:100%;
		opacity: 0;
		transition: 250ms all;
		visibility: hidden;
		text-align: left;
		}
		.menu-ul ul li a{
		display: block;
		color:rgba(255, 255, 255, .8);
		font-size: 75%;
		padding-top: 8%;
		padding-bottom: 8%;
		}
		.menu-ul > li:hover ul{
		opacity: 1;
		visibility: visible;
		top: 30px;
		}
	.menu-ul > li > ul a:hover{
	background-color: rgb(114, 115, 116);
	}
	/* menü düzenleme bitiş */
/*  servis takip sayfası başlamgıç  */
.stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 180%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
		}
	#divtr{
		width: 150%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 1%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
    }
	#Servis_Tamamla{
	width: 4%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%	
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_tamamlandi{
	  width: 4%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top
	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center	
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5	
	}

	#SevisYazdirGizli{
		font-size: 12px;
		text-align: center;
		margin-left: 12%;
		display: none;
		}
		.yazdirBaslik{
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px
		}
		.ykapsama{
		width:98%;
		margin:0%  auto;
		padding:0% auto; 
		box-sizing: border-box;
		margin-top:5%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;
		}
		.ytd{
		float:left;
		width:100%;
		margin:auto; 
		box-sizing: border-box; 
		padding:1%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;	
		}
		.yazdirtemizle{
			clear:both;
			width: 100%;
		}
		#hata-div{
			color:rgb(148, 11, 11); 
			margin-top:3%;
			margin-left:auto;
			margin-right:auto; 
			width:80%; 
			border:1px solid rgb(219, 90, 90); 
			box-shadow:4px 4px 4px #ABABAB; 
			height:25px; border-radius:10px;
			text-align:center; 
			box-sizing:border-box;
			padding:0% auto	
		   }
		   .hata-divjquery{
			   color:rgb(148, 11, 11); 
			   margin-top:3%;
			   margin-left:auto;
			   margin-right:auto; 
			   width:80%; 
			   border:1px solid rgba(45,45,45,1); 
			   box-shadow:4px 4px 4px #ABABAB; 
			   height:25px; 
			   border-radius:10px;
			   text-align:center; 
			   box-sizing:border-box;
			   padding:0% auto
		   }
			   /*  servis takip sayfası başlamgıç  */
		   
		   @media print{
		   .menu-ul{display: none}
		   .header{display: none}
			#yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
		   .stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
		   #SevisYazdirGizli{display:block}
		   }
		   .bakimClass{
			position: absolute;
			right: 0px;
			margin-top: 20px;
			top:65%;
			width: 18%;
			border: 1px solid #141618;
			padding: 3px;
			line-height: 20px;
			cursor:pointer;
			font-size:70%;
		}
		   .libakim{
			 color: rgb(15, 15, 15);
		   }
		   .libakim a{
			   color: rgb(15, 15, 15);
		   }
		   .ulbakim .libakim:hover{
			   background-color:rgb(15, 15, 15);
			   color: floralwhite;
		   }
		   .libakim:hover a{
			   background-color: rgb(192, 28, 28);
			   color: floralwhite;
		   }
	}
@media  only screen and (min-device-width: 1280px) {
	/*      açık   siyah  */
	.headerana{
		width:100%;
		margin: auto;
	}
	.kapsamaana{
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 85px;
		font-size: 120%;
		letter-spacing:8px;
		margin: auto;
	}
	#girisfirma{
		margin-top: 3%;
		margin-left: 2%;
		line-height: 10px;
		font-size:220%;
		letter-spacing:8px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	#girisbayrak{
		float:left;
		height:35px;
		width:6%;
		margin-top: 2%;
		text-align: center;
		margin-left:35%;
	}
	.header{
		width:100%;
		margin: auto;
	}
	.header .kapsama{ 
		background: #141618;
		color: rgba(255, 255, 255, .6);
		height: 65px;
		font-size: 180%;
		letter-spacing:10px;
		text-align: center;
	}
	#bayrak{
		float:left;
		height:50%;
		width:10%;
		margin-top: 3%;
	}
	.bayrak{
	margin-left: 40%;
	}
	#kalem{
		height:25px;
		width:20px;
		float: left;
		padding: 0%;
		margin-left: 5%;
	}
	.kalem{		
		float: left;
		padding: 0%;
		margin-left: 5%;
	}		
	#firma{
		float:left;
		width: 80%;	
		line-height:40px;
	}
	#fimaadi{
		margin-top: 2%;
		float:left;
	}
	#cikisKapsama{
		width: 15%;
		margin-top: 1%;
		height: 60px;
		line-height: 10px;
		float:right;
	}
	#musteri{
		line-height: 10px;
		font-size:35%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	#cikis{
		margin-top: 3%;
		font-size:30%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	.giris-ana{
		width:90%;
		padding-top: 6%;
		margin: auto;
	}
	.giris-ana .kapsama{
		width:90%;
		background:rgb(255, 255, 255);
		margin: auto;
	}
	.parola{
		width:50%;
		margin: auto;
	}
	#spankullanici{
		margin-top: 3%;
		margin-bottom: 3%;
		font-weight:500;
		font-size: 120%;
	}
	.divkullanici{
		width:80%;	
	}
	input.kullanici{
		height:25px;
		width:70%;
		background:rgba(247, 247, 247, 0.5);
		margin-bottom: 3%;
		padding-left: 2%;
		font-size: 90%;
	}
	#spanpassword{
		margin-top: 3%;
		margin-bottom: 3%;	
		font-weight:500;
		font-size: 120%;
	}
	.divpassword{
		width:80%;
	}
	input.password{
		height:25px;
		width:70%;
		padding-left: 3%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:100%;
	}
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}
	#sifrehatirla{
		color:rgba(24,24,24,1);
		font-weight:bold;
		font-style:italic;
		margin-left:80%;
		font-size:80%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:130%;
	}
	.clear {
		clear: both;
	}
	/* ADMİN SAYFASI CSS*/
	.admin-ana{
	height:50%;
	}
	.admin-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.firma-flip-card {
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	
	}
	.firma-flip-card-inner{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.firma-flip-card:hover .firma-flip-card-inner {
	transform: rotateY(180deg);
	}
	.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.firma-kayıt-flip-card-front{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.firma-guncelle-flip-card-back {
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-yetkili{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-yetkili-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.admin-yetkili:hover .admin-yetkili-hover{
	transform:rotateY(180deg);
	}
	.admin-yetkili-on, .admin-yetkili-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.admin-yetkili-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-yetkili-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-menu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-menu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-menu:hover .admin-menu-hover{
	transform:rotateY(180deg)
	}
	.admin-menu-on,.admin-menu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-menu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-menu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-sorgu:hover .admin-sorgu-hover{
	transform:rotateY(180deg)
	}
	.admin-sorgu-on,.admin-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/* ADİM SAYFASI CSS BİTİŞ*/
	
/*YETKİLİ CSS BAŞLANGIÇ*/
		
    .yetkili-ana .kapsama{
	background:rgba(255,255,255,1);
	padding-top:10%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	.yetkili-teknik{
	background-color: transparent;
	margin-left:1%;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-teknik-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-teknik:hover .yetkili-teknik-hover{
	transform:rotateY(180deg);
	}
	.yetkili-teknik-on,.yetkili-teknik-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-teknik-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-teknik-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	.yetkili-musteri{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;	
	}
	.yetkili-musteri-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-musteri:hover .yetkili-musteri-hover{
	transform:rotateY(180deg);
	}
	.yetkili-musteri-on, .yetkili-musteri-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-musteri-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-musteri-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	.yetkili-Servis{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-Servis-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-Servis:hover .yetkili-Servis-hover{
	transform:rotateY(180deg);
	}
	.yetkili-Servis-on, .yetkili-Servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-Servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-Servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	.yetkili-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-sorgu:hover .yetkili-sorgu-hover{
	transform:rotateY(180deg);
	}
	.yetkili-sorgu-on, .yetkili-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.yetkili-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	/*YETKİLİ CSS  BİTİŞ*/
	
	/*ELEMAN CSS*/
	.eleman-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	
	.eleman-servis {
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	}
	.eleman-servis-hover{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.eleman-servis:hover .eleman-servis-hover {
	transform: rotateY(180deg);
	}
	.eleman-servis-on, .eleman-servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.eleman-servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.eleman-servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:160px;
	width:150px;
	padding-top:30px;
	padding-bottom:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/*ELEMAN CSS BİTİŞ*/
	/*musteri-form label başalangıç*/
	/*musteri-form label başalangıç*/
	.reset{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:3%;
		margin-left: 5%;
		font-family:Arial, Helvetica, sans-serif;
		width: 20%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	button.giris{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:20px;
		margin-top:3%;
		margin-bottom: 1%;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 5%;
		font-size:80%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#kalemform{
		height:26.6px;
		width:20px;
		float: left;
	}
	.kalemform{
		margin-top: 0.5%;	
		float: left;
		margin-left: 1%;
	}
	#aramabuton{
		width:22px;
		height: 23px;
		border:none;
		margin-top:0.3%;
		padding:2px;
		margin-left: 0.8%;
	}
	#kom_bas_tarih{
		width: 107%;
		margin-left:2%;
		margin-top: 1%;
		font-size: 100%;
	}
	#kom_bit_tarih{
		width: 107%;
		margin-left:2%;
		margin-top: 1%;
		font-size: 100%;
	}
	#kom_eleman_adi{
		width: 54.4%;
		height: 25px;
		margin-left: 1%;
		margin-top:0.5%;
		font-size: 100%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	}
	#uye_adres{
		float:left;		
	    margin-top: 1%;
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		font-size: 100%;
		width:54.5%;
		height:150%;
	}
	#kom_uye_sikayet{
	margin-left: 1%;
	border: solid 1px rgba(80, 78, 78, 0.9);
	margin-top: 1%;
	position: relative;
	font-size: 90%;
	width:54.4%;
	height:120%;
	}
	.formbaslik{
		float: left;
		width: 30%;
		margin-top: 0.5%;
		font-size: 100%;
	}
	.forminput{
		float: left;
		width: 50%;
		font-size: 95%;
	}
	.form-div-kapsama{
		width:90%;
		margin: auto;
	}
	.form-div-bol{
		width:40%;
		margin-top: 1%;
		margin-left: 2%;
		float: left;
	}
	.form-div{
		float: left;
		width:100%;
		margin-top: 0.1%;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}
	.form-div input{
		width:100%;
		height: 25px;
		margin-top: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9);
		padding-left: 1%;
	}
	.form-div input:hover{
		background-color: rgba(80, 78, 78, 0.9);
		color: floralwhite;
		border-style: 1px solid  rgba(80, 78, 78, 0.9);
		transition: transform 0.8s;
	}
	#KisiSil{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:18%;
		margin-left: 5%;
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#ServisGuncel{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:17%;
		margin-left: 5%;
		margin-top: 2%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#YenidenServisKayit{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		float: left;
		height:20px;
		font-family:Arial, Helvetica, sans-serif;
		width:20%;
		margin-left: 5%;		
		margin-top: 2%;
		padding: 0.5%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	/*musteri-form label bitiş*/
	
	/*servis form altı liste düzenleme*/

	.servis-li{
		word-wrap: break-word; 
		width:100%;
		height: 36px;
		float: left;
		font-size: 80%;
	}
	.servis-ul{
		width:80%;
	}
	.servis-ul > .liste-ul {
		height: 34.5px;
		width:100%;
		line-height:35px;
		font-size:100%;
		display: inline-block
	}
	.servis-ul > .liste-ul  li{	
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
	}
	.liste-ul:hover  li {
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}

	/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/
	
  .servis-ul > .servisDuzenle-lu{
	 	width:140%;		
		font-size:100%;
		display: inline-block;
   }
   .servisDuzenle-lu > .servisDuzenle-li{
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
   }
   #servisDuzenle-tarih{
		width:6%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		padding-left:3%;	
   }
   #servisDuzenle-tekniker{
		width:12%; 
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
   }
   #servisDuzenle-ucret{
		width: 7%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618;
		padding-left: 3%; 
   }
   #servisDuzenle-sikayet{
		width: 14%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618; 
		padding-left:5%;   
   }
   #servisDuzenle-cozum{
		width: 16%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618; 
		border-left:0.5px;  
		padding-left:5%
   }
   #servisDuzenle-not{
		width:17%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);
		background-color: #141618;  
		border-left:0.5px;  
		padding-left:5%  
   }
   .liste-ulu > #limtarih{
	   width:9%; 
	   padding-left:0.3%; 
	   border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limeleman{
		width: 18%; 
		padding-left:0.3%;
		border-left:0.5px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limucret{
	  width: 6%;
	  border: solid 0.5px rgba(216, 216, 216, 0.8);
	  text-align:center
   }
   .liste-ulu > #limsikayet{
	 width: 21%; 
	 padding-left:0.3%; 
	 border-left:0.5px; 
	 font-size:80%;
	 border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limcozum{
	width: 23%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .liste-ulu > #limnot{
	width: 19%; 
	padding-left:0.5%; 
	border-left:0.5px; 
	font-size:80%;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
   }
   .servis-ul > .liste-ulu {
	height: 34.5px;
	width:130%;
	line-height:35px;
	font-size:100%;
	display: inline-block;
   }
   .servis-ul > .liste-ulu > .lim {
	border: solid 0.5px rgba(216, 216, 216, 0.8);
	font-size:80%;
	line-height:35px;
	float: left;
	cursor: pointer;
   }
    .liste-ulu:hover  .lim {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
   }
    .liste-ulu:hover  input {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
   }
    .liste-ulu .lim .ul-gizle-goster{
		position: absolute;
		margin-left:8%;
		visibility: hidden;
		background-color: rgb(78, 78, 78);
		color: floralwhite;
		white-space: pre-line;
		width:10%;
		text-align: justify;
		line-height:10px;
		border-radius:0px 20px 20px;
   }
   .liste-ulu:hover .lim ul li .ul-gizle-goster{
	visibility: visible;
   }
	
	/*servis form altı liste düzenleme */
	
	.KayitliServis-ul{
		width:105%;		
		font-size:100%;
		display: inline-block;
	}
	.KayitliServis-ul .KayitliServis-li{
		font-size:100%;
		height:36px;
		width:100%;
		line-height:35px;
		font-size: 80%;
		float: left;
		cursor: pointer;
	}
	.KayitliServis-ul .li{
		float: left;
	}
	#KayitliServis-tarih{
	 width:7.3%;
	 padding-left:1%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	}
	#KayitliServis-tekniker{
	 width:11%;
	 padding-left:3%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	}
    #KayitliServis-sikayet{
	 width:20%;
	 padding-left:3%;
	 background-color: #141618; 
	 color:rgba(255, 255, 255, .8);
	 }
	 #KayitliServis-ucret{
		width: 4.6%;
		padding-left:1%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8)	 
	 }
	 #KayitliServis-cozum{
	  width: 26%;
	  padding-left:3%;
	  color:rgba(255, 255, 255, .8);
	  background-color: #141618;
	  float: left;
	 }
	 #KayitliServis-not{
		width: 15%;
		padding-left:4%;
		padding-right: 1%;
		background-color: #141618; 
		color:rgba(255, 255, 255, .8);

	 }
	.kapatgizle{
		margin-left:33%;
		margin-bottom:90%; 
		font-size:80%
	 }
	#KayitliServis-ul li input{
		border: none;
		width: 90%;
		height:97%;
		word-wrap: break-word;
	}
	#liste-ulu .lim input{
		border: none;
		width: 95%;
		height:97%;
		word-wrap: break-word;
	}
	#tarih-li{
		width:9%; 
		padding-left:0.3%; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-eleman{
	 width: 13%; 
	 padding-left:0.3%; 
	 border-left:0.5px; 
	 height:100px;
	 font-size: 70%;
	 border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-ucret{
		width: 5.5%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:90%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-sikayeti{
		width: 22%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-cozum{
		width: 31%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	#li-not{
		width: 15.3%; 
		padding-left:0.3%; 
		border-left:0.5px; 
		font-size:80%; 
		height:100px;
		border: solid 0.5px rgba(216, 216, 216, 0.8)	
	}
	/* menü düzenleme */
	
	.menu-ul{
	background-color: #141618;
	height: 30px;
	width: 100%;
	}
	.menu-ul > li  {
	background-color: #141618;
	padding-left: 1%;
	font-size:100%;
	float: left;
	position: relative;
	width:8%;
	z-index: 1;
	}
	.menu-ul > li > a {
	display: block;
	line-height: 30px;
	color:#ffffffcc;
	width:100%;
	}
	.menu-ul ul{
	position: absolute;
	top: 15px;
	background-color: black;
	width:100%;
	opacity: 0;
	transition: 250ms all;
	visibility: hidden;
	text-align: left;
	}
	.menu-ul ul li a{
	display: block;
	color:rgba(255, 255, 255, .8);
	font-size: 75%;
	padding-top: 8%;
	padding-bottom: 8%;
	}
	.menu-ul > li:hover ul{
	opacity: 1;
	visibility: visible;
	top: 30px;
	}
	.menu-ul > li > ul a:hover{
	background-color: rgb(114, 115, 116);
	}
	/* menü düzenleme bitiş */

/*  servis takip sayfası başlamgıç  */
.stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 100%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
	}
	#divtr{
		width: 100%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 1%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Tamamla{
	width: 1%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%	
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_tamamlandi{
	  width: 1%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top
	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center	
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5	
	}

	#SevisYazdirGizli{
	font-size: 12px;
	text-align: center;
	margin-left: 12%;
	display: none;
	}
	.yazdirBaslik{
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px
	}
	.ykapsama{
	width:98%;
	margin:0%  auto;
	padding:0% auto; 
	box-sizing: border-box;
	margin-top:5%;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
	font-size:10px;
	word-wrap: break-word;
	}
	.ytd{
	float:left;
	width:100%;
	margin:auto;
	box-sizing: border-box; 
	padding:1%;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
	font-size:10px;
	word-wrap: break-word;	
	}
	.yazdirtemizle{
		clear:both;
		width: 100%;
	}
	#hata-div{
	 color:rgb(148, 11, 11); 
	 margin-top:3%;
	 margin-left:auto;
	 margin-right:auto; 
	 width:80%; 
	 border:1px solid rgb(219, 90, 90); 
	 box-shadow:4px 4px 4px #ABABAB; 
	 height:25px; border-radius:10px;
	 text-align:center; 
	 box-sizing:border-box;
	 padding:0% auto	
	}
	.hata-divjquery{
		color:rgb(148, 11, 11); 
		margin-top:3%;
		margin-left:auto;
		margin-right:auto; 
		width:80%; 
		border:1px solid rgba(45,45,45,1); 
		box-shadow:4px 4px 4px #ABABAB; 
		height:25px; 
		border-radius:10px;
		text-align:center; 
		box-sizing:border-box;
		padding:0% auto
	}
		/*  servis takip sayfası başlamgıç  */
	
	@media print{
	.menu-ul{display: none}
	.header{display: none}
	 #yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
	.stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
	#SevisYazdirGizli{display:block}
	}
	.bakimClass{
		position: absolute;
		right: 0px;
		margin-top: 20px;
		top:65%;
		width: 18%;
        border: 1px solid #141618;
		padding: 3px;
		line-height: 20px;
		cursor:pointer;
		font-size:70%;
	}
    .libakim{
	  color: rgb(15, 15, 15);
	}
	.libakim a{
		color: rgb(15, 15, 15);
	}
	.ulbakim .libakim:hover{
		background-color:rgb(15, 15, 15);
		color: floralwhite;
	}
	.libakim:hover a{
		background-color: rgb(192, 28, 28);
		color: floralwhite;
	}
     #il, #ilce, #yetki{
		width: 54.4%;
		height: 25px;
		margin-left: 1%;
		margin-top:0.5%;
		font-size: 100%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	 }
	
    }
@media only screen and (min-width : 1680px) {

	  /*     turkuaz  */
	  .headerana{
		width:100%;
		margin: auto;
	}
	.kapsamaana{
		background: #141618;
		color: rgba(255, 255, 255, .6);
		width:100%;
		height: 85px;
		font-size: 120%;
		letter-spacing:8px;
		margin: auto;
	}
	#girisfirma{
		margin-top: 3%;
		margin-left: 2%;
		line-height: 10px;
		font-size:220%;
		letter-spacing:8px;
		float:left;
		color: rgba(255, 255, 255, .6);
	}
	#girisbayrak{
		float:left;
		height:35px;
		width:6%;
		margin-top: 2%;
		text-align: center;
		margin-left:35%;
	}
	.header{
		width:100%;
		margin: auto;
	}
	.header .kapsama{ 
		background: #141618;
		color: rgba(255, 255, 255, .6);
		height: 65px;
		font-size: 180%;
		letter-spacing:10px;
		text-align: center;
	}
	#bayrak{
		float:left;
		height:50%;
		width:10%;
		margin-top: 3%;
	}
	.bayrak{
	margin-left: 40%;
	}
	#kalem{
		height:25px;
		width:20px;
		float: left;
		padding: 0%;
		margin-left: 5%;
	}
	.kalem{		
		float: left;
		padding: 0%;
		margin-left: 5%;
	}		
	#firma{
		float:left;
		width: 80%;	
		line-height:40px;
	}
	#fimaadi{
		margin-top: 2%;
		float:left;
	}
	#cikisKapsama{
		width: 15%;
		margin-top: 1%;
		height: 60px;
		line-height: 10px;
		float:right;
	}
	#musteri{
		line-height: 10px;
		font-size:35%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	#cikis{
		margin-top: 3%;
		font-size:30%;
		letter-spacing:1px;
		color: rgba(255, 255, 255, .6);
	}
	.giris-ana{
		width:90%;
		padding-top: 6%;
		margin: auto;
	}
	.giris-ana .kapsama{
		width:90%;
		background:rgb(255, 255, 255);
		margin: auto;
	}
	.parola{
		width:50%;
		margin: auto;
	}
	#spankullanici{
		margin-top: 3%;
		margin-bottom: 3%;
		font-weight:500;
		font-size: 120%;
	}
	.divkullanici{
		width:80%;	
	}
	input.kullanici{
		height:25px;
		width:70%;
		background:rgba(247, 247, 247, 0.5);
		margin-bottom: 3%;
		padding-left: 2%;
		font-size: 90%;
	}
	#spanpassword{
		margin-top: 3%;
		margin-bottom: 3%;	
		font-weight:500;
		font-size: 120%;
	}
	.divpassword{
		width:80%;
	}
	input.password{
		height:25px;
		width:70%;
		padding-left: 3%;
		font-size: 80%;
		background:rgba(247, 247, 247, 0.5);
		font-size:100%;
	}
	input.kullanici:focus,  input.password:focus{
		background-color:rgb(255, 255, 255);
		border:0.5px solid rgb(182, 179, 179);
	}
	button.giris{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:30px;
		margin-top:2%;
		margin-bottom: 1%;
		font-family:Arial, Helvetica, sans-serif;
		width:10%;
		margin-left: 5%;
		font-size:80%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#sifrehatirla{
		color:rgba(24,24,24,1);
		font-weight:bold;
		font-style:italic;
		margin-left:80%;
		font-size:80%;
	}
	fieldset{
		border:1px solid rgba(45,45,45,1);
		box-shadow:5px 5px 5px #ABABAB;
		border-radius:20px
	}
	legend{
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-size:130%;
	}
	.clear {
		clear: both;
	}
	/* ADMİN SAYFASI CSS*/
	.admin-ana{
	height:50%;
	}
	.admin-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	.firma-flip-card {
	background-color: transparent;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	
	}
	.firma-flip-card-inner{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.firma-flip-card:hover .firma-flip-card-inner {
	transform: rotateY(180deg);
	}
	.firma-kayıt-flip-card-front, .firma-guncelle-flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.firma-kayıt-flip-card-front{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.firma-guncelle-flip-card-back {
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-yetkili{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-yetkili-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.admin-yetkili:hover .admin-yetkili-hover{
	transform:rotateY(180deg);
	}
	.admin-yetkili-on, .admin-yetkili-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.admin-yetkili-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-yetkili-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-menu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-menu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-menu:hover .admin-menu-hover{
	transform:rotateY(180deg)
	}
	.admin-menu-on,.admin-menu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-menu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-menu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	.admin-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective:100%;
	}
	.admin-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.admin-sorgu:hover .admin-sorgu-hover{
	transform:rotateY(180deg)
	}
	.admin-sorgu-on,.admin-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.admin-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.admin-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:120px;
	width:100px;
	padding-top:30px;
	padding-bottom:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/* ADİM SAYFASI CSS BİTİŞ*/
	
/*YETKİLİ CSS BAŞLANGIÇ*/
		
.yetkili-ana .kapsama{
	background:rgba(255,255,255,1);
	padding-top:10%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	.yetkili-teknik{
	background-color: transparent;
	margin-left:1%;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-teknik-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-teknik:hover .yetkili-teknik-hover{
	transform:rotateY(180deg);
	}
	.yetkili-teknik-on,.yetkili-teknik-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.yetkili-teknik-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-teknik-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	.yetkili-musteri{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;	
	}
	.yetkili-musteri-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-musteri:hover .yetkili-musteri-hover{
	transform:rotateY(180deg);
	}
	.yetkili-musteri-on, .yetkili-musteri-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-musteri-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-musteri-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	.yetkili-Servis{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-Servis-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-Servis:hover .yetkili-Servis-hover{
	transform:rotateY(180deg);
	}
	.yetkili-Servis-on, .yetkili-Servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	}
	.yetkili-Servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-Servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	.yetkili-sorgu{
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	perspective:100%;
	}
	.yetkili-sorgu-hover{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition:transform 0.8s;
	transform-style:preserve-3d;
	}
	.yetkili-sorgu:hover .yetkili-sorgu-hover{
	transform:rotateY(180deg);
	}
	.yetkili-sorgu-on, .yetkili-sorgu-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility:hidden;
	}
	.yetkili-sorgu-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right: 70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.yetkili-sorgu-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	line-height: 20px;
	height:150px;
	width:140px;
	padding-top:30px;	
	transform: rotateY(180deg);
	}
	/*YETKİLİ CSS  BİTİŞ*/
	
	/*ELEMAN CSS*/
	.eleman-ana .kapsama{
	background:rgba(255, 255, 255, .5);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	}
	/* tüm menünün başlangıcı*/
	
	.eleman-servis {
	background-color: transparent;
	margin-left:30px;
	width: 125px;
	height: 100px;
	margin-bottom:100px;
	perspective: 100%; /* 3d persperktif vermek için*/
	}
	.eleman-servis-hover{
	position: relative;
	width: 100%;
	height: 100%; 
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	}
	.eleman-servis:hover .eleman-servis-hover {
	transform: rotateY(180deg);
	}
	.eleman-servis-on, .eleman-servis-arka{
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	}
	.eleman-servis-on{
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	border:solid;
	box-shadow:-3px 1px 1px 1px #2D2D2D;
	height:100px;
	width:100px;
	margin-right:70px;
	margin-left:20px;	
	border-radius:100px;
	display:flex;
	justify-content: center;
	align-items: center;
	}
	.eleman-servis-arka{
	position: absolute;
	left:-20px;
	border-radius:15px;
	background:  #141618;
	color: rgba(255, 255, 255, .9);
	box-shadow:-3px 1px 1px 1px #818181;
	height:160px;
	width:150px;
	padding-top:30px;
	padding-bottom:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	align-self:flex-start;
	transform: rotateY(180deg);
	}
	/*ELEMAN CSS BİTİŞ*/
	/*musteri-form label başalangıç*/
	/*musteri-form label başalangıç*/
	.reset{
		background:rgba(24,24,24,1);
		color:rgba(255,255,255,1);
		height:30px;
		margin-top:2%;
		margin-left: 5%;
		font-family:Arial, Helvetica, sans-serif;
		width: 10%;
		font-size:70%;
		border-radius:10px;
		align-items: center;
		cursor:pointer;
	}
	#kalemform{
		height:26px;
		width:18px;
		float: left;
	}
	.kalemform{
		margin-top: 0.3%;	
		float: left;
		margin-left: 1%;
	}
	#aramabuton{
		width:25px;
		height: 25px;
		border:none;
		margin-top:0.3%;
		padding:2px;
		margin-left: 0.5%;
	}
	#kom_bas_tarih{
		width: 106%;
		margin-left:3%;
		margin-top: 1%;
		font-size: 100%;
	}
	#kom_bit_tarih{
		width: 106%;
		margin-left:3%;
		margin-top: 1%;
		font-size: 100%;
	}
	#kom_eleman_adi{
		width: 32%;
		height: 25px;
		margin-left: 1%;
		margin-top:0.5%;
		font-size: 100%;
		border: solid 1px rgba(80, 78, 78, 0.9);
	}
	#uye_adres{
		float:left;		
	    margin-top: 1%;
		margin-left: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9); 
		position: relative;
		font-size: 100%;
		width:32%;
		height:150%;
	}
	#kom_uye_sikayet{
	margin-left: 1%;
	border: solid 1px rgba(80, 78, 78, 0.9);
	margin-top: 1%;
	position: relative;
	font-size: 90%;
	width:32%;
	height:120%;
	}
	.formbaslik{
		float: left;
		width: 20%;
		margin-top: 0.5%;
		font-size: 100%;
	}
	.forminput{
		float: left;
		width: 30%;
		font-size: 95%;
	}
	.form-div-kapsama{
		width:90%;
		margin: auto;
	}
	.form-div-bol{
		width:100%;
		margin-top: 1%;
		margin-left: 5%;
	}
	.form-div{
		float: left;
		width:100%;
		margin-top: 0.1%;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}
	.form-div input{
		width:100%;
		height: 25px;
		margin-top: 1%;
		border: solid 1px rgba(80, 78, 78, 0.9);
		padding-left: 1%;
	}
	.form-div input:hover{
		background-color: rgba(80, 78, 78, 0.9);
		color: floralwhite;
		border-style: 1px solid  rgba(80, 78, 78, 0.9);
		transition: transform 0.8s;
	}
	.temizle{
		display: none;
	}
	
	/*musteri-form label bitiş*/
	
/*servis form altı liste düzenleme*/

.servis-li{
	word-wrap: break-word; 
	width:100%;
	height: 36px;
	float: left;
	font-size: 80%;
}
.servis-ul{
	width:80%;
}
.servis-ul > .liste-ul {
	height: 34.5px;
	width:100%;
	line-height:35px;
	font-size:100%;
	display: inline-block
}
.servis-ul > .liste-ul  li{	
	font-size:100%;
	height:36px;
	width:100%;
	line-height:35px;
	font-size: 80%;
	float: left;
	cursor: pointer;
}
.liste-ul:hover  li {
	background-color: rgb(78, 78, 78);
	color: floralwhite;
}

/*arama sonucu solda açılan müşteri isminden elde edilen id ile müşteriye ait geçmişte yapılan arıza kayıtlarının listelenmesi*/

.servis-ul > .servisDuzenle-lu{
	 width:140%;		
	font-size:100%;
	display: inline-block;
}
.servisDuzenle-lu > .servisDuzenle-li{
	font-size:100%;
	height:36px;
	width:100%;
	line-height:35px;
	font-size: 80%;
	float: left;
	cursor: pointer;
}
#servisDuzenle-tarih{
	width:6%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	padding-left:3%;	
}
#servisDuzenle-tekniker{
	width:12%; 
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
}
#servisDuzenle-ucret{
	width: 7%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618;
	padding-left: 3%; 
}
#servisDuzenle-sikayet{
	width: 14%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618; 
	padding-left:5%;   
}
#servisDuzenle-cozum{
	width: 16%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618; 
	border-left:0.5px;  
	padding-left:5%
}
#servisDuzenle-not{
	width:17%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);
	background-color: #141618;  
	border-left:0.5px;  
	padding-left:5%  
}
.liste-ulu > #limtarih{
   width:9%; 
   padding-left:0.3%; 
   border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limeleman{
	width: 18%; 
	padding-left:0.3%;
	border-left:0.5px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limucret{
  width: 6%;
  border: solid 0.5px rgba(216, 216, 216, 0.8);
  text-align:center
}
.liste-ulu > #limsikayet{
 width: 21%; 
 padding-left:0.3%; 
 border-left:0.5px; 
 font-size:80%;
 border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limcozum{
width: 23%; 
padding-left:0.3%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.liste-ulu > #limnot{
width: 19%; 
padding-left:0.5%; 
border-left:0.5px; 
font-size:80%;
border: solid 0.5px rgba(216, 216, 216, 0.8)
}
.servis-ul > .liste-ulu {
height: 34.5px;
width:130%;
line-height:35px;
font-size:100%;
display: inline-block;
}
.servis-ul > .liste-ulu > .lim {
border: solid 0.5px rgba(216, 216, 216, 0.8);
font-size:80%;
line-height:35px;
float: left;
cursor: pointer;
}
.liste-ulu:hover  .lim {
background-color: rgb(78, 78, 78);
color: floralwhite;
}
.liste-ulu:hover  input {
background-color: rgb(78, 78, 78);
color: floralwhite;
}
.liste-ulu .lim .ul-gizle-goster{
	position: absolute;
	margin-left:8%;
	visibility: hidden;
	background-color: rgb(78, 78, 78);
	color: floralwhite;
	white-space: pre-line;
	width:10%;
	text-align: justify;
	line-height:10px;
	border-radius:0px 20px 20px;
}
.liste-ulu:hover .lim ul li .ul-gizle-goster{
visibility: visible;
}

/*servis form altı liste düzenleme */

.KayitliServis-ul{
	width:105%;		
	font-size:100%;
	display: inline-block;
}
.KayitliServis-ul .KayitliServis-li{
	font-size:100%;
	height:36px;
	width:100%;
	line-height:35px;
	font-size: 80%;
	float: left;
	cursor: pointer;
}
.KayitliServis-ul .li{
	float: left;
}
#KayitliServis-tarih{
 width:7.3%;
 padding-left:1%;
 background-color: #141618; 
 color:rgba(255, 255, 255, .8);
}
#KayitliServis-tekniker{
 width:11%;
 padding-left:3%;
 background-color: #141618; 
 color:rgba(255, 255, 255, .8);
}
#KayitliServis-sikayet{
 width:20%;
 padding-left:3%;
 background-color: #141618; 
 color:rgba(255, 255, 255, .8);
 }
 #KayitliServis-ucret{
	width: 4.6%;
	padding-left:1%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8)	 
 }
 #KayitliServis-cozum{
  width: 26%;
  padding-left:3%;
  color:rgba(255, 255, 255, .8);
  background-color: #141618;
  float: left;
 }
 #KayitliServis-not{
	width: 15%;
	padding-left:4%;
	padding-right: 1%;
	background-color: #141618; 
	color:rgba(255, 255, 255, .8);

 }
.kapatgizle{
	margin-left:33%;
	margin-bottom:90%; 
	font-size:80%
 }
#KayitliServis-ul li input{
	border: none;
	width: 90%;
	height:97%;
	word-wrap: break-word;
}
#liste-ulu .lim input{
	border: none;
	width: 95%;
	height:97%;
	word-wrap: break-word;
}
#tarih-li{
	width:9%; 
	padding-left:0.3%; 
	font-size:80%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-eleman{
 width: 13%; 
 padding-left:0.3%; 
 border-left:0.5px; 
 height:100px;
 font-size: 70%;
 border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-ucret{
	width: 5.5%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:90%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-sikayeti{
	width: 22%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-cozum{
	width: 31%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
#li-not{
	width: 15.3%; 
	padding-left:0.3%; 
	border-left:0.5px; 
	font-size:80%; 
	height:100px;
	border: solid 0.5px rgba(216, 216, 216, 0.8)	
}
	/* menü düzenleme */
	
	.menu-ul{
	background-color: #141618;
	height: 30px;
	width: 100%;
	}
	.menu-ul > li  {
	background-color: #141618;
	padding-left: 1%;
	font-size:100%;
	float: left;
	position: relative;
	width:8%;
	z-index: 1;
	}
	.menu-ul > li > a {
	display: block;
	line-height: 30px;
	color:#ffffffcc;
	width:100%;
	}
	.menu-ul ul{
	position: absolute;
	top: 15px;
	background-color: black;
	width:100%;
	opacity: 0;
	transition: 250ms all;
	visibility: hidden;
	text-align: left;
	}
	.menu-ul ul li a{
	display: block;
	color:rgba(255, 255, 255, .8);
	font-size: 75%;
	padding-top: 8%;
	padding-bottom: 8%;
	}
	.menu-ul > li:hover ul{
	opacity: 1;
	visibility: visible;
	top: 30px;
	}
	.menu-ul > li > ul a:hover{
	background-color: rgb(114, 115, 116);
	}
	/* menü düzenleme bitiş */
/*  servis takip sayfası başlamgıç  */
    .stdiv{
	width: 100%;
	margin: 0% auto;
	padding:0% auto;
	}
	.divtablo{
	width: 100%;
	display: table;
	margin: 0% auto;
	padding: 0% auto;
	margin-top: 3%;
	}
	.divtr{
		display: table-row;
		font-size:70%;
	}
	#divtr{
		width: 100%;
		background-color: #141618;
		color:#ffffffcc;
		font-size:70%;
	}
	.divtablo .divtr:hover{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
	.divtd{
		border: solid 0.5px rgba(216, 216, 216, 0.8);
		width: 90%;
		display: table-cell;
		text-align: left;
		height:40px;
	}
	.divtablo .divtr:hover textarea{
		background-color: rgb(78, 78, 78);
		color: floralwhite;
	}
    .divtablo .divtd:hover  textarea#s_takip_cozum{
		background-color: rgb(253, 251, 251);
		color: rgb(14, 13, 13);
	}
	#randevutr{
		width: 1%;
		border:none;
		text-align: center;
		line-height: 40px;
		font-size:70%;			
	}
	#servistr{
		width: 4%;
		text-align: center;
		line-height: 15px;
		border:none;
		font-size:75%;
	}
	#stadi{
		width: 5%;
		border:none;
		text-align: center;
		line-height: 15px;
		font-size:75%;
	}
	#sttelefon{
	width: 5%;
	text-align: center;
	line-height:15px;
	border:none;
	font-size:75%;
	}
	#stadres{
	width: 8%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#cihaz{
	width: 4%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#sttekniker{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#starizabildirim{
	width: 14%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%	
	}
	#cozum{
	width: 16%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#ozelnot{
	width: 6%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_Ucret{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%
	}
	#ariza_durum{
	width: 3%;
	text-align: center;
	line-height: 15px;
	border:none;
	font-size:75%;	
	}
	#Servis_bakim{
		width: 2%;
		text-align: center;
		line-height: 15px;
		font-size:75%;
		border:none;
		cursor:pointer	
    }
	#Servis_Tamamla{
	width: 4%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer
	}
	#Servis_Sil{
	width: 2%;
	text-align: center;
	line-height: 15px;
	font-size:75%;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	}
	#yazdir{
	width: 3%;
	border:none;
	text-align: center;
	line-height: 15px;
	font-size:90%;		
	}
	#takipRandevu{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipServis{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdi{
	   width: 5%;
	   line-height:15px;
	   text-align:center;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#takipTel{
		width: 4%;
		line-height:15px;
		text-align:center;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipAdres{
		width: 8%;
		line-height:15px;
		padding:0.3%;
		font-size:80%;
		vertical-align: top	
	}
	#takipKombi{
	  width:5%;
	  line-height:15px;
	  padding:0.3%;
	  font-size:75%;
	  vertical-align: top	
	}
	#takipEleman{
	width: 6%;
	line-height:15px;
	padding:0.3%;
	font-size:75%;
	vertical-align: top	
	}
	#takipSikayet{
	   width: 14%;
	   line-height: 15px;
	   padding:0.3%;
	   font-size:80%;
	   vertical-align: top	
	}
	#s_takip_sikayeti{
	  border:none;
	  width:98%;
	  line-height:15px	
	}
	#servis_u_coz{
	 width:16%;
	 padding:0.3%;
	 font-size:90%;
	 height:90;
	 vertical-align: top	
	}
	#s_takip_cozum{
		border:none;
		width:98%;
		line-height:15px	
	}
	#servis_not{
	  width:6%;
	  padding:0.3%;
	  font-size:90%;
	  height:90;
	  vertical-align: top	
	}
	#s_not{
		border:none;
		width:98%;
		line-height:15px;
		font-size:90%;	
	}
	#servis_u_takip{
		width: 3%;
		text-align:center;
		padding:0.3%;
		vertical-align: top
	}
	#s_takip_ucret{
		width:100%;
		font-size:80%	
	}
	#servis_tamamlandi{
	  width: 4%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.2%;
	  font-size:80%;
	  vertical-align: top
	}
	#servis_bakim{
		width: 2%;
		line-height: 15px;
		text-align: center;
		padding:0.2%;
		font-size:80%;
		vertical-align: top

	}
	#servis_bitti{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align:top	
	}
	#servis_sil{
	  width: 2%;
	  line-height: 15px;
	  text-align: center;
	  padding:0.3%;
	  font-size:80%;
	  vertical-align: top	
	}
	#form-icon{
	 width: 3%;
	 line-height: 15px;
	 text-align:center	
	}
	#iconStyle{
	  width:50%; 
	  border:none;
	  vertical-align:middle;
	  margin-top:15%;
	  z-index:5	
	}

	#SevisYazdirGizli{
		font-size: 12px;
		text-align: center;
		margin-left: 12%;
		display: none;
		}
		.yazdirBaslik{
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;font-size:10px
		}
		.ykapsama{
		width:98%;
		margin:0%  auto;
		padding:0% auto; 
		box-sizing: border-box;
		margin-top:5%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;
		}
		.ytd{
		float:left;
		width:100%;
		margin:auto;
		box-sizing: border-box; 
		padding:1%;
		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial,sans-serif;
		font-size:10px;
		word-wrap: break-word;	
		}
		.yazdirtemizle{
			clear:both;
			width: 100%;
			
		}
		#hata-div{
			color:rgb(148, 11, 11); 
			margin-top:3%;
			margin-left:auto;
			margin-right:auto; 
			width:80%; 
			border:1px solid rgb(219, 90, 90); 
			box-shadow:4px 4px 4px #ABABAB; 
			height:25px; border-radius:10px;
			text-align:center; 
			box-sizing:border-box;
			padding:0% auto	
		   }
		   .hata-divjquery{
			   color:rgb(148, 11, 11); 
			   margin-top:3%;
			   margin-left:auto;
			   margin-right:auto; 
			   width:80%; 
			   border:1px solid rgba(45,45,45,1); 
			   box-shadow:4px 4px 4px #ABABAB; 
			   height:25px; 
			   border-radius:10px;
			   text-align:center; 
			   box-sizing:border-box;
			   padding:0% auto
		   }
			   /*  servis takip sayfası başlamgıç  */
		   
		   @media print{
		   .menu-ul{display: none}
		   .header{display: none}
			#yazdir,#Servis_Sil,#Servis_Tamamla,#Servis_Ucret,#ariza_durum,#cozum,#form-icon,#servis_sil,#servis_bitti,#servis_tamamlandi,#servis_u_takip,#servis_u_coz{display:none}
		   .stdiv, .divtablo{font-size: 90%;margin: 0% auto;padding:0% auto;}
		   #SevisYazdirGizli{display:block}
		   }
		   .bakimClass{
			position: absolute;
			right: 0px;
			top:65%;
			width: 18%;
			border: 1px solid #141618;
			padding: 3px;
			line-height: 20px;
			cursor:pointer;
			font-size:70%;
		}
		   .libakim{
			 color: rgb(15, 15, 15);
		   }
		   .libakim a{
			   color: rgb(15, 15, 15);
		   }
		   .ulbakim .libakim:hover{
			   background-color:rgb(15, 15, 15);
			   color: floralwhite;
		   }
		   .libakim:hover a{
			   background-color: rgb(192, 28, 28);
			   color: floralwhite;
		   }

	
	}