body {
	font-family: 'Open Sans', sans-serif;
	background:#F1F3FA !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;}
	
	a {
		color:#12467F;
	}
	
	.container-login {
		width: 350px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.LoginLogo {
		width:100%;
		position:relative;
		text-align:center;
		margin-top:70px;
		margin-bottom:20px;
	}
	
		.LoginLogo h1 {
			width:100%;
			position:relaltive;
			margin:10px 0px;
			padding:0px;
			font-size:26.8px;
			font-weight:800;
		}
	
	.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;
			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:10px 10px;
				line-height:1;
				font-size:12px;
			}
			
			.form-group .controls .form-control:focus {
				border-color:#12467F;
				box-shadow:none;
				outline:none;
			}
	
	.LoginButton {
		width:100%;
		position:relative;
		padding:13px 0px;
		text-align:center;
		background:#12467F;
		color:#fff;
		font-size:16px;
		font-weight:700;
		border:none;
		cursor:pointer;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.LoginButton:hover {
		background:#0E3561;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.FormButton {
		width:100%;
		display:inline-block;
		position:relative;
		padding:9px 0px;
		text-align:center;
		background:#12467F;
		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:5px 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:hover {
		background:#00142D;
		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;
		border-top:1px solid #e4e4e4;
	}
	
	#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;
		background:#fff;
		z-index:2;
		padding-top:10px;
		padding-bottom:80px;
	}
		
	.UyeAd {
		width:100%;
		position:relative;
		text-align:center;
		font-weight:600;
		margin:15px 0px;
		color:#12467F;
	}

		.UyeAd a {
			font-weight:400;
			font-size:11px;
		}

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

		.LeftMenu .MScroll {
			
		}

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

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

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

			.LeftMenu ul li a {
			  color: #93a3b5;
			  font-size: 14px;
			  font-weight: normal;
			  line-height:20px;
			  transition:all 0.1s ease-in-out 0s;
			}

			.aktif > a {color:#12467F !important; padding-left:50px !important; background:#F0F0F0;}

			.LeftMenu ul li a:hover,.LeftMenu ul li a:focus {
			  background-color: #fafcfd;
			  color: #12467F;
			  transition:all 0.1s ease-in-out 0s;
			}

			.LeftMenu ul li.active a {
			  color: #12467F;
			  background-color: #f6f9fb;
			  border-left: 2px solid #12467F;
			  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:#EFF4F8;}
				
				.LeftMenu ul li.acik a {color:#12467F; border-left:2px solid #12467F;}

			.LeftMenu ul li.acik ul {display:block;}

				.LeftMenu ul li.acik ul li a {color:#12467F; border-left:none;}
	
	
	.PageTitle {
		width:100%;
		position:relative;
		padding:10px 15px 15px 15px;
		background:#fff;
	}
		
		.PageTitle h1 {
			margin:0px;
			padding:0px;
			font-size:18px;
			font-weight:700;
			color:#333;
			line-height:36px;
		}
	
	.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;
		background:#fff;
	}
	
		.Filtreler .form-group {
			margin-bottom:5px;
		}
	
	.Govde {
		width:100%;
		position:relative;
		padding:15px 15px 15px 15px;
		margin:15px 0px;
		background:#fff;
	}
	
	.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: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;
			}
	
	.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;
		color:#fff;
		padding:10px 15px;
		margin:10px 0px;
		transition:all 0.2s ease-in-out 0s;
	}

	.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: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:8px 20px;
		background:#C5C5C5;
		position:absolute;
		top:2px;
		right:2px;
		color:#333;
	}

	.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 {}

	.HTitlte3 {
		font-family: 'Titillium Web',sans-serif;
		font-size: 25px;
		color:#0A294E;
		margin:0px 0px 15px 0px;
		padding:0px 0px 10px 0px;
		position:relative;
	}

	.HTitlte3:before {
		content:"";
		width:100%;
		height:1px;
		background:#BF1E1D;
		position:absolute;
		bottom:0px;
		left:0px;
	}

	.HTitlte3:after {
		content:"";
		width:10px;
		height:10px;
		background:#BF1E1D ;
		border-radius:50%;
		position:absolute;
		bottom:-5px;
		left:30px;
	}


	.EList {width:100%;position:relative;margin-bottom:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7);transition:all 0.2s ease-in-out 0s;}

	.EList.Duyuru {box-shadow:0px 0px 5px -1px rgba(0,0,0,0.2);}

	.EList:hover {;transition:all 0.2s ease-in-out 0s;}

	.EList .Tarih {
		width:60px;
		height:50px;
		position:relative;
		float:left;
		background:#174275;
		text-align:center;
		color:#fff;
		font-family:'Raleway', sans-serif;
	}
	
		.EList .Tarih .Gun {font-size:20px;}

		.EList .Tarih .Ay {display:block;padding:2px 0px;background:#0A294E;}

	.EList .Bilgi {
		width:calc(100% - 60px);
		height:52px;
		position:relative;
		float:right;
		background:#fff;
		color:#0A294E;
		padding:0px 10px 0px 15px;
		line-height:50px;
		transition:all 0.2s ease-in-out 0s;
	}

	.EList.Duyuru .Bilgi:before {
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		border-top:1px solid #0A294E;
		border-right:1px solid #0A294E;
		border-bottom:1px solid #0A294E;
	}

	.EList:hover .Bilgi {background:#f1f1f1;transition:all 0.2s ease-in-out 0s;}

		.EList .Bilgi a {display:block;color:#0A294E;position:relative;}

		.EList .Bilgi a:hover {text-decoration:none;}

	.DButon {
		display:inline-block;
		position:absolute;
		padding:5px 10px;
		border:1px solid #0A294E;
		top:0px;
		right:10px;
		color:#0A294E;
		font-family:'Raleway', sans-serif;
		font-weight:500;
		font-size:12px;
	}

	.DButon.H {right:80px;}
	.DButon.B {color:#fff;border-color:#fff;}

	.DButon:hover {
		background:#0A294E;
		color:#fff;
		text-decoration:none;
	}

		.DButon i {margin-right:10px;}

	.TButon {
		display:inline-block;
		position:relative;
		padding:10px 15px;
		border:1px solid #0A294E;
		float:right;
		color:#0A294E;
		font-family:'Raleway', sans-serif;
		font-weight:500;
		font-size:12px;
	}

	.TButon:hover {
		background:#0A294E;
		color:#fff;
		text-decoration:none;
	}

		.TButon i {margin-right:10px;}

	.Haberler {width:100%;position:relative;margin-left:-10px;}

	.Haber {width:100%;position:relative;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);margin:0px 0px 17px 0px;}

		.Haber .Resim {width:40%;height:125px;position:relative;overflow:hidden;float:left;}
		
			.Haber .Resim img {width:100%;height:125px;position:relative;}
			
			.Haber .Resim .Mask {
				width:100%;
				height:100%;
				position:absolute;
				top:0px;
				left:0px;
				background: rgba(10,41,78,0.9);
				opacity:0;
				transition:all 0.2s ease-in-out 0s;
			}

			.Haber:hover .Resim .Mask {opacity:1;transition:all 0.2s ease-in-out 0s;}

				.Haber .Resim .Mask a {display:block;text-align:center;color:#fff;}

				.Haber .Resim .Mask i {
					width:100%;
					font-size:40px;
					position:absolute;
					top:-60px;
					left:0px;
					transition:all 0.4s ease-in-out 0s;
				}

				.Haber:hover .Resim .Mask i {top:calc(50% - 55px);transition:all 0.4s ease-in-out 0s;}

				.Haber .Resim .Mask strong {
					width:100%;
					font-family:'Raleway', sans-serif;
					font-size:20px;
					font-weight:600;
					position:absolute;
					bottom:-60px;
					left:0px;
					margin:0px;
					transition:all 0.4s ease-in-out 0s;
				}

				.Haber:hover .Resim .Mask strong {bottom:calc(50% - 35px);transition:all 0.4s ease-in-out 0s;}

			
			.Haber .Resim .Mask:before {
				content:"";
				width:100%;
				height:1px;
				background:#fff;
				position:absolute;
				top:calc(50% - 1px);
				left:0px;
			}

			.Haber .Resim .Mask:after {
				content:"";
				width:10px;
				height:10px;
				background:#fff;
				border-radius:50%;
				position:absolute;
				top:calc(50% - 5px);
				left:calc(50% - 5px);
			}

		.Haber .Bilgi {
			width:60%;
			min-height:125px;
			position:relative;
			float:right;
			padding:0px 0px 0px 20px;
		}

		.Haber .Bilgi:before {
			content:"";
			width:100%;
			height:1px;
			background:#0A294E;
			position:absolute;
			bottom:0px;
			left:0px;
		}

		.Haber .Bilgi:after {
			content:"";
			width:10px;
			height:10px;
			background:#0A294E ;
			border-radius:50%;
			position:absolute;
			bottom:-5px;
			left:calc(50% - 5px);
		}

			.Haber .Bilgi h3 {
				color:#0A294E;
				font-family:'Raleway', sans-serif;
				font-weight:500;
				font-size:13px;
				padding:10px 0px 10px 0px;
				position:relative;
				margin:0px;
				font-weight:600;
				line-height:1.5;
				background:#fff;
			}

			.Haber .Bilgi p {
				font-size:12px;
			}

			.Haber .Bilgi .Link {
				display:inline-block;
				padding:5px 15px;
				border:1px solid #0A294E;
				color:#0A294E;
				font-size:12px;
				position:absolute;
				bottom:0px;
				right:0px;
			}

			.Haber .Bilgi .Link:hover {background:#0A294E;color:#fff;text-decoration:none;}
		

				.Haber h3 a {display:block;color:#0A294E;}
				.Haber h3 a:hover {text-decoration:none;}

	.HButonlar {position:absolute;top:0px;right:10px;}

		.HButonlar .buton3 {
			width:28px;
			height:28px;
			display:inline-block;
			position:relative;
			border:1px solid #0A294E;
			color:#0A294E;
			font-size:13px;
			text-align:center;
		}

		.HButonlar .buton3.B {color:#fff;border-color:#fff;}

		.HButonlar .buton3:hover {
			background:#0A294E;
			color:#fff;
			text-decoration:none;
		}

			.HButonlar .buton3 i {line-height:26px;}

		.HButonlar .next3 {}
		.HButonlar .prev3 {margin-right:10px;}