/*////////////////////////
webTakip v1.0 - 23.02.2015
Author: Mehmet SARIKAHRAMAN
Email: sarikahraman@windowslive.com
/////////////////////////////////*/

/*// GENEL TANIMLAMALAR //*/
	body{background:#F1F1F1 url(../images/bg.jpg) center center no-repeat;background-attachment:fixed;background-size:cover}

/*// ORTAK OZELLIKLER //*/
	body>header,body>section,body>footer{width:100%;min-width:480px;padding:10px;position:relative}
	body>header:after,body>section:after,body>footer:after,nav:after,.onizleme:after,.upload:after
	{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

	body>header,.golge{box-shadow:0 5px 10px -5px rgba(0,0,0,.3),0 20px 30px -4px rgba(0,0,0,.3)}

/*// GIRIS EKRANI //*/
	body.giris{text-align:center}
	body.giris>header{position:relative;left:auto;top:auto;z-index:1;height:88px}
	body.giris>section{z-index:2;margin-top:-8px;padding:0 0 50px;overflow:hidden}
	body.giris>footer{position:fixed;left:0;bottom:0}

	body.giris *[class^=stn]{padding:5px}
	body.giris .str{border:none}

	body.giris form{
		width:320px;position:relative;margin:0 auto;padding:10px 20px;
		background-color:#FFF;border-radius:0 0 8px 8px;text-align:left
	}
	body.giris form:before,.giris form:after{content:'';position:absolute;top:0;width:20px;height:20px}
	body.giris form:before{left:-20px;background-image:url(../images/gsl.png)}
	body.giris form:after{right:-20px;background-image:url(../images/gsg.png)}

	body.giris .logo{float:none;display:inline-block;border-right:none;margin-top:0;height:70px}
	body.giris .logo>div{font-size:180%;line-height:26px;margin-top:8px}

	body.giris .btn{width:100%;margin:0}
	body.giris .uyari{display:block;text-align:center;margin:5px -5px}


/*// HEADER //*/
	body>header{height:68px;position:fixed;left:0;top:0;z-index:99;background-color:#FFF;border-bottom:8px solid #DDD}

	.kullanici{float:right}
	.kullanici .btn{float:left;margin:2px}
	.kullanici .btn>i.fa{margin:0 -6px}
	.kullanici>div{float:left;text-align:right;margin-right:10px}
	.logo{
		float:left;display:block;height:60px;position:relative;z-index:999;
		margin:-10px 10px 0 0;padding:2px 0;border-right:1px solid #DDD
	}
	.logo>img{float:left;height:100%}
	.logo>div{float:left;margin:2px 10px 0 0;font-size:140%;font-style:italic;text-align:right;line-height:22px}
	.logo small{font-weight:300;font-size:75%}


/*// NAV //*/
	nav{float:left;background-color:#EEE;border-radius:3px;margin:4px 0}
	nav a{float:left;margin:6px 0;padding:2px 12px}
	nav a+a{border-left:1px solid #CCC}
	nav a.aktif{background-color:#666;border:none;border-radius:3px;color:#FFF;margin:-2px;padding:10px 12px;position:relative;z-index:99}

/*// SECTION //*/
	body>section{margin-top:68px}

	.siteLogo{float:left;max-width:280px;margin:10px}.siteLogo img{max-width:100%;max-height:100%}

	.hizmet-logo{clear:both}
	.hizmet-logo a{
		display:block;height:50px;background-repeat:no-repeat;background-position:center;background-size:contain;
		-webkit-filter: grayscale(0);
				filter: grayscale(0);
				filter: none;
		-webkit-transition:.5s;
				transition:.5s;
	}
	.hizmet-logo a:hover{
		-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
				filter: url(#greyscale);
				filter: gray;
	}

	.sunucu-logo{width:70%}

	.guvenlik{margin:-3px 0 3px;padding-left:2px}
	.guvenlik a{margin-top:3px}
	#captcha{max-width:100%;border:1px solid #DDD;border-radius:4px}

	#islemSonuc{
		min-height:55px;position:fixed;left:0;right:0;top:0;z-index:98;background-color:#FFF;
		-webkit-transition:top .5s;
				transition:top .5s;
	} #islemSonuc.aktif{top:68px}
	#islemSonuc>.uyari{display:none}

	.file, .files{display:none!important}
	.upload{
		display:inline-block;text-align:center;overflow:hidden;
		background-color:#F5F5F5;border:1px solid #BBB;border-top:none;border-radius:4px
	}

	.onizleme img, .upload img{border-radius:2px}
	.onizleme img{max-height:80px}
	.upload img{max-height:100%}

	.upload>label,.upload>div{height:100px}
	.upload>label{float:right;min-width:100px;padding:5px;background-color:#F8F8F8;border-left:1px solid #BBB;cursor:pointer}
	.upload>div{float:left;width:180px}

	.upload small{display:block;margin-top:10px}
	.upload big{
		display:block;text-align:left;margin-bottom:10px;padding:5px;
		background-color:#EEE;border-bottom:1px solid #BBB
	}

	.onizleme>.sol{text-align:center;margin:10px 10px 0 0;position:relative}
	.onizleme img{margin-bottom:35px}
	.onizleme input{padding:5px;font-size:12px;width:auto;position:absolute;left:0;right:0;bottom:0}

	#scrollator_holder{position:absolute;top:0;left:0;width:0;height:0;z-index:9990}
	.scrollator_lane_holder{
		position:absolute;top:0;right:0;bottom:0;width:12px;
		-webkit-transition:opacity .5s;
				transition:opacity .5s;
	}
	.scrollator_lane{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,.2)}
	.scrollator_lane_holder.scrollator_on_body{position:fixed}
	.scrollator_handle_holder{position:absolute;width:12px;background-color:transparent;cursor:pointer}
	.scrollator_handle{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:6px;background-color:#333}

	.baslik{padding:8px 12px;background-color:#555;color:#FFF;border-radius:3px;overflow:hidden;font-style:italic}
	.kutu{margin-bottom:20px}
	.kutu .baslik{margin:-10px -10px 10px;border-radius:4px 8px 0 0;}
	.r3d>.baslik{margin-right:-15px}.l3d>.baslik{margin-left:-15px}


	table.dataTable thead .sorting{background:url(../images/sort_both.png) no-repeat center right}
	table.dataTable thead .sorting_asc{background:url(../images/sort_asc.png) no-repeat center right}
	table.dataTable thead .sorting_desc{background:url(../images/sort_desc.png) no-repeat center right}
	
	table.dataTable{text-align:left;margin:10px 0 20px;float:left;overflow:hidden;border-radius:0 0 4px 4px}
	table.dataTable th,table.dataTable td{padding:8px}
	table.dataTable th{font-style:italic;padding-right:16px}
	table.dataTable tr:nth-child(odd) td{background-color:rgba(255,255,255,.5)}
	table.dataTable td{
		border-top:1px solid #2F9BA8;
		-webkit-transition:background-color .2s;
				transition:background-color .2s;
	}
	table.dataTable tr td.sorting_1{background-color:rgba(115,217,230,.1)}
	table.dataTable tr:hover td{background-color:rgba(115,217,230,.3)}
	table.dataTable th+th,table.dataTable td+td{border-left:1px solid #2F9BA8}

	.dataTables_wrapper{margin:10px 0}
	.dataTables_processing{background-color:#FFF;text-align:center}
	.dataTables_length,.dataTables_info{float:left}
	.dataTables_filter,.dataTables_paginate{float:right}
	.dataTables_filter input{width:auto}
	.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{font-size:90%}
	.dataTables_length select{margin:0 5px;padding:5px}
	.paginate_button{display:inline-block;min-width:32px;padding:4px 6px;cursor:pointer;border-radius:4px;text-align:center}
	.paginate_button.current{background-color:#FFF}
	.paginate_button:hover{color:#2F9BA8}
	.paginate_button.current{border:1px solid #2F9BA8}
	.paginate_button.disabled{cursor:default}
	.paginate_button.disabled:hover{color:inherit}

	.ui-datepicker{
		overflow:hidden;background-color:#555;margin:10px 0;color:#FFF;font-size:90%;
		border-radius:4px;box-shadow: 0 5px 8px -5px rgba(0,0,0,.5);
	}

	.ui-datepicker-header{border-bottom:1px solid #333}
	.ui-datepicker-title{text-align:center;padding:8px 5px}
	.ui-datepicker-prev,.ui-datepicker-next{display:block;cursor:pointer;margin:3px;padding:5px;border-radius:2px}
	.ui-datepicker-prev:hover,.ui-datepicker-next:hover{background-color:#78CBD5;color:#333}
	.ui-datepicker-prev{float:left}
	.ui-datepicker-next{float:right}

	.ui-state-default{display:block;padding:5px;text-align:center}
	.ui-state-disabled{background-color:#5E5E5E;color:#888}
	.ui-state-highlight,.ui-state-active{min-width:25px;color:#333;margin:2px;border-radius:2px}
	.ui-state-highlight{background-color:#888;color:#FFF}
	.ui-state-active{background-color:#78CBD5}
	.ui-datepicker-trigger{position:relative;top:8px;left:-28px}

	.ui-datepicker-calendar thead{background-color:#444}
	.ui-datepicker-calendar thead th{padding:5px;font-weight:normal}
	.ui-datepicker-calendar tbody td{border:1px solid #777}
	.ui-datepicker-calendar tbody td:not(.ui-state-disabled):hover{background-color:#666}


	.listeImg{
		width:34px;height:34px;float:right;margin:-8px -10px -8px 0;border-left:1px solid #999;
		background-repeat:no-repeat;background-position:center;background-size:contain
	}

	.islemler{margin:0 -3px}
	.islemler a{
		display:inline-block;width:25px;line-height:25px;text-align:center;
		margin:0 3px;border-radius:3px;background-color:#666;color:#FFF
	}
	.islemler a:hover{background-color:#333}
	.sag.ekle{margin:-8px -12px -8px 0;padding:8px 12px}
	.sag.ekle:hover{background-color:#444}

/*// FOOTER //*/
	body>footer{background-color:rgba(255,255,255,.5);margin-top:30px}
	body>footer>.sol{font-style:italic}

/*// RESPONSIVE //*/