@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
	
	.pn1		{ padding:15px 20px; font-size:13px; font-weight:600; color:#666; text-align:center; border-bottom:2px solid #DDD; background:#F0F0F0; border-right:1px solid #DDD; cursor:pointer; white-space: nowrap; }
	.pn1-sec	{ padding:15px 20px; font-size:13px; font-weight:600; color:#00F; text-align:center; border-bottom:2px solid #FFF; background:#FFFFFF; border-right:1px solid #DDD; cursor:pointer; white-space: nowrap; }
	.pn1-son	{ height:40px; border-bottom:2px solid #DDD; background:#f0f0f0; }

	#yukle img { width:25px; margin-left:10px; border-radius:9px; box-shadow:0 0 5px #CCC; }

	.fx1 { display:flex; align-items:center; }
	.fx2 { display:flex; align-items:center; justify-content:center; }
	.fx3 { display:flex; align-items:center; justify-content:space-between; }
	.fx4 { display:flex; align-items:center; justify-content:space-evenly; }
	.fxw { flex-wrap:wrap; }
	
	.yk1 { font-family:'Rubik'; font-size:12px; font-weight:500; position:absolute; left:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); color:#353535; box-shadow:0 0 3px #CCC; padding:3px 7px; border-radius:5px; cursor:pointer }
	.yk2 { font-family:'Rubik'; font-size:13px; font-weight:600; position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); color:#00F; box-shadow:0 0 3px #CCC; padding:3px 7px; border-radius:5px; cursor:pointer }
	.yk3 { font-family:'Rubik'; font-size:13px; font-weight:600; position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); color:#00F; box-shadow:0 0 3px #CCC; padding:3px 7px; border-radius:5px; cursor:pointer; }
	.yk4 { position:absolute; right:3px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); display:flex; align-items:center; justify-content:space-between; }	
	.yk4 div { margin:5px; padding:5px 8px; font-family:'Rubik'; font-size:13px; font-weight:600; color:#00F; box-shadow:0 0 3px #CCC; border-radius:5px; cursor:pointer; }
	.yk4 div:hover { background:#FFF; color:#003; box-shadow:0 0 5px #AAA;}


	.xt1 { float:left; background:#d3dbe9; border:1px solid #d3dbe9; }
	.xt2 { width:calc(100% - 16px); height:50px; padding:0 7px; position:relative; background:#F2F2F2; border:1px solid #FFF; display:flex; align-items:center; justify-content:space-between; }
	.xt3 { background:rgb(228,228,228); background:linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(240,240,240,1) 50%, rgba(247,247,247,1) 100%); display:flex; align-items:stretch; }
	.xt4  { padding:15px 0px; text-shadow:0px 1px 0px #FAFAFA; border-top:1px solid #d3dbe9; border-right:1px solid #d3dbe9; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden; }
	.xt4 .fad { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); } 
	.xt4 .fad { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); } 
	.xt4:last-child { border-right:0px;  }
	.xt4 span { margin:0 3px 0 7px; }
	.xt4 select { margin:0 5px; }
	.xt4 input { margin:0 5px; }
	.xt4 textarea { margin:0 5px; }
	.xt4-1 { padding:7px 0px; text-shadow:0px 1px 0px #FAFAFA; border-top:1px solid #d3dbe9; border-right:1px solid #d3dbe9; position:relative; overflow:hidden; }
	.xt5 { background:#F0F0F0; display:flex; align-items:stretch; }
	.xt6 { background:#FFFFFF; display:flex; align-items:stretch; }
	.xt6-1 { background:#ffc7a8; display:flex; align-items:stretch; }
	.xt7 { height:35px; padding:0 8px; font-size:13px; font-weight:500; background:rgb(255,255,255,0.9); border-radius:3px; display:flex; align-items:center; justify-content:center; text-align:center; }
	.xt8 { background:rgb(240,240,240); background:linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); display:flex; align-items:stretch; }
	.xt9 { }
	.xt10 { padding:2px; border:1px solid #FFF; }
	.xt11 { overflow:auto; width:calc(100vw - 14px); }
	.xt11::-webkit-scrollbar { width:5px; height:5px; cursor:pointer; }
	.xt11::-webkit-scrollbar-thumb { background:#d5d9df; border-radius:0px; }
	.xt11::-webkit-scrollbar-track { background:none; }
	.xt12 { position:absolute; left:0px; top:-18px; font-size:12px; font-weight:400; color:#111; background:#F0F0F0; border:1px solid #b0b6b9; padding:2px 10px; border-top-left-radius:3px; border-top-right-radius:3px; }
	.xt14 { padding:10px 0px; border-top:1px solid #d3dbe9; border-right:1px solid #d3dbe9; display:flex; flex-wrap:wrap; align-items:center; }
	
	.xt15 { height:45px; position:absolute; right:0px; top:0px; display:flex; align-items:center; }
	.xt15 i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; margin:0 7px; font-size:16px; color:#666; border-radius:5px; border:0px solid #CCC; box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
	.xt15 i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); color:#000; }	
	
	
	.xt91{ display:none; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgb(0,0,0,0.3); }
	.xt91 img { height:60%; border-radius:9px; }

	.rn { background:#CCC; }

	@media (max-width:640px) {
        body .tx1 { width:calc(100% - 2px); }
		body .tx2-1 { padding-top:42px; margin-top:7px; }
		body .tx2-2 { position:absolute; left:0px; top:0px; }
		body .tx2-3 { width:100%; padding-top:7px; border-top:1px dashed #ccc; }
		body .tx2-4 { position:absolute; right:0px; top:-1px; }
	}

	.tx1 { border:1px solid #D3DBE9; } /* GENİŞLİK DEĞERİ ALTTA JS İLE BELİRLENİYOR*/
	.tx2 { background:#F0F0F0; border:1px solid #FFF; }
	.tx2-1 { width:100%; padding:7px 0; position:relative; display:flex; align-items:center; justify-content:space-between; }
	.tx2-2 { height:35px; padding:0 7px; margin-left:7px; font-size:13px; font-weight:500; background:rgb(255,255,255,0.9); border-radius:3px; display:flex; align-items:center; justify-content:center; text-align:center; }
	.tx2-3 { display:flex; align-items:center; justify-content:center; margin:0 7px; }
	.tx2-4 { margin-right:7px; display:flex; align-items:center; justify-content:flex-end; }
		.tx2-4 i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; font-size:16px; color:#666; border-radius:5px; border:0px solid #CCC; box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
		.tx2-4 i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); color:#000; }	
		.tx2-2 select { width:80px; text-align:center; border:0px; font-size:13px; }
		.tx2-3 .buton11 { width:55px; flex-grow:0; flex-shrink:0; }
	.tx3 { display:flex; flex-wrap:wrap; overflow-x:auto; }
	.tx4 { display:flex; border-top:1px solid #D3DBE9; border-bottom:1px solid #D3DBE9; background:rgb(228,228,228); background:linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(240,240,240,1) 50%, rgba(247,247,247,1) 100%); }
	.tx5 { padding:15px 0px; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden; font-size:13px; font-weight:500; text-shadow: 0px 1px 0px #FAFAFA; }
	.tx5 .fad { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); } 
	.tx5 span { margin:0 7px; }
	.tx6 { display:flex; border-bottom:1px solid #D3DBE9; background:#FFFFFF; }
	.tx6-1 { display:flex; border-bottom:1px solid #D3DBE9; background:#F5F5F5; }
	.tx7  { padding:15px 0px; max-height:70px; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:auto; font-size:13px; font-weight:400; }
	.tx7 span { margin:0 7px; }
	.tx7 select { margin:0 5px; }
	.tx7 input { margin:0 5px; }
	.tx7 textarea { margin:0 5px; }
	.tx7::-webkit-scrollbar { width:5px; height:5px; cursor:pointer; }
	.tx7::-webkit-scrollbar-thumb { background:#d5d9df; border-radius:0px; }
	.tx7::-webkit-scrollbar-track { background:none; }
	.tx8 { height:50px; background:#F0F0F0; border:1px solid #FFF; }
	.tx9 { background:url(resim/cizgi6.png) repeat-y right; }
	.tx9:last-child { background:none; }
	.tx91 { display:none; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgb(0,0,0,0.4); z-index:2; }
	.tx91 img { height:60%; border-radius:9px; }
	.tc { justify-content:center; text-align:center; }
	.tr { justify-content:flex-end; text-align:right; }

	@media (max-width:1000px) {
        body .tx1 { width:calc(100% - 2px); }
		body .tx2-1 { padding-top:42px; margin-top:7px; }
		body .tx2-2 { position:absolute; left:0px; top:0px; }
		body .tx2-3 { width:100%; padding-top:7px; border-top:1px dashed #ccc; }
		body .tx2-4 { position:absolute; right:0px; top:-1px; }
	}

	.tx1 { border:1px solid #D3DBE9; } /* GENİŞLİK DEĞERİ ALTTA JS İLE BELİRLENİYOR*/
	.tx2 { background:#F0F0F0; border:1px solid #FFF; }
	.tx2-1 { width:100%; padding:7px 0; position:relative; display:flex; align-items:center; justify-content:space-between; }
	.tx2-2 { height:35px; padding:0 7px; margin-left:7px; font-size:13px; font-weight:500; background:rgb(255,255,255,0.9); border-radius:3px; display:flex; align-items:center; justify-content:center; text-align:center; }
	.tx2-3 { display:flex; align-items:center; justify-content:center; margin:0 7px; }
	.tx2-4 { margin-right:7px; display:flex; align-items:center; justify-content:flex-end; }
		.tx2-4 i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; font-size:16px; color:#666; border-radius:5px; border:0px solid #CCC; box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
		.tx2-4 i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); color:#000; }	
		.tx2-2 select { width:80px; text-align:center; border:0px; font-size:13px; }
		.tx2-3 .buton11 { width:55px; flex-grow:0; flex-shrink:0; }
	.tx3 { display:flex; flex-wrap:wrap; overflow-x:auto; }
	.tx4 { display:flex; border-top:1px solid #D3DBE9; border-bottom:1px solid #D3DBE9; background:rgb(228,228,228); background:linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(240,240,240,1) 50%, rgba(247,247,247,1) 100%); }
	.tx5 { padding:15px 0px; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden; font-size:13px; font-weight:500; text-shadow: 0px 1px 0px #FAFAFA; }
	.tx5 .fad { position:absolute; right:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); } 
	.tx5 span { margin:0 7px; }
	.tx6 { display:flex; border-bottom:1px solid #D3DBE9; background:#FFFFFF; }
	.tx6-1 { display:flex; border-bottom:1px solid #D3DBE9; background:#F5F5F5; }
	.tx7  { padding:15px 0px; max-height:70px; display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:auto; font-size:13px; font-weight:400; }
	.tx7 span { margin:0 7px; }
	.tx7 select { margin:0 5px; }
	.tx7 input { margin:0 5px; }
	.tx7 textarea { margin:0 5px; }
	.tx7::-webkit-scrollbar { width:5px; height:5px; cursor:pointer; }
	.tx7::-webkit-scrollbar-thumb { background:#d5d9df; border-radius:0px; }
	.tx7::-webkit-scrollbar-track { background:none; }
	.tx8 { height:50px; background:#F0F0F0; border:1px solid #FFF; }
	.tx9 { background:url(resim/cizgi6.png) repeat-y right; }
	.tx9:last-child { background:none; }
	.tx91 { display:none; align-items:center; justify-content:center; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgb(0,0,0,0.4); z-index:2; }
	.tx91 img { height:60%; border-radius:9px; }
	.tc { justify-content:center; text-align:center; }
	.tr { justify-content:flex-end; text-align:right; }
	
	@media (max-width:640px) {
		body .p2 { position:absolute; left:-200px; top:0px; z-index:99999999; }
		body .p3 { width:100%; }
		body .p4 { display:flex; }
		body .p5 { display:flex; }
		body .p9 { border-bottom:1px solid #CCC; }
		body .p10 { text-align:center; }
	}

	.w100 { width:100%; }
	.w50 { width:50%; }
	.w25 { width:25%; }
	.center2 { justify-content:center; text-align:center; }
	.right2 { width:calc(100% - 5px); text-align:right; padding-right:7px; }
	body { color:#00000; }
	div,td { font-family: 'Rubik', sans-serif; font-size:13px; font-weight:400; }
	input,select,textarea { font-family: 'Rubik', sans-serif; font-size:13px; font-weight:400; color:#353535; }
	.p1 { width:100%; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
	.p2 { width:191px; height:calc(100vh - 23px); background:url(resim/cizgi2.gif) repeat-y #F0F0F0; }
	.p3 { width:calc(100% - 191px); }
	.p4 { width:100%; height:50px; display:none; flex-wrap:nowrap; align-items:stretch; justify-content:space-between; }
	.p5 { width:35px; font-size:25px; cursor:pointer; display:none; align-items:center; justify-content:flex-end; }
	.p6 { width:calc(100% - 100px); font-size:15px; font-weight:600; color:#353535; display:flex; align-items:center; justify-content:center; text-align:center; }
	.p7 { width:50px; font-size:25px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
	.p8 { position:absolute; top:0px; right:-1291px; height:600px; z-index:999; }
	.p9 { width:100%; height:54px; background:url(resim/bar-3.png) repeat-x; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; }
	.p10 { }
	.p11 { display:flex; flex-wrap:nowrap; }
	.p11 i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; margin-right:15px; font-size:16px; color:#666; border-radius:5px; border:0px solid #CCC; box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
	.p11 i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); }	
	.p12 { padding:2px 5px 0 0; font-size:10px; color:#555; text-align:right; background:url('resim/bar2.gif') repeat-x; }

	
	/* UYE-EKLE.PHP  ÜST MENUSU */
	.p21 { position:relative; background:url(resim/y-1-1.png) repeat-x #000; height:47px; padding-left:10px; font-size:16px; font-weight:500; }
	.p21 span { height:45px; position:absolute; right:0px; top:0px; display:flex; align-items:center; }
	.p21 span i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; margin:0 7px; font-size:16px; color:#666; border-radius:5px; border:0px solid #CCC; box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
	.p21 span i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); color:#000; }	
	.p21 .fa-angle-right { margin:0 13px; color:#AAA; }
	/* UYE-EKLE.PHP  ÜST MENUSU */

	/* UYE-EKLE.PHP  ÜST MENUSU */
	.p22 { display:flex; align-items:center; justify-content:space-between; background:url(resim/y-1-1.png) repeat-x #000; height:47px; padding-left:10px; font-size:16px; font-weight:500; }
	.p22 #kok { display:none; padding:7px 10px; background:#4caf50; color:#FFF; border-radius:9px; margin:10px; font-size:14px; font-weight:400; }
	.p22 div { height:45px; display:flex; align-items:center; font-size:16px; font-weight:500; }
	.p22 #iler { display:flex; align-items:center; justify-content:space-between; }
	.p22 #iler i { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); padding:10px; margin:0 7px; font-size:16px; color:#666; border-radius:5px; border:0px solid #CCC; box-shadow:0 0 2px rgb(0,0,0,0.3); cursor:pointer; }
	.p22 #iler i:hover { background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); color:#000; }	
	.p22 .fa-angle-right { margin:0 13px; color:#AAA; }
	/* UYE-EKLE.PHP  ÜST MENUSU */
	
	
	.alt-2	{ width:100%; padding:5px 0; display:flex; align-items:center; justify-content:center; background:url(resim/bar3.gif) repeat-x; color:#777; text-shadow:0px 1px 0px #FFF; font-size:11px; }
	
	
	.edit11		  { width:calc(100% - 12px); height:33px; padding:0 5px; font-family: 'Rubik', sans-serif; font-size:14px; border:1px solid #b0b6b9; outline:none; resize:none; -webkit-appearance:none; border-radius:3px; }
	.edit11:focus { box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; border:1px solid #96bdf2; outline-width:0px; }
	.combo11	  { width:100%; height:35px; padding:0 5px; font-family: 'Rubik', sans-serif; font-size:14px; border: 1px solid #b0b6b9; border-radius:3px; outline:none; resize:none; -webkit-appearance:listbox !important; background:#FFF; } 
	.combo11:focus{ box-shadow:0 0 0pt 2pt #c6daf7; -webkit-appearance:none; -webkit-box-shadow:0 0 0pt 2pt #c6daf7; -moz-box-shadow:0 0 0pt 2pt #c6daf7; border:1px solid #96bdf2; outline-width:0px; }	


	.buton11 { width:100%; height:35px; padding:0px; background:#2c7be5; border:1px solid #2c7be5; font-size:clamp(12px, 2.5vw, 15px); font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); font-size:14px; }
	.buton11:hover { background:#2569c3; border:1px solid #2569c3;  }
	.buton12 { width:100%; height:35px; padding:0px; background:#00d27a; border:1px solid #00d27a; font-size:clamp(12px, 2.5vw, 15px); font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); font-size:14px; }
	.buton12:hover { background:#00b368; border:1px solid #00b368; }
	.buton12:active { background:#005514; border:1px solid #004100; }
	.buton13 { width:100%; height:35px; background:#748194; border:1px solid #748194; font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); font-size:14px;}
	.buton13:hover { background:#636e7e; border:1px solid #5d6776; }
	.buton14 { width:100%; height:35px; background:#fe2725; border:1px solid #fe2725; font-weight:500; color:#FFF; border-radius:5px; outline:none; resize:none; cursor:pointer; -webkit-transition:0.2s; transition:0.2s; -webkit-appearance:none; box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.5), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3); font-size:14px;}
	.buton14:hover { background:#f4121e; border:1px solid #f4121e; }

	.menu1 { display:flex; align-items:center; height:24px; padding-left:15px; margin:0 0 3px 4px; background:url(resim/bu1.gif) no-repeat 0px 0px; font-size:12px; color:#864188; font-weight:700; text-shadow:0px 1px 0px #FAFAFA; position:relative; cursor:pointer; }
	.menu1:hover { background:url(resim/bu1.gif) no-repeat 0px -24px; color:#0000FF; }
	.menu1 i { position:absolute; right:5px; cursor:pointer; color:#0000CC; background:#CCC; padding:3px 5px; border-radius:3px; z-index:9; }

	.menu2 { display:flex; align-items:center; height:20px; padding-left:20px; margin:0 0 3px 4px; background:url(resim/bu2.gif) no-repeat 0px 0px; font-size:11px; color:#864188; text-shadow:0px 1px 0px #FFF; cursor:pointer; }
	.menu2:hover { background:url(resim/bu2.gif) no-repeat 0px -20px; color:#0000FF;  }


	.yukleniyor { height:18px; border-radius:9px; }

	.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; }
	.lds-ripple div { position: absolute; border: 4px solid #fff; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
	.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
	@keyframes lds-ripple {0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
		4.9% {top: 36px;left: 36px;width: 0;height: 0;opacity: 0;}
		5% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;}
		100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;}
	}
	#excfake	{ display:flex; justify-content:center; align-items:center; overflow:auto; position:fixed; left:0px; top:0px; bottom:0px; width:100vw; height:100vh; background-color: rgba(0, 0, 0, 0.2); z-index:9999999999999; }
	

	.mr5	{ margin-right:5px; }
	.ml5	{ margin-left:5px; }
	
	.font9  { font-size:9px; }
	.font10 { font-size:10px; outline:none; resize:none; -webkit-appearance:none; }
	.font11 { font-size:11px; outline:none; resize:none; -webkit-appearance:none; }
	.font12 { font-size:12px; outline:none; resize:none; -webkit-appearance:none; }
	.font13 { font-size:13px; outline:none; resize:none; -webkit-appearance:none;  }
	.font14 { font-size:14px; outline:none; resize:none; -webkit-appearance:none;  }
	.font15 { font-size:15px; outline:none; resize:none; -webkit-appearance:none;  }
	.font16 { font-size:16px; outline:none; resize:none; -webkit-appearance:none;  }
	.font17 { font-size:17px; outline:none; resize:none; -webkit-appearance:none;  }
	.font18 { font-size:18px; outline:none; resize:none; -webkit-appearance:none;  }
	.font19 { font-size:19px; outline:none; resize:none; -webkit-appearance:none;  }
	.font20 { font-size:20px; outline:none; resize:none; -webkit-appearance:none;  }
	.font21 { font-size:21px; outline:none; resize:none; -webkit-appearance:none;  }
	.font22 { font-size:22px; outline:none; resize:none; -webkit-appearance:none;  }
	.font23 { font-size:23px; outline:none; resize:none; -webkit-appearance:none;  }
	.font24 { font-size:24px; outline:none; resize:none; -webkit-appearance:none;  }
	.font25 { font-size:25px; outline:none; resize:none; -webkit-appearance:none;  }
	.font30 { font-size:30px; outline:none; resize:none; -webkit-appearance:none;  }
	.font10gray { font-size:10px; color:#777777; }
	.font11gray { font-size:11px; color:#777777; }
	.kalin { font-weight:bold; }
	.k300 { font-weight:300; }
	.k400 { font-weight:400; }
	.k500 { font-weight:500; }
	.k600 { font-weight:600; }
	.k700 { font-weight:700; }
	.k800 { font-weight:800; }
	.normal { font-weight:normal; }
	.ok { cursor:pointer; }
	.gray { color:#777777; }
	.gray1 { color:#8d8d8d; }
	.yasak { cursor:not-allowed; }
	.beyaz  { color:#FFFFFF; }
	.siyah  { color:#000000; }
	.sari  { color:#FFFF00; }
	.mavi { color:#0000FF; }
	.mavi1 { color:#660099; }
	.yesil { color:#ff8800; }
	.kirmizi { color:#FF0000; }
	.bordo { color:#d54a37; }
	.ban { background:#FF0000; color:#000; }
	.arial { font-family:Arial, Helvetica, sans-serif; }
	.ubuntu { font-family:'Ubuntu', serif; }
	.poppins { font-family: 'Poppins', sans-serif; }
	.verdana { font-family:Verdana, Arial, Helvetica, sans-serif;}
	.tahoma { font-family:Tahoma, Arial, Helvetica, sans-serif;}
	.trebuc { font-family:"Trebuchet MS"; }
	.arial { font-family:Arial, Helvetica, sans-serif;}	
	.check { width:14px; height:14px; cursor:pointer; }
	.left { text-align:left; }
	.center { text-align:center; }
	.right { text-align:right; }
	.right3 { justify-content:flex-end; }
	.gizle { display:none; }
	.p0 { padding:0px; }
	.pa5 { padding:5px; }
	.p10 { padding:10px; }
	.pl5 { padding-left:5px; }
	.pl10 { padding-left:10px; }
	.pr10 { padding-right:10px; }
	.pt10 { padding-top:10px; }
	.pb10 { padding-bottom:10px; }
	.mb5  { margin-bottom:5px; }
	.mb10 { margin-bottom:10px; }
	.mb15 { margin-bottom:15px; }
	.mt5  { margin-top:5px; }
	.mt10 { margin-top:10px; }
	.mt15 { margin-top:15px; }
	.mr5 { margin-right:5px; }
	.mr10 { margin-right:10px; }
	.ml5 { margin-left:5px; }
	.ml10 { margin-left:10px; }



	.eb-8		{ display:none; margin:10px; padding:10px; text-align:center; font-size:14px; font-weight:400; border-radius:5px; }
	.eb-bilgi	{ color:#00529B; background-color:#BDE5F8; }
	.eb-ok 		{ color:#4F8A10; background-color:#DFF2BF; }
	.eb-uyari	{ color:#9F6000; background-color:#FEEFB3; }
	.eb-hata	{ color:#D8000C; background-color:#FFD2D2; }
	.eb-8 i		{ font-size:30px; margin-bottom:10px; }