html,body {
  scroll-behavior: smooth;
}

html, *, *:before, *:after {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		}
/* --------------------------------- */
@media screen and (min-width: 1200px)
	{
		:root {
		--width-genel-kalip-dis-bloklar : 1200px;
		--width-genel-kalip-ic-bloklar : 1200px;
		--width-logo-sitename-kalip: 400px;
		}
		.sadece-masaustu, .sadece-desktop, .masaustu, .desktop {display:block;}
		.sadece-tablet, .tablet {display:block;}
		.sadece-mobil, .mobil, .mobile {display:none;}
	}
@media screen and (min-width: 992px) and (max-width: 1199px)
	{
		:root {
		--width-genel-kalip-dis-bloklar : 100%;
		--width-genel-kalip-ic-bloklar : 100%;
		--width-logo-sitename-kalip: 400px;
		}
		.sadece-masaustu, .sadece-desktop, .masaustu, .desktop {display:block;}
		.sadece-tablet, .tablet {display:block;}
		.sadece-mobil, .mobil, .mobile {display:none;}
	}
@media screen and (min-width: 768px) and (max-width: 991px)
	{
		:root {
		--width-genel-kalip-dis-bloklar : 100%;
		--width-genel-kalip-ic-bloklar : 100%;
		--width-logo-sitename-kalip: 100%;
		}
		.sadece-masaustu, .sadece-desktop, .masaustu, .desktop {display:none;}
		.sadece-tablet, .tablet {display:block;}
		.sadece-mobil, .mobil, .mobile {display:none;}
	}
@media screen and (min-width: 480px) and (max-width: 767px)
	{
		:root {
		--width-genel-kalip-dis-bloklar : 100%;
		--width-genel-kalip-ic-bloklar : 100%;
		--width-logo-sitename-kalip: 100%;
		}
		.sadece-masaustu, .sadece-desktop, .masaustu, .desktop {display:none;}
		.sadece-tablet, .tablet {display:none;}
		.sadece-mobil, .mobil, .mobile {display:block;}
	}
@media screen and (max-width: 479px)
	{
		:root {
		--width-genel-kalip-dis-bloklar : 100%;
		--width-genel-kalip-ic-bloklar : 100%;
		--width-logo-sitename-kalip: 100%;
		}
		.sadece-masaustu, .sadece-desktop, .masaustu, .desktop {display:none;}
		.sadece-tablet, .tablet {display:none;}
		.sadece-mobil, .mobil, .mobile {display:block;}
	}
.width-genel-kalip-ic-bloklar {width:var(--width-genel-kalip-ic-bloklar);};
.width-genel-kalip-dis-bloklar {width:var(--width-genel-kalip-dis-bloklar);};
.width-logo-sitename-kalip {width:var(--width-logo-sitename-kalip);};
/* --------------------------------- */
/*
akilli tel yatay : @media screen and (min-width: 480px) and (max-width: 767px)  {}
akilli tel dikey  : (max-width: 479px)
 -----  Olculer Bunlar olacak ----- 
@media screen and (max-width: 479px) { }
@media screen and (min-width: 480px) and (max-width: 767px)  {}
@media screen and (min-width: 768px) and (max-width: 1023px)  { }
@media screen and (min-width: 1024px) and (max-width: 1199px)  { }
@media screen and (min-width: 1200px) {}
Not: Tablet yatay @media screen and (min-width: 1024px) and (max-width: 1600px)  { } 
Not: Tablet dikey  orjinali : (min-width: 768px) and (max-width: 1023px)
mobil: 320,480,600
kaynak : https://stackoverflow.com/questions/21574881/responsive-design-with-media-query-screen-size
*/

.kart {clear:both;float:none;overflow:hidden;margin:5px 0;padding:5px;background-color:#FFFF99;}
.kart .kart-baslik {clear:both;float:none;overflow:hidden;margin:0 auto;padding:5px;border:1px solid #111;background-color:#999900;color:#fff;font-size:11px;}
.kart .kart-baslik i.fas {padding:0;margin:0;border:0;font-size:16px !important;margin:0;padding:0;margin-right:0;float:right;}
.kart .kart-baslik i.fas:focus {background-color:#b90000;color:#fff !important;cursor:pointer;}

:root {
		--xxxxxxxxx-btndeffrenk:#fff;
		--xxxxxxxxx-btndefbgrenk:#330099;
		--loginform:#555;
		--loginformf:#fff;
		--my-btn :#0066FF;
		--my-btnf :#fff;
		--my-btn-hover :#CCCC00;
		--my-btn-hoverf :#000;
		
		--beyaz:#fff; 
		--kirlibeyaz:#fdfdfd;
		--acikgri:#e8e8e8;
		--gri:#aaa; 
		--koyugri:#4E4E4E;
		--siyah:#111; 
		--pembe:#FF5E9E url('/images/geneldepo/div/kare-seffaf-1/capraz_cizgili_sol/20_kara_sade.png');
		--kirmizi:#FF0000; 
		--kiremit:#993300; 
		--yesil:#339933; 
		--kyesil:#006633; 
		--acikmavi:#3FEBFF;
		--mavi:#3D60F7; 
		--aciksari:#FFFEB1;
		--sari:#CAFF59 !important; /* FFE103 FFE430 */
		--altin:#EED964;
		--turuncu:#FF6000;
		--cyan:#3ACBBA;
		--kahverengi:#663300;
		}
.beyaz {background-color:var(--beyaz);}
.kirlibeyaz {background-color:var(--kirlibeyaz);}
.acikgri {background-color:var(--acikgri);}
.gri {background-color:var(--gri);}
.koyugri {background-color:var(--koyugri);}
.siyah {background-color:var(--siyah);}
.pembe {background:var(--pembe);}
.kirmizi {background-color:var(--kirmizi);}
.kiremit {background-color:var(--kiremit) !important;}
.yesil {background-color:var(--yesil);}
.kyesil {background-color:var(--kyesil) !important;}
.acikmavi {background-color:var(--acikmavi);}
.mavi {background-color:var(--mavi);}
.aciksari {background-color:var(--aciksari);}
.sari {background-color:var(--sari);}
.altin {background:var(--altin) url('/img/bg-altin-1.png');}
.turuncu {background-color:var(--turuncu);}
.cyan {background-color:var(--cyan);}
.kahverengi{background-color:var(--kahverengi);}
.renk1 {background-color:var(--renk1);}
.renk2 {background-color:var(--renk2);}
.renk3 {background-color:var(--renk3);}
.renk4 {background-color:var(--renk4);}
.renk5 {background-color:var(--renk5);}
.renk6 {background-color:var(--renk6);}
.renk7 {background-color:var(--renk7);}
.renk8 {background-color:var(--renk8);}
.renk9 {background-color:var(--renk9);}
.renk10 {background-color:var(--renk10);}

.renk1f {color:var(--renk1f);}
.renk2f {color:var(--renk2f);}
.renk3f {color:var(--renk3f);}
.renk4f {color:var(--renk4f);}
.renk5f {color:var(--renk5f);}
.renk6f {color:var(--renk6f);}
.renk7f {color:var(--renk7f);}
.renk8f {color:var(--renk8f);}
.renk9f {color:var(--renk9f);}
.renk10f {color:var(--renk10f);}

.renk-body {background-color:var(--renk-body);}
.renk-icerik-blok {background-color:var(--renk-icerik-blok);color:var(--renk-icerik-blokf);}


.my-btn {
		clear:both;float:none;overflow: hidden;margin:0 auto;width:auto;
		display:inline-block;margin:1px 1px 1px 1px;padding:5px;cursor:pointer;
		font-family:tahoma;font-size:11px;text-decoration:none;
		/* 
	color:var(--my-btnf,--beyaz);background-color:var(--my-btn,--purple); 
		color:var(--renk6f, --my-btnf);background-color:var(--renk6, --my-btn);
	*/
	color:var(--renk6f);background-color:var(--renk6);
		border:1px solid #000;border-left:10px solid #000;
	
	-webkit-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.25); 
		-moz-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.25); 
		box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.25);
		min-height:30px;
		width:fit-content;
		}
.my-btn:hover {color:var(--my-btn-hoverf);background-color:var(--my-btn-hover);}

.xmy-btn.btn-ajax {padding-left:30px !important;background:var(--renk1) url('/sablonlar/img/icon-btn-ajax-icon-1.png') no-repeat left top !important;color:var(--renk1f);text-align:left;}
.xmy-btn.btn-modal {padding-left:30px !important;background-color:var(--renk2);background-image:url('/sablonlar/img/icon-btn-modal-icon-1.png') no-repeat left center !important;color:var(--renk2f);text-align:left;}
.xmy-btn.btn-fullscreen {padding-left:30px !important;background:var(--renk2) url('/sablonlar/img/icon-btn-fullscreen-icon-1.png') no-repeat left center !important;color:var(--renk2f);text-align:left;}


		
.btn-local {border:2px dashed #FF0000 !important;}
.btn-aktif {background-color:#00FF00;color:#000;}
.btn-pasif {background-color:#6c757d;color:#000;}
.btn-kirmizi {color:var(--white,white);background-color:var(--red,red) !important;}
.btn-gizli {display:none;}
.xbtn-modal {color:var(--renk3f,black);background-color:var(--deeppink,deeppink) !important;}

.xbtn-slide-duzenle {position:relative;top:-200px;left:50px;z-index:2147483629;clear:both;float:none;overflow: hidden;margin:0 auto;}
.btn-slide-duzenle {clear:both;float:none;overflow: hidden;margin:0 auto;}
.btn-slide-duzenle-arkaplan {position:fixed;bottom:50%;right:50px;z-index:2147483629 !important;clear:both;float:none;overflow: hidden;margin:0 auto;}
	.btn-slide-duzenle {
	position:relative;left:50px;top:-120px;z-index:2147483629;
	clear:both;float:none;overflow:hidden;margin:0 auto;padding:15px;
	}
	
.btn-siralamayi-kaydet {border-right:3px solid #000 !important;}
.btn-yaziyi-kaydet {
		padding-left:32px;background-image:url('img/icon-save-1.png');
		background-repeat:no-repeat;
		background-position:5px center;
		}
.btn-buyuk {
		background-color: orange;
		border: 1px solid transparent; border-radius: 4px;
		white-space: nowrap; vertical-align: middle;
		color: black; text-decoration: none;font-size: 2em; text-align: center;
		display: inline-block;cursor: pointer;
		padding: 6px 12px; margin-bottom: 0;
		-webkit-user-select: none; -moz-user-select: none; 
		-ms-user-select: none; -o-user-select: none; user-select: none;
		}

.btn-buyuk:hover {background-color: #000;}

.btn-fx-minimize {
	clear:both;float:none;overflow:hidden;padding:0;margin:0;text-align:center;
	width:30px;height:30px;position:absolute;right:-5px;bottom:-5px;border:1px solid red;z-index:1;
				  font-family: 'Font Awesome 6 Free';content:'\f101';color:#222 !important;background:wheat;
				 }
				 
				 
.local {background:#FF006C;}
.bgbeyaz {background:#fff;}
.fkirmizi {color:#b90000;}
.bold {font-weight:bold;}
.alti-cizili {text-decoration: underline;}


.cursor-pointer, .pointer {cursor:pointer;}
.focuslan {border:2px solid #FF4A00 !important;background-color:#FFC1D5;}
.uyari {border:2px solid #e90000;background-color:#FED9D6 !important;}
.belirginlestir {border:0px dotted #fff;background-color:#330066 !important;color:#CCCCFF !important;}
.aktif {background-color:#99FF99;border:1px solid #006600;color:#000;} 
.pasif {background-color:#FF9999;border:1px solid #990000;color:#000;}
.aktif-tr,
.aktif-tr-a{background-color:#7DD460;border-bottom:1px solid #99cc99;}
.aktif-tr-b{background-color:#B2E5A1;border-bottom:1px solid #99cc99;}
.pasif-tr,
.pasif-tr-a{background-color:#FF728E;border-bottom:1px solid #CC3333;}
.pasif-tr-b{background-color:#FFBAC8;border-bottom:1px solid #CC3333;}


.goster {display:block;} .gizli, .gizle{display:none;}
.block {display: block;clear:both;float:none;overflow: hidden;margin:0 auto;}
.inline-block {display: block;clear:both;float:none;overflow: hidden;margin:0 auto;}
.xyazbana {font-family:tahoma;font-size:11px;color:#000;border-bottom:1px dashed #CCCC00;padding:3px;display:none;}
.yazbana {font-family:tahoma;font-size:11px;color:#000;border:1px dashed #CCCC00;padding:3px;display:block;}

.acaba {background-color:#F2AAB6;border:1px solid #CC3333;}
.bilgi-mesaj {border:2px solid #e90000;background-color:#FED9D6;padding:10px;}
.kaydedildi {margin:5px;font-size:11px;border:1px solid #e90000;padding:5px;padding-left:60px;background:#FED9D6 url('/img/icon-kaydedildi-1.png') no-repeat left 50%;}
.sayfa-alt-sabit {position:fixed;bottom:0;left:0;right:0;clear:both;float:none;overflow: hidden;margin:0 auto;text-align:center;}
.ajax-loading {max-width: 40px;max-height:40px;clear:both;float:none;overflow:hidden;margin:0 auto;}

.cb {clear:both;}
.fn {float:none;}
.oh {overflow: hidden;}
.m0a {margin:0 auto;}
.cbfn {clear:both;float:none;}
.cbfnoh {clear:both;float:none;overflow:hidden;}
.cbfnohm0a {clear:both;float:none;overflow: hidden;margin:0 auto;}
.cbfnohm0ap0 {clear:both;float:none;overflow: hidden;margin:0 auto;padding:0;}

.fleft, .float-left {float:left;}
.fright, .float-right {float:right;}
.ortala {text-align:center;margin:0 auto;}
.sola {text-align:left !important;}
.saga, .fiyat, .sayi, .rakam {text-align:right !important;}
.f16 {font-size:1em;}
.relative{position:relative;}
.en-ustte {z-index: 2147483629 !important;}
.nesne-ustu {position:relative;top:-100px;left:50px;}

.tr-baslik {background:#ddd;color:#000;}
.td-icon {width:50px;text-align:center;}
.tx-icon {width:50px;text-align:center;}
.x-icon {width:50px;text-align:center;}
.logined-bg-000 {}

 .muallakta {position:absolute;z-index:20;}
.w1px {width:1px;}.w50px {width:50px;}
.w100px {width:100px;}.w200px {width:200px;}.w300px {width:300px;}.w400px {width:400px;}
.w500px {width:500px;}.w600px {width:600px;}.w700px {width:700px;}.w800px {width:800px;}
.w900px {width:900px;}.w1000px {width:1000px;}.w1100px {width:1100px;}.w1200px {width:1200px;}
.w1300px {width:1300px;}.w1400px {width:1400px;}.w1500px {width:1500px;}.w1600px {width:1600px;}
.w1700px {width:1700px;}.w1800px {width:1800px;}.w1900px {width:1900px;}

.maxw100px {max-width:100px;}.maxw200px {max-width:200px;}.maxw300px {max-width:300px;}.maxw400px {max-width:400px;}
.maxw500px {max-width:500px;}.maxw600px {max-width:600px;}.maxw700px {max-width:700px;}.maxw800px {max-width:800px;}

.w50px {width:50px !important;}
.w150px {width:150px !important;}
.w1220px {width:1220px;}.w1240px {width:1240px;}
.w1260px {width:1260px;}.w1280px {width:1280px;}

.w-yuzde-100 {width:100%;}
.w-yuzde-100 * {max-width:100%;}
.w-max-100px {max-width:100px;}


.h1px {height:1px;}.h50px {height:50px !important;}
.h100px {height:100px;}.h150px {height:150px !important;}.h200px {height:200px;}
.h300px {height:300px;}.h400px {height:400px;}.h500px {height:500px;}.h600px {height:600px;}
.h700px {height:700px;}.h800px {height:800px;}.h900px {height:900px;}.h1000px {height:1000px;}

.maxh50px {max-height:50px;}
.maxh100px {max-height:100px;}.maxh150px {max-height:150px;}.maxh200px {max-height:200px;}
.maxh300px {max-height:300px;}.maxh400px {max-height:400px;}.maxh500px {max-height:500px;}.maxh600px {max-height:600px;}
.maxh700px {max-height:700px;}.maxh800px {max-height:800px;}.maxh900px {max-height:900px;}.maxh1000px {max-height:1000px;}


.h-yuzde-100 {height:100%;}
.h-yuzde-100 * {max-height:100%;}
.h-max-100px {max-height:100px;}

.wh100px {width:100px;height:100px;}.wh200px {width:200px;height:200px;}.wh300px {width:300px;height:300px;}
.wh400px {width:400px;height:400px;}.wh500px {width:500px;height:500px;}.wh600px {width:600px;height:600px;}
.wh700px {width:700px;height:700px;}.wh800px {width:800px;height:800px;}.wh800px {width:900px;height:900px;}


.tamgenis {width:100%;}
.border-3px-000-solid {border:3px solid #000;}
.border-1px-777-dashed {border:1px dashed #777;}
.p5px, .pading-5px, .padding5px {padding:5px;}
.p10px, .padding10px {padding:10px;}
.p15px, .padding15px {padding:15px;}
.p20px, .padding20px {padding:20px;}
.margin-0-auto {margin:0 auto;}
.margin5px {margin:5px;}
.margin10px, .margin-10px {margin:10px;}
.margin15px {margin:15px;}
.margin20px, .margin-20px {margin:10px;}
.rounded {border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
.rounded5px {border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.rounded10px {border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.rounded20px {border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
.rounded-oooo-10px {border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.rounded-nooo-10px {border-radius: 0px 10px 10px 10px; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-radius: 0px 10px 10px 10px;}
.rounded-nnoo-10px {border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px;}
.rounded-nnno-10px {border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px;}
.rounded-nnon-10px {border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px;}
.rounded-nnnn-10px {border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;}
.rounded-onnn-10px {border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px;}
.rounded-oonn-10px {border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px;}
.rounded-ooon-10px {border-radius: 10px 10px 10px 0px; -moz-border-radius: 10px 10px 10px 0px; -webkit-border-radius: 10px 10px 10px 0px;}
.rounded-nono-10px {border-radius: 0px 10px 0px 10px; -moz-border-radius: 0px 10px 0px 10px; -webkit-border-radius: 0px 10px 0px 10px;}
.rounded-onon-10px {border-radius: 10px 0px 10px 0px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px;}
.rounded-noon-10px {border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px;}
.rounded-onno-10px {border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px;}
.rounded-10px {border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
.rounded-20px {border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; }
.rounded-30px {border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; }

.golgeli {-webkit-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.25); box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.25);}
.golgeli-025{
-webkit-box-shadow:10px 10px 40px 20px rgba(0,0,0,0.25);
-moz-box-shadow: 10px 10px 40px 20px rgba(0,0,0,0.25);
box-shadow: 10px 10px 40px 20px rgba(0,0,0,0.25);
}
.golgeli-050{
-webkit-box-shadow:10px 10px 40px 20px rgba(0,0,0,0.50);
-moz-box-shadow: 10px 10px 40px 20px rgba(0,0,0,0.50);
box-shadow: 10px 10px 40px 20px rgba(0,0,0,0.50);
}
.golgeli-075{
-webkit-box-shadow: 5px 10px 20px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 20px -13px rgba(0,0,0,0.75);
box-shadow: 5px 10px 20px -13px rgba(0,0,0,0.75);
}
.grayscale-set1{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.fx-color-filtered .monochrome{
background:var(--renk2);
position: absolute;top:0;left:0;
clear:both;float:none;overflow:hidden;margin:0 auto;
height:100%;width:100%; 
-webkit-filter: grayscale(20%);
filter: grayscale(20%);
opacity:0.2;
z-index:1;
}
.bg-pattern-30-1 {background-image:url('/img/img-pattern-capraz-cizgi-sag/30_kara_sade.png');}
.renk1-set {background-color:var(--renk1);color:var(--renk1f);}
.renk2-set {background-color:var(--renk2);color:var(--renk2f);}
.renk3-set {background-color:var(--renk3);color:var(--renk3f);}
.renk4-set {background-color:var(--renk4);color:var(--renk4f);}
.renk5-set {background-color:var(--renk5);color:var(--renk5f);}

.seffaf-10{opacity:0.1;}
.seffaf-20{opacity:0.2;}
.seffaf-30{opacity:0.3;}
.seffaf-40{opacity:0.4;}
.seffaf-50{opacity:0.5;}
.seffaf-60{opacity:0.6;}
.seffaf-70{opacity:0.7;}
.seffaf-80{opacity:0.8;}
.seffaf-90{opacity:0.9;}
.seffaf-100{opacity:1;}


.mm-log {position:absolute;left:0;bottom:100px;clear:both;float:none;font-size:9px;color:#fff;background:#111;padding:3px;margin:3px;}
 #logla {
		 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2147483631;
		clear:both;floatnone;margin:0 auto; overflow:hidden; border:0px solid rgba(0,0,0,0.55);
		-webkit-animation-name: animatetop; -webkit-animation-duration: 0.1s; animation-name: animatetop; animation-duration: 0.1s; 
		-webkit-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15); 
		-moz-box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15); 
		box-shadow: 0px 5px 18px -2px rgba(0,0,0,0.15);
		 background:#eee;padding:15px;font-size:11px;border:5px solid #222;
		 max-width:80%;max-height:70%;overflow:scroll;
		 }
 #xlogla:hover {
		z-index:99999999999;
		z-index:9999;position:absolute;bottom:0;top:0;left:0px;right:0;
		max-width:80%;max-height:70%;clear:both;float:none;overflow:auto;margin:0 auto;color:#111;
 }
 
.ajax-eklendi-resp {
		position:absolute;top:-50px;left:0;right:0;font-size:1em;padding:10px;clear:both;float:none;margin:0 auto;text-align:center;
		z-index: 2147483629 !important;border:3px solid #222;
		}


.my-icon {
		clear:both; float:none; overflow:hidden; margin:0 auto;
		width:42px !important; height:42px !important;
		display: flex;align-items: center;justify-content: center;
		background-repeat:no-repeat;
	/* background-position:center center; */
	
		cursor:pointer;
		border:0px; border:1px solid var(--my-btn);
		background-color:#FFFF99;
	
		}
.svg-icon {
		clear:both; float:none; overflow:hidden; margin:0 auto;
		width:42px !important; height:42px !important;
		display: flex;align-items: center;justify-content: center;
		background-repeat:no-repeat;
		cursor:pointer;
		border:0px; border:0px solid var(--my-btn);
		
		}
.icon-sil {background:#CCCCCC url('img/panel-modul-alani.png') -810px -420px;}
.icon-rotatel {background-image:url('evet/rotatel.png') ;}
.icon-rotater {background-image:url('evet/rotater.png');}
.icon-exe {background-image:url('evet/exe.png');}
.icon-pdf {background-image:url('evet/pdf.png');}
.icon-pdf-bak {background:#ccc url('img/icon-pdf-bak.png');}
.icon-doc {background-image:url('evet/doc.png');}
.icon-docx {background-image:url('evet/docx.png');}
.icon-txt {background-image:url('evet/txt.png');}
.icon-xls {background-image:url('evet/xls.png');}
.icon-xlsx {background-image:url('evet/xlsx.png');}
.icon-jpg {background-image:url('evet/jpg.png');}
.icon-jpeg {background-image:url('evet/jpeg.png');}
.icon-bmp {background-image:url('evet/bmp.png');}
.icon-gif {background-image:url('evet/gif.png');}

.icon-mp4 {background-image:url('evet/mp4.png');}
.icon-mpeg {background-image:url('evet/video.png');}
.icon-mp3 {background-image:url('evet/mp3.png');}
.icon-avi {background-image:url('evet/video.png');}
.icon-3gp {background-image:url('evet/video.png');}

.icon-kes-kirp{background-image:url('evet/kes-kirp.png');}
.icon-kopyala {background-image:url('evet/kopyala.png');}
.icon-edit,
.icon-editle,
.icon-duzelt,
.icon-duzenle{background-image:url('evet/edit.png') ;}
.icon-sirala {background-image:url('evet/sirala.png');}

.icon-siraa {background-image:url('evet/siraa.png');}
.icon-sirae {background-image:url('evet/sirae.png');}

.icon-evet {background:#94F8A8 url('evet/genel-icon.png') ;}
.icon-hayir {background:#FFB1CD url('hayir/genel-icon.png');}
.icon-onay.evet {background-image:url('evet/onay.png');}
.icon-onay.hayir {background-image:url('hayir/onay.png');}
.icon-inprocess.evet {background-image:url('evet/inprocess.png');}
.icon-inprocess.hayir {background-image:url('hayir/inprocess.png');}
.icon-fullonay.evet {background-image:url('evet/fullonay.png');}
.icon-fullonay.hayir {background-image:url('hayir/fullonay.png');}
.icon-login.evet {background-image:url('evet/login.png');}
.icon-login.hayir {background-image:url('hayir/login.png');}
.icon-canlogin.evet {background-image:url('evet/login.png');}
.icon-canlogin.hayir {background-image:url('hayir/login.png');}
.icon-yeni.evet {background-image:url('img/panel-modul-alani.png') no-repeat -390px -420px;}
.icon-yeni.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -390px -480px;}
.icon-acil.evet {background-image:url('img/panel-modul-alani.png') no-repeat -330px -420px;}
.icon-acil.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -330px -480px;}
.icon-vitrin.evet {background-image:url('img/panel-modul-alani.png') no-repeat -450px -420px;}
.icon-vitrin.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -450px -480px;}
.icon-kelepir.evet {background-image:url('img/panel-modul-alani.png') no-repeat -510px -420px;}
.icon-kelepir.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -510px -480px;}
.icon-tukendi.evet {background-image:url('evet/tukendi.png');}
.icon-tukendi.hayir {background-image:url('hayir/tukendi.png');}
.icon-ozelstil.evet {background-image:url('img/panel-modul-alani.png') no-repeat -1290px -420px;}
.icon-ozelstil.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -1290px -480px;}
.icon-yayinda.evet {background-image:url('img/panel-modul-alani.png') no-repeat -270px -420px;}
.icon-yayinda.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -270px -480px;}
.icon-takas.evet {background-image:url('img/panel-modul-alani.png') no-repeat -630px -420px;}
.icon-takas.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -630px -480px;}
.icon-tukendi.evet {background-image:url('img/panel-modul-alani.png') no-repeat -570px -420px;}
.icon-tukendi.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -570px -480px;}
.icon-satildi.evet {background-image:url('img/panel-modul-alani.png') no-repeat -990px -420px;}
.icon-satildi.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -990px -480px;}
.icon-kiralandi.evet {background-image:url('img/panel-modul-alani.png') no-repeat -1050px -420px;}
.icon-kiralandi.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -1050px -480px;}
.icon-yatirimci_firsati.evet {background-image:url('img/panel-modul-alani.png') no-repeat -1170px -420px;}
.icon-yatirimci_firsati.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -1170px -480px;}
.icon-haritada.evet {background-image:url('img/panel-modul-alani.png') no-repeat -1110px -420px;}
.icon-haritada.hayir {background-image:url('img/panel-modul-alani.png') no-repeat -1110px -480px;}
.my-icon:hover {background-color:#000;border:1px solid #000;}
.icon-evet:hover {background-color:#CCFFCC;}
.icon-hayir:hover {background-color:#FF3399;}
 
.blink {
animation: blink-animation 1s steps(5, start) infinite;
-webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@-webkit-keyframes blink-animation {to {visibility: hidden;}}
@keyframes blink-animation {to {visibility: hidden;}}

@-webkit-keyframes animatetop {from {top: 30%; opacity: 0;} to {top: 50%; opacity: 1;}}
@keyframes animatetop {from {top: 30%; opacity: 0;} to {top: 50%; opacity: 1;}}
 
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

table.form-rakamlari {margin:2px 0;}
table.form-rakamlari td {background:var(--renk10) !important;padding:3px;}

.page-loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999999;background: url('/img/lg.discuss-ellipsis-preloader.gif') 50% 50% no-repeat rgba(255,255,255,0.9); }
.page-loader img{clear:both;float:none;overflow:hidden;padding:20px;background-color:#fff;}
.xxpage-loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999999;background: url('/img/loading-bekle.gif') 50% 50% no-repeat rgba(255,255,255,0.9); }
.xxpage-loader img{clear:both;float:none;overflow:hidden;padding:20px;background-color:#fff;}

/* ----- // uzun textlerde 100 character faazlası icin .. devami yapar. */
.xtext-devami-var{width: 100%;}
a.btn-text-tamami-goster {font-size:11px;text-decoration:none;outline: none;color:#b90000;padding:5px;}
.text-tamami span {display: none;}



.breadcrumb{
    display: inline-block;
    padding: 0;
    margin: 0;
    background: transparent;
    overflow: hidden;
}
.breadcrumb li{
    float: left;
    padding: 8px 15px 8px 50px;
    background: #fdec82;
    font-size: 14px;
    font-weight: bold;
    color: #777;
    position: relative;
}
.breadcrumb li:first-child{ background: #fdf9cc; }
.breadcrumb li:last-child{
    background: #fddc05;
    margin-right: 18px;
}
.breadcrumb li:before{ display: none; }
.breadcrumb li:after{
    content: "";
    display: block;
    border-left: 18px solid #fdec82;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    right: -18px;
    z-index: 1;
}
.breadcrumb li:first-child:after{ border-left-color: #fdf9cc; }
.breadcrumb li:last-child:after{ border-left-color: #fddc05; }
.breadcrumb li a{
    font-size: 14px;
    font-weight: bold;
    color: #777;
}
@media only screen and (max-width: 479px){
    .breadcrumb li{ padding: 8px 15px 8px 30px; }
}