/* Oswald */
@font-face {
	font-family: "Oswald";
	src: url(../font/Oswald-Regular.woff);
}
@font-face {
	font-family: "Oswald";
	src: url(../font/Oswald-ExtraLight.woff);
	font-weight: 200;
}
@font-face {
	font-family: "Oswald";
	src: url(../font/Oswald-Light.woff);
	font-weight: 300;
}
@font-face {
	font-family: "Oswald";
	src: url(../font/Oswald-Medium.woff);
	font-weight: 500;
}
@font-face {
	font-family: "Oswald";
	src: url(../font/Oswald-SemiBold.woff);
	font-weight: 600;
}
/* Open Sans */
@font-face {
	font-family: "Open Sans";
	src: url(../font/OpenSans-Regular.woff);
}
@font-face {
	font-family: "Open Sans";
	src: url(../font/OpenSans-Light.woff);
	font-weight: 300;
}
@font-face {
	font-family: "Open Sans";
	src: url(../font/OpenSans-SemiBold.woff);
	font-weight: 600;
}
@font-face {
	font-family: "Open Sans";
	src: url(../font/OpenSans-Bold.woff);
	font-weight: 700;
}

BODY {
    background: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
}
h1{
	color : #333945;
}
h2{
	color : #004080;
}
h3{
	color : #7986B3;
}
h4{
	color : #7986B3;
}
.baslik1{
	color : #333945;
	font-size: 40px;
}
.baslik2{
	color : #333945;
	font-size: 30px;
}
.baslik3{
	color : #7986B3;
	font-size: 24px;
}
.baslik4{
	color : #7986B3;
	font-size: 18px;
}
a{
	font-size: 14px;
}
a:link {color: #333945; }     /* unvisited link */
a:visited {color: #79869F;}  /* visited link */
a:hover {color: #d50032; }   /* mouse over link */
a:active {color: #d50032; }   /* selected link */

.yazi_duz{
	color : #333945;
	font-size : 12px;
}
.yazi_italik{
	color : #333945;
	font-size: 14px;
	font-style : italic;
}
.yazi_koyu{
	color : #333945;
	font-size: 14px;
	font-weight : bold;
}
.yazi_italik_koyu{
	color : #333945;
	font-size: 14px;
	font-weight : bold;
	font-style : italic;
}
.yazi_altcizgili{
	color : #333945;
	font-size: 14px;
}
.yazi_altcizgili_koyu{
	color : #333945;
	font-size: 14px;
	font-weight : bold;
}
.yazi_altcizgili_italik{
	color : #333945;
	font-size: 14px;
	font-style : italic;
}
.yazi_altcizgili_italik_bold{
	color : #333945;
	font-size: 14px;
	font-style : italic;
	font-weight : bold;
}
.yazi_uyari{
	color : #d50032;
	font-size: 14px;
	font-weight : bold;
}
/* 20050901 TY: uyarı iletileri için ayrı class olması gerekiyor. */
.iletiCercevesi {
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #333945;
	margin-bottom: 10px;
}
.iletiResmi {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}
.iletiMetni {
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #333945;
}

table.cerceveli{
/*	width: 100%; */
	color : #FFFFFF;
	background-color : #FFFFFF;
	border-bottom : 1px ridge;
	border-left : 1px ridge;
	border-right : 1px ridge;
	border-top : 1px ridge;
	border-style: ridge;
    border-color: #333945;
    border-spacing: 1;
}
table.cercevesiz{
	border : 0 none;
	width : 100%;
}
th.baslik_sol{
	background-color : #333945;
	color : #f1f1f1;
	font-size: 16px;
	text-align : left;
	font-weight : bold;
	padding-left: 4px;
}
td.baslik_sol{
	background-color: #333945;
	color: #f1f1f1;
	font-size : 16px;
	text-align : left;
	font-weight : bold;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.baslik_orta{
	background-color : #333945;
	color : rgb(255, 255, 255);
	font-size: 13px;
	text-align : center;
    font-weight : bold;
    padding: 4px 0;
    font-family: Oswald, sans-serif;
}
/* TODO: diger basliklar da duzeltilecek. */
.baslik_sag{
	background-color : #333945;
	color: #f1f1f1;
	font-size: 16px;
	text-align: right;
	font-weight: bold;
	padding-right: 4px;
}
.yanbaslik_sol{
	background-color : #ebebeb;
	color : #333945;
	font-size: 12px;
	margin-bottom: 2px;
	line-height: 0.9;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	height: 13px;
	min-width: 170px;
	padding-left: 1px 1px;
}

.table_scroll{
	overflow-x:auto;
}
.table_scroll table tr:focus-within {
  border: 1px solid red;
  background-color : red;
}

#tblAnketFormK{
	width: 100%;
}

.form_tablo_satir_baslik {
	background-color : #ebebeb;
	color : #333945;
	font-size: 11px;
	margin-bottom: 2px;
	line-height: 0.9;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	height: 13px;
	min-width: 170px;
	padding-left: 1px 1px;
	width: 15em;
	top: auto;
	border-top-width: 1px;
	margin-top: -1px;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
}

.yanbaslik_sol input{
    border-radius: 6px;
	font-weight: 400;
	display: inline-block;
	height: 16px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font-size: 14px;
	line-height: 1.1;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.yanbaslik_orta{
	background-color : #ebebeb;
	color : #333945;
	font-size: 11px;
	text-align : center;
	font-weight : bold;
}
.yanbaslik_sag{
	background-color : #ebebeb;
	color : #333945;
	font-size: 14px;
	text-align : right;
	font-weight : bold;
	height : 26px;
	padding-right: 3px;
}
.veri_tek_sol{
	background-color : #ebebeb;
	color : #333945;
	font-size: 11.85px;
	text-align : left;
}
.veri_tek_orta{
	/*background-color : #ebebeb;*/
	color: #333945;
	font-size: 11px;
	text-align : center;
}
.veri_tek_sag{
	background-color : #ebebeb;
	color: #333945;
	font-size: 14px;
	text-align : right;
	padding-right: 3px;
}
.veri_cift_sol{
	background-color : #ebebeb;
	color : #333945;
	font-size: 12px;
	text-align : left;
	padding-left: 2px;
}
.veri_cift_sol input{
    border-radius: 6px;
	font-weight: 350;
	display: inline-block;
	height: 38px;
	padding: 4px 1px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #333333;
	vertical-align: middle;
	background-color: #fcfcfc;
	border: 1px solid #cccccc;
}
.veri_cift_orta{
	background-color : #ebebeb;
	color : #333945;
	font-size: 13.85px;
	text-align : center;
}
.veri_cift_sag{
	background-color : #ebebeb;
	color : #333945;
	font-size: 14px;
	text-align : right;
	padding-right: 3px;
}
select.input_tip{
	border-radius: 6px;
	font-weight: 400;
	display: inline-block;
	height: 36px;
	padding: 8px 1px;
	margin-bottom: 2px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
input.input_tip{
	border-radius: 6px;
	font-weight: 300;
	display: inline-block;
	height: 20px;
	padding: 2px 1px;
	margin-bottom: 2px;
	font-size: 11px;
	min-width: 90px;
	line-height: 1.428571429;
	color: #333333;
	vertical-align: middle;
	background-color: #fafafa;
	border: 1px solid #cccccc;
}
/*20050603 PB: hatalı inputları belirgin yapmak için*/
input.hatali_input{
	color : #333945;
	border-width : 2px;
	border-style: solid;
	border-color: #FF0000;
	font-size : 14px;
	font-weight : bold;
}
input.kapali{
	color : #333333;
	border-width : 2px;
	border-style: solid;
	border-color:  #d3d3d3 ;
	background-color:  #d3d3d3 ;
	font-size : 11px;
	font-weight : bold;
	min-width: 90px;	
}
textarea.input_tip {	
	border-radius: 6px;
	font-weight: 400;
	display: inline-block;
	padding: 8px 12px;
	margin-bottom: 10px;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.428571429;
	color: #333333;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
textarea.hatali_input{
	color : #333945;
	border : 2px solid  #FF0000;
	font-size : 14px;
	font-weight : bold;
}
/*buttonlar için*/
input.normal{
	background-color : #79869F;
	color : #FFFFFF;
   	border-width : 1px;
	border-style:solid;
	border-color: #333945;
	text-align : center;
	width : auto;
	font-weight : bold;
}
input.silik{
	display: inline-block;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	height: 24px;
	min-width: 160px;
	margin-top: 6px;
	margin-bottom: 8px;
	padding-right: 24px;
	padding-left: 24px;
	border-radius: 6px;
	background-color: #9bc2cc;
	font-family: 'Open Sans', sans-serif;
	color : #79869f;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
}
input.belirgin{
	display: inline-block;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	height: 24px;
	min-width: 140px;
	margin-top: 6px;
	margin-bottom: 8px;
	padding-right: 12px;
	padding-left: 12px;
	border-radius: 6px;
	background-color: #d50032;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 1.25em;
	line-height: 24px;
	text-align: center;
}
input.belirginUX{
text-align: center;
font: normal normal normal 24px/35px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
top: 838px;
left: 1525px;
width: 200px;
height: 60px;
background: #5E8CC6 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
}

/* 20050528 TY: bir de <button> kullanabilmek icin */
button.normal{
	background-color : #79869F;
	color : #FFFFFF;
   	border-width : 1px;
    border-style: solid;
	border-color: #333945;
	font-size : 11px;
	text-align : center;
	width : auto;
	font-weight : bold;
}
button.silik{
	background-color : #E9E8EE;
	color : #004080;
	border-width: 1px;
	border-style:solid;
	border-color:#004080;
	font-size : 11px;
	text-align : center;
	width : 5em;
	font-weight : bold;
}
.btn {
    min-height:35px;
    font-size:15px !important;
    font-weight: 500;
}
button.belirgin{
	background-color: #800080;
	color: #FFFFFF;
	border-width: 1px;
	border-style:solid;
	border-color:#993366;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	width: 5em;
}

.save {
    background-color: green !important;
}
.btn {
    min-height:35px;
    font-size:15px !important;
    font-weight: 500;
}

pre{
	font-size: 14px;
	font-weight: normal;
}
hr{
	color : #800080;
}

.yardimSayfasi {
	position: absolute;
	display: none; // KAPATTIM ARDA
	float: right;
	top: 0px;
	right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 1;
}

.iletiTablosu {
	background:rgb(255,255,255);
	font-size: 12pt;
	color: #333945;
	width: 100%;
	height: 100%;
}

.iletiKutusu {
	position: absolute;
	display: block;
	top:40%;
	left:40%;
	width: 20%;
	height: 20%;
	border-style:solid;
	border-width: 3px;
	border-color: #333945;
}
.ayrintiTablo{
	margin : 0px;
	border-spacing: 0px;
	padding : 0px;
	margin-top : -1px;
	margin-bottom : -1px;
}
.ayrintiButton{
	color : #FFFFFF;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	width : auto;
}
.ayrintiImg{
	margin-left : 1px;
	height : 10px;
	width : 10px;
	margin-right : 0px;
}
form {
	margin : 0px;
}

.resimUstuAnabaslik {
	text-align: center;
	vertical-align: bottom;
	height: 82px;
	background-image: url(../image/tcmb_logo_302x61_2021.png);
	color: #333945;	
	font-size: 13.5px;
	font-weight: 300;
	background-attachment: scroll;
	background-repeat:
    no-repeat; /* this applies to both images */	
}
.gereksinimler {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	margin-top: 10px;
	color: rgb(0,64,128);
}
.uyarilar {
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #333945;
}

@media print{
	.belirgin, .normal, .silik {
		display:none;
	}
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  overflow: scroll; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  width: 98%;
}

/* The Close Button */
.modal-topmenu {
  background-color: #000000;
  color: #aaaaaa;
  position:fixed;
  width: 98%;
  font-weight: bold;
}

.modal-topmenu excel {

}

.modal-topmenu excel:hover {

}

.modal-topmenu .close {
  position:fixed;
  color: #aaaaaa;
  top:0%;
  right:5%;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-topmenu close:hover {

}