@import url('/sabit/js/awesome.css?v=1');
	@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

	/* HTML5 İÇİN KODLAR YAZILIYOR*/
	@media (max-width:768px) {
		body .mgizle { display:none; }
		body .ngizle { display:block; }
	}

	a:link    { color : #EEEEEE; text-decoration:none; }
	a:active  { color : #EEEEEE; text-decoration:none; }
	a:visited { color : #EEEEEE; text-decoration:none; }
	a:hover	  { color : #EAEAEA; text-decoration:none; }

	.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; }
	.w100 { width:100%; }
	.w50  { width:50%; }
	.w33  { width:33.33%; }
	.w25  { width:25%; }

	body { margin:0px; background:#0c0c0c; font-family:Rubik; font-size:13px; font-weight:400; }
	form { margin:0px;}
	td  { font-family:Rubik; font-weight:400; color:#FFFFFF; outline:none; resize:none; -webkit-appearance:none; }
	div { font-family:Rubik; font-weight:400; color:#FFFFFF; outline:none; resize:none; -webkit-appearance:none; }
	input { outline:none; resize:none; -webkit-appearance:none; }
	h1 { margin:0px; }
	h2 { margin:0px; }
	h3 { margin:0px; }	

	.font9  { font-size:9px;  outline:none; resize:none; -webkit-appearance:none;  }
	.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;  }
	.font35 { font-size:35px; outline:none; resize:none; -webkit-appearance:none;  }
	.font40 { font-size:40px; outline:none; resize:none; -webkit-appearance:none;  }
	.font45 { font-size:45px; outline:none; resize:none; -webkit-appearance:none;  }
	.font50 { font-size:50px; outline:none; resize:none; -webkit-appearance:none;  }
	.font10gray { font-size:10px; color:#777777; }
	.font11gray { font-size:11px; color:#777777; }
	.font12gray { font-size:12px; 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; }
	.left { text-align:left; }
	.center { justify-content:center; text-align:center; }
	.right { text-align:right; }
	.right1 { 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; }
	.pl20 { padding-left:20px; }
	.pr20 { padding-right:20px; }
	.pt20 { padding-top:20px; }
	.pb20 { padding-bottom:20px; }
	.m0  { margin:0px; }
	.mb5  { margin-bottom:5px; }
	.mb10 { margin-bottom:10px; }
	.mb15 { margin-bottom:15px; }
	.mb20 { margin-bottom:20px; }
	.mb30 { margin-bottom:30px; }
	.mt5  { margin-top:5px; }
	.mt10 { margin-top:10px; }
	.mt15 { margin-top:15px; }
	.mt20 { margin-top:20px; }
	.mt25 { margin-top:25px; }
	.mt30 { margin-top:30px; }
	.mr5 { margin-right:5px; }
	.mr10 { margin-right:10px; }
	.mr20 { margin-right:20px; }
	.ml5 { margin-left:5px; }
	.ml10 { margin-left:10px; }
	.ml20 { margin-left:20px; }
	.kaydir { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

	#excbox		{ display:none; 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.8); z-index:99999; color:#000; }
	.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.7); z-index:9999999999999; }
	.kayit_sil1 { width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; font-size:32px; font-weight:600; color:#F00; font-family:Rubik; }
	.kayit_sil2 { text-align:center; font-size:32px; font-weight:600; color:#F00; font-family:Rubik; }

	#toTop { width:154px; height:34px; background:url(/resim/b-top.png) no-repeat 0px 0px; cursor:pointer; position:fixed; bottom:30px; left:10px; display:none; z-index:99999999999; }
	#toTop:hover { background:url(resim/b-top.png) no-repeat 0px -34px; }
	#toTop:active { background:url(resim/b-top.png) no-repeat 0px -68px; }

	.scrl1::-webkit-scrollbar { width:4px; height:4px; cursor:pointer; }
	.scrl1::-webkit-scrollbar-thumb { background:#2b2b2c; border-radius:100px; }
	.scrl1::-webkit-scrollbar-track { background:none; }

	.scrl2::-webkit-scrollbar { width:10px; height:10px; cursor:pointer; }
	.scrl2::-webkit-scrollbar-thumb { background:#BBBBBB; border-radius:3px; } /* BAR RENGİ */
	.scrl2::-webkit-scrollbar-thumb:hover { background:#999; } /* BAR RENGİ */
	.scrl2::-webkit-scrollbar-track { background:#F0F0F0; } /* ZEMİN RENGİ */


@media (max-width:768px) {
	body #menu1 { display:none; opacity:0; left:-220px; }
	body .x5 { padding:0 5px 0 5px; }
	body .x6 { padding:0 8px 0 8px; }
	body .x7 { padding:0 7px 0 0; }
	body .x12 { width:45px; }
	body .x14 { padding:0 10px; }
	body .x20 { flex-wrap:wrap; height:auto; }
	body .x21 { width:100%; }
	body .x22 { width:100%; }
	body .x28 { justify-content:center; }
	body .x29 { width:33.33%; padding:0px; justify-content:center; text-align:center; }
	body .x30 { width:100%; margin:0px; }
	body .x31 { width:calc(100% - 20px); padding:10px; justify-content:space-between; }
	body .x32 { width:calc(33% - 5px); height:auto; margin:0 0 10px 0; margin-bottom:10px; }
	body .x32 img { height:auto; }
	body .x33 { width:calc(100% - 10px); padding:20px 0 10px 10px; }
	
	body .x50 { width:100%; padding:5px; height:auto; min-height:inherit; border-radius:9px; }
	body .x51 { width:100%; padding:20px; }

	body .x60 { flex-flow:column-reverse wrap; border-radius:9px; }
	body .x61 { width:calc(100% - 40px); padding:15px 20px 0 20px; text-align:center; border-top:1px solid #494a4a; }
	body .x62 { width:100%; padding:0px; }
	body .x62 .ul4 { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
	body .x62 .ul4 li { width:50%; padding:15px 0; margin-bottom:0px; display:flex; align-items:center; justify-content:center; text-align:center; }
	body .x62 .ul4 li i { display:none; }
	body .x63 { width:100%; padding:0px; display:none; }
	body .x64 { width:100%; padding:20px 0; border-bottom:1px solid #494a4a; }
}
@media (max-width:375px) {
	body .x32 { width:calc(50% - 3px); height:auto; }
}
body { padding-top:50px; }
#menu1 { display:none; opacity:0; position:fixed; top:50px; bottom:0px; left:-220px; width:200px; padding:10px; overflow:auto; background:#141415; color:#FFF; z-index:8; }
#menu2 { display:none; opacity:0; position:fixed; top:50px; bottom:0px; right:-220px; width:200px; padding:10px; overflow:auto; background:#141415; color:#FFF; z-index:8; }
#menu4 { display:none; opacity:0; position:absolute; left:0px; top:33px; right:0px; background:#303133; border-radius:5px; padding:5px; list-style:none; z-index:8; }
#menu4 li { padding:1px 0; display:flex; align-items:center; width:100%; margin-bottom:0px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; font-size:12px; font-weight:400; text-shadow:none; color:#EEE; cursor:pointer; outline:none; resize:none; -webkit-appearance:none; -webkit-user-select:none; -ms-user-select:none; user-select: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#menu4 li:last-child { margin-bottom:0px; }
#menu4 li:hover { background:#29292a; color:#FFF; text-shadow:0 1px 0 #000; }
#menu4 li:active { background:#000; color:#FFF; text-shadow:0 2px 0 #000; }
#menu4 li i { width:25px; height:35px; display:flex; align-items:center; justify-content:center; font-size:15px; }

.edit1 { width:98%; padding-left:2%; font-family:Rubik; font-size:15px; font-weight:400; padding:5px; height:28px; color:#333; border:1px solid #ccc; border-radius:3px; outline:none; resize:none; }
.edit2 { width:96%; padding-left:2%; font-family:Rubik; font-size:15px; font-weight:400; padding:5px; height:28px; color:#333; border:1px solid #ccc; border-radius:3px; outline:none; resize:none; }
.edit3 { width:98%; padding-left:2%; font-family:Rubik; font-size:25px; font-weight:500; height:56px; color:#333; border:1px solid #cccccc; border-radius:5px; outline:none; resize:none; }
.combo { width:100%; background:#FFF; font-family:Rubik; font-size:15px; font-weight:400; padding:5px; height:40px; color:#333; border:1px solid #ccc; border-radius:3px; outline:none; resize:none; }



.x1 { width:100%; background:url(/sabit1/resim/temp/kar-1.png?v=1) repeat-x left top #a2252d; display:flex; align-items:center; justify-content:space-between; z-index:7; position:fixed; left:0; top:0; right:0; }
.x2 { width:60%; display:flex; align-items:stretch; }
.x3 { width:40%; display:flex; align-items:stretch; justify-content:flex-end; }
.x4 { width:50px; height:50px; font-size:20px; color:#FFF; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.x5 { display:flex; align-items:center; padding:0 10px 0 10px; }
.x5 img { height:32px; }
.x6 { display:flex; align-items:center; padding:0 15px 0 15px; font-size:18px; position:relative; }
	.x6 .fa-circle { position:absolute; top:12px; color:#FF0; font-size:9px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); }
.x7 { display:flex; align-items:center; }
.x7 span { background:#c1d429; padding:5px 10px 5px 5px; border-radius:50px; font-size:13px; font-weight:500; color:#353535; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.x7 span i { margin-right:5px; }
.x8 { width:50px; height:50px; font-size:20px; color:#FFF; cursor:pointer; display:flex; align-items:center; justify-content:center; position:relative; }
	.x8 .fa-circle { position:absolute; top:12px; color:#FF0; font-size:9px; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); }
.x9 { }
.x10 { width:100%; border-top:1px solid #292a2b; background:#303133; display:flex; align-items:center; justify-content:space-between; }
.x11 { width:100%; height:40px; display:flex; align-items:stretch; overflow:auto; }
.x12 { width:20%; height:40px; display:flex; align-items:stretch; justify-content:flex-end; }
.x13 { height:40px; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; font-size:15px; font-weight:400; border-right:1px solid #272729; cursor:pointer; }
.x13:hover { background:#393b3d; }
.x13 img { height:30px; border-radius:100px; border:2px solid #575859; position:absolute; left:5px; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); }
.x13 span { background:#575859; padding:3px 10px 3px 32px; border-radius:50px; color:#FFFFFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.x14 { display:flex; align-items:center; padding:0 15px; background:#303133; font-size:13px; font-weight:300; color:#BBBBBB; border-right:1px solid #272729; cursor:pointer; }
.x14:hover { background:#393b3d; color:#FFF; }
.x14 i { margin-right:5px; }
.x15 { border:0px; border-left:1px solid #272729; }

.x16 { width:100%; border-bottom:1px solid #2b2b2c; padding:10px 0 5px 0; color:#9e9e9e; text-align:center; position:relative; }
.x16 img { height:70px; margin-bottom:10px; border-radius:100px; border:2px solid #575859; }
.x16 h2 { width:100%; text-align:center; font-size:18px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:clip; }
.x16 .fa-user-circle { width:100%; height:70px; margin-bottom:10px; display:flex; align-items:center; justify-content:center; font-size:62px; }
.x16 .fa-cog { position:absolute; right:0px; top:0px; font-size:21px; color:#060; cursor:pointer; z-index:3; }
.x16 .fa-sign-out-alt { position:absolute; left:0px; top:0px; font-size:21px; color:#F00; cursor:pointer; transform:rotate(180deg); z-index:3; }
.x17 { display:flex; align-items:center; justify-content:center; }
.x17 span { background:rgb(193,212,41,0.8); padding:7px 25px; margin-top:10px; border-radius:50px; font-size:12px; font-weight:400; color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.x17 span i { margin-right:10px; }
.x18 { width:100%; border-top:1px solid #2b2b2c; padding:20px 0; margin:20px 0; color:#9e9e9e; text-align:center; position:relative; }
.x19 { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #2b2b2c;  }
.x19 div { width:49.5%; height:50px; text-align:center; cursor:pointer; display:flex; align-items:center; justify-content:center; text-align:center; font-size:12px; }
.x19sec { background:#313131; border-top-left-radius:5px; border-top-right-radius:5px; }

.x19-1 { display:flex; align-items:center; justify-content:space-between; padding:10px 0; margin-bottom:10px; border-bottom:1px solid #2b2b2c;  }
.x19-2 { width:calc(50% - 2.5px); height:50px; text-align:center; display:flex; align-items:center; justify-content:center; text-align:center; font-size:13px; font-weight:400; line-height:20px; background:#313131; border-radius:5px; }


/*.x20 { width:100%; height:calc(100vh - 91px); display:flex; align-items:stretch; justify-content:space-between; }
.x21 { width:60%; height:calc(100vh * (3 / 4) + 10px); background:#F00; }
.x22 { width:40%; height:calc(100vh * (3 / 4) + 10px); background:#666; }*/

.x28 { width:100%; height:40px; display:flex; align-items:stretch; overflow:auto; }
.x29 { display:flex; align-items:center; padding:0 25px; background:#303133; font-size:clamp(11px,3.2vw,13px); font-weight:400; color:#BBBBBB; border-right:1px solid #272729; cursor:pointer; }
.x29:hover { background:#393b3d; color:#FFF; }
.x29:last-child { border-right:0px; }
.x29 i { margin-right:5px; }
.x30 { width:calc(100% - 220px); margin-left:220px; }
.x31 { width:calc(100% - 40px); padding:20px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; border-bottom:1px solid #272729; }
.x32 { width:150px; height:150px; margin:0 20px 20px 0; border:1px solid #333; border-radius:5px; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; position:relative; }
.x32:hover { border:1px solid #FFF; box-shadow:0 0 5px #000; }
.x32:hover { border:1px solid #FFF; box-shadow:0 0 5px #000; }
.x32 img { width:100%; height:150px; border-radius:4px; transition:0.3s; transform-origin:center; }
.x32 div { display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; bottom:0; height:clamp(25px,4.5vw,35px); font-size:clamp(11px,2.5vw,13px); background:rgb(0,0,0,0.7); color:#FFF; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.x33 { width:calc(100% - 20px); padding:20px 0 0 20px; font-size:clamp(14px,2.5vw,16px); font-weight:500; color:#FFF; }
.x33 span { background:rgb(0,0,0,0.7); padding:7px 15px; margin-left:10px; border-radius:5px; color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.x50 { width:750px; padding:20px; min-height:calc(100vh - 349px); background:#262626; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.x51 { width:70%; padding:20px; background:#000; border-radius:9px; }
.x52 { width:100%; display:flex; align-items:center; justify-content:space-between; }
.x52-1 { width:calc(50% - 3px); height:40px; background:#222; border-radius:5px; font-size:15px; font-weight:500; color:#FFF; cursor:pointer; display:flex; align-items:center; justify-content:center; text-align:center; }
.x52-2 { width:calc(50% - 3px); height:40px; background:#222; border-radius:5px; font-size:15px; font-weight:500; color:#FFF; cursor:pointer; display:flex; align-items:center; justify-content:center; text-align:center; }
.x53-1 { width:100%; margin:30px 0 10px 0; }
.x53-2 { width:100%; margin:0 0 30px 0; }
.x53-3 { width:100%; margin:30px 0 10px 0; }
.x53-4 { width:100%; margin:0 0 10px 0; position:relative; }
.x53-4 i { position:absolute; right:3px; width:25px; height:25px; font-size:16px; color:#656565; top:50%; -ms-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.x53-4 #goz2 { display:none; }
.x53-5 { width:100%; padding:20px 0 0px 0; }
.x53-5 input { height:50px; font-size:18px; font-weight:500; }
.x54 { width:100%; padding:20px 0; margin-top:40px; font-size:16px; text-align:center; border-top:1px solid #555; background:#222; border-radius:9px; }

.x60 { width:100%; margin-top:20px; background:#212223; display:flex; justify-content:space-between; }
.x61 { width:calc(25% - 35px); padding:15px; }
.x61 div { width:100%; max-height:100px; margin-bottom:15px; font-size:10px; color:#909090; line-height:13px; overflow:auto; }
.x62 { width:25%; padding-top:15px; }
.x63 { width:25%; padding-top:15px; }
.x64 { width:25%; display:flex; align-items:center; justify-content:center; }
.x64 img { max-width:100%; max-height:70px; }

.x70 { width:1000px; padding:20px; background:#262626; border-radius:10px; display:flex; align-items:center; justify-content:center; }

.ul1 { list-style:none; padding:0px; margin:0px; }
.ul1 li { display:flex; align-items:center; width:100%; margin-bottom:7px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; font-size:13px; font-weight:400; color:#EEE; }
.ul1 li:hover { background:#29292a; color:#FFF; text-shadow:0 1px 0 #000; border-radius:5px; } 
.ul1 li i { width:45px; height:32px; display:flex; align-items:center; justify-content:center; font-size:17px; }
.ul1 li span { width:calc(100% - 45px); display:flex; align-items:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ul1 .sec { background:#313131; font-weight:400; color:#fa5365; border-radius:5px; cursor:default; }
.ul1 .sec:hover { background:#313131; color:#fa5365; }

.ul2 { list-style:none; padding:0px; margin:0px; }
.ul2 li { padding:7px 0; display:flex; align-items:center; width:100%; margin-bottom:7px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; font-size:14px; font-weight:400; color:#EEE; cursor:pointer; outline:none; resize:none; -webkit-appearance:none; -webkit-user-select:none; -ms-user-select:none; user-select: none; }
.ul2 li:last-child { margin-bottom:0px; }
.ul2 li:hover { background:#29292a; color:#FFF; text-shadow:0 1px 0 #000; }
.ul2 li:active { background:#000; color:#FFF; text-shadow:0 2px 0 #000; }
.ul2 li i { width:45px; height:32px; display:flex; align-items:center; justify-content:center; font-size:17px; }

.ul3 { width:100%; list-style:none; padding:0px; margin:0px; display:flex; }
.ul3 li { padding:7px 0; display:flex; align-items:center; margin-right:7px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; font-size:14px; font-weight:400; color:#EEE; cursor:pointer; outline:none; resize:none; -webkit-appearance:none; -webkit-user-select:none; -ms-user-select:none; user-select: none; }
.ul3 li:last-child { margin-right:0px; }
.ul3 li:hover { background:#29292a; color:#FFF; text-shadow:0 1px 0 #000; }
.ul3 li:active { background:#000; color:#FFF; text-shadow:0 2px 0 #000; }
.ul3 li i { width:45px; height:32px; display:flex; align-items:center; justify-content:center; font-size:17px; }

.ul4 { list-style:none; padding:0px; margin:0px; }
.ul4 li { padding:7px 0; display:flex; align-items:center; width:100%; margin-bottom:7px; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); transition:0.3s; transform-origin:center; font-size:14px; font-weight:400; color:#EEE; cursor:pointer; outline:none; resize:none; -webkit-appearance:none; -webkit-user-select:none; -ms-user-select:none; user-select: none; }
.ul4 li:last-child { margin-bottom:0px; }
.ul4 li:hover { background:#29292a; color:#FFF; text-shadow:0 1px 0 #000; }
.ul4 li:active { background:#000; color:#FFF; text-shadow:0 2px 0 #000; }
.ul4 li i { width:45px; height:32px; display:flex; align-items:center; justify-content:center; font-size:17px; }

.yok1 { width:100%; padding:30px 0; text-align:center; font-size:13px; font-weight:500; color:#666; }
.load1 { height:20px; border-radius:50px; }

#koruma { position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:none; cursor:default; z-index:7; }







	.edit11 { width:calc(100% - 16px); padding:0 7px; height:40px; display:flex; align-items:center; background:#111; font-family:Rubik; font-size:14px; font-weight:400; color:#DDD; border:1px solid #000; border-radius:3px; outline:none; resize:none; }
	.edit12 { width:calc(100% - 16px); padding:0 7px; height:50px; display:flex; align-items:center; background:#f0f0f0; font-family:Rubik; font-size:16px; font-weight:400; color:#111; border:1px solid #777; border-radius:3px; outline:none; resize:none; }
	.combo11 { width:100%; padding:0 7px; height:40px; display:flex; align-items:center; background:#111; font-family:Rubik; font-size:14px; font-weight:400; color:#DDD; border:1px solid #000; border-radius:3px; outline:none; resize:none; }
	.combo12 { width:100%; padding:0 7px; height:40px; display:flex; align-items:center; background:#FAFAFA; font-family:Rubik; font-size:14px; font-weight:400; color:#353535; border:1px solid #ccc; border-radius:3px; outline:none; resize:none; }
	.textarea11 { width:calc(100% - 16px); padding:7px; height:100px; display:flex; align-items:flex-start; background:#111; font-family:Rubik; font-size:13px; font-weight:400; color:#DDD; border:1px solid #000; border-radius:3px; outline:none; resize:none; }


	.eb-8		{ width:calc(100% - 30px); padding:15px; 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; }

	.eb-btn			{ width:100%; height:35px; font-family:Rubik; font-size:13px; font-weight:400; color:#FFF; border:0px; border-radius:3px; box-shadow:0 0 0px #444; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
	.eb-b1			{ background-image:linear-gradient(#739ac1, #366a9a); }
	.eb-b1:hover	{ background-image:linear-gradient(#587fa5,#255d8c); }
	.eb-b2  		{ background-image:linear-gradient(#fd9950, #e4631c); }
	.eb-b2:hover	{ background-image:linear-gradient(#ee8c44, #d15207); }
	.eb-b3			{ background-image:linear-gradient(#a4ea00, #46a40b); }
	.eb-b3:hover	{ background-image:linear-gradient(#8cd200, #319300); }
	.eb-b4			{ background-image:linear-gradient(#a31822, #800108); } /* KIRMIZI */
	.eb-b4:hover	{ opacity:0.9; }