﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=greek,greek-ext,latin-ext');

html{margin:0px; padding:0px; top:0px; width:100%; height:100%; overflow-x:hidden;}
body{background:var(--StyleBgColor); margin:0px; padding:0px; top:0px; width:100%; height:100%; min-height:100vh; display:block}

img{border:none; display:block;}
form{margin:0px; padding:0px;}
input,textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;margin:0px; padding:0px;}
input:focus, textarea:focus, select:focus, button:focus{outline:none;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
* a{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
* a::after{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
* input, * select, * textarea{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}

/* Login */
#Login{ width: 100%; max-width: 460px; height: auto; min-height: 480px; margin: 0px; padding: 0px; display: block; position: relative; float: left; background:var(--StyleCerceveBgColor); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	#Login-margin{width:80%; height: 80%; margin: 10%; padding: 0px; display: block; position: relative; float: left; }
		.Login-logo{width:100%; height:50px; display:block; margin:0px; padding:0px; position:relative; float:left; overflow:hidden;}
			.Login-logo a{margin:0px; padding:0px; width:auto; height:100%; display:block; cursor:pointer; text-decoration:none; float:left; position:relative;}
		.Login-baslik{font-family:'Roboto', sans-serif; color:var(--StyleColor); font-size:21px; font-weight:600!important; line-height:30px; text-decoration:none; overflow:hidden; position:relative; width:100%; height:auto; margin:0px; margin-top: 20px; padding:0px; float: left; display:block;}
		.Login-aciklama{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:14px; font-weight:400!important; line-height:20px; text-decoration:none; overflow:hidden; position:relative; width:100%; height:auto;  margin:0px; margin-top: 10px; padding:0px; float: left; display:block;}
		.Login-hata{font-family:'Roboto', sans-serif; color:var(--HataColor); font-size:13px; font-weight:400!important; line-height:20px; text-decoration:none; overflow:hidden; position:relative; width:100%; height:auto; margin:0px; margin-top: 10px; padding:10px; float: left; display:block; background:var(--HataColorSoft10); border:var(--HataColorSoft20) 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
		.Login-form{width:100%; height:auto; display:block; margin:0px; margin-top: 20px; padding:0px; position:relative; float:left; overflow:hidden;}
			.Login-form-user{width:100%; height:auto; display:block; margin:0px; padding:0px; position:relative; float:left; overflow:hidden;}
				.Login-form-user label{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:14px; font-weight:500!important; line-height:20px; text-decoration:none; overflow:hidden; position:relative; width:100%; height:auto;  margin:0px; margin-bottom: 5px; padding:0px; float: left; display:block;}
				.Login-form-user input.Login-user{font-family:'Roboto', sans-serif; font-size:14px; color:var(--StyleTextColor); font-weight:400; text-decoration:none; border:var(--StyleBorderColorSoft25) 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height:40px; margin:0px; padding:0px; padding-left:40px; float:left; position:relative; background: white url(imgs/iconentry.png) top left no-repeat; background-color:transparent; width:100%; height:40px; filter: var(--StyleImgColor);}
			.Login-form-pass{width:100%; height:auto; display:block; margin:0px; margin-top: 10px; padding:0px; position:relative; float:left; overflow:hidden;}
				.Login-form-pass label{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:14px; font-weight:500!important; line-height:20px; text-decoration:none; overflow:hidden; position:relative; width:100%; height:auto;  margin:0px; margin-bottom: 5px; padding:0px; float: left; display:block;}
				.Login-form-pass input.Login-pass{font-family:'Roboto', sans-serif; font-size:14px; color:var(--StyleTextColor); font-weight:400; text-decoration:none; border:var(--StyleBorderColorSoft25) 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height:40px; margin:0px; padding:0px; padding-left:40px; float:left; position:relative; background: white url(imgs/iconentry.png) bottom left no-repeat; background-color:transparent; width:100%; height:40px; filter: var(--StyleImgColor);}
			.Login-form-sec{width:100%; height:auto; display:block; margin:0px; margin-top: 10px; padding:0px; position:relative; float:left; overflow:hidden;}
				.Login-form-sec label{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:14px; font-weight:500!important; line-height:20px; text-decoration:none; overflow:hidden; position:relative; width:100%; height:auto;  margin:0px; margin-bottom: 5px; padding:0px; float: left; display:block;}
				.Login-form-sec input.Login-sec{font-family:'Roboto', sans-serif; font-size:14px; color:var(--StyleTextColor); font-weight:400; text-decoration:none; border:var(--StyleBorderColorSoft25) 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; line-height:40px; margin:0px; padding:0px; padding-left:105px; float:left; position:relative; background-color:transparent; width:100%; height:40px;}
			.Login-form-buton{width:100%; height:auto; display:block; margin:0px; margin-top: 10px; padding:0px; position:relative; float:left; overflow:hidden;}
				.Login-form-buton input.Login-buton{ cursor:pointer; font-family:'Roboto', sans-serif; font-size:14px; color:#FFFFFF; font-weight:400; text-decoration:none; border:none; overflow:hidden; display:block; line-height:50px; float:left; position:relative; background:var(--StyleColor); width:100%; height:50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin:0px; padding:0px;}
					.Login-form-buton input.Login-buton:hover{background:var(--GenelColor);}
		.Login-social{overflow:hidden; position:relative; width:100%; height:auto; margin:0px; margin-top: 20px; padding:0px; float: left; display:block;text-align: center}
			.Login-social a{ width: 35px; height: 35px; cursor:pointer;position:relative;margin:0px; margin-left:5px; display:inline-block;text-align:center;color:#BCBCBC;font-size:15px; line-height: 35px;font-weight:100; color:var(--StyleTextColor90); border: var(--StyleBorderColorSoft25) 1px solid; -webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; border-radius: 35px;}
			.Login-social a i{ -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
			.Login-social a:hover{border: var(--StyleBorderColorSoft50) 1px solid;}
			.Login-social a:hover i.fa-instagram{ color:#c32aa3;}
			.Login-social a:hover i.fa-facebook{ color:#3b5998;}
			.Login-social a:hover i.fa-twitter{ color:#1da1f2;}
			.Login-social a:hover i.fa-linkedin{ color:#0A66C2;}
			.Login-social a:hover i.fa-youtube{ color:#d32323;}
			.Login-social a:hover i.fa-external-link{ color:#4289C7;}
		.Login-unuttum{overflow:hidden; position:relative; width:100%; height:auto; margin:0px; margin-top: 20px; padding:0px; float: left; display:block;text-align: center}
			.Login-unuttum a{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:14px; font-weight:500!important; line-height:20px; text-decoration:none; overflow:hidden; position:relative; margin:0px; padding:0px;}
			.Login-unuttum a:hover{ color:var(--StyleColor);}
/* Login End */

/* Header */
#Header{ background:var(--StyleHeaderColor);position:fixed; width:100%; height:65px; display:block; float:left; z-index:3; -webkit-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -moz-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -o-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -ms-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); box-shadow: 0 7px 26px rgba(var(--StyleShadow)); border-bottom: 1px solid var(--StyleBorderColorSoft15);}
	#Header-logo{position:relative; margin:0px; padding:0px; width:240px; height:100%; display:block; overflow:hidden; float:left; -webkit-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -moz-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -o-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -ms-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); box-shadow: 0 7px 26px rgba(var(--StyleShadow)); border-right: 1px solid var(--StyleBorderColorSoft15);}

		#Header-logo a{ top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin:0px; padding:0px; width:auto; height:40px; overflow:hidden; position:relative; float: left; display:block; cursor:pointer;}
			#Header-logo a .Header-logo-img{ display:block; margin:0px; padding:0px; position:relative; width:auto; height:40px; float:left;}
				#Header-logo a .Header-logo-img img{ display:block; margin:0px; padding:0px; position:relative; width:100%; height:100%; float:left; filter:var(--StyleLogoColor);}
			#Header-logo a .Header-logo-text{ display:block; margin:0px; margin-left: 5px; margin-top: 5px; padding:0px; position:relative; width:auto; height:35px; float:left; font-family:'Roboto', sans-serif; color:var(--StyleColor); font-size:14px; line-height:15px; font-weight:400; text-decoration:none; text-align: left;}
				#Header-logo a .Header-logo-text b{ display:block; font-size:16px; line-height:15px; font-weight:600;}
			
		#Header-menu{position:relative; width:100%; width:-webkit-calc(100% - 240px); width:-moz-calc(100% - 260px); width:-ms-calc(100% - 260px); width:-o-calc(100% - 260px); width:calc(100% - 260px); width:expression(100% - 260px); height:100%; display:block; float:right;}
			.Header-menu-nav{position:relative; width:auto; height:19px; display:block; float:left; margin:0px; margin-top:23px; padding:0px;}
			.menu-main-ac { width:30px; height: 19px; cursor: pointer; margin:0px; position:relative; display:block; float:left; cursor:pointer;}
				.menu-main-ac span {width: 100%; height: 3px !important; background:var(--StyleTextColor); margin-bottom:4px; display:block; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px; -ms-border-radius: 4px;border-radius: 4px;}
				.menu-main-ac span:nth-child(1) { width: 75%; margin-left: 10%;}
				.menu-main-ac span:nth-child(2) { width: 50%;}
				.menu-main-ac span:nth-child(3) { width: 65%; margin-left:35%;}
			.menu-main-ac:hover span:nth-child(1){ width: 100%; margin-left:0%; background:var(--StyleColor);}
			.menu-main-ac:hover span:nth-child(2){ width: 100%; margin-left:0%; background:var(--StyleColor);}
			.menu-main-ac:hover span:nth-child(3){ width: 100%; margin-left:0%; background:var(--StyleColor);}
			#menu-main-ac.visible span:nth-child(1) { width: 20px; margin-left:0%; margin-top: 6px; background:var(--StyleColor); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg)}
			#menu-main-ac.visible span:nth-child(2) { width: 20px; margin-left:0%; margin-top: -7px; background:var(--StyleColor); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
			#menu-main-ac.visible span:nth-child(3) { display: none;}

			.Header-menu-panel{position:relative; width:auto; height:35px; display:block; float:right; margin:0px; margin-right: 15px; margin-top:15px; padding:0px;}
				.header-fullscreen{position:relative; width:40px; height:35px; display:block; float:left; margin:0px; padding:0px; color: var(--StyleTextColor75); font-size: 18px; line-height: 35px; cursor: pointer; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; text-align: center;}
					.header-fullscreen:hover{color: var(--StyleColor);}
					.header-fullscreen #fa-expand{display:inline-block;}
					.header-fullscreen #fa-compress{ display: none;}

				.header-user{position:relative; width:40px; height:35px; display:block; float:left; margin:0px; padding:0px; cursor: pointer; z-index: 4;}
					.header-user-toggle{position:relative; width:40px; height:35px; display:block; float:left; margin:0px; padding:0px; color: var(--StyleTextColor75); font-size: 20px; line-height: 35px; cursor: pointer; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; text-align: center;}
					.header-user-toggle:hover, .header-user-toggle.visible{color: var(--StyleColor);}
					.header-user-dropdown { visibility: hidden; opacity: 0; display: block; position: absolute; top: 100%; margin: 0px; margin-top: 13px; background:var(--StyleCerceveBgColor); border: var(--StyleBorderColorSoft15) 1px solid; width: 200px; padding:0px; right: 0px; z-index: 4; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
					.header-user-dropdown.visible { visibility:visible; opacity: 1; }
						.header-user-dropdown:after {background: var(--StyleCerceveBgColor); border-left: 1px solid var(--StyleBorderColorSoft15); border-top: 1px solid var(--StyleBorderColorSoft15); content: ""; height: 13px; position: absolute; right: 13px; top: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 13px;}

					.header-user-dropdown-bilgi{position:relative; width:100%; height:35px; display:block; float:left; margin:15px 0px; padding:0px;}
						.header-user-dropdown-bilgi-icon{position:relative; width:40px; height:35px; display:block; float:left; margin:0px 10px;padding:0px; background: url(imgs/user.png) center center no-repeat; filter:var(--StyleLogoColor);}
						.header-user-dropdown-bilgi-text{position:relative; width:100%; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:-ms-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); width:expression(100% - 60px); height:35px; display:block; float:left; margin:0px; padding:0px; font-family:'Roboto', sans-serif; color: var(--StyleTextColor75); text-decoration: none; font-size: 12px; line-height: 15px; font-weight: 400; text-align: left;}
						.header-user-dropdown-bilgi-text b{font-size: 14px; line-height: 20px; font-weight: 500; display: block; color: var(--StyleTextColor); }
					.header-user-dropdown-liste{position:relative; width:100%; height:auto; display:block; float:left; margin:0px; padding:0px;}
						.header-user-dropdown-liste a{position:relative; width:100%; height:40px; display:block; float:left; margin:0px; padding:0px 15px; border-top: var(--StyleBorderColorSoft15) 1px solid; font-family:'Roboto', sans-serif; color: var(--StyleTextColor90); text-decoration: none; font-size: 13px; line-height: 40px; font-weight: 400; text-align: left;}
							.header-user-dropdown-liste a i{ margin-right: 5px;}
						.header-user-dropdown-liste a:hover{color: var(--StyleTextColorHover);}

				.header-tema{position:relative; width:40px; height:35px; display:block; float:left; margin:0px; padding:0px; color: var(--StyleTextColor75); font-size: 20px; line-height: 35px; cursor: pointer; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; text-align: center;}
					.header-tema i.fa-moon-o{display:var(--StyleTemaLight);}
					.header-tema i.fa-sun-o{display: var(--StyleTemaDark);}

					.header-tema:hover{color: var(--StyleColor);}
					#ekran-kapat{background:#00000050; width:100%; position:fixed; height: 100%; float:left; margin:0px; padding:0px; left:0px; display:block; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; z-index:2; zoom:1; overflow:hidden; opacity: 0; visibility: hidden;}
						#ekran-kapat.visible { opacity: 1; visibility:visible; cursor: url("imgs/close.cur"), progress; cursor: url("imgs/close.png") 0 0, progress; cursor: url("imgs/close.cur") 0 0, progress; cursor: -webkit-image-set(url("imgs/close.cur") 1x, url("imgs/close.cur") 2x) 0 0, progress;}
					#tema-ayar{background:var(--StyleMenuColor); width:240px; position:fixed; height: 100%; height:-webkit-calc(100% - 65px); height:-moz-calc(100% - 65px); height:-ms-calc(100% - 65px); height:-o-calc(100% - 65px); height:calc(100% - 65px); height:expression(100% - 65px); float:left; margin:0px; margin-top: 65px; padding:0px; right:-240px; display:block; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; z-index:3; zoom:1; overflow:hidden; -webkit-box-shadow:0px 8px 15px 2px rgb(var(--StyleShadow)); -moz-box-shadow: 0px 8px 15px 2px rgb(var(--StyleShadow)); -o-box-shadow: 0px 8px 15px 2px rgb(var(--StyleShadow)); -ms-box-shadow: 0px 8px 15px 2px rgb(var(--StyleShadow)); box-shadow:0px 8px 15px 2px rgb(var(--StyleShadow)); border-right: 1px solid var(--StyleBorderColorSoft15);}
						#tema-ayar.visible {right: 0px;}
							#tema-ayar-scroll{width:100%; position:relative; height:100%; float:left; margin:0px; padding:0px; left:0px; display:block; overflow-y:scroll;}
							#tema-ayar-scroll::-webkit-scrollbar {display: none;}
							#tema-ayar-scroll::-moz-scrollbar {display: none;}
							#tema-ayar-scroll::-o-scrollbar {display: none;}
							#tema-ayar-scroll::-ms-scrollbar {display: none;}
							#tema-ayar-scroll::scrollbar {display: none;}

						.tema-ayar{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); position:relative; height:auto; float:left; margin:10px; padding:0px; left:0px; display:block;}

							.tema-ayar span.tema-ayar-forms-textbox{position:relative; width:100%; min-height:30px; line-height: 30px; margin:0px; margin-bottom:5px; padding:0px; float:left; font-family:'Roboto', sans-serif; font-size:14px; color:var(--StyleTextColor); font-weight:400; text-decoration:none; display:block;}
								.tema-ayar span.tema-ayar-forms-textbox strong{font-family:'Roboto', sans-serif; font-size:13px; color:var(--StyleTextColor); font-weight:400; text-decoration:none; display:block; line-height:30px; float:left; width:auto; text-align:left; height:30px; overflow:hidden;}
								.tema-ayar span.tema-ayar-forms-textbox input, .tema-ayar span.tema-ayar-forms-textbox button{-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:15px; line-height:32px; font-weight:300; text-decoration:none; padding:0px; margin:3px 0px; border:var(--StyleBorderColorSoft25) 1px solid; float: right}
									.tema-ayar span.tema-ayar-forms-textbox input:focus, .tema-ayar span.tema-ayar-forms-textbox select:focus, .tema-ayar span.tema-ayar-forms-textbox textarea:focus{outline:none; border:var(--StyleColor) 1px solid;}
								.Textbox-max-24{background:var(--StyleCerceveBgColor); width:100%; max-width:24px; height:24px; color:var(--StyleTextColor); padding: 0px; cursor: pointer;}
								.tema-ayar span.tema-ayar-forms-textbox input.Textbox-buton[type=submit]{font-family:'Roboto', sans-serif; font-size:15px; color:#FFFFFF; text-decoration:none; background:#616F21; line-height:40px; width:100%; height:40px; margin-top:5px; margin-bottom:5px; padding: 0px 25px; border:none; cursor:pointer; float:left; display:block; text-align:center;}
									.tema-ayar span.tema-ayar-forms-textbox input.Textbox-buton[type=submit]:hover{background:var(--StyleColor);}
								
									.Checkbox-tema {display:none;}
									.Checkbox-tema + label {content: '\2714';width:24px; height:24px; line-height: 24px; background:var(--StyleCerceveBgColor); border:var(--StyleBorderColorSoft25) 1px solid; color: var(--StyleTextColor); display:block; position:relative; margin-top:3px; margin-bottom:3px; cursor:pointer; float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -ms-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;}
										.Checkbox-tema + label:after {content: '\2716'; position: absolute; color:var(--StyleBorderColorSoft25); left:5px;}
									.Checkbox-tema + label:hover {content: ''; background:#616F21; border-color:#616F21;}
										.Checkbox-tema + label:hover:after {content: '\2714'; position: absolute; color:#FFFFFF; left:5px;}
									.Checkbox-tema:checked + label {background: #616F21; border-color:#616F21;}
										.Checkbox-tema:checked + label:after {content: '\2714'; position: absolute; color: #FFFFFF; left:5px;}

				.header-close{position:relative; width:40px; height:35px; display:block; float:left; margin:0px; padding:0px; color: var(--HataColor); font-size: 20px; line-height: 35px; text-align: center;}
					.header-close:hover{color: var(--StyleTextColor);}
	
/* Header End */

#Main{width:100%; height: 100%; height:-webkit-calc(100% - 65px); height:-moz-calc(100% - 65px); height:-ms-calc(100% - 65px); height:-o-calc(100% - 65px); height:calc(100% - 65px); height:expression(100% - 65px); display:block; margin:0px; margin-top: 65px; padding:0px; float:left; position:relative;}
/* Menu */
	#Menu{background:var(--StyleMenuColor); width:240px; position:fixed; height: 100%; height:-webkit-calc(100% - 65px); height:-moz-calc(100% - 65px); height:-ms-calc(100% - 65px); height:-o-calc(100% - 65px); height:calc(100% - 65px); height:expression(100% - 65px); float:left; margin:0px; padding:0px; left:0px; display:block; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; z-index:1; zoom:1; overflow:hidden; -webkit-box-shadow:0px 8px 15px 2px rgb(var(--StyleShadow)); -moz-box-shadow: 0px 8px 15px 2px rgb(var(--StyleShadow)); -o-box-shadow: 0px 8px 15px 2px rgb(var(--StyleShadow)); -ms-box-shadow: 0px 8px 15px 2px rgb(var(--StyleShadow)); box-shadow:0px 8px 15px 2px rgb(var(--StyleShadow)); border-right: 1px solid var(--StyleBorderColorSoft15);}
	#Menu.visible {left: -240px;}
			#Menu-scroll{width:100%; position:relative; height:100%; float:left; margin:0px; padding:0px; left:0px; display:block; overflow-y:scroll;}
			#Menu-scroll::-webkit-scrollbar {display: none;}
			#Menu-scroll::-moz-scrollbar {display: none;}
			#Menu-scroll::-o-scrollbar {display: none;}
			#Menu-scroll::-ms-scrollbar {display: none;}
			#Menu-scroll::scrollbar {display: none;}
		#Menu-content{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; left:0px; display:block;}

		#Menu-sidebar{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); position:absolute; float:left; margin:25px 10px; padding:0px; left:0px; display:block; }
			.Menu-sidebar-baslik{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; left:0px; display:block; font-family:'Roboto', sans-serif; color:var(--StyleTextColor75); font-size:11px; line-height:20px; font-weight:600; text-decoration:none; text-align: left;}
			#Menu-sidebar .Menu-sidebar-navigation {margin:0px; margin-bottom: 20px; padding: 0px; float: left; display: block; position: relative; width: 100%;}
			#Menu-sidebar .Menu-sidebar-navigation ul, #Menu-sidebar .Menu-sidebar-navigation ul ul {margin:0px; padding: 0px;}
			#Menu-sidebar .Menu-sidebar-navigation ul li {list-style-type: none;  position: relative; width: 100%; height: auto; float: left;}
				#Menu-sidebar .Menu-sidebar-navigation ul li a { font-family:'Roboto', sans-serif; color: var(--StyleTextColor); text-decoration: none; font-size: 14px; line-height: 40px; font-weight: 400; outline: 0; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; transition: all 200ms ease-in; width: 100%; display: block;}
				#Menu-sidebar .Menu-sidebar-navigation ul li a:hover {color: var(--StyleColor);}
					#Menu-sidebar .Menu-sidebar-navigation ul li a span {display: inline-block;}
					#Menu-sidebar .Menu-sidebar-navigation ul li a i {text-align: center; font-size: 16px; width: 30px; height: 40px; line-height: 40px;}
					#Menu-sidebar .Menu-sidebar-navigation ul li a i.pull-right {text-align: center; font-size: 16px; width: 20px; height: 40px; line-height: 40px;}
				#Menu-sidebar .Menu-sidebar-navigation ul li.active > a {color:var(--StyleTextColor); font-weight: 500;}
				#Menu-sidebar .Menu-sidebar-navigation ul li.active > a i {color:var(--StyleColor);}
				#Menu-sidebar .Menu-sidebar-navigation ul li.active:before{ content: ''; width: 3px; height: 40px; position: absolute; right: -10px; background: var(--StyleColor); display: block; float: right; }
				#Menu-sidebar .Menu-sidebar-navigation ul li.active ul {display: block;}
					#Menu-sidebar .Menu-sidebar-navigation ul ul {display: none;}
						#Menu-sidebar .Menu-sidebar-navigation ul ul li {width: 100%; height: 30px; position: relative; float: left; list-style: circle; list-style-type: circle; font-family:'Roboto', sans-serif; color: var(--StyleTextColor); text-decoration: none;  font-size: 14px; line-height: 30px; margin: 0px; margin-left: 35px; padding: 0px;}
						#Menu-sidebar .Menu-sidebar-navigation ul ul li a {font-family:'Roboto', sans-serif; color: var(--StyleTextColor); text-decoration: none; display: block; font-size: 14px;	line-height: 30px; font-weight: 400; font-size: 13px; width: 100%; float: left; margin: 0px; margin-left: -5px; padding: 0px; position: relative;}
/* Menu End */


	#Page{position:fixed; width:100%; width:-webkit-calc(100% - 240px); width:-moz-calc(100% - 240px); width:-ms-calc(100% - 240px); width:-o-calc(100% - 240px); width:calc(100% - 240px); width:expression(100% - 240px); height: 100%; height:-webkit-calc(100% - 65px); height:-moz-calc(100% - 65px); height:-ms-calc(100% - 65px); height:-o-calc(100% - 65px); height:calc(100% - 65px); height:expression(100% - 65px); left:0px; margin-left:240px; padding:0px; display:block; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
		#Page.visible{width:100%; margin-left:0px;}
		#Page-scroll{width:100%; position:relative; height:100%; float:left; margin:0px; padding:0px; left:0px; display:block; overflow-y:scroll;}
			#Page-scroll::-webkit-scrollbar {display: block; width: 5px;}
				#Page-scroll::-webkit-scrollbar-track {background:var(--StyleBorderColorSoft25);}
				#Page-scroll::-webkit-scrollbar-thumb {background:var(--StyleTextColor75);}
				#Page-scroll::-webkit-scrollbar-thumb:hover {background:var(--StyleColor);}
			#Page-scroll::-moz-scrollbar {display: block; width: 5px;}
				#Page-scroll::-moz-scrollbar-track {background:var(--StyleBorderColorSoft25);}
				#Page-scroll::-moz-scrollbar-thumb {background:var(--StyleTextColor75);}
				#Page-scroll::-moz-scrollbar-thumb:hover {background:var(--StyleColor);}
			#Page-scroll::-o-scrollbar {display: block; width: 5px;}
				#Page-scroll::-o-scrollbar-track {background:var(--StyleBorderColorSoft25);}
				#Page-scroll::-o-scrollbar-thumb {background:var(--StyleTextColor75);}
				#Page-scroll::-o-scrollbar-thumb:hover {background:var(--StyleColor);}
			#Page-scroll::-ms-scrollbar {display: block; width: 5px;}
				#Page-scroll::-ms-scrollbar-track {background:var(--StyleBorderColorSoft25);}
				#Page-scroll::-ms-scrollbar-thumb {background:var(--StyleTextColor75);}
				#Page-scroll::-ms-scrollbar-thumb:hover {background:var(--StyleColor);}
			#Page-scroll::scrollbar {display: block; width: 5px;}
				#Page-scroll::scrollbar-track {background:var(--StyleBorderColorSoft25);}
				#Page-scroll::scrollbar-thumb {background:var(--StyleTextColor75);}
				#Page-scroll::scrollbar-thumb:hover {background:var(--StyleColor);}
		#Footer{position:relative; width:100%; height:45px; margin:0px; padding:0px; display:block; float:left; background: var(--StyleHeaderColor); -webkit-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -moz-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -o-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -ms-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); box-shadow: 0 7px 26px rgba(var(--StyleShadow));}
			.Footer{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:12px; line-height:45px; font-weight:400;text-decoration:none; display:block; margin:0px; float: left; width: 100%; text-align: center;}
		#Page-content{width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); position:relative; height: auto; min-height:100vh; min-height:-webkit-calc(100vh - 150px); min-height:-moz-calc(100vh - 150px); min-height:-ms-calc(100vh - 150px); min-height:-o-calc(100vh - 150px); min-height:calc(100vh - 150px); min-height:expression(100vh - 150px); float:left; margin:20px 20px; padding:0px; display:block;}
			#Page-content-header{width:100%; position:relative; height: 40px; float:left; margin:0px; margin-bottom: 10px; padding:0px; display:block;}
				#Page-content-header-title{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block;}
					.Page-content-header-title{width:auto; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block; font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:19px; line-height:30px; font-weight:600; text-decoration:none; text-align: left;}
					.Page-content-header-urlmap{width:auto; position:relative; height: auto; float:right; margin:5px 0px; padding:0px; left:0px; display:block; font-family:'Roboto', sans-serif; color:var(--StyleTextColor75); font-size:13px; line-height:20px; font-weight:400; text-decoration:none; text-align: right;}
						.Page-content-header-urlmap a{display:inline-block; font-family:'Roboto', sans-serif; color:var(--StyleColor); font-size:13px; line-height:20px; font-weight:500; text-decoration:none; text-align: left;}
							.Page-content-header-urlmap a:hover{color:var(--StyleTextColor);}
						.Page-content-header-urlmap b{color:var(--StyleColor); font-weight:500;}
				
				#Page-content-header-info{position:absolute; width:auto; height:0px; margin:0px; margin-top: -10px; padding:0px; overflow:hidden; display:block; top: -50px; right:0px; float: right; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; opacity:0; visibility:hidden; z-index:1; background:#FFFFFF;} 
					#Page-content-header-info span{font-family:'Roboto'; font-size:14px; line-height:30px; font-weight:400; text-decoration:none; text-align:center; position:relative; margin:0px; padding:8px 20px; display:block; overflow:hidden; width:auto; opacity:0; visibility:hidden; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
						#Page-content-header-info span.header-info-hata{color:var(--HataColor); background:var(--HataColorSoft10); border:var(--HataColorSoft20) 1px solid;}
						#Page-content-header-info span.header-info-bilgi{color:var(--BilgiColor); background:var(--BilgiColorSoft10); border:var(--BilgiColorSoft20) 1px solid;}
						#Page-content-header-info span.header-info-uyari{color:var(--UyariColor); background:var(--UyariColorSoft10); border:var(--UyariColorSoft20) 1px solid;}
						#Page-content-header-info span i{ font-size: 18px; line-height:30px; margin-right: 5px;}
					#Page-content-header-info.visible{ width: auto; height: 50px; opacity:1; visibility: visible; top: 0px;}
					#Page-content-header-info.visible span{opacity:1; visibility: visible;}

			#Page-content-main{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px;  display:block;}
				.Page-content-main{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px;  display:block; background: var(--StyleCerceveBgColor) ; box-shadow: 1px 1px 7px rgb(var(--StyleShadow)); -webkit-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -moz-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -o-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); -ms-box-shadow: 0 7px 26px rgba(var(--StyleShadow)); box-shadow: 0 7px 26px rgba(var(--StyleShadow));}
				.Page-content-main-bgnone{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block;}

				.Page-content-main-75{width:75%;}
					.Page-content-main-75-20{width:75%; width:-webkit-calc(75% - 20px); width:-moz-calc(75% - 20px); width:-ms-calc(75% - 20px); width:-o-calc(75% - 20px); width:calc(75% - 20px); width:expression(75% - 20px); margin-right: 20px;}
				.Page-content-main-60{width:60%;}
					.Page-content-main-60-20{width:60%; width:-webkit-calc(60% - 20px); width:-moz-calc(60% - 20px); width:-ms-calc(60% - 20px); width:-o-calc(60% - 20px); width:calc(60% - 20px); width:expression(60% - 20px); margin-right: 20px;}
				.Page-content-main-50{width:50%;}
					.Page-content-main-50-20{width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); margin-right: 20px;}
				.Page-content-main-40{width:40%;}
					.Page-content-main-40-20{width:40%; width:-webkit-calc(40% - 20px); width:-moz-calc(40% - 20px); width:-ms-calc(40% - 20px); width:-o-calc(40% - 20px); width:calc(40% - 20px); width:expression(40% - 20px); margin-right: 20px;}
				.Page-content-main-25{width:25%;}
					.Page-content-main-25-20{width:25%; width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:-ms-calc(25% - 20px); width:-o-calc(25% - 20px); width:calc(25% - 20px); width:expression(25% - 20px); margin-right: 20px;}

				.Page-content-main-20{width:20%;}
					.Page-content-main-20-20{width:20%; width:-webkit-calc(20% - 20px); width:-moz-calc(20% - 20px); width:-ms-calc(20% - 20px); width:-o-calc(20% - 20px); width:calc(20% - 20px); width:expression(20% - 20px); margin-right: 20px;}

				.Page-content-main-margin{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); position:relative; height: auto; float:left; margin:20px 10px; padding:0px; display:block;}
					.Page-content-sayisal{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); position:relative; height: 80px; float:left; margin:20px 10px; padding:0px; display:block;}
					.Page-content-sayisal-text{width:100%; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:-ms-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px); width:expression(100% - 50px); position:relative; height: auto; float:left; margin:0px; margin-right: 10px; padding:0px; display:block; top: 50%; -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform:translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);}
						.Page-content-sayisal-baslik{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block; font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:13px; line-height:20px; font-weight:400; text-decoration:none; text-align: left;}
						.Page-content-sayisal-deger{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block; font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:20px; line-height:30px; font-weight:500; text-decoration:none; text-align: left;}

					.Page-content-sayisal-icon{width:40px; position:relative; height: 100%; float:left; margin:0px; padding:0px; display:block; }
						.Page-content-sayisal-icon i{width:40px; position:relative; height: 40px; float:left; margin:0px; padding:0px; display:block; font-size: 40px; line-height: 40px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
							.Page-content-sayisal-icon i.color-kirmizi{ color: var(--HataColor);}
							.Page-content-sayisal-icon i.color-yesil{ color: var(--OkeyColor);}
							.Page-content-sayisal-icon i.color-mavi{ color: var(--BilgiColor);}
							.Page-content-sayisal-icon i.color-turuncu{ color: var(--UyariColor);}
							.Page-content-sayisal-icon i.color-style{ color: var(--StyleTextColor);}

					.Page-content-main-title, .Page-content-main-title-sub{width:100%; position:relative; height: auto; float:left; margin:0px; margin-bottom: 20px; padding:0px; display:block; }
						.Page-content-main-title-sub{ margin-top: 20px; }
						.Page-content-main-title .main-title, .Page-content-main-title-sub .main-title{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; padding-left: 10px; display:block; font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:15px; line-height:20px; font-weight:500; text-decoration:none; text-align: left;}
						.Page-content-main-title .main-title:before, .Page-content-main-title-sub .main-title:before{content: ''; width: 3px; height: 100%; position: absolute; left:0px; background: var(--StyleColor); display: block; float: left;}
					.Page-content-main-menu{width:100%; position:relative; height: auto; float:left; margin:0px; margin-bottom: 15px; padding:0px; padding-bottom: 10px; display:block; border-bottom:var(--StyleBorderColorSoft15) 1px solid;}
						.main-menu-search{ width: 200px; height: 35px; position: relative; float:right; padding:0px; margin:0px; margin-left: 5px;}
							.main-menu-search-textbox{ width: 150px; height: 35px; position: relative; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:15px; line-height:33px; font-weight:300; text-decoration:none; padding:0px; padding-left:5px; margin:0px; margin-right: 5px; border:var(--StyleBorderColorSoft25) 1px solid;}
								.main-menu-search-textbox:focus{outline:none; border:var(--StyleColor) 1px solid;}
						.main-menu-search-buton{border:none; width:35px; line-height:35px; height:35px; cursor:pointer; display:block; overflow: hidden; margin:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
							.main-menu-search-buton input[type="submit"]{background:#5E5A80; border:none; width:35px; line-height:35px; height:35px; cursor:pointer; display:block; overflow: hidden; margin:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
							.main-menu-search-buton:after{font-family: FontAwesome; content: "\f002";  font-size: 13px; font-weight: 300; color: #FFFFFF; position: absolute; pointer-events: none; width:35px; line-height:35px; margin:0px; top: 0px; text-align: center}
							.main-menu-search-buton input[type="submit"]:hover {background:var(--StyleColor); color: #FFFFFF; }

						.Page-content-main-menu a{ width:auto; height:35px; display:inline-block; position:relative; overflow:hidden; margin:0px; margin-right: 5px; padding:0px 10px; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 35px; text-decoration: none;}
							.Page-content-main-menu a i{ margin-right: 5px;}

							.Page-content-main-menu a.main-menu-add{background:#38713B;}
							.Page-content-main-menu a.main-menu-edit{background:#F87217;}
							.Page-content-main-menu a.main-menu-view{background:#6F4E37;}
							.Page-content-main-menu a.main-menu-delete{background:#B21807;}
							.Page-content-main-menu a.main-menu-indir{background:#872657;}
							.Page-content-main-menu a.main-menu-list{background:#7F4E52;}
							.Page-content-main-menu a.main-menu-listdiger{background:#826550;}
							.Page-content-main-menu a.main-menu-delete{background:#B21807;}

						.Page-content-main-menu a:hover{ opacity: 0.75}
					
					.Page-content-main-forms{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block; }
						.Page-content-main-forms span.forms-textbox {position:relative; width:100%; min-height:40px; line-height: 40px; margin:0px; margin-bottom:5px; padding:0px; float:left; font-family:'Roboto', sans-serif; font-size:14px; color:var(--StyleTextColor); font-weight:400; text-decoration:none; display:block;}
						.Page-content-main-forms span.forms-textbox strong{font-family:'Roboto', sans-serif; font-size:14px; color:var(--StyleTextColor); font-weight:500; text-decoration:none; display:block; line-height:40px; float:left; width:160px; height:40px; margin-right:15px; text-align:right; overflow:hidden;}

						.Page-content-main-forms span.forms-textbox strong.strong-kisa{width:80px;}
						.Page-content-main-forms span.forms-textbox a.forms-textbox-gorsel{width:auto; height:auto; float: left; overflow:hidden; position: relative; margin: 0px; padding: 0px;}

						.Page-content-main-forms span.forms-textbox input, .Page-content-main-forms span.forms-textbox select, .Page-content-main-forms span.forms-textbox textarea{-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:15px; line-height:32px; font-weight:300; text-decoration:none; padding:0px; padding-left:5px; margin:4px 0px; border:var(--StyleBorderColorSoft25) 1px solid;}
						.Page-content-main-forms span.forms-textbox input:focus, .Page-content-main-forms span.forms-textbox select:focus, .Page-content-main-forms span.forms-textbox textarea:focus{outline:none; border:var(--StyleColor) 1px solid;}
						
						.Page-content-main-forms span.forms-textbox span.forms-textbox-inline{ position:relative; overflow:hidden; display:block;}
							.Page-content-main-forms span.forms-textbox span.forms-textbox-inline-120{ width:120px; position:relative; overflow:hidden; display:inline-block;}
							.Page-content-main-forms span.forms-textbox span.forms-textbox-inline-120 .Checkbox-yesil + label {margin-top:9px; margin-bottom:0px;}
						.Page-content-main-forms span.forms-textbox-detail-18{font-size: 18px;}
						.Page-content-main-forms span.forms-textbox-turuncu{color:#FD6633;}
						.Page-content-main-forms span.forms-textbox-hata{color:var(--HataColor);}
						.Page-content-main-forms span.forms-textbox-uyari{color:var(--UyariColor);}
						.Page-content-main-forms span.forms-textbox-tamam{color:var(--OkeyColor);}
						.Page-content-main-forms span.forms-textbox-bilgi{color:var(--BilgiColor);}
						.Page-content-main-forms span.forms-textbox-detail{color:var(--StyleTextColor);}
						
						
						.Textbox-max-50{background:var(--StyleCerceveBgColor); width:100%; max-width:50px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-75{background:var(--StyleCerceveBgColor); width:100%; max-width:75px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-100{background:var(--StyleCerceveBgColor); width:100%; max-width:100px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-150{background:var(--StyleCerceveBgColor); width:100%; max-width:150px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-200{background:var(--StyleCerceveBgColor); width:100%; max-width:200px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-240{background:var(--StyleCerceveBgColor); width:100%; max-width:240px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-280{background:var(--StyleCerceveBgColor); width:100%; max-width:280px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-300{background:var(--StyleCerceveBgColor); width:100%; max-width:300px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-320{background:var(--StyleCerceveBgColor); width:100%; max-width:320px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-360{background:var(--StyleCerceveBgColor); width:100%; max-width:360px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-480{background:var(--StyleCerceveBgColor); width:100%; max-width:480px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-600{background:var(--StyleCerceveBgColor); width:100%; max-width:600px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-640{background:var(--StyleCerceveBgColor); width:100%; max-width:640px; height:32px; color:var(--StyleTextColor);}
						.Textbox-max-100de{background:var(--StyleCerceveBgColor); width:100%; max-width:100%; height:32px; color:var(--StyleTextColor);}
						
						.Checkbox-yesil {display:none;}
							.Checkbox-yesil + label {content: '\2714';width:24px; height:24px; line-height: 24px; background:var(--StyleCerceveBgColor); border:var(--StyleBorderColorSoft25) 1px solid; color: var(--StyleTextColor); display:block; position:relative; margin-top:8px; margin-bottom:8px; margin-right:10px; cursor:pointer; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; -ms-transition:all 0s ease; -o-transition:all 0s ease; transition:all 0s ease;}
								.Checkbox-yesil + label:before {content:attr(title); position:absolute; font-family:'Roboto', sans-serif; font-size:13px; font-weight: 400; color:var(--StyleTextColor); text-decoration:none; line-height:24px; left:30px; white-space:nowrap; cursor:pointer;}
							.Checkbox-yesil + label:hover {content: '';background:#616F21; border-color:#616F21;}
								.Checkbox-yesil + label:hover:after {content: '\2714'; position: absolute; color:#FFFFFF; left:5px;}
							.Checkbox-yesil:checked + label {background: #616F21; border-color:#616F21;}
								.Checkbox-yesil:checked + label:after {content: '\2714'; position: absolute; color: #FFFFFF; left:5px;}
								.Checkbox-yesil:checked + label:before {color:#616F21;}

						.Page-content-main-forms span.forms-textbox input.Textbox-buton[type=submit][type=submit]{font-family:'Roboto', sans-serif; font-size:15px; color:#FFFFFF; text-decoration:none; background:#616F21; line-height:40px; width:auto; height:40px; margin-top:5px; margin-bottom:5px; padding: 0px 25px; border:none; cursor:pointer; float:left; display:block; text-align:center;}
						.Page-content-main-forms span.forms-textbox input.Textbox-buton[type=submit]:hover[type=submit]:hover{background:var(--StyleColor);}

					.Page-content-main-table{width:100%; position:relative; height: auto; float:left; margin:0px; padding:0px; display:block; text-align:left;}
						.main-table-legnth{ width: 60px; height: 35px; position: relative; float:left; padding:0px; margin:0px; margin-bottom: 10px;}
							.main-table-legnth-textbox{ width: 100%; height: 35px; position: relative; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:15px; line-height:33px; font-weight:300; text-decoration:none; padding:0px; padding-left:5px; margin:0px; margin-right: 5px; border:var(--StyleBorderColorSoft25) 1px solid;  color:var(--StyleTextColor);  background:var(--StyleCerceveBgColor);}
						/*.main-table-processing{ font-family:'Roboto'; font-size:14px; line-height:35px; font-weight:400; text-decoration:none; text-align:left; position:relative; display:block; overflow:hidden; width:auto; height: 35px; position: relative; float:left; padding:0px; margin:0px; margin-left: 10px; margin-bottom: 10px; }*/
						.main-table-search{ width:100%; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:-ms-calc(100% - 70px); width:-o-calc(100% - 70px); width:calc(100% - 70px); width:expression(100% - 70px); max-width: 200px; height: 35px; position: relative; float:right; padding:0px; margin:0px; margin-bottom: 10px;}
							.main-table-search-textbox{ width: 100%; height: 35px; position: relative; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:15px; line-height:33px; font-weight:300; color:var(--StyleTextColor); text-decoration:none; padding:0px; padding-left:35px; margin:0px; margin-right: 5px; border:var(--StyleBorderColorSoft25) 1px solid; background: white url(imgs/iconset.png) top left no-repeat; background-color:transparent; width:100%; height:35px; filter: var(--StyleImgColor);}
							.main-table-legnth-textbox:focus, .main-table-legnth-textbox:focus{outline:none; border:var(--StyleColor) 1px solid;}

					.Page-content-main-table-scroll{width: 100%; overflow-x: scroll; overflow-y: hidden;}
						.Page-content-main-table table{width:100%; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: var(--StyleBorderColorSoft25) 1px solid; border-spacing: 0; border-collapse: separate;}

						.Page-content-main-table table thead tr{ width: 100%; height:auto; background: var(--StyleBorderColorSoft15)}
							.Page-content-main-table table thead tr th{padding:10px 5px; font-family:'Roboto', sans-serif; font-size:15px; line-height: 25px; color:var(--StyleTextColor); text-decoration:none; font-weight:500; min-height:50px; overflow:hidden; word-break:break-all; border-left: var(--StyleBorderColorSoft25) 1px solid;}
							.Page-content-main-table table thead tr th:first-child{border-left:none;}
						.Page-content-main-table table tfoot{ display: table-header-group;}
						.Page-content-main-table table tfoot tr{ width: 100%; height:auto; background: var(--StyleCerceveBgColor)}
							.Page-content-main-table table tfoot tr th{padding:0px 5px; overflow:hidden; word-break:break-all;  border-top: var(--StyleBorderColorSoft25) 1px solid; border-left: var(--StyleBorderColorSoft25) 1px solid;}
							.Page-content-main-table table tfoot tr th:first-child{border-left:none;}

						.Page-content-main-table table tbody tr{ width: 100%; height:auto; min-height: 50px;}
							.Page-content-main-table table td{padding:5px; font-family:'Roboto', sans-serif; font-size:15px; line-height: 25px; color:var(--StyleTextColor); text-decoration:none; font-weight:300; min-height:50px; overflow:hidden; word-break:break-all;  border-top: var(--StyleBorderColorSoft25) 1px solid; border-left: var(--StyleBorderColorSoft25) 1px solid;}
							.Page-content-main-table table tbody tr td:first-child{border-left:none;}
								.Page-content-main-table table td b{ font-weight: 400;}
 						.Page-content-main-table table th.align-center{text-align: center;}
							.Page-content-main-table table td.align-center{text-align: center;}
						.Page-content-main-table table th.align-left{text-align: left;}
							.Page-content-main-table table td.align-left{text-align: left;}
						.Page-content-main-table table th.align-right{text-align: right;}
							.Page-content-main-table table td.align-right{text-align: right;}
						.Page-content-main-table table th.word-break{word-break:break-all;}
							.Page-content-main-table table td.word-break{word-break:break-all;}
						.Page-content-main-table table th.table-max-50{width:50px; word-break:normal;}
							.Page-content-main-table table td.table-max-50{width:50px; word-break:normal;}
						.Page-content-main-table table th.table-max-75{width:75px; word-break:normal;}
							.Page-content-main-table table td.table-max-75{width:75px; word-break:normal;}
						.Page-content-main-table table th.table-max-100{width:100px; word-break:normal;}
							.Page-content-main-table table td.table-max-100{width:100px; word-break:normal;}
						.Page-content-main-table table th.table-max-125{width:125px; word-break:normal;}
							.Page-content-main-table table td.table-max-125{width:125px; word-break:normal;}
						.Page-content-main-table table th.table-max-150{width:150px; word-break:normal;}
							.Page-content-main-table table td.table-max-150{width:150px; word-break:normal;}
						.Page-content-main-table table th.table-max-180{width:180px; word-break:normal;}
							.Page-content-main-table table td.table-max-180{width:180px; word-break:normal;}
						.Page-content-main-table table th.table-max-200{width:200px; word-break:normal;}
							.Page-content-main-table table td.table-max-200{width:200px; word-break:normal;}
						.Page-content-main-table table th.table-max-250{width:250px; word-break:normal;}
							.Page-content-main-table table td.table-max-250{width:250px; word-break:normal;}
						.Page-content-main-table table th.table-max-280{width:280px; word-break:normal;}
							.Page-content-main-table table td.table-max-280{width:280px; word-break:normal;}
						.Page-content-main-table table th.table-max-300{width:300px; word-break:normal;}
							.Page-content-main-table table td.table-max-300{width:300px; word-break:normal;}
						.Page-content-main-table table td.main-table-empty{text-align: center; color: var(--HataColor)}
						.Page-content-main-table table td a{font-family:'Roboto', sans-serif; color:var(--StyleTextColor); font-size:15px; text-decoration:none; line-height:25px; font-weight:300;}
							.Page-content-main-table table td a:hover{color:var(--StyleColor);}
						.Page-content-main-table table td span.table-buton{display:block; float: left; position: relative; margin: 0px; padding:0px; width: auto; height: auto; overflow: hidden; line-height:0; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
							.Page-content-main-table table td span.table-buton a{ width:30px; height:30px; display:inline-block; position:relative; overflow:hidden; margin: 0px 3px; padding:0px; cursor:pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-size: 15px; font-weight: 200; color: #FFFFFF; line-height: 30px;  text-decoration: none; text-align: center;}
						.Page-content-main-table table td span.table-basarili{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--OkeyColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}
						.Page-content-main-table table td span.table-basarisiz{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--UyariColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}
						.Page-content-main-table table td span.table-yok{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--HataColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}
						.Page-content-main-table table td span.table-tamam{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--OkeyColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}
						.Page-content-main-table table td span.table-uyari{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--UyariColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}
						.Page-content-main-table table td span.table-bilgi{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--BilgiColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}
						.Page-content-main-table table td span.table-hata{display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:13px; line-height: 25px; color:var(--HataColor); text-decoration:none; font-weight:400; width: 100%; text-align: center;}

							.Page-content-main-table table th input{-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:13px; line-height:25px; font-weight:300; text-decoration:none; padding:0px; padding-left:25px; margin:4px 0px; border:var(--StyleBorderColorSoft25) 1px solid; width:100%; height:25px; color:var(--StyleTextColor);  display: block; float: left; position:relative; background: white url(imgs/iconset25.png) top left no-repeat; background-color:transparent; filter: var(--StyleImgColor);}

							.Page-content-main-table table th select{-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; font-family:'Roboto', sans-serif; font-size:13px; line-height:25px; font-weight:300; text-decoration:none; padding:0px; margin:4px 0px; border:var(--StyleBorderColorSoft25) 1px solid; width:100%; height:25px; color:var(--StyleTextColor); display: block; float: left; position:relative; background-color:transparent; cursor:pointer;}

							.Page-content-main-table table th input:focus, .Page-content-main-table table th select:focus{outline:none; border:var(--StyleColor) 1px solid;}

								.Page-content-main-table table td a.table-add{background:#38713B;}
								.Page-content-main-table table td a.table-edit{background:#F87217;}
								.Page-content-main-table table td a.table-view{background:#6F4E37;}
								.Page-content-main-table table td a.table-delete{background:#B21807;}
								.Page-content-main-table table td a.table-listing{background:#7F4E52;}
								.Page-content-main-table table td a.table-download{background:#872657;}
								.Page-content-main-table table td a.table-xml{background:#7575CF;}

							.Page-content-main-table table td span.table-buton a:hover{ opacity: 0.60}

							table.dataTable thead > tr > th.main-table-sorting, table.dataTable thead > tr > th.main-table-sorting-asc, table.dataTable thead > tr > th.main-table-sorting-desc, table.dataTable thead > tr > th.main-table-sorting-asc-disabled, table.dataTable thead > tr > th.main-table-sorting-desc-disabled, table.dataTable thead > tr > td.main-table-sorting, table.dataTable thead > tr > td.main-table-sorting-asc, table.dataTable thead > tr > td.main-table-sorting-desc, table.dataTable thead > tr > td.main-table-sorting-asc-disabled, table.dataTable thead > tr > td.main-table-sorting-desc-disabled { cursor: pointer; position: relative; padding-right: 20px;}
							table.dataTable thead > tr > th.main-table-sorting:before, table.dataTable thead > tr > th.main-table-sorting:after, table.dataTable thead > tr > th.main-table-sorting-asc:before, table.dataTable thead > tr > th.main-table-sorting-asc:after, table.dataTable thead > tr > th.main-table-sorting-desc:before, table.dataTable thead > tr > th.main-table-sorting-desc:after, table.dataTable thead > tr > th.main-table-sorting-asc-disabled:before, table.dataTable thead > tr > th.main-table-sorting-asc-disabled:after, table.dataTable thead > tr > th.main-table-sorting-desc-disabled:before, table.dataTable thead > tr > th.main-table-sorting-desc-disabled:after, table.dataTable thead > tr > td.main-table-sorting:before, table.dataTable thead > tr > td.main-table-sorting:after, table.dataTable thead > tr > td.main-table-sorting-asc:before, table.dataTable thead > tr > td.main-table-sorting-asc:after, table.dataTable thead > tr > td.main-table-sorting-desc:before, table.dataTable thead > tr > td.main-table-sorting-desc:after, table.dataTable thead > tr > td.main-table-sorting-asc-disabled:before, table.dataTable thead > tr > td.main-table-sorting-asc-disabled:after, table.dataTable thead > tr > td.main-table-sorting-desc-disabled:before, table.dataTable thead > tr > td.main-table-sorting-desc-disabled:after {position: absolute; display: block; opacity: 0.125; right: 5px; line-height: 9px; font-size: 0.9em;}
							table.dataTable thead > tr > th.main-table-sorting:before, table.dataTable thead > tr > th.main-table-sorting-asc:before, table.dataTable thead > tr > th.main-table-sorting-desc:before, table.dataTable thead > tr > th.main-table-sorting-asc-disabled:before, table.dataTable thead > tr > th.main-table-sorting-desc-disabled:before, table.dataTable thead > tr > td.main-table-sorting:before, table.dataTable thead > tr > td.main-table-sorting-asc:before, table.dataTable thead > tr > td.main-table-sorting-desc:before, table.dataTable thead > tr > td.main-table-sorting-asc-disabled:before, table.dataTable thead > tr > td.main-table-sorting-desc-disabled:before {bottom: 50%; content: "▴";}
							table.dataTable thead > tr > th.main-table-sorting:after, table.dataTable thead > tr > th.main-table-sorting-asc:after, table.dataTable thead > tr > th.main-table-sorting-desc:after, table.dataTable thead > tr > th.main-table-sorting-asc-disabled:after, table.dataTable thead > tr > th.main-table-sorting-desc-disabled:after, table.dataTable thead > tr > td.main-table-sorting:after, table.dataTable thead > tr > td.main-table-sorting-asc:after, table.dataTable thead > tr > td.main-table-sorting-desc:after, table.dataTable thead > tr > td.main-table-sorting-asc-disabled:after, table.dataTable thead > tr > td.main-table-sorting-desc-disabled:after {top: 50%; content: "▾";}
								table.dataTable thead > tr > th.main-table-sorting-asc:before, table.dataTable thead > tr > th.main-table-sorting-desc:after,table.dataTable thead > tr > td.main-table-sorting-asc:before,table.dataTable thead > tr > td.main-table-sorting-desc:after {opacity: 1;}
								table.dataTable thead > tr > th.main-table-sorting-desc-disabled:after, table.dataTable thead > tr > th.main-table-sorting-asc-disabled:before, table.dataTable thead > tr > td.main-table-sorting-desc-disabled:after, table.dataTable thead > tr > td.main-table-sorting-asc-disabled:before {display: none;}
								table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {outline: none;}

							div.main-table-processing {position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; text-align: center; font-family:'Roboto'; font-size:15px; line-height:35px; font-weight:400; text-decoration:none;  color: var(--StyleColor);}
							div.main-table-processing > div:last-child {position: relative; width: 60px; height: 15px; margin: 1em auto;}
							div.main-table-processing > div:last-child > div {position: absolute; top: 0; width: 13px; height: 13px; border-radius: 50%; background:var(--StyleColor); animation-timing-function: cubic-bezier(0, 1, 1, 0);}
							div.main-table-processing > div:last-child > div:nth-child(1) {left: 8px; animation: datatables-loader-1 0.6s infinite;}
							div.main-table-processing > div:last-child > div:nth-child(2) {left: 8px; animation: datatables-loader-2 0.6s infinite;}
							div.main-table-processing > div:last-child > div:nth-child(3) {left: 32px; animation: datatables-loader-2 0.6s infinite;}
							div.main-table-processing > div:last-child > div:nth-child(4) {left: 56px; animation: datatables-loader-3 0.6s infinite;}

							@keyframes datatables-loader-1 {0% {transform: scale(0);} 100% {transform: scale(1);}}
							@keyframes datatables-loader-3 {0% {transform: scale(1);} 100% {transform: scale(0);}}
							@keyframes datatables-loader-2 {0% {transform: translate(0, 0);} 100% {transform: translate(24px, 0);}}

					.Page-content-main-table table.responsive-table{width:100%;margin:0;padding:0;}
					.Page-content-main-table table.responsive-table thead{display:none;}
					.Page-content-main-table table.responsive-table tfoot{display:none;}
					.Page-content-main-table table.responsive-table thead tr{background:none;padding:10px;display:block;}
					.Page-content-main-table table.responsive-table tbody{ display: block;}
					.Page-content-main-table table.responsive-table tbody tr{width:100%; display: block; float: left; padding: 15px 0px;}
					.Page-content-main-table table.responsive-table tbody tr:nth-child(even){ background: var(--StyleBorderColorSoft15);}
						.Page-content-main-table table.responsive-table td{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); margin:0px 10px; display:block;text-align:left;word-break:normal; border: none; min-height:auto; line-height: 30px; padding:0px;}
						.Page-content-main-table table.responsive-table th.table-max-50{word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-50{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-75{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-75{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-100{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-100{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-125{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-125{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-150{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-150{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-180{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-180{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-200{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-200{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-250{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-250{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-280{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-280{ word-break:normal;}
						.Page-content-main-table table.responsive-table th.table-max-300{ word-break:normal;}
							.Page-content-main-table table.responsive-table td.table-max-300{ word-break:normal;}
						
						.Page-content-main-table table.responsive-table td:before{content:attr(data-label)" :"; font-weight:500; color:var(--StyleTextColor); line-height: 30px; margin-right: 5px;}
						.Page-content-main-table table.responsive-table td span{ display: inline-block; line-height: 30px;}
						.Page-content-main-table table.responsive-table td span.table-basarili, .Page-content-main-table table.responsive-table td span.table-basarisiz, .Page-content-main-table table.responsive-table td span.table-yok, .Page-content-main-table table.responsive-table td span.table-tamam, .Page-content-main-table table.responsive-table td span.table-uyari, .Page-content-main-table table.responsive-table td span.table-bilgi, .Page-content-main-table table.responsive-table td span.table-hata{ display:inline-block; width: auto; text-align: left;}

						.Page-content-main-table table.responsive-table td span.table-buton{ display:inline-block; width: auto; float: right; line-height: 0px; left: 0px;-webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -moz-transform:translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%);}


					.Page-content-main-pagination{width:100%; position:relative; height: auto; float:left; margin:0px; margin-top: 20px; padding:0px; display:block; text-align:left;}
						.Page-content-main-sayac{width:auto; position:relative; height: auto; float:left; margin:0px; margin-top: 20px; padding:0px; display:block; text-align:left; font-family:'Roboto', sans-serif; font-size:13px; line-height: 30px; color:var(--StyleTextColor); text-decoration:none; font-weight:300; overflow:hidden;}
						
						.Page-content-main-paging{width:auto; position:relative; height: auto; float:right; margin:0px; margin-top: 20px; padding:0px; display:block; font-weight:300; overflow:hidden;}
							.main-paging{font-family:'Roboto', sans-serif; font-size: 12px; color:var(--StyleTextColor);  font-weight:400; text-align:center; text-decoration: none; background:var(--StyleBackgroundColorSoft10);  border: var(--StyleBorderColorSoft25) 1px solid; width:30px; line-height:30px; height:30px; cursor:pointer; display:inline-block; margin:0px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
							.main-paging:hover {background:var(--StyleColor); border: var(--StyleColor) 1px solid; color: #FFFFFF; }
							.main-paging-select{font-family:'Roboto', sans-serif; font-size:12px; color:#FFFFFF; font-weight:400; text-align:center; text-decoration:none; background:var(--StyleColor); border: var(--StyleColor) 1px solid; width:30px; line-height:30px; height:30px; cursor:pointer; display:inline-block; margin:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}


.Radius5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.Radius10{ -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}

.MarginTop20{margin-top: 20px;}
.MarginBottom20{margin-bottom: 20px;}
.MarginLeft20{margin-left: 20px;}
.MarginRight20{margin-right: 20px;}

@media screen and (max-width: 1200px) {
	#Menu{ left:-260px;}
		#Menu.visible {left: 0px;}
	
	#Page{width:100%; margin-left:0px;}
	#Page.visible{width:100%; margin-left:0px;}
	#Page-content{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); margin:20px 10px;}
	
}
@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 900px) {
	.Page-content-main-forms span.forms-textbox{min-height:30px; line-height: 30px; margin:0px; margin-bottom:5px;}
	.Page-content-main-forms span.forms-textbox strong{width:100%; height:20px; text-align:left; line-height: 20px; }
}
@media only screen and (max-width:800px) {
	.Page-content-main-25{width:50%;}
	.Page-content-sayisal-text{top: 0%; -webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -moz-transform:translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%);}
	.Page-content-sayisal-icon i{left: 50%; top: 0%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
	.Page-content-main-25-20{width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); margin-right: 20px;}
	.Page-content-main-bgnone .Page-content-main-25-20:nth-child(1){ margin-bottom: 20px;}
	.Page-content-main-bgnone .Page-content-main-25-20:nth-child(2){width:50%; margin-right: 0px; margin-bottom: 20px;}
	
}

@media only screen and (max-width:600px) {
	#Header-logo{width:60px;}
			#Header-logo a .Header-logo-text{ display: none;}
		#Header-menu{ width:100%; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:-ms-calc(100% - 80px); width:-o-calc(100% - 80px); width:calc(100% - 80px); width:expression(100% - 80px);}
	
	.Page-content-main-sayac{width:100%; text-align: center;}
	.Page-content-main-paging{margin-top: 10px; float: left; left: 50%; top: 0%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
}
	
@media only screen and (max-width:480px) {
	#Login{ width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:none; height: auto; min-height:auto;}
	
	.Page-content-sayisal{height: auto;}
	.Page-content-main-25{width:100%;}
	.Page-content-main-25-20{width:100%; margin: 0px;margin-bottom: 20px; }
	.Page-content-main-bgnone .Page-content-main-25-20:nth-child(2){width:100%; margin-right: 0px; }
}	
@media only screen and (max-height:600px) {
	#Login{ margin: 20px 0px; left: 50%; top: 0%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
}

.PhotoScript-box{visibility:hidden;opacity:0;top:0;left:0;right:0;bottom:0;width:0;height:0;margin:auto;position:fixed;background-color:rgba(0,0,0,0.84);z-index:30;transition:all 600ms cubic-bezier(0.86,0,0.07,1);box-sizing:border-box;transform:scale(0)}
.PhotoScript-box.pht-active{visibility:visible;transform:scale(1);opacity:1;top:0;left:0;right:0;bottom:0;position:fixed;width:100%;height:100%}
.PhotoScript-box .pht-content{display:block;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;margin:auto;padding:20px;transition:all .5s;height:100%}
	.PhotoScript-box .pht-image-container{position:absolute;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-around}
.PhotoScript-box img.pht-image{position:relative;max-height:90%;max-width:90%;cursor:pointer;min-width:0;min-height:0;margin:auto;}
	.PhotoScript-box img.pht-image.pht-image-loaded{max-height:100%;max-width:100%;min-height:1px;}
.PhotoScript-box .pht-no-image-found{position:absolute;left:0;right:0;top:0;bottom:0;display:none;height:100%;width:100%;padding:10px;margin:auto;overflow:visible;color:#fff;text-align:center;cursor:pointer}
	.PhotoScript-box .pht-no-image-found .no-found-msg{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(50%);margin:0 auto; font-family:"Arial";}
.PhotoScript-box .pht-control-panel{position:absolute;bottom:5px;right:50%;transform:translateX(50%);z-index:2;margin-bottom:20px;background:rgba(0,0,0,0.64);border-radius:3px;opacity:.5}
	.PhotoScript-box .pht-control-panel:hover{opacity:1}
.PhotoScript-box .pht-panel-button{font-size:22px;display:inline-block;color:#fff;text-align:center;cursor:pointer;width:30px;height:28px;margin:2px 5px}
	.PhotoScript-box .pht-panel-button:not(:last-child){margin-right:10px}
.PhotoScript-box .pht-download{text-decoration:underline}
.PhotoScript-box .pht-autoplay-playing{line-height:23px;font-size:18px;word-spacing:-7px;font-weight:bolder;vertical-align:bottom}
.PhotoScript-box .pht-header{position:absolute;top:9px;left:50%;transform:translateX(-50%);z-index:32;margin:0;padding:0;display:block;background:transparent}
.PhotoScript-box .pht-image-title{display:block;padding:5px 10px;color:#FFFFFF;font-size:16px;background:rgba(0,0,0,0.32);transition:opacity .5s ease-out;opacity:0; font-family:"Arial";}
	.PhotoScript-box .pht-image-title:not(:empty){opacity:1}
	.PhotoScript-box .pht-image-title.pht-image-notitle{opacity:0}
.PhotoScript-box .pht-image-count{display:block;margin-right:5px;font-weight:500;color:#FFFFFF;font-size:11px;background:transparent; font-family:"Arial";}
.PhotoScript-box .pht-control{cursor:pointer;color:#FFFFFF;overflow:visible;}
	.PhotoScript-box .pht-control:hover{color:#F73240;}
	.PhotoScript-box .pht-control-text{font-family:"Arial";font-size:45px;font-weight:700}
.PhotoScript-box .pht-prev,.PhotoScript-box .pht-next{position:absolute;display:flex;flex-direction:column;justify-content:center;width:70px;height:50px;top:50%; margin-top:-25px;z-index:2}
	.PhotoScript-box .pht-prev{left:0;text-align:left}
	.PhotoScript-box .pht-prev .pht-control-text{margin-left:30px}
	.PhotoScript-box .pht-next{right:0;text-align:right}
	.PhotoScript-box .pht-next .pht-control-text{margin-right:30px}
.PhotoScript-box .pht-close{position:absolute;top:0;right:0;width:5%;height:5%;z-index:3;text-align:right;}
	.PhotoScript-box .pht-close .pht-control-text{display:block;margin-top:17px;margin-right:30px;font-size:30px}

	

.Calendar-Full {position:relative; margin:0px; padding:0px; display:block; float:left; top: 0px; bottom: 0px; left: 0px; width: 100%; height: auto; overflow:hidden;}
	.Calendar-Container {position:relative; margin:0px; padding:0px; display:block; float:left; top: 0px; bottom: 0px; left: 0px; width: 100%; height: auto; overflow:hidden;}
	.Calendar-Header {width:100%; height: 50px; padding:0px; margin:0px; position: relative; display:block; float:left; border-bottom:#DDE4E9 1px solid;}
		.Calendar-Header div.Calendar-Header-Date {position:relative; float:left; display:block; width:auto; height:30px; margin:0px; margin-top:10px; padding:0px; display:block;}
			.Calendar-Header div.Calendar-Header-Date span {position: relative; float: left; font-family: "Roboto"; font-size: 18px; line-height:30px; color:#2D2E44; text-decoration: none; font-weight:400; text-align:center; margin-right:5px;}
		.Calendar-Header div.Calendar-Header-Buton {position:relative; float:right; display:block; width:auto; height:30px; margin:0px; margin-top:10px; margin-right:10px; padding:0px; display:block;}
			.Calendar-Header div.Calendar-Header-Buton span {width: 30px; height: 30px; position: relative; float: left; cursor: pointer; font-family: "Roboto"; font-size: 24px; line-height:30px; color: #2D2E44; text-decoration: none; font-weight:600; text-align:center; margin-left:5px;}
			.Calendar-Header div.Calendar-Header-Buton span:hover {color:#F73240;}

	.Lgnt-Calendar{width:100%;height:100%; display:block; float:left; margin:0px; padding:0px; position:relative;}
		.Lgnt-Calendar .Lgnt-Calendar-Head{width:100%; height:50px; line-height:50px; margin:0px; padding:0px; background:#DDE4E9;}
			.Lgnt-Calendar .Lgnt-Calendar-Head > div{float:left; height:100%; width:14.28%; width:-webkit-calc(100%/7); width:-moz-calc(100%/7); width:-o-calc(100%/7); width:-ms-calc(100%/7); width:calc(100%/7); position:relative; font-family: "Roboto"; font-size: 15px; color: #2D2E44; text-decoration: none; font-weight: 400; min-height: 50px; overflow: hidden; word-break: break-all; text-align:center;}
		.Lgnt-Calendar .Lgnt-Calendar-Body{width:100%; height:100%; display:block; float:left; margin:0px; padding:0px; position:relative;}
		.Lgnt-Calendar .Lgnt-Calendar-Row{width:100%; height:100%; display:block; float:left; overflow:hidden; border:none; border-bottom:1px solid #DDE4E9}
		.Lgnt-Calendar .Lgnt-Calendar-Row:last-child{border:none;}
		.Lgnt-Calendar-Four-Rows .Lgnt-Calendar-Row, .Lgnt-Calendar-Five-Rows .Lgnt-Calendar-Row, .Lgnt-Calendar-Six-Rows .Lgnt-Calendar-Row{ height:150px;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div{width:14.28%; width:-webkit-calc(100%/7); width:-moz-calc(100%/7); width:-o-calc(100%/7); width:-ms-calc(100%/7); width:calc(100%/7); height:150px; position:relative; float:left; border:none; border-right:1px solid #DDE4E9; padding:10px; overflow-x:hidden; cursor:pointer;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div:last-child{border:none;}
				.Lgnt-Calendar .Lgnt-Calendar-Row > div::-webkit-scrollbar {display: none;}
				.Lgnt-Calendar .Lgnt-Calendar-Row > div::-moz-scrollbar {display: none;}
				.Lgnt-Calendar .Lgnt-Calendar-Row > div::-o-scrollbar {display: none;}
				.Lgnt-Calendar .Lgnt-Calendar-Row > div::-ms-scrollbar {display: none;}
				.Lgnt-Calendar .Lgnt-Calendar-Row > div::scrollbar {display: none;}
			
			.Lgnt-Calendar .Lgnt-Calendar-Row > div.Lgnt-Calendar-Today{background:#F6F8F9;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div > span.Lgnt-Calendar-Weekday{padding-left:5px; display:none; font-family: "Roboto"; font-size: 12px; color: #2D2E44; text-decoration: none; font-weight:300; text-align:left; float:left;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div > span.Lgnt-Calendar-Date{width: 20px; font-family: "Roboto"; font-size: 18px; color: #2D2E44; text-decoration: none; font-weight:400; text-align:left; float:left;}
		.Lgnt-Calendar .Lgnt-Calendar-Row > div > div{ width:100%; height:auto; margin-top:10px; margin-bottom:10px; display:block; float:left; position:relative;}
		.Lgnt-Calendar .Lgnt-Calendar-Row > div > div a{ float:left; display:block; overflow:hidden; width:100%; margin-bottom:5px; padding:5px; background:#E9ECEF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div > div a span.TakvimSaat{font-family: "Roboto"; font-size: 11px; line-height:18px; color: #F73240; text-decoration: none; font-weight:300; float:left; display:block; overflow:hidden; width:100%;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div > div a span.TakvimNeden{font-family: "Roboto"; font-size: 12px; line-height:18px; color: #363A4B; text-decoration: none; font-weight:400; float:left; display:block; overflow:hidden; width:100%;}
			.Lgnt-Calendar .Lgnt-Calendar-Row > div > div a span.TakvimBaslik{font-family: "Roboto"; font-size: 14px; line-height:18px; color: #363A4B; text-decoration: none; font-weight:300; float:left; display:block; overflow:hidden; width:100%;}
		.Lgnt-Calendar .Lgnt-Calendar-Row > div > div a:hover{background:#2D2E44;}
				.Lgnt-Calendar .Lgnt-Calendar-Row > div > div a:hover span.TakvimSaat, .Lgnt-Calendar .Lgnt-Calendar-Row > div > div a:hover span.TakvimNeden, .Lgnt-Calendar .Lgnt-Calendar-Row > div > div a:hover span.TakvimBaslik{color:#FFFFFF;}
		
@media screen and (max-width: 1000px) {
	.Lgnt-Calendar .Lgnt-Calendar-Row, .Lgnt-Calendar .Lgnt-Calendar-Row > div {width: 100%;	height:auto;}
	.Lgnt-Calendar .Lgnt-Calendar-Row > div:empty{border:none; height:0px; min-height:0px; padding:0px;}
	.Lgnt-Calendar .Lgnt-Calendar-Row > div {border:none; border-bottom:#DDE4E9 1px solid;}
	.Lgnt-Calendar .Lgnt-Calendar-Head {display: none; border:none;}
	.Lgnt-Calendar .Lgnt-Calendar-Row > div > div {margin-top: 0px; width:100%; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:-ms-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); width:expression(100% - 60px); display: inline-block;}
	.Lgnt-Calendar .Lgnt-Calendar-Row > div > span.Lgnt-Calendar-Date {width: 20px; display: inline-block; text-align: right;}
	.Lgnt-Calendar .Lgnt-Calendar-Row > div > span.Lgnt-Calendar-Weekday {display: inline-block; width: 40px; padding-top:6px;}
}


.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:space-between;box-shadow:0 0 5px rgba(0,0,0,.05),0 5px 20px rgba(0,0,0,.1);-moz-user-select:none;-webkit-user-select:none;user-select:none}.clr-picker.clr-open{display:flex}.clr-dark{background-color:#444}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0,0,0,0),#000),linear-gradient(90deg,#fff,currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px}.clr-picker input[type=range]::-webkit-slider-thumb{width:8px;height:8px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:8px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0}.clr-hue{background-image:linear-gradient(to right,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg,rgba(0,0,0,0),currentColor)}.clr-alpha input,.clr-hue input{position:absolute;width:calc(100% + 16px);height:16px;left:-8px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:0;margin:-4px 0 0 -8px;border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-swatches{order:2;width:calc(100% - 40px);margin:0 20px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 8px 6px 0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:last-child,.clr-swatches button:nth-child(6n){margin-right:0}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}input.clr-color{order:1;width:120px;height:32px;margin:15px 20px 15px 0;padding:0 15px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:left;box-shadow:none}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}input.clr-color:focus{outline:0;border:1px solid #aaa}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border:0;border-radius:50%;overflow:hidden;cursor:pointer}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:#000}.clr-field button{-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position:absolute;width:30px;height:30px;right:0;top:50%;transform:translateY(-50%);border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0,0,0,.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg,#aaa 25%,transparent 25%,transparent 75%,#aaa 75%,#aaa),repeating-linear-gradient(45deg,#aaa 25%,#fff 25%,#fff 75%,#aaa 75%,#aaa);background-position:0 0,4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus{outline:0;box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff}

