/*	/////////		SAYFA YAPISI		////////// */
	
	html {
		margin:0px;
		padding:0px;
		height:100%;
	}
	
	body {
		margin:0px;
		padding:0px;
		height:100%;
		background:#FFF;
	}
	
	body, input, select, textarea, button {
		font-family:'NotoSans';
		font-size:13px;
		font-weight:300;
		color:#000;
		/*overflow:hidden;*/
		border:0;
	}
	
	b {
		font-weight: bold!important;
		font-style: bold!important;
	}
	
	label {
		cursor:pointer;
	}
	
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
		background-image:url(../images/icon_downArrow.png)!important;
		background-repeat:no-repeat!important;
		background-position:right 50%!important;
		
	} select::-ms-expand {
		display: none;
	}
	
	* {
		outline:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		background-clip:border-box;
		-moz-background-clip:border-box;
		-webkit-background-clip:border-box;
		/*-webkit-appearance:none;*/
	}
	
	/*	/////////////////////////////////////////////////// */
	
	@font-face {
		font-family: 'NotoSans';
		src: url('NotoSans.eot?#iefix') format('embedded-opentype'),  url('NotoSans.woff') format('woff'), url('NotoSans.ttf')  format('truetype'), url('NotoSans.svg#NotoSans') format('svg');
		font-weight: normal;
		font-style: normal;
		
	}
	
	/*	/////////////////////////////////////////////////// */
	/*	/////////		BODY			////////// */
	
	
	.main-buttons {
		width:100%;
		display:table;
		list-style:none;
		margin:0;
		padding:0;
		
	} .main-buttons {
		white-space:nowrap;
		
	} .main-buttons li {
		display:table-row;
		
	} .main-buttons li a {
		display:table-cell;
		vertical-align:middle;
		text-align:left;
		width:100%;
		height:46px;
		padding:0 10px;
		color:#333;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		border-top:1px solid rgba(255,255,255,0.85);
		border-bottom:1px solid rgba(0,0,0,0.15);
		overflow:hidden;
		
	} .main-buttons li a:hover,
	  .main-buttons li a.active {
		background:#CCC;
		text-decoration:none;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		
	} .main-buttons li img {
		vertical-align:middle;
		
	} .main-buttons li span {
		display:inline-block;
		vertical-align:middle;
		padding:0 10px;
		
	} .main-buttons li a.active span {
		font-weight:700;
		
	}
	
	.record-edit {
		display:table;
		width:800px;
		white-space:nowrap;
		
	} .record-edit .row {
		display:table-row;
		
	} .record-edit .row > .cell:nth-child(1) {
		display:table-cell;
		vertical-align:middle;
		width:240px;
		padding:6px 0;
		border-top:1px solid #E5E5E5;
		
	} .record-edit .row > .cell:nth-child(2) {
		display:table-cell;
		vertical-align:middle;
		width:auto;
		padding:6px 0;
		border-top:1px solid #E5E5E5;
		
	} .record-edit .row:nth-child(1) > .cell {
		border:0;
		
	} .record-edit .row .cell:nth-child(1) span {
		color:red;
		
	} .record-edit select {
		
		
	}
	
	.record-read {
		display:table;
		width:100%;
		
	} .record-read .row {
		display:table-row;
		
	} .record-read .row > .cell:nth-child(1) {
		display:table-cell;
		vertical-align:middle;
		width:260px;
		padding:8px 0;
		border-top:1px solid #E5E5E5;
		
	} .record-read .row > .cell:nth-child(2) {
		display:table-cell;
		vertical-align:middle;
		width:auto;
		padding:8px 0;
		border-top:1px solid #E5E5E5;
		
	} .record-read .row:nth-child(1) > .cell {
		border:0;
		
	}
	
	.record-list {
		display:table;
		width:100%;
		white-space:nowrap;
		table-layout:fixed;
		
	} .record-list .titles,
	  .record-list .items {
		display:table-row;
		
	} .record-list .titles .cell {
		display:table-cell;
		background:#EEE;
		border-bottom:1px solid #AAA;
		padding:10px;
		vertical-align:middle;
		
	} .record-list .items:hover {
		background:#FFFFCC;
		
	} .record-list .items .cell {
		display:table-cell;
		border-bottom:1px solid #DDD;
		padding:10px;
		vertical-align:middle;
		
	} .record-list .items .cell,
	  .record-list .items .cell * {
		font-size:13px;
	}
	
	.flex {
		position:relative;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		
	} .flex div {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		min-width:0;
	}
	
	.switch {
		position: relative;
		display: inline-block;
		width: 34px;
		height: 18px;
		
	} .switch input {
		display:none;
		
	} .switch .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background:url(../images/back_btnColor_3.png) no-repeat;
		background-size:100% 100%;
		-webkit-transition: .4s;
		transition: .4s;
		border:1px solid rgba(0,0,0,0.15);
		
	} .switch .slider:before {
		position: absolute;
		content: "";
		height: 10px;
		width: 10px;
		left: 3px;
		bottom: 2px;
		background:url(../images/back_btnColor_4.png) no-repeat;
		background-size:100% 100%;
		border:1px solid rgba(0,0,0,0.35);
		-webkit-transition: .4s;
		transition: .4s;
		
	} .switch input:checked + .slider {
		background: #56C072!important;
		
	} .switch input:focus + .slider {
		box-shadow: 0 0 1px #56C072;
		
	} .switch input:checked + .slider:before {
		-webkit-transform: translateX(14px);
		-ms-transform: translateX(14px);
		transform: translateX(14px);
		background:#FFF;
		border:1px solid transparent;
		
	} .switch .slider.round {
		border-radius: 34px;
		
	} .switch .slider.round:before {
		border-radius: 50%;
		
	}
	
	
	/* Tablet Portrait size to standard 768 (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:768px) {
		
		body {
			zoom:61%;
		}
		
		/* css1 */
	}
	/* Tablet Portrait size to standard 768 (devices and browsers) */
	@media only screen and (min-width:769px) and (max-width:1024px) {
		
		body {
			zoom: 80%!important;
		}
		
		/* css2 */
	}
	/* Tablet Landscape size to standard (devices and browsers) */
	@media only screen and (min-width:1025px) and (max-width:1366px) {
		
		body {
			zoom: 85.5%!important;
		}
		
		/* css3 */
	}
	
	
	/*	//////////////////////////////////////////////////// */
	/*	/////////	DIGER MATERYALLER		////////// */
	/*	//////////////////////////////////////////////////// */
	
	input.dark::-webkit-input-placeholder {
		color:#333;
	} input.dark:-moz-placeholder {
		color:#333;  
	} input.dark::-moz-placeholder {
		color:#333;  
	} input.dark:-ms-input-placeholder {  
		color:#333;  
	}
	
	input.frm-search-word::-webkit-input-placeholder {
		color:rgba(255,255,255,0.35);
	} input.frm-search-word:-moz-placeholder {
		color:rgba(255,255,255,0.35);
	} input.frm-search-word::-moz-placeholder {
		color:rgba(255,255,255,0.35);
	} input.frm-search-word:-ms-input-placeholder {  
		color:rgba(255,255,255,0.35);  
	}
	
	.left-panel::-webkit-scrollbar-track {
		-webkit-box-shadow:none;
		border-radius:0;
		background:#CCC;
		
	} .left-panel::-webkit-scrollbar {
		width:8px;
		
	} .left-panel::-webkit-scrollbar-thumb {
		border-radius:0;
		-webkit-box-shadow:none;
		background:#111;
		transition:background 0.2s;
		
	} .left-panel::-webkit-scrollbar-thumb:hover {
		background:#333;
		transition:background 0.2s;
	}
	
	.right-panel::-webkit-scrollbar-track {
		-webkit-box-shadow:none;
		border-radius:0;
		background:#CCC;
		
	} .right-panel::-webkit-scrollbar {
		width:8px;
		height:8px;
		
	} .right-panel::-webkit-scrollbar-thumb {
		border-radius:0;
		-webkit-box-shadow:none;
		background:#111;
		transition:background 0.2s;
		
	} .right-panel::-webkit-scrollbar-thumb:hover {
		background:#333;
		transition:background 0.2s;
	}
	
	body::-webkit-scrollbar-track {
		-webkit-box-shadow:none;
		border-radius:0;
		background:rgba(0,0,0,0.5);
		border-left:1px solid rgba(255,255,255,0.5);
		
	} body::-webkit-scrollbar {
		width:10px;
		
	} body::-webkit-scrollbar-thumb {
		border-radius:0;
		-webkit-box-shadow:none;
		background:#111;
		transition:background 0.2s;
		border-left:1px solid #FFF;
		
	} body::-webkit-scrollbar-thumb:hover {
		background:#333;
		transition:background 0.2s;
	}
	
	.noselect {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	input[type=text], input[type=password], textarea, select {
		font-size:13px;
		padding:6px;
		background:#111;
		color:#333;
		border:1px solid #111;
		vertical-align:middle;
		resize:none;
		margin:0;
		-webkit-appearance:none;
		-webkit-border-radius:0;
		border-radius:0;
		transition:background 0.2s, border 0.2s, color 0.2s;
		
	} input:focus[type=text], input:focus[type=password], textarea:focus {
		border:1px solid #444;
		background:#444;
		color:#FFF;
		transition:background 0.2s, border 0.2s, color 0.2s;
	}
	
	input.light[type=text], input.light[type=password], textarea.light, select.light {
		font-size:13px;
		padding:8px 10px!important;
		background:#FFF;
		color:#333;
		border:1px solid #BBB;
		vertical-align:middle;
		resize:none;
		margin:0;
		-webkit-appearance:none;
		-webkit-border-radius:4px;
		border-radius:4px;
		transition:border 0.2s, color 0.2s;
		
	} select.light {
		height:38px;
		
	} input.light:focus[type=text], input.light:focus[type=password], textarea.light:focus, select.light:focus {
		border:1px solid #333;
		padding:8px 10px!important;
		background:#FFFFCC;
		color:#000;
		transition:border 0.2s, color 0.2s;
	}
	
	button.gray {
		vertical-align:top;
		cursor:pointer;
		font-size:14px;
		color:#333;
		margin:0 2px;
		padding:6px 10px;
		background:-moz-linear-gradient(
			top,
			#ffffff 0%,
			#ebebeb 50%,
			#dbdbdb 50%,
			#b5b5b5);
		background:-webkit-gradient(
			linear, left top, left bottom,
			from(#ffffff),
			color-stop(0.50, #ebebeb),
			color-stop(0.50, #dbdbdb),
			to(#b5b5b5));
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border:1px solid #949494;
		-moz-box-shadow:
			0px 1px 3px rgba(000,000,000,0.25),
			inset 0px 0px 2px rgba(255,255,255,1);
		-webkit-box-shadow:
			0px 1px 3px rgba(000,000,000,0.25),
			inset 0px 0px 2px rgba(255,255,255,1);
		box-shadow:
			0px 1px 3px rgba(000,000,000,0.25),
			inset 0px 0px 2px rgba(255,255,255,1);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.2),
			0px 1px 0px rgba(255,255,255,1);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
			
	} button.gray:hover {
		background:#FFF;
		color:#000;
		
	} button.gray.active {
		background:#F7E31A;
		color:#000;
		
	} button.gray:active {
		background:#CCC;
		color:#444;
		margin-top:1px;
		
	}
	
	button.solid {
		vertical-align:top;
		cursor:pointer;
		background:#DDD;
		font-size:12px!important;
		font-weight:bold;
		letter-spacing:-0.5px;
		color:#333;
		margin:0 1px;
		padding:4px 6px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		border:1px solid #666;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		
	} button.solid img {
		vertical-align:top;
		margin:2px 0 0 0;
		
	} button.solid:hover {
		background:#FFF;
		color:#000;
		
	} button.solid:active {
		background:#DDD;
		margin-top:1px;
	}
	
	#blockDiv {
		display:none;
		position:fixed;
		z-index:999;
		width:100%;
		background:url(../images/blockImageBlack.png);
	}
	
	#blockTableDiv {
		display:none;
		position:fixed;
		z-index:9999;
		width:100%;
		background:url(../images/blockImageBlack.png);
		
	} #blockTableDiv .dialogBorder {
		width:400px;
		background:#FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		
	} #blockTableDiv .dialogBack {
		border:10px solid #FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		
	} #blockTableDiv #dialogTitle {
		padding:10px 0 0 0;
		font-size:18px;
		font-weight:700;
		color:#AD172B;
		
	} #blockTableDiv #dialogContent {
		margin:6px 0 10px 0;
		font-size:14px;
		color:#333;
		
	} #blockTableDiv .dialogButton {
		display:inline-block;
		margin:auto;
		padding:0 0 14px 0;
		
	}
	
	img {
		border:0;
	}
	
	.clear, .clr {
		clear:both;
	}
	
	a:link		{ text-decoration:none; 		}
	a:visited 	{ text-decoration:none; 		}
	a:hover   	{ text-decoration:underline; 	}