body {
	font-family: 'Open Sans', sans-serif;
	background:#f5f5f5 !important;
}

	::-webkit-scrollbar {
	    width: 4px;
	}
	 
	/* Track */
	::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    background: rgba(127,127,127,0.8); 
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(127,127,127,0.4); 
	}

	.m-0{margin:0px !important;}
	.m-1{margin:5px !important;}
	.m-2{margin:10px !important;}
	.m-3{margin:15px !important;}
	.m-4{margin:20px !important;}
	.m-5{margin:25px !important;}
	.m-6{margin:30px !important;}
	.m-7{margin:35px !important;}
	.m-8{margin:40px !important;}
	
	.mt-0{margin-top:0px !important;}
	.mt-1{margin-top:5px !important;}
	.mt-2{margin-top:10px !important;}
	.mt-3{margin-top:15px !important;}
	.mt-4{margin-top:20px !important;}
	.mt-5{margin-top:25px !important;}
	.mt-6{margin-top:30px !important;}
	.mt-7{margin-top:35px !important;}
	.mt-8{margin-top:40px !important;}
	
	.mb-0{margin-bottom:0px !important;}
	.mb-1{margin-bottom:5px !important;}
	.mb-2{margin-bottom:10px !important;}
	.mb-3{margin-bottom:15px !important;}
	.mb-4{margin-bottom:20px !important;}
	.mb-5{margin-bottom:25px !important;}
	.mb-6{margin-bottom:30px !important;}
	.mb-7{margin-bottom:35px !important;}
	.mb-8{margin-bottom:40px !important;}
	
	.mr-0{margin-right:0px !important;}
	.mr-1{margin-right:5px !important;}
	.mr-2{margin-right:10px !important;}
	.mr-3{margin-right:15px !important;}
	.mr-4{margin-right:20px !important;}
	.mr-5{margin-right:25px !important;}
	.mr-6{margin-right:30px !important;}
	.mr-7{margin-right:35px !important;}
	.mr-8{margin-right:40px !important;}
	
	.ml-0{margin-left:0px !important;}
	.ml-1{margin-left:5px !important;}
	.ml-2{margin-left:10px !important;}
	.ml-3{margin-left:15px !important;}
	.ml-4{margin-left:20px !important;}
	.ml-5{margin-left:25px !important;}
	.ml-6{margin-left:30px !important;}
	.ml-7{margin-left:35px !important;}
	.ml-8{margin-left:40px !important;}
	
	.p-0{padding:0px !important;}
	.p-1{padding:5px !important;}
	.p-2{padding:10px !important;}
	.p-3{padding:15px !important;}
	.p-4{padding:20px !important;}
	.p-5{padding:25px !important;}
	.p-6{padding:30px !important;}
	.p-7{padding:35px !important;}
	.p-8{padding:40px !important;}
	
	.pt-0{padding-top:0px !important;}
	.pt-1{padding-top:5px !important;}
	.pt-2{padding-top:10px !important;}
	.pt-3{padding-top:15px !important;}
	.pt-4{padding-top:20px !important;}
	.pt-5{padding-top:25px !important;}
	.pt-6{padding-top:30px !important;}
	.pt-7{padding-top:35px !important;}
	.pt-8{padding-top:40px !important;}
	
	.pb-0{padding-bottom:0px !important;}
	.pb-1{padding-bottom:5px !important;}
	.pb-2{padding-bottom:10px !important;}
	.pb-3{padding-bottom:15px !important;}
	.pb-4{padding-bottom:20px !important;}
	.pb-5{padding-bottom:25px !important;}
	.pb-6{padding-bottom:30px !important;}
	.pb-7{padding-bottom:35px !important;}
	.pb-8{padding-bottom:40px !important;}
	
	.pl-0{padding-left:0px !important;}
	.pl-1{padding-left:5px !important;}
	.pl-2{padding-left:10px !important;}
	.pl-3{padding-left:15px !important;}
	.pl-4{padding-left:20px !important;}
	.pl-5{padding-left:25px !important;}
	.pl-6{padding-left:30px !important;}
	.pl-7{padding-left:35px !important;}
	.pl-8{padding-left:40px !important;}
	
	.pr-0{padding-right:0px !important;}
	.pr-1{padding-right:5px !important;}
	.pr-2{padding-right:10px !important;}
	.pr-3{padding-right:15px !important;}
	.pr-4{padding-right:20px !important;}
	.pr-5{padding-right:25px !important;}
	.pr-6{padding-right:30px !important;}
	.pr-7{padding-right:35px !important;}
	.pr-8{padding-right:40px !important;}
	
	.fnt-s1{font-size: 10px !important}
	.fnt-s2{font-size: 12px !important}
	.fnt-s3{font-size: 20px !important}
	.fnt-s4{font-size: 25px !important}
	.fnt-s5{font-size: 30px !important}
	.fnt-s6{font-size: 35px !important}
	.fnt-s7{font-size: 40px !important}
	.fnt-s8{font-size: 45px !important}
	
	.fr{float:right !important;}
	.fl{float:left !important;}
	.clr{clear:both !important;}
	
	.ta-l{text-align:left !important;}
	.ta-c{text-align:center !important;}
	.ta-r{text-align:right !important;}
	.ta-j{text-align:justify !important;}
	
	.pst-r{position:relative !important;}
	.pst-a{position:absolute !important;}
	.brdr-0{border:none!important;}
	
	a {
		color:#12467F;
	}

	.LoginPage {
		flex-direction: row;
	    display: flex;
	    display: -ms-flexbox;
	    max-height: 100%;
	    justify-content: center;
	    -ms-flex-pack: center;
	    align-items: center;
	    height: 100%!important;
	    background:url(../images/bg.jpg) no-repeat center 0 transparent;
	    background-size:100% auto;
	}

	.LoginPage:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.6);
	}
	
	.container-login {
		width:30%;
		position:relative;
		background:#fff;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
		z-index:3;
	}
	
	.LoginLogo {
		width:100%;
		padding:50px 20px;
		position:relative;
		text-align:center;
		margin-bottom:20px;
		background:url(../images/header-bg.png) #e31d24;
		background-size: 300px;
	}
	
		.LoginLogo h1 {
			width:100%;
			position:relaltive;
			margin:10px 0px;
			padding:0px;
			font-size:26.8px;
			font-weight:800;
		}

	.LoginForm {
		width:100%;
		position:relative;
		padding:10px 20px;
	}
	
	.Logo {
		width:100%;
		position:relative;
		text-align:center;
		margin-top:10px;
		margin-bottom:20px;
	}
		
		.Logo img {
			width:230px;
		}
	
		.Logo h1 {
			width:100%;
			position:relaltive;
			margin:5px 0px;
			padding:0px;
			font-size:18px;
			font-weight:800;
		}
	
	.form-group {
		width:100%;
		position:relative;
		font-size:13px;
	}
	
		.form-group .form-label {
			display:inline-block;
			font-family: 'Roboto', sans-serif;
			padding:5px 0px;
			position:relative;
			font-weight:600;
			font-size:13px;
		}
		
		.form-group .controls {
			width:100%;
			position:relative;
		}
		
			.form-group .controls .form-control {
				width:100%;
				border:1px solid #E2E7F5;
				box-shadow:none;
				padding:7px 10px;
				line-height:1;
				font-size:12px;
				border-radius:5px;
			}

			.form-group .controls input[name=EtiketInput] {
				padding-right:70px;
			}
			
			.form-group .controls .form-control:focus {
				border-color:#12467F;
				box-shadow:none;
				outline:none;
			}
	
	.LoginButton {
		width:100%;
		position:relative;
		padding:7px 15px;
		text-align:center;
		background:#e31d24;
		font-family: 'Roboto', sans-serif;
		color:#fff;
		font-size:16px;
		font-weight:500;
		border:none;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
		border-radius:5px;
	}
	
	.LoginButton:hover {
		background:#A41518;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.FormButton {
		width:100%;
		display:inline-block;
		position:relative;
		padding:8px 0px;
		text-align:center;
		background:#12467F;
		line-height:1;
		color:#fff;
		font-size:16px;
		font-weight:700;
		border:none;
		border-radius:2px;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.FormButton:hover {
		background:#00142D;
		color:#fff;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.FormButton2 {
		display:inline-block;
		position:relative;
		padding:7px 15px;
		text-align:center;
		background:#12467F;
		color:#fff;
		font-size:14px;
		font-weight:600;
		border:none;
		border-radius:2px;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}

	.FormButton2.FW {
		width:100%;
	}
	
	.FormButton2:hover {
		background:#00142D;
		color:#fff;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}

	.TableButton {
		display:inline-block;
		position:relative;
		padding:5px 15px;
		text-align:center;
		background:#12467F;
		color:#fff;
		font-size:12px;
		font-weight:600;
		border:none;
		border-radius:2px;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.TableButton:hover {
		background:#00142D;
		color:#fff;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}
	
	
	.copyright {
		width:100%;
		position:relative;
		text-align:center;
		font-size:13px;
		margin-top:20px;
	}
	
	.CopyrightLeft {
		width:100%;
		position:absolute;
		text-align:center;
		font-size:13px;
		padding:15px;
		bottom:0px;
		left:0px;
		color:#797979;
	}
	
	#UyariDiv {
		width:100%;
		position:fixed;
		background:#12467F;
		color:#fff;
		top:0px;
		left:0px;
		display:none;
		font-weight:600;
		text-align:center;
		box-shadow:0px 3px 5px 0px rgba(0,0,0,0.2);
		z-index:5;
	}
	
	#OnayDiv {
		width:100%;
		position:relative;
		background:#45A051;
		border-bottom:1px solid #22860D;
		color:#fff;
		padding:8px 0px;;
	}
	
	#HataDiv {
		width:100%;
		position:relative;
		background:#BD0000;
		border-bottom:1px solid #8C0000;
		color:#fff;
		padding:8px 0px;
	}
	
	.LeftColumn {
		width:100%;
		position:relative;
		z-index:2;
		padding-top:10px;
		padding-bottom:80px;
	}
		
	.UyeAd {
		width:100%;
		position:relative;
		text-align:center;
		font-weight:600;
		margin:15px 0px;
		color:#fff;
	}

		.UyeAd a {
			display:inline-block;
			padding:5px 5px;
			border-radius:5px;
			background:#fff;
			font-weight:400;
			font-size:11px;
			color:#333;
			margin-top:10px;
		}

	.LeftMenu {
	  margin-top: 30px;
	  position:relative;
	}

		.LeftMenu .MScroll {
			
		}

		.LeftMenu ul li {
		  border-bottom: 1px solid #182023;
		}

		.LeftMenu ul li:last-child {
		  border-bottom: none;
		}

		.LeftMenu ul li.active {
		  border-bottom: none;
		}

			.LeftMenu ul li a {
			  font-family: 'Roboto', sans-serif;
			  color: #fff;
			  font-size: 13px;
			  font-weight:500 !important;
			  font-weight: normal;
			  line-height:20px;
			  transition:all 0.1s ease-in-out 0s;
			}

			.aktif > a {color:#fff !important; padding-left:50px !important; background:#e31d24;}

			.LeftMenu ul li a:hover,.LeftMenu ul li a:focus {
			  background-color: #e31d24 !important;
			  color: #fff !important;
			  transition:all 0.1s ease-in-out 0s;
			}

			.LeftMenu ul li.active a {
			  color: #fff;
			  background-color: #e31d24;
			  border-left: 2px solid #fff;
			  margin-left: -2px;
			}

				.LeftMenu ul li a i {
				  margin-right: 8px;
				  font-size: 20px;
				  line-height:20px;
				  position: relative;
				    top: 1px;
				    display: inline-block;
				    line-height: 1;
				    width: 20px;
				}

				.LeftMenu ul li a i.MIkon {
					position:absolute;
					right:10px;
					top:calc(50% - 5px);
					font-size:15px;
				}

			.LeftMenu ul li.acik {background:#e31d24;}
				
				.LeftMenu ul li.acik a {color:#fff; border-left:2px solid #fff;}

			.LeftMenu ul li ul {background:#33444D; padding:5px 0px;}
			.LeftMenu ul li.acik ul {display:block;}
			
				.LeftMenu ul li ul li {border-top:none !important; border-bottom:1px solid #3F535C !important;}
				.LeftMenu ul li.acik ul li a {border-left:none !important; }

					.LeftMenu ul li ul li a {background:#33444D;color:#fff;font-weight:400 !important; border-left:none;}

					.LeftMenu ul li ul li:hover a {background:#1A2226 !important;color:#fff !important;}

					.LeftMenu ul li ul li.aktif a {background:#1A2226;color:#fff;}
	
	
	.PageTitle {
		width:calc(100% + 30px);
		position:relative;
		padding:20px 30px 20px 30px;
		background:#fff;
		margin-left:-15px;
		margin-right:-15px;
	}
		
		.PageTitle h1 {
			margin:0px;
			padding:0px;
			font-family: 'Roboto', sans-serif;
			font-size:25px;
			font-weight:700;
			color:#333;
			line-height:36px;
		}

	.BWraper {
		width:calc(100% + 30px);
		position:relative;
		padding:10px 30px;
		background:#FAFAFA;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		margin-left:-15px;
		margin-right:-15px;
	}

	.Breadcrumb {
	    padding: 0px 10px;
	    margin:0px;
	    list-style: none;
	}

	.Breadcrumb>li {
	    display: inline-block;
	    font-family: 'Roboto', sans-serif;
		font-size:13px;
	}

		.Breadcrumb>li a {
			color:#000;
		}

		.Breadcrumb>li i {margin-right:5px;}

	.Breadcrumb>li.active {
	    font-weight:500;
	    color:#999;
	}
	
	.TopButton {
		display:inline-block;
		padding:8px 10px;
		background:#f0f0f0;
		color:#333;
		font-size:13px;
		font-weight:600;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.TopButton:hover {
		background:#e0e0e0;
		text-decoration:none;
		color:#000;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.Filtreler {
		width:100%;
		position:relative;
		padding:5px 15px 5px 15px;
		margin:15px 0px 0px 0px;
		background:#fafafa;
		border-bottom:1px solid #ddd;
		border-top:1px solid rgba(0,0,0,.125);
		border-right:1px solid rgba(0,0,0,.125);
		border-left:1px solid rgba(0,0,0,.125);
		border-radius:5px 5px 0px 0px;
	}
	
		.Filtreler .form-group {
			margin-bottom:5px;
		}
	
	.Govde {
		width:100%;
		position:relative;
		padding:15px 0px 15px 0px;
		margin:0px 0px 15px 0px;
		background:#fff;
		border-bottom:1px solid rgba(0,0,0,.125);
		border-right:1px solid rgba(0,0,0,.125);
		border-left:1px solid rgba(0,0,0,.125);
		border-radius:0px 0px 5px 5px;
	}

	.Govde.Detail {
		padding:15px;
		margin-top:30px;
		border-top:1px solid rgba(0,0,0,.125);
		border-radius:5px;
	}
	
	.TabloStyle {
		width:100%;
	}
	
		.TabloStyle thead {
			border-bottom:4px solid #f0f0f0;
		}
		
			.TabloStyle thead td {
				font-size:15px;
				font-weight:700;
				padding:7px 5px;
			}
		
		.TabloStyle tbody {}
			
			.TabloStyle tbody tr {
				border-bottom:1px solid #f0f0f0;
				transition:all 0.2s ease-in-out 0s;
			}

			.TabloStyle tbody tr.LevelDown {
				background:#fafafa;
				border-bottom:1px solid #C9C9C9;
			}

				.TabloStyle tbody tr.LevelDown td:first-child {padding-left:50px;}
				.TabloStyle tbody tr.LevelDown.L2 td:first-child {padding-left:65px;}
				.TabloStyle tbody tr.LevelDown.L3 td:first-child {padding-left:80px;}
				.TabloStyle tbody tr.LevelDown.L4 td:first-child {padding-left:95px;}
			
			.TabloStyle tbody tr:last-child {
				border-bottom:none;
			}
			
			.TabloStyle tbody tr:hover {
				background:#f8f8f8;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.TabloStyle tbody td {
				font-size:13px;
				padding:10px 10px;
			}

			.TabloStyle .Passive td {color:#ccc;}
			
				.TabloStyle .Passive td .DeleteButton3 {background:#5dd813;}
				.TabloStyle .Passive td .DeleteButton3:hover {background:#4bb00e;}

			.TabloStyle tbody td:first-child, .TabloStyle thead td:first-child {padding-left:25px;}
			.TabloStyle tbody td:last-child, .TabloStyle thead td:last-child {padding-right:25px;}

			.TabloStyle.pn tbody td:first-child, .TabloStyle thead td:first-child {padding-left:10px;}
			.TabloStyle.pn tbody td:last-child, .TabloStyle thead td:last-child {padding-right:10px;}

	.TabloStyle2 {
		width:100%;
		border:none;
	}
		.TabloStyle2 thead {
			border-bottom:4px solid #f0f0f0;
		}

		.TabloStyle2 thead td {
			font-size:15px;
			font-weight:700;
			padding:7px 5px;
		}
	
		.TabloStyle2 tbody {}
		
			.TabloStyle2 tbody td {
				padding:7px 5px;
			}
	
	.RDetay {
		width:20px;
		height:20px;
		position:relative;
		text-align:center;
		border-radius:2px 2px 0px 0px;
	}
	
	.RDetay:hover {
		background:#ccc;
	}
	
		.RDetay i {
			line-height:20px;
		}
		
		.RDetay a {
			color:#12467F;
		}
	
		.RDetay ul {
			display:none;
			margin:0px;
			padding:0px;
			width:100px;
			position:absolute;
			top:100%;
			right:0px;
			background:#f0f0f0;
			border:1px solid #ccc;
			border-radius:3px 0px 3px 3px;
			z-index:10;
		}
		
		.RDetay:hover ul {
			display:block;
		}
		
			.RDetay ul li {
				list-style:none;
				width:100%;
				border-bottom:1px solid #d5d5d5;
			}
			
			.RDetay ul li:hover {
				background:#E1E1E1;
				transition:all 0.2s ease-in-out 0s;
			}
			
			.RDetay ul li:last-child {
				border-bottom:none;
			}
			
				.RDetay ul li a {
					display:block;
					padding:5px;
					color:#12467F;
					text-align:left;
				}
				
				.RDetay ul li:hover a {
					text-decoration:none;
				}
				
					.RDetay ul li a i {
						line-height:1;
					}
	
	.Sayfalama {
		width:100%;
		position:relative;
		margin-top:15px;
	}
	
		.Sayfalama a {
			display:inline-block;
			padding:3px 6px;
			background:#F0F0F0;
			border:1px solid #ccc;
			margin-right:5px;
			color:#333;
		}
		
		.Sayfalama a:hover, .Sayfalama a.aktif {
			background:#E0E0E0;
			text-decoration:none;
		}

	#TercihBaslik {
		width:100%;
		position:relative;
		margin:0px 0px 20px 0px;
		padding:7px 0px;
		font-family: 'Open Sans', sans-serif;
		font-size:16px;
		font-weight:700;
	}

	#TercihBaslik:before {
		content:"";
		width:60%;
		height:3px;
		position:absolute;
		left:0;
		bottom:-2px;
		background:#00295C;
	}

	#TercihBaslik:after {
		content:"";
		width:45%;
		height:3px;
		position:absolute;
		left:0;
		bottom:-7px;
		background:#CA0526;
	}

		#TercihBaslik i {
			font-size:16px;
			line-height:1;
			margin-right:5px;
		}

	.Firma {
		widt:100%;
		position:relative;
		margin:0px 0px 10px 0px;
	}
	
	.Firma .Bilgiler {
		width:calc(100% - 50px);
		height:76px;
		position:relative;
		float:left;
		padding:5px;
		border:1px solid #ccc;
	}

		.Firma .Bilgiler .Baslik {
			width:100%;
			position:relative;
			margin-bottom:2px;
			font-family: 'Open Sans', sans-serif;
			font-size:18px;
			font-weight:700;
			padding:5px 5px;
			border-bottom:1px dotted #ccc;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

			.Firma .Bilgiler .Baslik i {
				margin-right:5px;
			}

		.Firma .Bilgiler .Detay {
			width:100%;
			position:relative;
			font-size:13px;
		}

			.Firma .Bilgiler .Detay ul {
				display:block;
				margin:0px;
				padding:0px;
				position:relative;
			}

			.Firma .Bilgiler .Detay ul:after {
				content:"";
				clear:both;
			}
			
				.Firma .Bilgiler .Detay ul li {
					list-style:none;
					position:relative;
					float:left;
					padding:4px 10px;
					border-right:1px dotted #ccc;
				}

				.Firma .Bilgiler .Detay ul li:first-child {
					padding-left:5px;
				}

				.Firma .Bilgiler .Detay ul li:last-child {
					border-right:none;
				}

					.Firma .Bilgiler .Detay ul li a {
						display:block;
						color:#00285B;
					}
					
					.Firma .Bilgiler .Detay ul li i {
						margin-right:5px;
					}

	.Firma .Ikon {
		width:50px;
		height:76px;
		position:relative;
		float:right;
		background:#00285B;
		text-align:center;
		font-size:15px;
		line-height:1;
		transition:all 0.2s ease-in-out 0s;
	}

	.Firma .Ikon:hover {
		background:#001C3E;
		transition:all 0.2s ease-in-out 0s;
	}
	
		.Firma .Ikon a {
			display:block;
			color:#fff;
		}

		.Firma .Ikon a:hover {
			text-decoration:none;
		}

			.Firma .Ikon a i {
				line-height:40px;
				font-size:30px;
				margin-top:7px;
			}

	#Firmalar {
		width:100%;
		height:430px;
		position:relative;
		overflow-y:scroll;
	}
		
	.FirmaDetay {
		width:100%;
		position:relative;
	}		
	
		.FirmaDetay h3 {
			font-size:20px;
		}

			.FirmaDetay .Baslik i {
				margin-right:5px;
			}		
	
	
	.FirmaDetay td {
			vertical-align: top;
		}
	
	#Tercihler {
		display:block;
		padding:0px;
		margin:0px;
		position:relative;
	}
	
		#Tercihler li {
			list-style:none;
			position:relative;
			border:1px solid  #ccc;
			overflow:hidden;
			cursor:move;
			margin-bottom:5px;
		}

			#Tercihler li span {
				display:inline-block;
				width:35px;
				height:40px;
				background:#4CAF50;
				color:#fff;
				text-align:center;
				line-height:37px;
				font-size:25px;
				font-weight:700;
				margin-right:5px;
			}

			#Tercihler li b {
				display:inline-block;
				font-size:15px;
				font-weight:700;
				line-height:36px !important;
			}

			#Tercihler li .TSil {
				display:inline-block;
				width:20px;
				height:20px;
				background:#CA0526;
				color:#fff;
				text-align:center;
				font-size:13px;
				position:absolute;
				top:0px;
				right:-20px;
				transition:all 0.2s ease-in-out 0s;
			}

			#Tercihler li:hover .TSil {
				right:0px;
				transition:all 0.2s ease-in-out 0s;
			}

				#Tercihler li .TSil i {
					line-height:20px;
				}



	.resim {}
	
		.resim img {
			max-width:100%;
		}

	.ResimSil {
		display:inline-block;
		padding:10px 15px;
		background:#AF0014;
		color:#fff;
		margin-bottom:15px;
		transition:all 0.1s ease-in-out 0s;
	}

	.ResimSil:hover {
		background:#6A000E;
		color:#fff;
		text-decoration:none;
		transition:all 0.1s ease-in-out 0s;
	}

	.ListTitle {
		font-weight:700;
	}

	.GResim {
		width:100%;
		position:relative;
		margin-bottom:20px;
		border:1px solid #ccc;
	}
	
		.GResim img {width:100%; height:150px;}

		.GResim .Baslik {width:100%; position:relative; padding:8px 50px 8px 15px; text-align:left;}
		
			.GResim .Baslik .YButon {display:inline-block; position:absolute; right:10px; top:calc(50% - 8px);}

		.GResim b {}

	.Buton {
		display:inline-block;
		background:#0E97A4;
		font-size:12px;
		line-height:1;
		color:#fff;
		padding:10px 15px;
		margin:10px 0px;
		transition:all 0.2s ease-in-out 0s;
		border-radius:5px;
	}

	.Buton.FW {width:100%;text-align:center;}
	.Buton.b2 {background:#00843C;}
	.Buton.b2:hover {background:#005325;}

	.Buton:hover {
		background:#0B7179;
		color:#fff;
		text-decoration:none;
		transition:all 0.2s ease-in-out 0s;
	}

	.Buton:focus, .Buton:active {text-decoration:none;color:#fff;}

	.Buton:after {
		display: table;
    	content: " ";
    	clear:both;
	}

		.Buton i {margin-right:8px;}

	.DarkBg {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.5);
		z-index:99;
		overflow-y:scroll;
	}

	.AcilirKutu {
		display:none;
		width:65%;
		position:absolute;
		top:40px;
		left:17.5%;
		padding:0px 0px;
		margin:0px auto 0px auto;
		background:#fff;
		z-index:100;
		box-shadow: 0px 0px 10px 0px #000;
	}

		.AcilirKutu h4 {
			width:100%;
			position:relative;
			margin:0px;
			padding:20px 20px;
			font-size:17px;
			font-weight:500;
			color:#333;
			border-bottom:1px solid #ccc;
		}

		.AcilirKutu .KapatButon {
			position:absolute;
			display:inline-block;
			top:20px;
			right:30px;
			color:#333;
		}

	.KlasorAlan {
		width:100%;
		position:relative;
		border-top:1px solid #ccc;
		margin-top:15px;
		padding:15px 20px 15px 20px;
		overflow:hidden;
	}

		.KlasorAlan a {
			display:inline-block;
			width:100%;
			height:110px;
			position:relative;
			margin:0px 0px 10px 0px;
			border:1px solid #ccc;
			text-align:center;
			overflow:hidden;
		}

		.KlasorAlan a:hover {border-color:#12467F;}

		.KlasorAlan a.NB {border:none;}
		
			.KlasorAlan a img {
				display:block;
				max-width:100%;
				height: 110px;
				margin:0px auto;
			}

			.KlasorAlan a i {
				font-size:120px;
				line-height:110px;
			}
		
		.KlasorAlan label {
			font-weight:700;
			overflow-wrap: break-word;
  			word-wrap: break-word;
		}

		.KlasorAlan input[type=checkbox] {margin-right:10px;}
		
		.KlasorAlan .col-md-3 {text-align:center; margin-bottom:20px;}

	.ButonGrup {
		display:block;
		width:100%;
		margin:15px;
		padding:0px;
		position:relative;
	}

		.ButonGrup li {
			list-style:none;
			padding:0px;
			float:left;
			margin:0px 10px 0px 0px;;
		}

			.ButonGrup li a {
				display:inline-block;
				width:35px;
				height:35px;
				text-align:center;
				font-size:15px;
				border:1px solid #ccc;
				color:#666666;
			}

			.ButonGrup li a.Upload {background:#12467F; color:#fff; border-color:#0E345F;}
			.ButonGrup li a.Upload:hover {background:#0E345F;}
			.ButonGrup li a.Delete {background:#E3503E; color:#fff; border-color:#AB2718;}
			.ButonGrup li a.Delete:hover {background:#AB2718;}
			.ButonGrup li a:hover {background:#E6E6E6;}

				.ButonGrup li a i {line-height:35px;}

	#FileSearchBox {
		width:100%;
		padding:7px 15px;
		border:1px solid #ccc;
	}

	#DosyaAra {
		width:50px;
		height:35px;
		font-size:15px;
		text-align:center;
		background:#12467F; 
		color:#fff; 
		border:#0E345F;
		position:absolute;
		top:15px;
		right:15px;
	}

		#DosyaAra i {line-height:35px;}

	#FLoader {
		width:30px;
		height:30px;
		position:absolute;
		top:0px;
		left:-31px;
		text-align:center;
		font-size:13px;
		background:#45A051;
		color:#fff;
	}

		#FLoader i {line-height:30px;}

	#ImageFile {visibility:hidden;}
	

	#ResimResult {width:100%;position:relative;}

		#ResimResult img {max-width:100%;}

	.EEButon {
		display:inline-block;
		padding:6px 20px;
		height:32px;
		background:#C5C5C5;
		position:absolute;
		top:0px;
		right:0px;
		color:#333;
		border-radius: 0px 5px 5px 0px;
	}

	.EEButon:hover {background:#B2B2B2;text-decoration:none;}

	#EtiketlerBg {width:100%;position:relative;background:#EFEFEF;padding:15px;margin-top:10px;}

	#EtiketlerBg:before {
		content:"";
		width:calc(100% - 10px);
		height:calc(100% - 10px);
		position:absolute;
		border:1px dashed #C5C5C5;
		top:5px;
		left:5px;
	}

	#EtiketlerList {
		width:100%;
		position:relative;
		padding:0px;
		margin:0px;
	}

		#EtiketlerList li {
			list-style:none;
			position:relative;
			padding:5px 10px;
			margin:0px 5px 5px 0px;
			display:inline-block;
			border:1px solid #C5C5C5;
			background:#fff;
		}

			#EtiketlerList li a {
				display:inline-block;
				padding:5px 5px;
				background:#AF0014;
				color:#fff;
				text-align:center;
				margin-right:5px;
			}

			#EtiketlerList li a:hover {background:#6A000E;text-decoration:none;}

				#EtiketlerList li a i {}

			#EtiketlerList li span {}
	
	.LButon {
		margin:0px;
		padding:0px;
		position:relative;
		display:inline-block;
	}

	.LButon:after {
		content:"";
		display:table;
		clear:both;
	}
	
		.LButon li {
			list-style:none;
			float:left;
			margin-right:10px;
		}

		.LButon li:last-child {margin-right:0px;}

			.LButon li a {}

	.MWrapper {
		display: flex;
		position:relative;
		padding-left:270px;

	}

	.MWrapper:after {content:"";display:table;clear:both;}

	.LeftBar {
		width:270px;
		height:100%;
		background:#263238;
		position:fixed;
		top:0px;
		left:0px;
		overflow-y:auto;
		-ms-overflow-style: -ms-hide;
	}

	.RightBar {
		width:100%;
		min-height:100%;
		position:relative;
		float:left;
		padding:0px 15px;
	}
	
	#particles-js {
		width: 100%;
		height: 100%;
		background-image: url('');
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		position:absolute;
		top:0px;
		left:0px;
		z-index:2;
	}

	.ResimShow {width:100%;position:relative;}

		.ResimShow img {max-width:100%;}

	.TabButon {
		display:block;
		position:relative;
		margin:0px;
		padding:0px;
		background:transparent;
		border:none;
		border-radius:0;
	}

	.TabButon:after {content:"";display:table;clear:both;}

		.TabButon li {
			list-style:none;
			display:inline-block;
			position:relative;
			float:left;
			margin:0px;
			padding:0px;
			border:none;
			border-radius:0;
		}

			.TabButon li .B:focus {outline:none;}

			.TabButon li .B, .TabButon li .B.Passive, .TabButon li.active .B.Passive {
				display:inline-block;
				padding:5px 10px;
				background:transparent;	
				font-size:15px;
				font-weight:500;
				color:#000;
				border:1px solid transparent;
				border-radius:5px 5px 0px 0px;

			}

			.TabButon li .B:hover, .TabButon li.active .B, .TabButon li.active .B.Passive:hover {
				text-decoration:none;
				background:#fff;
				border-top:1px solid #ddd;
				border-left:1px solid #ddd;
				border-right:1px solid #ddd;
				border-bottom:1px solid #fff;
			}

				.TabButon li .B i {margin-right:5px;}

			.TabButon li .B2 {
				display:inline-block;
				padding:5px 10px;
				margin-right:4px;
				background:transparent;	
				font-size:15px;
				font-weight:500;
				color:#000;
				border:1px solid transparent;
				border-radius:5px 5px 0px 0px;

			}

			.TabButon li .B2:hover, .TabButon li .B2.Active {
				text-decoration:none;
				background:#fff;
				border-top:1px solid #ddd;
				border-left:1px solid #ddd;
				border-right:1px solid #ddd;
				border-bottom:1px solid #fff;
			}

				.TabButon li .B2 i {margin-right:5px;}


	.TabDetail {width:100%;position:relative;display:none;}

	.TabDetail.active {display:block;}

	.FTitle {}

	.ImageArea {
		width:100%;
		min-height:110px;
		position:relative;
		padding:15px;
		background:#EFEFEF;
		border-radius:10px;
	}

	.ImageArea:before {
		content:"";
		width:calc(100% - 10px);
		height:calc(100% - 10px);
		position:absolute;
		top:5px;
		left:5px;
		border-radius:10px;
		border:10px dashed #ccc;
		z-index:1;
	}

	.ImageArea:after {
		content:"";
		width:calc(100% - 15px);
		height:calc(100% - 15px);
		position:absolute;
		top:7.5px;
		left:7.5px;
		background:#efefef;
		z-index:2;
		border-radius:8px;
	}

	.ImageList {
		width:100%;
		display:block;
		position:relative;
		margin:0px;
		padding:0px;
		z-index:3;
	}

	.ImageList:after {content:"";display:table;clear:both;}

		.ImageList .Item {
			list-style:none;
			width:calc((100% / 7) - 10px);
			position:relative;
			float:left;
			margin:5px;
			border:1px solid #ccc;
			cursor:move;
		}

			.ImageList .Item img {
				width:100%;
				position:relative;
				z-index:1;
			}

			.ImageList .Item .DeleteButton {
				display:none;
				width:23px;
				height:23px;
				background:#E31D24;
				font-size:11px;
				color:#fff;
				text-align:center;
				position:absolute;
				top:10px;
				right:10px;
				box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
				border-radius:5px;
				z-index:2;
			}

			.ImageList .Item:hover .DeleteButton {display:block;}

			.ImageList .Item .DeleteButton:hover {
				background:#AA151A;
				transform:scale(1.1);
			}

				.ImageList .Item .DeleteButton i {line-height:23px;}
	
	.DetailTitle {
		display:inline-block;
		position:relative;
		font-size:13px;
	}

	.DetailInfo {
		font-size:12px;
		margin-bottom:10px;
	}

	.IBg {
		display:none;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.7);
		position:fixed;
		top:0px;
		left:0px;
		z-index:99;
	}

	.ImgAddContainer {
		width:80%;
		height:80%;
		position:relative;
		top:10%;
		margin:0px auto;
		background:#fff;
	}

	.ImgAddContainer:after {content:"";display:table;clear:both;}

		.ImgAddContainer .clear:after {content:"";display:table;clear:both;}

		.ImgAddContainer .TopInfo {
			width:100%;
			height:80px;
			position:relative;
			background:#FCFCFC;
			border-bottom:1px solid #ddd;
			padding:15px 35px 15px 15px;
		}

			.ImgAddContainer .TopInfo .Title {
				width:100%;
				position:relative;
				font-size:19px;
				font-weight:700;
				color:#1d1d1d;
				padding:0px;
				margin:0px 0px 10px 0px;
			}

			.ImgAddContainer .TopInfo .TMenu {
				display:block;
				width:100%;
				position:relative;
				margin:12px 0px 0px 0px;
				padding:0px;
			}

			.ImgAddContainer .TopInfo .TMenu:after {content:"";display:table;clear:both;}

				.ImgAddContainer .TopInfo .TMenu .Item {
					list-style:none;
					position:relative;
					float:left;
				}

					.ImgAddContainer .TopInfo .TMenu .Item .Btn {
						padding:5px 10px;
						border:1px solid transparent;
						font-size:15px;
						font-weight:500;
						color:#000;
					}

					.ImgAddContainer .TopInfo .TMenu .Item .Btn:hover {
						border-top-color:#ddd;
						border-left-color:#ddd;
						border-right-color:#ddd;
						border-bottom-color:#fff;
						background:#fff;
					}

					.ImgAddContainer .TopInfo .TMenu .Item .Btn.Active {
						border-bottom-color:#0073AA;
						border-radius:5px 5px 0px 0px;
						background:#0073AA;
						color:#fff;
					}

						.ImgAddContainer .TopInfo .TMenu .Item .Btn i {margin-right:5px;}

			.ImgAddContainer .TopInfo .Clsbtn {
				width:30px;
				height:30px;
				display:block;
				position:absolute;
				top:10px;
				right:10px;
				text-align:center;
				font-size:17px;
				color:#1d1d1d;
			}

			.ImgAddContainer .TopInfo .Clsbtn:hover {color:#ED1C24;}

				.ImgAddContainer .TopInfo .Clsbtn i {line-height:30px;}

		.ImgAddContainer .BottomInfo {
			width:100%;
			height:60px;
			position:relative;
			background:#FCFCFC;
			border-top:1px solid #ddd;
			padding:10px;
		}

			.ImgAddContainer .BottomInfo .Left {
				width:70%;
				position:relative;
				float:left;
			}

			.ImgAddContainer .BottomInfo .Right {
				width:30%;
				position:relative;
				float:right;
			}

		.ImgAddContainer .LeftColumn {
			width:70%;
			height:calc(100% - 140px);
			padding:10px;
			position:relative;
			float:left;
			background:#fff;
			border-right:1px solid #ddd;
		}

			.ImgAddContainer .LeftColumn .AddedImages {
				display:block;
				width:100%;
				height:100%;
				position:relative;
				overflow-y:auto;
			}

			.ImgAddContainer .LeftColumn .AddedImages:after {content:"";display:table;clear:both;}

			.ImgAddContainer .LeftColumn .ImageItem {
				width:117px;
				height:117px;
				position:relative;
				margin:10px;
				border:1px solid #ddd;
				float:left;
			}

			.ImgAddContainer .LeftColumn .ImageItem.Active, .ImgAddContainer .LeftColumn .ImageItem.Active.Selected {
				box-shadow:0px 0px 0px 1px #fff, 0px 0px 0px 5px #0073AA;
			}

			.ImgAddContainer .LeftColumn .ImageItem.Selected {
				box-shadow:0px 0px 0px 1px #fff, 0px 0px 0px 3px #ccc;
			}

			.ImgAddContainer .LeftColumn .ImageItem.Passive {
				box-shadow:0px 0px 2px 4px rgba(0,115,170,0.6);
			}

				.ImgAddContainer .LeftColumn .ImageItem .Img {width:100%;height:100%;position:relative;cursor:pointer;overflow:hidden;}
				
					.ImgAddContainer .LeftColumn .ImageItem img {
					    width: 100%;
					    height: auto;
					    position: absolute;
					    top: 0;
					    bottom: 0;
					    left: 0;
					    right: 0;
					    margin: auto;
					}

				.ImgAddContainer .LeftColumn .ImageItem .Check {
					width:24px;
					height:24px;
					position:absolute;
					top:-10px;
					right:-10px;
					background:url(../images/check-uncheck.png) no-repeat 0 0 #0073AA;
					background-size:auto 100%;
					border:1px solid #fff;
					box-shadow:0px 0px 0px 1.5px rgba(0,115,170,0.8);
					cursor:pointer;
					display:none;
				}

				.ImgAddContainer .LeftColumn .ImageItem.Active .Check {display:block;}

				.ImgAddContainer .LeftColumn .ImageItem.Selected .Check {
					display:block;
					background:url(../images/check-uncheck2.png) no-repeat 0 0 #eee;
					background-size:auto 100%;
					box-shadow:0px 0px 0px 1.5px rgba(238,238,238,0.8);
				}

				.ImgAddContainer .LeftColumn .ImageItem.Selected.Active .Check {
					display:block;
					background:url(../images/check-uncheck.png) no-repeat 0 0 #0073AA;
					background-size:auto 100%;
					box-shadow:0px 0px 0px 1.5px rgba(0,115,170,0.8);
				}

				.ImgAddContainer .LeftColumn .ImageItem .Check:hover {
					background-position:-22px 0px;
				}

		.ImgAddContainer .LeftColumn:after {content:"";display:table;clear:both;}

		.ImgAddContainer .RightColumn {
			width:30%;
			height:calc(100% - 140px);
			padding:15px;
			position:relative;
			float:right;
			background:#F3F3F3;
		}

	#ImgThumbs {display:none;}
	
	.ImgCropContainer img{max-width:100%;max-height:400px;}

	.ListLeft {width:100%;display:block;position:relative;margin:0px;padding:0px;}
	
		.ListLeft:after {content:"";display:table;clear:both;}
	
		.ListLeft li {
			list-style:none;
			position:relative;
			float:left;
		}

	.ImgCount {
		position:relative;
		padding:0px 30px 0px 0px;
		font-size:13px;
		color:#1d1d1d;
		text-align:center;
	}

		.ImgCount #SelectCount {}

		.ImgCount .ClrBtn {
			display:block;
			position:relative;
			font-size:12px;
			color:#ED1C24;
		}

	.SelectedImg {
		width:40px;
		height:40px;
		position:relative;
		margin:0px 5px;
		border:1px solid #ddd;
	}

	.SelectedImg.Focus {
		box-shadow:0px 0px 0px 1px #fff, 0px 0px 0px 3px #0073AA;
	}

		.SelectedImg img {width:100%;height:100%;}

	.ImgDetail {
		display:none;
		width:100%;
		height:100%;
		padding-right:10px;
		position:relative;
		overflow-y:auto;
	}

	.ImgThumbShow {
		width:100px;
		position:relative;
		border:1px solid #ddd;
	}

		.ImgThumbShow img {width:100%;}
	
	.ImgDetailInfo {
		width:100%;
		position:relative;
		font-size:12px;
		color:#888;
	}

	.ImgDetailInfo.S {font-weight:600;color:#666;}

	.ImgsBtn {
		display:inline-block;
		padding:4px 10px;
		margin-top:8px;
		border-radius:20px;
		background:#0073AA;
		font-size:11px;
		color:#fff;
	}

	.ImgsBtn:hover, .ImgsBtn:focus, .ImgsBtn:active {background:#008ED2;color:#fff;text-decoration:none;}

	.ImgsBtn.Delete {background:#ED1C24;}

	.ImgsBtn.Delete:hover {background:#AB0E15;}

	.Loader {
		display:none;
		width:30px;
		height:30px;
		position:absolute;
		top:10px;
		right:10px;
		border-radius:50%;
		text-align:center;
		font-size:20px;
		background:#999;
		color:#fff;
		box-shadow:0px 0px 0px 1px #fff, 0px 0px 5px 2px rgba(0,0,0,0.3);
	}

		.Loader i {line-height:30px;}

	.Loader2 {
		display:none;
		width:130px;
		height:130px;
		position:absolute;
		top:calc(50% - 65px);
		left:calc(50% - 65px);
		border:2px solid #ddd;
		border-radius:20px;
		text-align:center;
		font-size:60px;
		background:#fff;
		color:#1d1d1d;
		box-shadow:0px 0px 0px 1px #fff, 0px 0px 20px 5px rgba(0,0,0,0.3);
		z-index:4;
	}

		.Loader2 i {line-height:130px;}

	.Block {
		width:100%;
		height:calc(100% - 90px);
		position:relative;
		padding:15px;
	}

	#ImgZone {
		width:100%;
		height:100%;
		display:block;
		position:relative;
	}

	#ImgZone:before {
		content:"";
		width:calc(100% - 10px);
		height:calc(100% - 10px);
		position:absolute;
		top:5px;
		left:5px;
		border-radius:10px;
		border:10px dashed #ccc;
		z-index:1;
	}

	#ImgZone:after {
		content:"";
		width:calc(100% - 15px);
		height:calc(100% - 15px);
		position:absolute;
		top:7.5px;
		left:7.5px;
		background:#fcfcfc;
		z-index:2;
		border-radius:8px;
	}

	#ImgZone.Hovered:after {
		background:#eaeaea;
	}

		#ImgZone #UploadInput  {
			display:none;
		}

		#ImgZone .Info {
			width:100%;
			display:block;
			position:relative;
			top:30%;
			text-align:center;
			z-index:3;
		}

			#ImgZone .Info p {
				position:relative;
				font-size:20px;
				z-index:3;
				margin:0px;
				padding:0px;
			}

				#ImgZone .Info p small {font-size:13px;}

			#ImgZone .Info #UploadBtn {
				display:inline-block;
				border-top:1px solid #ccc;
				border-left:1px solid #ccc;
				border-right:1px solid #ccc;
				border-bottom:2px solid #ccc;
				background:#fff;
				border-radius:5px;
				color:#333;
				padding:10px 20px;
				position:relative;
				margin:10px 0px;
				z-index:3;
				cursor:pointer;
			}

			#ImgZone .Info #UploadBtn:hover, #ImgZone .Info #UploadBtn:focus{
				background:#eaeaea;
				outline:none;
			}

	#ImgList {
		width:100%;
		position:relative;
	}

	#ImgList:after {content:"";display:table;clear:both;}

	#ImgAddListBtn {
		display:none;
	}

	#ImgAddListBtn.Active {display:inline-block;}

	.WaterMarkCheck {
		display:none;
		padding:6px 10px;
		cursor:pointer;
	}

	#KelimeText {
		width:100%;
		position:relative;
		padding:5px;
		border:1px solid #ddd;
		background:#fafafa;
		margin:10px 0px;
		font-size:12px;
	}

		#KelimeText b {}

	#SeoLinkEdit {
		font-weight:700;
		text-decoration:underline;
		cursor:pointer;
	}

	.ToggleStyle {
		width:100%;
		position:relative;
		margin-bottom:25px;
	}

	.ToggleStyle.Active {
		
	}

		.ToggleStyle .Title {
			width:100%;
			position:relative;
			cursor:pointer;
			padding:10px 15px;
			border:1px solid #ddd;
			border-radius:5px;
		}

		.ToggleStyle.Active .Title {border-color:transparent;}

		.ToggleStyle .Title.OrderTitle {font-family: 'Roboto', sans-serif;}
		

		.ToggleStyle .Title.OrderTitle:after {content:"";display:table;clear:both;}

			.ToggleStyle .Title.OrderTitle div {
				position:relative;
				float:left;
			}

			.ToggleStyle .Title.OrderTitle .Piece {
				width:45px;
				height:45px;
				border-radius:;
				background:#ED1C24;
				color:#fff;
				text-align:center;
				font-size:17px;
				font-weight:700;
				line-height:45px;
				border-radius:50%;
			}

			.ToggleStyle .Title.OrderTitle .Order {
				width:240px;
				font-size:13px;
				color:#888;
				line-height:22px;
				padding:0px 10px 0px 20px;
			}

				.ToggleStyle .Title.OrderTitle .Order strong {color:#1d1d1d;}

			.ToggleStyle .Title.OrderTitle .State {
				width:330px;
				font-size:15px;
				font-weight:700;
				line-height:45px;
				color:#1d1d1d;
			}

				.ToggleStyle .Title.OrderTitle .State i {line-height:45px;margin-right:10px;color:#5BD463;}

			.ToggleStyle .Title.OrderTitle .Price {
				width:120px;
				font-size:13px;
				color:#888;
				text-align:right;
				padding-right:10px;
			}

				.ToggleStyle .Title.OrderTitle .Price strong {color:#5BD463;}

			.ToggleStyle .Title.OrderTitle .Icon {
				width:35px;
				height:35px;
				background:#eaeaea;
				font-size:20px;
				color:#414141;
				text-align:center;
				top:2px;
				margin-left:5px;
				border-radius:50%;
			}

			.ToggleStyle.Active .Title.OrderTitle .Icon {
				transform:rotate(180deg);
			}

				.ToggleStyle .Title.OrderTitle .Icon i {line-height:38px;}

		.ToggleStyle .Detail {
			display:none;
			width:100%;
			position:relative;
			padding:10px;
		}

		.ToggleStyle.Active .Detail {
			display:block;
		}

			.ToggleStyle.Active .Detail .DetailTitle {
				font-size:16px;
				font-weight:700;
				color:#1d1d1d;
			}

			.ToggleStyle.Active .Detail .TotalPrice {
				display:inline-block;
				padding:10px 10px;
				font-size:18px;
				color:#888;
				margin-top:10px;
				border:1px solid #ddd;
				border-radius:5px;
			}

				.ToggleStyle.Active .Detail .TotalPrice strong {color:#5BD463;}
				.ToggleStyle.Active .Detail .TotalPrice b {color:#414141;}

			.ToggleStyle .Detail .ProductInfo {
				width:100%;
				position:relative;
				border:1px solid #ddd;
				border-radius:5px;
				margin-bottom:30px;
			}

				.ToggleStyle .Detail .ProductInfo .Products {
					width:100%;
					position:relative;
					padding:20px;
				}

					.ToggleStyle .Detail .ProductInfo .Products .Product {
						width:100%;
						position:relative;
						margin-bottom:10px;
					}

					.ToggleStyle .Detail .ProductInfo .Products .Product:after {content:"";display:table;clear:both;}

						.ToggleStyle .Detail .ProductInfo .Products .Product .PImg {
							width:70px;
							position:relative;
							float:left;
							border:1px solid #ddd;
						}

							.ToggleStyle .Detail .ProductInfo .Products .Product .PImg img {width:100%;}

						.ToggleStyle .Detail .ProductInfo .Products .Product .PInfo {
							width:calc(100% - 70px);
							position:relative;
							padding:0px 0px 0px 15px;
							float:left;
							font-size:12px;
						}

							.ToggleStyle .Detail .ProductInfo .Products .Product .PInfo strong {color:#5BD463;font-size:14px;}

				.ToggleStyle .Detail .ProductInfo .Info {
					width:100%;
					height:200px;
					position:relative;
					padding:20px;
					background:#fafafa;
				}

					.ToggleStyle .Detail .ProductInfo .Info .ITitle {
						width:100%;
						position:relative;
						padding-bottom:10px;
						margin-bottom:10px;
						border-bottom:1px solid #ddd;
					}

					.ToggleStyle .Detail .ProductInfo .Info .ITitle:after {content:"";display:table;clear:both;}

						.ToggleStyle .Detail .ProductInfo .Info .ITitle .Icon {
							width:50px;
							height:50px;
							position:relative;
							border-radius:50%;
							background:#5BD463;
							color:#fff;
							text-align:center;
							font-size:20px;
							float:left;
						}

							.ToggleStyle .Detail .ProductInfo .Info .ITitle .Icon i {line-height:50px;}

						.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text {
							width:calc(100% - 50px);
							position:relative;
							float:left;
							font-size:14px;
							color:#1d1d1d;
							padding:0px 10px 0px 10px;
							line-height:25px;
						}

							.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text strong {}

							.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text small {
								color:#5BD463;
							}

								.ToggleStyle .Detail .ProductInfo .Info .ITitle .Text small strong {}
					
					.ToggleStyle .Detail .ProductInfo .Info .OrderBtn {
						display:block;
						width:100%;
						margin:0px;
						padding:0px;
						position:relative;
					}

					.ToggleStyle .Detail .ProductInfo .Info .OrderBtn:after {content:"";display:table;clear:both;}

						.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li {
							list-style:none;
							width:50%;
							position:relative;
							float:left;
						}
						
							.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li a {
								display:block;
								padding:10px 10px;
								font-size:16px;
								color:#2d2d2d;
								border-radius:5px;
							}

							.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li a:hover {
								background:#eaeaea;
								text-decoration:none;
							}

								.ToggleStyle .Detail .ProductInfo .Info .OrderBtn li a i {margin-right:5px;}

	.clear {}

		.clear:after {content:"";display:table;clear:both;}

	#Bildirimler {
		width:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:999;
	}

	.Bildirim {
		width:100%;
		position:relative;
		display:none;
		background:#fff;
		padding:20px;
		font-family: 'Poppins', sans-serif;
		font-size:16px;
		font-weight:600;
		color:#000;
		text-align:center;
		border-bottom:1px solid #A16222;
	}

	.Bildirim i {color:#669933;margin-right:10px;}

	.DetailTitle2 {
		font-size:19px;
		font-weight:700;
	}

	.LeftTitle {
		width:100%;
		position:relative;
		margin-bottom:10px;
		padding-top:15px;
	}

		.LeftTitle h3 {
			font-family: 'Roboto Condensed', sans-serif;
			font-size:18px;
			font-weight:600;
			margin:0px 0px 0px 0px;
			padding:0px 0px 10px 0px;
			color:#0064A5;
			position:relative;
		}

		.LeftTitle.T2 h3 {font-size:30px;}

		.LeftTitle.Right h3 {text-align:right;}

		.LeftTitle h3:before {
			content:"";
			width:100%;
			height:1px;
			border-bottom:1px dashed #ddd;
			position:absolute;
			bottom:0px;
			left:0px;
		}

		.LeftTitle.Right h3:after {right:10px;left:auto;}

			.LeftTitle h3 span {font-weight:700;}
			
			.LeftTitle h3 .TitleButton {
				display:inline-block;
				padding:5px 5px 5px 15px; 
				margin-left:15px;
				font-size:12px;
				font-weight:600;
				border-left:2px solid #ddd;
				color:#888;
			}

		.LeftTitle .Desc {
			font-size:13px;
			color:#000;
			font-weight:700;
			margin:10px 0px 0px 0px;
		}

		.LeftTitle.T2 .Desc {}

			.LeftTitle.T2 .Desc i {color:#339933;margin-right:10px; font-size:17px;}
		
		.LeftTitle .DropIcon {
			position:absolute;
			top:10px;
			right:20px;
			font-size:20px;
		}

	.PriceArea {
		display:none;
		width:350px;
		padding:15px;
		position:absolute;

	}

	.PriceCalc {
		width:100%;
		position:relative;
		background:#3D6BB1;
		border-radius:10px;
		padding:10px;
		text-align:center;
		margin:10px 0px ;
	}

		.PriceCalc .Desc {
			width:100%;
			display:block;
			font-size:12px;
			font-weight:600;
			color:#fff;
			line-height:1;
		}

		.PriceCalc .Price {
			width:100%;
			display:block;
			font-size:18px;
			font-weight:700;
			color:#fff;
			line-height:1;
			margin-top:5px;
		}

	#KargoLimitler {
		width:100%;
		position:relative;
	}

	.Numarator {
		width:50px;
		height:50px;
		position:relative;
		margin:15px auto 0px auto;
		background:#3D6BB1;
		color:#fff;
		text-align:center;
		font-size:30px;
		font-weight:700;
		line-height:50px;
		border-radius:50%;
	}

	.DeleteButton2 {
		display:block;
		width:40px;
		height:40px;
		background:#c30707;
		border-radius:50%;
		position:relative;
		font-size:13px;
		color:#fff;
		text-align:center;
		margin-top:25px;
	}

	.DeleteButton2:hover {background:#FF3333;color:#fff;transform:scale(1.1);}

		.DeleteButton2 i {line-height:40px;}

	.DeleteButton3 {
		display:inline-block;
		width:20px;
		height:20px;
		background:#c30707;
		border-radius:50%;
		position:relative;
		font-size:11px;
		color:#fff;
		text-align:center;
		margin-top:0px;
	}

	.DeleteButton3:hover, .DeleteButton3:focus, .DeleteButton3:active {text-decoration:none;background:#FF3333;color:#fff;transform:scale(1.1);}

		.DeleteButton3 i {line-height:20px;}

	.DeleteButton4 {
		display:inline-block;
		width:20px;
		height:20px;
		position:absolute;
		top:12px;
		right:10px;
		font-size:13px;
		color:#c30707;
		text-align:center;
		margin-top:0px;
	}

	.DeleteButton4:hover, .DeleteButton4:focus, .DeleteButton4:active {text-decoration:none;color:#FF3333;transform:scale(1.1);}

		.DeleteButton4 i {line-height:20px;}



	.Aciklama{
		width:100%;
		position:relative;
		padding:5px 15px;
		background:#f1f1f1;
		text-align:center;
		font-size:12px;
		color:#414141;
	}

		.Aciklama span {font-weight:700;}

	.AddButton {
		display:inline-block;
		padding:10px 20px;
		background:#12923C;
		color:#fff;
		font-size:15px;
		font-weight:700;
		border-radius:50px;

	}

	.AddButton.FW {width:100%;text-align:center;}

	.AddButton:hover, .AddButton:active, .AddButton:focus {color:#fff;background:#0C5F26;text-decoration:none;}

		.AddButton i {margin-right:5px;}

	.AddButton2 {
		display:inline-block;
		padding:5px 15px;
		background:#12923C;
		color:#fff;
		font-size:13px;
		font-weight:700;
		border-radius:50px;

	}

	.AddButton2.FW {width:100%;text-align:center;}

	.AddButton2:hover, .AddButton2:active, .AddButton2:focus {color:#fff;background:#0C5F26;text-decoration:none;}

		.AddButton2 i {margin-right:5px;}

	.AddButton3 {
		display:inline-block;
		padding:10px 20px;
		background:#3D6BB1;
		color:#fff;
		font-size:15px;
		font-weight:700;
		border-radius:50px;

	}

	.AddButton3.FW {width:100%;text-align:center;}

	.AddButton3:hover, .AddButton3:active, .AddButton3:focus {color:#fff;background:#6494db;text-decoration:none;}

	.AddButton3 i {margin-right:5px;}

	.AddButton4 {
		display:inline-block;
		padding:6px 20px;
		background:#888;
		color:#fff;
		font-size:15px;
		font-weight:700;
		border-radius:5px;

	}

	.AddButton4.FW {width:100%;text-align:center;}

	.AddButton4:hover, .AddButton4:active, .AddButton4:focus {color:#fff;background:#555;text-decoration:none;}

	.AddButton4 i {margin-right:5px;}

	#AdminKargoBilgi {display:none;}

	.TableInput {
		display:none;
		width:100px;
		position:absolute;
		top:0px;
		left:0px;
		text-align:center;
	}
	
		.TableInput label {
			width:100%;
			position:relative;
			font-size:12px;
			font-weight:700;
		}
		
		.TableInput input {
			width:100%;
			position:relative;
			border-radius:10px;
			border:1px solid #ccc;
			padding:0px 10px;
			text-align:center;
			margin-top:2px;
		}

	.Bg1 {
		width:100%;
		position:relative;
		margin:10px 0px 10px 0px;
		padding:15px;
		background:#f1f1f1;
	}

	.HideArea {
		width:100%;
		position:relative;
		display:none;
		padding:10px 0px;
	}

	.UrunSecenek {
		width:100%;
		position:relative;
		box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2);
		border:1px solid #ccc;
		border-radius:10px;
		padding:15px;
		margin-bottom:15px;
		background:#fff;
	}
	
		.UrunSecenek h3 {
			font-family: 'Roboto', sans-serif;
			font-size:18px;
			font-weight:700;
			padding:0px 0px 5px 0px;
			margin:5px 0px 10px 0px;
			border-bottom:1px dashed #ccc;
			position:relative;
		}

			.UrunSecenek h3 .SecenekNo {
				display:inline-block;
				padding:0px 10px 0px 0px;
				margin-right:5px;
				color:#fff;
				position:relative;
			}

			.UrunSecenek h3 .SecenekNo:before {
				content:"";
				width:calc(100% + 15px);
				height:calc(100% + 12px);
				background:#3366CC;
				position:absolute;
				top:-6px;
				left:-15px;
				z-index:0;
				border-radius:0px 5px 0px 0px;
			}

				.UrunSecenek h3 .SecenekNo b {
					position:relative;
				}

	.SecenekAddButon {
		position:absolute;
		top:25px;
		right:30px;
		font-size:12px;
		color:#414141;
		font-weight:600;
		text-decoration: underline;
	}

	.StateButton {
		display:inline-block;
		font-size:40px;
		margin:10px 0px 20px 0px;
		line-height:1;
	}

	.StateButton.Active {color:#3366CC;}
	.StateButton:hover, .StateButton:focus, .StateButton:active {text-decoration:none;transform:scale(1.05	);}

	.StateButton i {line-height:1;}

	.StateButton small {font-size:13px;font-weight:700;color:#111;line-height:1;}


	.ModalManual {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		background:rgba(0,0,0,0.5);
		z-index:10;
	}

	.ModalManual .ModalBg {
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		flex-direction: row;
		display: flex;
		display: -ms-flexbox;
		justify-content: center;
		-ms-flex-pack: center;
		align-items: center;
	}

		.ModalManual .ModalContainer {
			min-width:300px;
			position:relative;
			margin:0px auto;
			padding:15px;
			background:#fff;
			border-radius:5px;
			display: table-cell;
			vertical-align: middle;
		}

		.ModalManual .ModalTitle {
			width:100%;
			position:relative;
			margin-bottom:20px
		}

		.ModalManual .ModalTitle:before {
			content:"";
			width:100%;
			height:1px;
			border-top:2px solid #ddd;
			position:absolute;
			top:calc(50% - 1px);
			left:0px;
		}

			.ModalManual .ModalTitle h3 {
				padding:0px 20px;
				margin:0px;
				line-height:1;
				display:inline-block;
				position:relative;
				background:#fff;
				font-size:20px;
				font-weight:700;
				color:#414141;
				margin-left:20px;
			}

			.ModalManual .ModalTitle .CloseBtn {
				width:30px;
				height:30px;
				position:absolute;
				top:calc(50% - 15px);
				right:10px;
				background:#fff;
				font-size:15px;
				color:#c30707;
				text-align:center;
			}

			.ModalManual .ModalTitle .CloseBtn {color:#ff3333}

				.ModalManual .ModalTitle .CloseBtn i {line-height:30px;}