@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

.menuGizleButton{

	position: absolute;
	bottom: 100px;
	left: 0px;
	width: 18px;
	height: 50px;
	/* line-height: 50px; */
	padding: 3px;
	border: 1px solid #00000044;
	cursor: pointer;
	background: #00000022;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	

}
#myTabs{
	margin-top: 0px !important;
	overflow: auto;
    float: left;
	/*height: calc(100% - 52px);*/
    width: 0px;
	border-right: 1px solid #00000055;
	background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(206,235,244,0.1) 35%, rgba(0,212,255,0.2) 100%);
}
#myTabContent{
	height: calc(100% - 72px) !important;
    /* width: calc(100% - 200px); */
	width: 100%;
    float: left;
}
.nav-tabs>li {
    float: left;
    margin-bottom: 0px;
	height: 38px;
    width: 100%;
    background: #FFFFFF22;
    border-bottom: 1px solid black;
	border-radius: 0px;
}
.nav-tabs>li>a{
	border-radius: 0px;
    border:none;
	margin-right: 0px;
}
.nav-tabs>li>a:hover{
	color:#326A6B;
    background:white;
}
.nav-tabs>li>a>i {
	float: right;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #0097A7;
    border: 0px solid red;
    border-radius: 0px;
    box-sizing: border-box;
    display: block;
    margin-right: 1px;
    color: white;
}

.btn-success {
	color: #fff;
	background-color: rgb(18, 108, 108) !important;
}


.ace-monokai .ace_marker-layer .ace_selection{
	background: #FFFFFF55;
}


.percentageWidget-hgroup {
    width: 100%;
    float: left;
    overflow: auto;
    padding: 10px;
    font-weight: bold;
    color: #9E9E9E;
}

.percentageWidget {
    background: gray;
    border: 1px solid gray;
    overflow: auto;
    padding-left: 20px;
    border-radius: 10px;
    box-sizing: border-box;
    float: left;
    margin: 5px;
}


.percentageWidget div {
    box-sizing: border-box;
}

.percentageWidget-text {
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
    width: Calc(100% - 100px);
    font-size: 16pt;
    padding: 10px;
    float: left;
    color: #9E9E9E;
}

.percentageWidget-value {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    width: 100px;
    font-size: 20pt;
    padding: 10px;
    float: left;
    color: #9E9E9E;
}

.percentageWidget-percentbar {
    float: left;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
    border: 2px solid #00000000;
}

.percentageWidget-dataitem {
    width: 45%;
    float: left;
    padding: 5px;
}

.percentageWidget-middle {
    width: 100%;
    padding: 15px;
    overflow: auto;
    box-sizing: border-box;
}

.percentageWidget-bottom {
    width: 100%;
    padding: 15px;
    overflow: auto;
    box-sizing: border-box;
    color: #37474F;
}



.basicLabelWidget-header {
	width: 100%;
	float: left;
	height: 35px;
	padding: 0px;
	font-size: 20px;
	/* font-weight: bold; */
	color: #fff;
	text-align: left;
}

.basicLabelWidget {
	overflow: auto;
	box-sizing: border-box;
	float: left;
	padding: 5px;
	max-height: 85px;
}

.basicLabelWidget div {
    box-sizing: border-box;
}

.basicLabelWidget-value {
	width: Calc(100% - 100px);
	font-size: 36px;
	padding: 0px;
	float: left;
	color: #fff;
	/* height: 50px; */
	/* line-height: 40px; */
	text-align: left;
	/* font-weight: bold; */
	line-height: 36px;
}



.document-preview-root{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;    
	z-index: 9999999;
	background: #00000055;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

.document-preview-iframe{
	height: Calc(100% - 49px);
    width: 60%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0px;
    bottom: 50px;
    border: 1px solid black;
    box-shadow: 0px 8px 14px 2px rgb(0 0 0 / 60%);

}
.document-preview-label{
	color: black;
    height: 50px;
    line-height: 25px;
    width: 50%;
    box-sizing: border-box;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}
.document-preview-button{
	color: white;
    background: #0D47A1;
    height: 50px;
    line-height: 50px;
    width: 120px;
    box-sizing: border-box;
    float: right;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.document-preview-buttons{
	height: 50px;
    width: Calc(60% + 1px);
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 0px;
    box-sizing: border-box;
    border: 1px solid black;
    border-top: none;
    background: white;
}



.numericSearchInput{
	width: 100%;
	background: #B2EBF2;
	text-indent: 10px;
	border-radius: 5px;
	border: 1px solid #00ACC1;
	padding: 10px;
	text-align: center;
	font-size: 16pt;
}
.ace_search_field{
	color: black;
}
.ace_editor_wrapper .ace_scrollbar{
	display: none;
}
.locate-me-button{
	background:#0D47A1;
}
.locate-me-button:active{
	background: #DAA520;
}
.aktif{
	background: #DAA520;
}

.menuItemHelp-root{
	position: fixed;
	font-size: 12pt;
	overflow: auto;
	width: 500px;
	height: 400px;
	bottom: 20px;
	right: 20px;
	border: 3px solid black;
	border-radius: 5px;
	background: white;
	color: black;
	padding:20px;
	box-shadow: -5px -5px 10px rgba(0,0,0,0.4);
}
.menuItemHelp-root::-webkit-scrollbar {
	display: none;
}
.menuItemHelp-root h1{
	font-weight: bold;
	/* color: #9C27B0; */
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.upload-progress-bar{

	width: 100%;
	/* border: thin solid black;
	border-radius: 3px;
	height: 8px; */

}

.date-bar{
    padding-top: 3px;
	text-align: right;
	padding-right: 8px;
    line-height: 21px;
    font-size: 10pt;
    font-weight: normal;
}

.vb-progress-bar-container{
	border-radius: 25px;background: #ddd;position:relative;margin-bottom:3px;height:50px;width:400px;line-height:18px;text-align:center;
}
.vb-progress-bar-line{
	border:1px solid #FFFFFF00;border-radius: 25px;position:absolute;left:0px;top:0px;
	height:100%;
}
.vb-progress-bar-text{
	width: 100%;
    line-height: 50px;
    text-align: left;
    top: 0px;
    padding-left: 10px;
    left: 0px;
    position: absolute;
	color: black;
}

.mapLegendDiv{

	/* border: 1px solid #333; */
	border-radius: 2px;
	width: 230px;
	box-sizing: border-box;
	background: #00000033;
	min-height: 250px;
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
.mapLegendDiv-header{
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: white;
	font-weight: bold;
	text-align: center;
	background: #333;
}
.mapLegendDiv-item{
	float:left;
	width: 200px;
	padding: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #fff;
	cursor: pointer !important;
	font-weight: bold;
}
.mapLegendDiv-item:hover{
	background: #fff;
	color: #000;
	border-radius: 10px;
}
.mapLegendDiv-item-visible{
	color: #fff;
}


input.apple-switch {
	zoom: 0.7;
	float:left;
	position: relative;
	-webkit-appearance: none;
	outline: none;
	width: 50px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #D9DADC;
	border-radius: 50px;
	box-shadow: inset -20px 0 0 0 #fff;
	outline: none;
}
input.apple-switch:focus {
	outline: none;
}
input.apple-switch:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
background: transparent;
width: 26px;
height: 26px;
border-radius: 50%;
box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.apple-switch:checked {
box-shadow: inset 20px 0 0 0 #4ed164;
border-color: #4ed164;
}

input.apple-switch:checked:after {
left: 20px;
box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}



.depremIzlemeEkrani1{
	padding:2px;
}
.info-root-div{
	width:300px;
	min-height:100px;
	border: 1px solid #ffffff00;
	border-radius: 10px;
	margin:4px;
	padding: 5px;
	float: left;
	cursor: pointer;
	/* box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.5); */
}
.info-root-div:HOVER{
	color: black !important;
}
.info-root-div-header{
	font-size: 16pt;

	width: 100%;
	text-align: center;
	margin-bottom: 4px;
	
}
.info-root-div-data{
	font-size: 40pt;
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-family: 'Orbitron', sans-serif;
	
}
.list-item-div{
	cursor: pointer;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #999;
	font-size: 16px;
	text-align: left;
	
}
.list-item-div.selected{
	background: #0D47A1;
	color: #fff;
}




html,body{
	width: 100%;
	height: 100%;
	overflow: auto;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	font-size: 9pt;
	/* font-family: 'Open Sans',segoe ui,Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; */
	/* font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; */
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",'Open Sans' !important;
	-webkit-user-select: none;
	user-select: none;
}
a{
	cursor: pointer;
}
input, textarea{
	-webkit-user-select: text;
	user-select: text;
}
.EntryItemTd{
	-webkit-user-select: text;
	user-select: text;
}
.formItemTd{
	-webkit-user-select: text;
	user-select: text;
}
#notificationsDiv2{
	-webkit-user-select: text;
	user-select: text;
}
#notificationsDiv{
	-webkit-user-select: text;
	user-select: text;
}
.notificationsDiv2-gridInfo{
	-webkit-user-select: text;
	user-select: text;
}
.search-box-input{
	text-indent: 15px;
	border: none;
	line-height: 25px;
	width: calc(100% - 50px);
	height: 30px;
	font-size: 12pt;
	letter-spacing: 1px;
	float: left;
	background: none;
	margin-bottom:10px;
	color: black;
  }
  .search-box-input:focus{
	
	outline: none;
  }
  .search-box-result{
	  width: 100%;
	  float: left;
	  /* height: 30px; */
	  max-height: 75px;
	  cursor: pointer;
	  /* line-height:30px; */
	  font-size: 14px;
	padding: 5px; 
	  padding-left: 10px;
	  white-space: nowrap;
	  overflow: auto;
  }
  	.search-box-result:HOVER{
		background: #40C4FF;
		color: #000 !important;
		border-radius: 5px;

	}
  .search-box{
		color: black;
	  border: 2px solid#fff;
	  border-radius: 30px;
	 	overflow: auto;
	  width: 600px;
	  height: 50px;
	  margin: auto;
	  margin-top: 100px;
	  padding: 7px;
	  box-sizing: border-box;
	  /* -webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	  background: #0097A706; */
	  background: #ffffffEE;
	  -webkit-box-shadow: 10px 10px 33px -2px rgba(0,0,0,0.75);
	  -moz-box-shadow: 10px 10px 33px -2px rgba(0,0,0,0.75);
	  box-shadow: 10px 10px 33px -2px rgba(0,0,0,0.75);
  }
  .search-box::-webkit-scrollbar {
	display: none;
}
  

#notificationsDiv2 .notificationsDiv2-gridInfo{
	/* border: 1px solid rgba(0,0,0,0.2); */
	/* border-radius: 0px; */
	min-height: 25px;
	line-height: 24px;
	/* padding-top:2px; */
	/* display: block !important; */	
	width: 100%;
	/* background: #113A4FDD; */
	
	position: relative;
}

#notificationsDiv2 .close{

	display: none !important;
}
#notificationsDiv2 .alert{

	border-radius: 0px;
	min-height: 25px;
	width: 100%;
	text-align: center;
	line-height: 18px;
}
#notificationsDiv2 .alert-info{

	background: #d9edf7;
	color: #31708f;
	border: none;
	line-height: 18px;
}
#notificationsDiv2 .alert-success{

	background: #1B5E20;
	color: #fff;
	border: none;
	line-height: 18px;
}
#notificationsDiv2 .alert-danger{
	
	background: #b71c1c;
	color: black;
	border: none;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 18px;

}
.notificationsDiv2-shadow{
	font-size: 12px;
	min-height: 25px;
	max-height: 25px;
	line-height: 18px;

	width: 100%;
	text-align: center;
	background: none;
	position: relative;
	overflow: hidden;
}
#notificationsDiv2{
	font-size: 12px;
	/* position: absolute;
	top: 0px;
	right: 150px; */
	min-height: 25px;
	max-height: 25px;
	line-height: 24px;

	width: 100%;
	text-align: center;
	/* background: #222222CC; */
	position: relative;
	overflow: hidden;
	position: fixed !important;
	top: 53px;
	left: 0px;
	overflow: auto !important;
	z-index: 10 !important;
	/* z-index: 101; */
}
.notificationsDiv2Display{
	max-height: 200px !important;

}
.notificationsDiv2-expand-button{
	height:25px;width:50px;cursor: pointer;position:absolute;right: 0px;top:0px;
	color: #DAA520;
	background: none;
	border: none;
}

.graphsRightPane{
	border:1px solid rgba(0,0,0,0.2);
	background: rgba(255,255,255,0.2);
	height:100%;width:390px;float:left;
}
@media print{
	body{
		zoom:75%;
	}
	.actionButton{
		display: none;
	}
}
.gnlStateFlow-button{
	border: 1px solid #111;
	border-radius: 3px;
	margin: 5px;
	float: left;
	cursor: pointer;
	/* padding: 3px; */
	display: block;
	opacity: 1.0;
	color: #fafafa;
	height: 22px;
	line-height: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	text-shadow: 1px 1px 1px black;
}
.gnlStateFlow-button:HOVER{

	border: 1px solid black;
}
.gnlStateFlowInfoDiv{

	z-index: 2147483645;
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 400px;
	height: 200px;
	border: 1px solid #000;
	border-radius: 5px;
	background: #333;
	color: #fafafa;
	padding: 10px;
	
	
}
.gnlStateFlowInfoDiv button{

	color: white;;
	background: #777;
	border: 1px solid black;
	margin: 4px;
	
}

.terminalInnerDiv {
	
	height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}


.terminalDiv p {
	margin: 1px;
	padding: 1px;
	padding-left: 8px !important;
	font-family: monaco, Verdana, monospace;
	font-size: 10pt;
	float: left;
	width: 100%;
}
.terminalInputLine{
	width: 100%;
}
.terminalSelect{
	
	font-size: 10pt;
	width: 20%;
	float:left;
	background: black;
	color: #eee;
	font-family: monaco, Verdana, monospace;
	border: 1px solid black;
}
.terminalInput {
	text-indent: 8px;
	width: 80%;
	border: 1px solid black;
	background: black;
	color: #eee;
	font-family: monaco, Verdana, monospace;
	font-size: 10pt;
}
.titleBar {
	cursor: pointer;
	padding: 5px;
	color: black;
	top: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',
		endColorstr='#cccccc', GradientType=0); /* IE6-9 */
	border: 1px solid #888;
}

.cubeMenuItem{
	
	text-align: center;
	padding-top:30px;
	border-radius: 50%;
	border: 1px solid black;
	font-weight: bold;
	font-size: 14pt;
	width: 100px;
	height: 100px;
	background: #B2EBF2;
}
.cubeMenuItem:HOVER{
	background: #26C6DA;
}
.customReportLine{
	padding:5px;
	text-align: left;
	border-bottom: 1px solid gray;
	cursor: grab;
	opacity:0.8;
}
.customReportLine:HOVER{
	box-shadow: 0px 0px 5px rgba(50,50,50,0.7);
	opacity: 1;
	
}
.customReportContainer{
	box-shadow: 5px 5px 10px rgba(50,50,50,0.3);
	border: 1px solid #ccc;
}


.container1{
	width: 100%;
	height: 30px;
	overflow: hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background: linear-gradient(to bottom, #444 0, #222 100%);
	box-sizing: border-box;
}
.container2{
	width: 100%;
	overflow: visible;
	box-sizing: border-box;
	height: 31px;
	padding-top: 5px;
	border-bottom: 1px solid orange;
/* 	margin-bottom: 3px; */
	padding-left: 180px;
}
.mainFrameDiv{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	/* padding: 5px;
	padding-left: 10px; */
	overflow-y: auto;
	overflow-x: hidden !important;
	background: #fff;

  	padding: 0px 0px 0px 0px !important;

}
div.anasayfa{
	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
/* 	background: url('../../../YTSharitaSON.jpg'); */
/*     background-attachment: fixed; */
/*     background-position: center;  */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+100,a1dbff+100,f0f9ff+100 */
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,249,255,1) 100%, rgba(161,219,255,1) 100%, rgba(240,249,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 100%,rgba(161,219,255,1) 100%,rgba(240,249,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(240,249,255,1) 100%,rgba(161,219,255,1) 100%,rgba(240,249,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#f0f9ff',GradientType=0 ); /* IE6-9 */
overflow:scroll;
}
div.bannerDiv {
	position: absolute;
	top: 1px;
	padding-left: 30px;
	right: 0px;
	left: 0px;
	background: url('../../../yts/repeat_son.png');
	background: url('../../../yts/repeat_son1.png');
	background-repeat: repeat-x;
	border-bottom: 1px solid #ddd;
	box-shadow: -5px 5px 20px rgba(50, 50, 50, 0.1);
	height: 130px;
}
.banner{
	background: url('../../../yts/yts logo 2015.jpg');
	background: url('../../../yts/bannerSon2021.png?x=23');
	width: 1280px;
	height: 129px;
	margin-left: auto;
	margin-right: auto;
}










/***  
		
		ANASAYFA SAGDAKI IC PENCERELER
	
***/
.ozelRaporDivBaslik{
/* 	background: #333; */
	color:#333;
	font-weight: bold;
	font-size: 9pt;
/* 	padding: 5px; */
	margin:0px;
	height:25px;
	line-height:25px;
	padding-left:10px;
	border-bottom: 1px solid #333;
	color: #fff;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	color:black
	;
}
.rightMenuDiv {
	position: absolute;
	right: 0px;
	top: 131px;
	width: 250px;
	bottom:0px;
	border: 1px solid #999;
	box-shadow: inset 0px 0px 10px rgba(50, 50, 100, 0.6);
	box-sizing: border-box;
	overflow: hidden;
	background: #fafafa;

}
.ozelRaporDiv {
	width: 100%;
	height: 33%;
	box-sizing: border-box;
	overflow:auto;
	font-size: 9pt;
}
.teminatmektupuyaridiv {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	height: 67%;
	border-top:1px solid #999;
}
.ekteminatuyaridiv {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	height: 33%;
	border-top:1px solid #999;
}
.teminatmektupuyaridiv DIV{
/* 	padding: 4px; */
	padding-left:10px;
	float:left;
	cursor:pointer;
	width:100%;
	font-size: 9pt;
	box-sizing: border-box;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	border-bottom:1px solid #555;
}
.teminatmektupuyaridiv DIV:HOVER{
	background-color: #ddd;
}
.footerDiv{

	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:30px;
	padding-top:5px;
	padding-right:15px;
	color:#1A237E;
	font-weight:bold;
	font-size: 12pt;
 	background: -webkit-linear-gradient(-90deg, rgb(253,218,134) 0, rgb(225,157,60) 100%), rgb(253, 218, 134);
  	background: -moz-linear-gradient(180deg, rgb(253,218,134) 0, rgb(225,157,60) 100%), rgb(253, 218, 134);
  	background: linear-gradient(180deg, rgb(253,218,134) 0, rgb(225,157,60) 100%), rgb(253, 218, 134);
	text-align: right;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */


}
.ozelRaporDiv li{
	margin: 5px;
	cursor: pointer;
	padding-left:10px;
	font-size: 9pt;
}
.ozelRaporDiv li:HOVER{
	color:red;
}
.SelectedMenuItem {
	font-weight: bold;
	border-left: 2px solid orange;
}

div.pieChartDiv {
	border: 1px solid #ddd;
	box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.4);
	padding-bottom: 20px;
}

/***  
		
		EN ALTTAKI ARAC CUBUGU
	
***/
.footerDiv a{
	text-decoration:none;
	font-family: "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	text-align: right;
	margin: 0px;
	padding: 5px;
	margin-top:5px;
	margin-right:10px;
	font-size:11pt;
	text-shadow: 0px 1px 1px rgba(125,125,125,0.75);	
}
/***  
		
		EN USTTEKI SIYAH ARAC CUBUGU
	
***/
.topMenuBar {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#333),
		to(#111));
	background: linear-gradient(to bottom, #444 0, #222 100%);
}
.dateLabel {
	font-size: 13px;
	color: white;
	position: absolute;
	left: 290px;
	top: 7px;
	font-family: segoe ui, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font: -webkit-small-control;
	font-weight: bold;
	cursor:pointer;
	color: #eee;
}
.welcomeLabel {
	padding: 0px;
	margin: 0px;
	padding-top: 2px;
	font-size: 13px;
	color: #eee;
	margin-left: auto;
	margin-right: auto;
	width: 290px;
	margin-top: 5px;
	font-family: segoe ui, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font: -webkit-small-control;
	font-weight: bold;
	letter-spacing: 2px;
}
.messageInfo{
	width:30px;
	height:30px;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:140px;
	color:white;
	font-size: 9pt;
}
.messageInfoImg{
/* 	width:26px; */
/* 	height:26px; */
/* 	overflow:hidden; */
	position:absolute;
	top:3px;
	right:170px;
	cursor: pointer;
	color:orange;
}

.titleBarButton{
	float:left;	
/* 	width: 22px; */
/* 	height: 22px; */
	margin:2px;
	margin-top:5px;
	color:#eee;
/* 	position:absolute; */
/* 	right: 30px; */
/* 	top: 4px; */
	cursor: pointer;
	font-size:20px;
}
.titleBarButton:HOVER{
	
	color:orange;
}
/***  
		
		MENU
	
***/
.menu-button {
	position: absolute;
	width: 270px;
	background: orange;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb376),
		to(#ff7200));
	/* 				background: linear-gradient(to bottom,#aa0000 0,#aa4444 100%);   */
	font-size: 11pt;
	/* 				font-weight: bold; */
	text-shadow: 1px 1px 1px rgba(125, 125, 125, 0.75);
	text-align: center;
	cursor: pointer;
	z-index: 5;
	color: #000;
	padding: 5px;
	letter-spacing: 1px;
  
  	background: -webkit-linear-gradient(-90deg, rgb(253,218,134) 0, rgb(225,157,60) 100%), rgb(253, 218, 134);
  	background: -moz-linear-gradient(180deg, rgb(253,218,134) 0, rgb(225,157,60) 100%), rgb(253, 218, 134);
  	background: linear-gradient(180deg, rgb(253,218,134) 0, rgb(225,157,60) 100%), rgb(253, 218, 134);
}
.menu-button:HOVER {
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7200),
		to(#ff7200));
	color: #fff;
	background: rgb(225,157,60);
}
.leftMenu {
	/* 				display:none; */
	position: absolute;
	left: 0px;
	top: 30px;
	
	width: 280px;
	z-index: 9;
	box-shadow: 6px 9px 10px rgba(50, 50, 50, 0.7);
	background-color: #ffffff;
	padding-bottom: 10px;
}

.leftMenu div {
	height:auto;
	padding-bottom: 20px;	
}
.leftMenu a {
	padding-left: 10px;
	text-decoration: none;
	cursor: pointer;
}
/***  
		
		ATATURK RESMI
	
***/
img.ata {
	position: absolute;
	z-index: 999999999999;
	top: 5px;
	right: 30px;
	height: 150px;
}
/***  
		
		ANASAYFA USTTEN YONLENDIREN ANA TABLAR
	
***/
.tabContainer img.windowTabClose {
	
	cursor: pointer;
	position: absolute;
	right:3px;
	top:3px;
	height: 16px;
	
}
.tabContainer div.windowTab {
	float: left;
	height: 20px;
	background: #ddd;
	border: 1px solid #aaa;
	font-size: 10pt;
	padding: 2px;
	/* 				margin-right: 5px; */
	color: #555;
	padding-right: 25px;
	padding-left: 10px;
	cursor: pointer;
	position: relative;
}

.tabContainer div.windowTab:HOVER {
	background-color: white;
	color: black;
}

.tabContainer div.windowTab-selected {
	background-color: white;
	color: black;
	border-bottom: 1px solid #fff;
}
/***  
		
		ANASAYFA HARITA SVG
	
***/
.renklerDiv p{
	padding: 2px;
	font-size: 9pt;
	font-weight: bold;
	margin:0px;
	float:left;
	width: 68px;
	text-align: center;
	box-sizing: border-box;
}
.renklerDiv {
	box-sizing: border-box;
	position: absolute;
	right: 255px;
	width:180px;
	bottom:0px;
	overflow:hidden;
	border: 1px solid #999;
}
div.svgContainer {
	position: absolute;
	top: 150px;
/* 	overflow: hidden; */
	left: 100px;
	right: 0px;
	bottom: 0px;
	background: none;
}

div.svgTooltipDiv {
	position: absolute;
	top: 200px;
	left: 500px;
	background: #fff;
	border: 1px solid gray;
	border-radius: 10px;
	padding: 10px;
	box-shadow: -5px 5px 15px rgba(50, 50, 50, 0.5);
}

#svgTooltipTable td {
	font-size: 9pt;
	padding: 2px;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #ddd;
}

#svgTooltipTable td:FIRST-CHILD {
	font-size: 9pt;
	padding: 2px;
	font-weight: bold;
	text-align: left;
}

#svgTooltipTable tr:FIRST-CHILD {
	
}

div.svgContainer svg {
	overflow: visible;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	cursor: default;
	/* 				position: relative;  */
	background-color: rgb(255, 255, 255);
	background:none;
	padding: 0px;
	padding-top: 0px;
/* 	position: relative; */
	top: -130px;
}

div.svgContainer path {
	cursor: pointer;
}
div.svgContainer text {
	cursor: pointer;
}

div.svgContainer path:HOVER {
	fill: #5ef9ff;
}