body{background:#222 url('../img/erolteknikAS_logo_seffaf.png') bottom right no-repeat fixed; min-height:600px;  }
div{margin:0;padding:0;}
small { color: Red; text-align:right;}
a { display:Block; color:#CDCDCD; text-decoration:none; font-weight:bold; padding:1px 5px; margin:0; transition:color 0.5s, background 0.5s;}
a:hover{ color:Red; background:#FFF; transition:color 0.5s, background 0.5s;}
pre { border: solid 1px #CCCCCC; background-color: #EEE; margin:0px 5px; padding: 5px; text-indent: 0;  white-space: pre-wrap; word-wrap: break-word; }

#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("../img/Loading.gif") no-repeat center center rgba(0,0,0,0.25)
}

.hidden {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
    display: block;
    font-size: 1;
    z-index: -1;
    color: transparent;
    background: transparent;
    overflow: hidden;
    border: none;
    padding: 0;
    resize: none;
    outline: none;
    -webkit-user-select: text;
    user-select: text;
    /* Because for user-select:none, Safari won't allow input */
}


#pKaydet div{ float:left; clear:both; display:block;}



#Semtbody table{	border-collapse: collapse;	border:1px solid #000000;	font-family:Tahoma;	font-size:8pt;	margin : 0 auto; width:100%; max-width:100%;}
#Semtbody table th{ 	border:1px solid #222;	font-weight:bold;	padding:3px 5px;}
#Semtbody table td{ 	border:1px solid #222;	padding:1px 3px;}
#PostaKoduBody table{	border-collapse: collapse;	border:1px solid #000000;	font-family:Tahoma;	font-size:8pt;	margin : 0 auto; width:auto; }
#PostaKoduBody table th{ 	border:1px solid #222;	font-weight:bold;	padding:3px 5px;}
#PostaKoduBody table td{ 	border:1px solid #222;	padding:1px 3px;}


#frmDuzenle table {border-collapse: collapse;}
#frmDuzenle table th{border-bottom:1px solid #000; padding:3px 5px; text-align:left;}
#frmDuzenle table td{border-left:1px solid #000; border-bottom:1px solid #000; padding:3px 5px;}
#frmDuzenle table td{}

#Doviz 		{ position:fixed; top:5px; 	right:60px; background-color: #fefefe; width: 125px; }
#Database 	{ position:fixed; top:60px; right:60px; background-color: #fefefe; width: 125px; }
#Firma 		{ position:fixed; top:93px; right:60px; background-color: #fefefe; width: 125px; }
#Firma,#Database,#Doviz { 	
	margin: auto;
    padding: 5px;
    border: 1px solid #000;
    -webkit-box-shadow: inset 0px 0px 7px 3px rgba(0, 230, 64, 1);
	-moz-box-shadow: 	inset 0px 0px 7px 3px rgba(0, 230, 64, 1);
	box-shadow: 		inset 0px 0px 7px 3px rgba(0, 230, 64, 1);
	border-radius:6px;  
    -webkit-animation-name: animateright;
    -webkit-animation-duration: 0.5s;
    animation-name: animateright;
    animation-duration: 0.5s;
	font-weight:bold;
	text-align:center;
	font-size:11pt;
	color:black;
}

#Firma select, #Database select	{border:0; background:transparent; margin: auto; width:65%;}

#Ayarlar {position:fixed; top:5px; right:5px; color:white;}
#Ayarlar:hover {color:red; cursor:pointer;}
#Tikla { display:none; }
#gMenu { display: none;}
#Tikla:checked + #gMenu	{ display:block;}




#Menu { position:fixed; float:left; width:158px; height:99%; color:#FFF; clear:both;  max-width:20%; transition:top 0.5s, background 0.5s;overflow-x:auto; }
#Menu a { background:#008CBA; display:block; padding:2px 5px; margin:1px 0; text-decoration:none; font-weight:bold; border-left:1px; color:#FFF; font-family:Tahoma; font-size:10pt; }
#Menu a:hover { background:#4CAF50; border-left:3px solid #F00; transition:background 0.5s;}
#Menu a.Aktif { background:#f44336;}
#Menu .menu { position:fixed; top:0px; left:0px; padding:5px 15px; line-height:40px; background:#F00; color:#FFF; display:none;}

#icerik {Float:Left; margin-left:160px; margin-right:0; margin-top:2px; margin-bottom:0; padding:0;  min-width:650px; width:auto; max-width:99%; /*BORDER: YELLOW 1PX DASHED; */}

#TabloMenu { float:left; width:80%; max-width:99%; color:#FFF; transition:top 0.5s, background 0.5s; }
#TabloMenu a { background:#008CBA; display:inline-block; padding:3px 10px; margin-left:1px; text-decoration:none; font-weight:bold; border-bottom:1px solid #000; color:#FFF; }
#TabloMenu a:hover { background:#4CAF50; border-bottom:1px solid #F00; transition:background 0.5s;}
#TabloMenu a.Aktif { background:#f44336;}

#IconMenu {
	display:flex;
	text-align: center;
	align-items: stretch;
	margin-top:1rem;
}
	#IconMenu > a {
		border: 2px solid #FFF;
		border-radius: 7px;
		box-sizing: border-box;
		margin: 0% 1% 2% 0%;
		width: 120px;
		min-width: 100px;
		min-height: 100px;
		background-color:rgba(0,0,0,0.5);
		padding:0.3rem;
	}
#IconMenu > a > i{ display:grid; margin-top:2%; font-size:40pt;}
#IconMenu > a:hover {
	background-color: rgba(255,255,255,1);
	color:#000;
	border-color:#000;
}

.DownloadIcon { float:right; width:50px; text-align:center; position:relative; top:3px; right:0;}

.MalzemeListe { width:600px; float:left;}
.MalzemeListe table { max-width:100%; }
.MalzemeListe table tr {background:#FFF; cursor:pointer; }
.MalzemeListe table tr:hover { background:#EFE;}
.MalzemeListe table tr.selected { background:#F00; color:#FFF; }
.MalzemeListe table tr th { text-align:center; font-weight:bold; color:red; font-size:10pt; line-height:30px;}
.MalzemeListe table tr td { padding:2px 3px; height:25px;}
.MalzemeListe table tr td:first-child { width:85px;}
.MalzemeListe table tr td:last-child { width: 365px; text-transform:capitalize;}
.MalzemeListe table tr td.Sayfala span { border:1px solid #F00; color:red; padding:3px 5px; float:left; display:inherit; background:yellow;}
.MalzemeListe table tr td.Sayfala a { border:1px solid #000; color:#000; padding:3px 5px;  float:left; display:inherit;}
.MalzemeListe table tr td.Sayfala a:hover { background:red;}
.MalzemeListe table tr td.Sayfala a.Ok { font-size:13pt; padding:0px 5px 1px 5px;}
.MalzemeListe input.Miktar { width:75px; text-align:center; line-height:30px; font-size:150%;}


.CariListe { width:450px; float:left;}
.CariListe table { max-width:450px; }
.CariListe table tr {background:#FFF; cursor:pointer; }
.CariListe table tr:hover { background:#EFE;}
.CariListe table tr.selected { background:#F00; color:#FFF; }
.CariListe table tr th { text-align:center; font-weight:bold; color:red; font-size:10pt; line-height:30px;}
.CariListe table tr td { padding:2px 3px; height:25px;}
.CariListe table tr td:first-child { width:85px;}
.CariListe table tr td:last-child { width: 365px; text-transform:capitalize;}
.CariListe table tr td.Sayfala span { border:1px solid #F00; color:red; padding:3px 5px; float:left; display:inherit; background:yellow;}
.CariListe table tr td.Sayfala a { border:1px solid #000; color:#000; padding:3px 5px;  float:left; display:inherit;}
.CariListe table tr td.Sayfala a:hover { background:red;}
.CariListe table tr td.Sayfala a.Ok { font-size:13pt; padding:0px 5px 1px 5px;}

.RiskDetay { position:absolute; top:-320px; left:100px; min-width:390px; min-height:330px; float:left; background:#FFF; padding:0.4rem 1rem;  transition:all 0.3s; border:1px solid transparent; border-radius:7px; z-index:9999;}
.RiskDetay:hover { top:0px;  border-color:red;}
@media (max-width: 430px){
	.RiskDetay { top:-320px; left:85px; margin:0 auto; border-color:red;}
	.RiskDetay:hover { left:0px; max-width:100% !important; }
}
/*.RiskDetay:hover >span.bg-primary { display:none; transition:all 0.5s;} */

.CariDetay { min-width:450px; float:left; background:#FFF;  margin-left:2px;}
.CariDetay p {padding: 1px 3px;}
.CariDetay table { background:#000; }
.CariDetay table tr {background:#FFF; border-bottom:1px solid #222;}
.CariDetay table tr:hover { background:#EFE;}
.CariDetay table tr th { width:100px; text-align:left; font-weight:bold; color:red; font-size:10pt; line-height:25px; padding:0px 4px; }
.CariDetay table tr td { padding:1px 3px; max-width:355px;}
.CariDetay table tr td label.IsPerson { position:relative; width:100px;  margin:0; padding:1px 3px; max-width:30%; border: 1px solid #CCC; display:inline-block; text-indent:25px; cursor:pointer;}
.CariDetay table tr td label.IsPerson:hover {background:green; color:white;}
.CariDetay table tr td label.Aktif {background:yellow; color:#000;}
.CariDetay table tr td label.IsPerson input[type="radio"] { position:absolute; margin: 2px; padding: 0; margin-right:10px; left:5px; top:-3px;}
.CariDetay table tr td .Vergi{ padding:2px 3px; width:100px; float:left; font-weight:bold;}
.CariDetay table tr td .VergiY{ background:green;color:#FFF;font-size:12pt;font-weight:bold;padding:1px 5px; text-align:center; }
.CariDetay table tr td .VergiK{ background:red;color:#FFF;font-size:12pt;font-weight:bold;padding:1px 5px; text-align:center; }
.CariDetay table tr td.MailBtn>input{ width:370px;}
.CariDetay table tr td.MailBtn>span{ width:370px;}
.CariDetay table tr td input{height:20px;}
.CariDetay table tr td input[type="text"]{width:350px; }
.CariDetay table tr td input[type="text"].Mail{width:320px; }
.CariDetay table tr td input[type="text"].Adres{width:346px; }
.CariDetay table tr td input.Kucuk{width:50px; }
.CariDetay table tr td input.Telefon{width:150px;  }
.CariDetay table tr td input.UcdeBir{width:106px; }
.CariDetay table tr td input.Yarim{width:160px; }
.CariDetay table tr td input[type="submit"]{ padding:3px 5px; height:30px; border:3px dashed red; float:right;}
.CariDetay table tr td input[type="submit"]:hover{ background:red;}
.CariDetay .Capital {text-transform:lowercase;}
.CariDetay .Capital::first-line {text-transform: capitalize;}

span.Buton {
	border:1px dashed #000; padding:3px 5px; margin:3px auto; text-align: center; font-weight:bold; background:red; color:#FFF; cursor:pointer;
}
span.Buton:hover {
	background:yellow; color:#000;
}


/*#Liste{ cursor:pointer;}*/
#Liste { max-width:100%; border-collapse:collapse; margin:0; padding:0; }
#Liste a { display:block; background:#333;}

#Liste tr { background:transparent; color:#000; transition:color 0.5s, background 0.5s; line-height:20px; }
#Liste tr th{ border-right: 1px solid #000; }
#Liste tr th:last-child{ border-right: 0;}
#Liste tr td{ border-right: 1px dashed #000; border-top:1px dashed #222;}
#Liste tr:last-child td{ border-right: 0;}
#Liste tr td.TR2 {  background:rgba(250,250,250,0.5); color:#000; transition:color 0.5s, background 0.5s; line-height:20px; }
#Liste tr:hover{ background:rgba(200,200,200,0.7); color:#F60; transition:color 0.5s, background 0.5s; }
#Liste tr.AltSatir { background:rgba(77,77,77,0.5); color:#FFF; transition:color 0.5s, background 0.5s;}
#Liste tbody tr:nth-child(odd) { background:trasparent; color:#000;}
#Liste tbody tr:nth-child(even) { background:trasparent; color:#000;}
#Liste tr.Aktif{ background:#a52a2a; color:#FFF; transition:color 0.5s, background 0.5s; }
#Liste tr.iptal td {  background:#F99; color:#000; font-weight:bold; transition:color 0.5s, background 0.5s; }
#Liste tr td.bos { background:#222; line-height:5px;}
#Liste tr.selected { background: #FFF; color:#000; border:1px solid #FF0000; }

#Tablo { float:left;   background: rgba(255,  255,  255,  0.2); /* background: transparent; */ padding:0px; margin:2px; max-width: 100%; font-family:Tahoma;  }
#Tablo>h2{border:0; padding:3px 5px; margin:0px; font-size:12pt; font-family:Tahoma; color:#FFF; width:auto; max-width:100%; background:#008CBA; }
#Tablo table{margin:0px 1px 0 1px; padding:0;border-collapse:collapse; border:2px solid #222; font-size:9pt;  }
#Tablo table tr th{ font-size:10pt; color:#FFF; background:rgba(21,137,255,0.9);}
#Tablo table tr td{ color:#000;  margin:1px;}
#Tablo table tr td span.FisNo{ color:red;font-weight:bold;font-size:11pt;}
#Tablo table tr td,#Tablo table tr th{ padding:1px 3px; border:1px solid #222;}
#Tablo table tr td a{ background-color: #008CBA; border: none; color: white; padding: 1px 5px; text-decoration: none; display: block; font-weight:normal; font-size:10pt;}
#Liste table tr td.UrunResim a{ display:block; background-color:#FFFFFF;}
#Tablo table tr td.UrunResim a>img { max-width:120px; max-height:120px;}
#Tablo table tr td a:hover { background-color: #4CAF50; }
#Tablo table tr td a.Aktif { background:#f44336;}
#Tablo table.Liste tbody tr:nth-child(odd) { background: rgba(240,  255,  240,  0.9); color:#000;}
#Tablo table.Liste tbody tr:nth-child(even) { background: rgba(255,  255,  255,  0.9); color:#000;}
#Tablo table.Liste tbody tr.selected { background: rgba(255,  255,  255,  1); color:#000; border:2px solid #FF0000; }

#Tablo a.Buton { display:inline-block; padding:3px; background:#222; color:#FFF; border:1px double #F00;}

#Tablo table.Liste2 { border:0px; background:transparent; margin:0; width:100%;}
#Tablo table.Liste2 tbody tr{ border:0px;}
#Tablo table.Liste2 tbody tr td{ border:0px; border-bottom:1px dashed #000; border-right:1px dashed #000;}
#Tablo table.Liste2 tbody tr td:last-child { border-right:0px }
#Tablo table.Liste2 tbody tr:first-child { border-top:0; }
#Tablo table.Liste2 tbody tr:nth-child(odd) {  background:transparent; }
#Tablo table.Liste2 tbody tr:nth-child(even) {  background:transparent; }
#Tablo table.Liste2 tbody tr:last-child td { border-bottom:0;}

#Tablo table.Liste { padding:0px;}
#Tablo table.Liste th { padding:3px;}
#Tablo table.Liste td { padding:3px;}
#Tablo table.Liste td input[type=text]{ width:30px; background:#FFF;}
#Tablo table.Liste td select{ width:55px; background:#FFF;}
#Tablo table.Liste td option{ font-size:9pt;}
#Tablo table.Liste td input#ParolaTest { width:100px; font-size:11pt;}
#Tablo table.Liste td span#pBilgi { width:50px;}


/*.Aktif{ background:#a52a2a; color:#FFF; transition:color 0.5s, background 0.5s;font-size:1.1em;}*/

#fDuzenle {text-align:center;}
#fDuzenle input[type="text"]{ width:60px; background:#DDD; text-align:right; padding:1px 5px; margin:0;}
#fDuzenle input[type="number"]{ width:40px; background:#DDD; text-align:right; padding:1px 5px;  margin:0;}
#fDuzenle input[type="submit"]{ float:right; background:Red; color:white; padding:1px 5px;}
#fDuzenle input[type="submit"]:hover{ background:Blue;}
#fDuzenle select{ background:#AFA; width:70px;  padding:1px 5px; text-align:left;}
#fDuzenle select.Hayir{ background :#FDD;}
#fxButon { float:right; background:Red; color:white; padding:10px 15px; margin:5px 10px;}

#Ttbl	{ display:table;}
#Ttr 	{ display:table-row;}
#Tth 	{ display:table-cell; font-weight:bold; text-align:center;}
#Tsol	{ float:left; padding:0; width:150px;}
#Tsag	{ float:right; padding:0; width:150px;}
#Torta	{ float:left; padding:10px; width: expression((document.body.clientWidth * 0.8 - 322) + "px"); }
#Tsol, #Torta, #Tsag { display:table-cell;}
#Tsol, #Torta, #Tsag h4 { font-weight:bold; text-indent:5px; font-size: 1em;}
#Tsol, #Torta, #Tsag p { }
.cleaner {    clear:both;    height:1px;    font-size:1px;    border:none;    margin:0; padding:0;    background:transparent;    display:none; }

.xListe thead{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 0;
}


#Detay { background:rgba(255,255,255,0.3); width:auto; max-width:98%; float:left; padding:3px; margin:2px; border:0px; font-size:11pt;}
#Detay>h2{float:left; border:0px; color:#FFF; width:99%;}
#Detay>span{float:left;}
#Detay>a{float:left; border:2px solid #000; padding: 1px 5px; margin-left:10px; }
#Detay #Liste{ clear:both; background:#FFF; border:1px solid #000; margin:2px 0; 
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
}
#Detay #Liste tr{ background:rgba(250,250,250,0.5); color:#000; transition:color 0.9s, background 0.9s; border:0;}
#Detay #Liste tr:last-child{ border:0px; border-radius:0px; }
#Detay #Liste tr:last-child td{ border-bottom:0px;}
#Detay #Liste tr:last-child td:last-child{ border:0px;}
#Detay #Liste tr:hover{ background:rgba(200,200,200,0.8);  color:#F60;  transition:color 0.9s, background 0.9s;}
#Detay #Liste tr th{ border:0; border-right:1px solid #444; border-bottom:1px solid #444; padding:3px 5px;}
#Detay #Liste tr td{ border:0; border-right:1px dashed #666; border-bottom:1px dashed #666;  padding:3px 5px;}
#Detay #Liste tr td:last-child{ border:0px; border-bottom:1px dashed #666;}
#Detay #Liste tr.Toplam th { background:#transparent; font-family:Tahoma; color:#F60; border-top:1px solid #666; font-weight:bold; }
#Detay #Liste tr.Toplam:first-child th{ border-top:2px solid #444;}
#Detay #Liste tr.iptal td { background:#F99; color:#000; font-weight:bold; transition:color 0.5s, background 0.5s; }



#VeriForm { background:rgba(255,255,255,0.9); border:0; padding:5px; margin:1px 2px 0 4px; font-size:12pt;}
#VeriForm  div{ margin-top:2px; line-height:20px; height:30px; }
#VeriForm .Baslik{ background:#008CBA; color:#FFF; margin:-5px -7px 2px -7px;  padding:3px 5px; font-weight:bold; line-height:30px; font-size:13pt; }
#VeriForm .Etiket{ float:left; width:96px; max-width:97px; clear:left; text-align:right; padding-right:5px; }
#VeriForm .Etiket2{ float:left; width:40%; max-width:120px; clear:left; text-align:right; padding-right:5px; line-height:25px;}
#VeriForm .Veri{ float:left; width:100%; max-width:290px; }
#VeriForm .Veri input{ border:3px solid #CCC; background:#FFF; width:95%; line-height:18px; padding:3px 5px;}
#VeriForm .Veri2 input{ border:3px solid #CCC; background:#FFF; width:60%; line-height:18px; padding:3px 5px;}
#VeriForm .Veri input.RO{ border:0; background:#0F0; width:95%; line-height:18px; padding:3px 5px;}
#VeriForm .Veri select{ border:3px solid #CCC; background:#FFF; width:100%; line-height:15px; padding:0px 2px;}
#VeriForm .Veri input.Yarim{ width:43%; max-width:48%; margin-left:1px; float:left;}
#VeriForm .Veri textarea{ border:3px solid #CCC; background:#FFF; width:99%; line-height:14px;}
#VeriForm .Buton{ clear:left; Float:left;  width:90%; text-align:right; margin:5%; }
#VeriForm .Buton input{ border:1px solid #FFF; background:#008CBA; Color:#FFF; font-weight:bold; padding:8px 15px; width:auto;}
#VeriForm .Buton input:hover{ color:#F00; }
#VeriForm .Bilgi { width:93%; height:auto; clear:both; font-weight:normal; background-color:#FFFFFF; font-family:Calibri; Font-size:11pt;  }
#VeriForm #bilgi { width:370px; color:#F00; }
#VeriForm .Veri #ubilgi{ line-height: 30px; padding:3px 5px;}

#VeriForm select { display:block; width:95%; height:30px; border:2px solid #F00; border-radius:3px;   color:#000; font-size:12pt;  }
#VeriForm select option {  color:#000; font-size:12pt; text-transform:underline;}
#VeriForm input#sCariKodu { display:block; width:92%; padding:3px 5px; border:2px solid #F00; border-radius:3px;   color:#000; font-size:11pt;  }
#VeriForm input#CariBolge { display:block; width:92%; padding:3px 5px; border:2px solid #F00; border-radius:3px;   color:#000; font-size:11pt;  }
#VeriForm textarea {display:block; width:95%; color:#000; border:2px solid #000; border-radius:3px;  }
#VeriForm>form>label {display:inline-block;float:left; width:45%x; max-width:170px; clear:left; text-align:right; padding-right:5px;}
#VeriForm>form>label>input { float:left; border:3px solid #CCC; background:#FFF; width:95%; line-height:18px; padding:3px 5px;  }
#VeriForm>table { border-collapse:collapse; border:0; margin:0; width:100%; font-size:9pt; font-family:Tahoma;  }
#VeriForm>table th{ border:1px solid #000;  }
#VeriForm>table td{ border:1px solid #000; text-align:center;}


#VeriBolum { float:left; background:transparent;  padding:2px; margin:0px 0px 2px 2px; max-width: 100%; }
#VeriBolum  div{ margin:2px; height:30px; line-height:30px;}
#VeriBolum .Baslik{border:0; padding:5px 15px; margin:-2px -7px -2px -1px;  font-size:13pt; font-family:Tahoma; color:#FFF; width:auto; max-width:100%; background:#008CBA; }
#VeriBolum .Bolum { border:0; width:100%; height :99%;  padding:1px; background:#FFF; text-align:center; margin-bottom:5px;}
#VeriBolum .Bolum > span{ z-index:1; position:relative; width:98%; background-color: rgba(0, 255, 0, 0.5); color:#000; border-bottom:1px dashed RED; font-weight:bold; text-align:justify; display:block; word-wrap: break-word; padding:0px 5px;}
#VeriBolum .Bolum > img{ position:relative; top:0; border:0; max-width:100%; max-height:100%; }
#VeriBolum .Bolum > div{ background-color:#222; color:RED;  text-align:justify; display:block; word-wrap: break-word; padding:0px 5px;}
#VeriBolum .Bolum > div.Dosya{ background-color:#FFF; color:#000; font-size:14pt; display:block; word-wrap: break-word; padding:0px; height:40px; border:1px dashed RED;}
#VeriBolum .Bolum > div.Dosya img{ border:0; margin-bottom:-12px; width:30px; height:30px;}
#VeriBolum .Bolum > div.Dosya a{ background-color:#FFF; color:#000; padding:5px 10px;}

#LoginForm { position:absolute; top:20%; left:50%; margin-left:-175px; margin-top:-65px;  background:#FFF; border:0; width:320px; min-height:100px; padding:10px; clear:both; font-size:12pt;  
}
#LoginForm .Baslik{ background:#008CBA; color:#FFF;  padding:5px 15px; margin:-12px -12px 10px -12px; clear:both; font-weight:bold;}
#LoginForm .Etiket{ float:left; width:100px; clear:both; line-height:25px;  }
#LoginForm .Veri{ float:left; width:215px; line-height:25px; }
#LoginForm .Veri input{ border:1px dashed #222; background:#FFF; width:97%; padding: 1%; text-indent:5px; font-weight:bold; }
#LoginForm .Veri input[readonly='readonly']{ background:#0F0;}
#LoginForm .Veri select{ border:1px dashed #222; background:#FFF; width:100%; padding: 1%; font-weight:bold; }
#LoginForm .Veri button{ border:1px dashed #222; background:#F00; margin-top: 1%; padding:1%; font-weight:bold; }
#LoginForm .Veri button:target 	{ background:red; }
#LoginForm .Buton{ clear:left; Float:right;  width:340px; text-align:right; margin:15px 5px 5px 5px; }
#LoginForm .Buton input{ border:0; background:#008CBA; Color:#FFF; font-weight:bold; padding:8px 15px; }
#LoginForm .Buton input:hover{ border:0; background:#4CAF50; }
#LoginForm .Buton button{ border:0; background:#008CBA; Color:#FFF; font-weight:bold; padding:8px 15px; }
#LoginForm .Buton button:hover{ border:0; background:#4CAF50; }

#FiyatForm { position:relative; padding: 10px; background:#FFF; border:0; width: 400px; min-height:100px; clear:both; font-size:12pt; margin:auto;  }
#FiyatForm .Baslik{ background:#008CBA; color:#FFF;  padding:5px 15px; margin:-12px -12px 10px -12px; clear:both; font-weight:bold;}
#FiyatForm .Etiket{ float:left; width:110px; clear:both; line-height:30px;  }
#FiyatForm .Veri{ float:left; width:290px; line-height:30px; margin-bottom:1%; }
#FiyatForm .Veri label{ line-height:30px; border:1px dashed #222; background:#FFF; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#FiyatForm .Veri input{ float:left; border:1px dashed #222; background:#FFF; width:96%; padding: 1%; text-indent:5px; font-weight:bold; height:25px; }
#FiyatForm .Veri input[type='checkbox']{ font-weight:bold; appearance: auto; box-sizing: border-box; margin: 3px 3px 3px 4px; width:33%; }
#FiyatForm .Veri input[readonly='readonly']{ background:#0F0;}
#FiyatForm .Veri select{ border:1px dashed #222; background:#FFF; width:100%; padding: 1%; font-weight:bold; height:33px; }
#FiyatForm .Veri button{ border:1px dashed #222; background:#F00; margin-top: 1%; padding:1%; font-weight:bold; }
#FiyatForm .Veri button:target 	{ background:red; }
#FiyatForm .Veri button.x { float:left; width:auto; border:1px dashed #222; background:#FFF; padding: 1%; line-height:25px; margin-top:0px; margin-left:2px; }
#FiyatForm .Veri .Bol2{ position:relative; width:46%; float:left; margin-right:1%; }
#FiyatForm .Veri .Bol3{ width:32.2%; float:left; margin-right:1%; }
#FiyatForm>form>span{ float:left;  padding:3px 5px; margin-bottom:1%; border-top: 3px dashed #222; overflow:auto; font:9pt Tahoma;  line-height:20px; width:99%; }
#FiyatForm>form>span>div.Etiket{ float:left; padding:1px 3px; width:23%;line-height:20px; }
#FiyatForm>form>span>div.Veri{ float:left; padding:1px 3px; width:73%;line-height:20px;}
#FiyatForm>form>span>table{ width:100%; border:1px solid #222; border-collapse:collapse;}
#FiyatForm>form>span>table th{ font-weight:bold; text-align:center; width:auto; border:1px solid #222;}
#FiyatForm>form>span>table td{ width:auto;  text-align:center; border:1px solid #222; background-color:trasparent;}
#FiyatForm .Buton{ clear:left; Float:right;  width:340px; text-align:right; margin:15px 5px 5px 5px; }
#FiyatForm .Buton input{ border:0; background:#008CBA; Color:#FFF; font-weight:bold; padding:8px 15px; }
#FiyatForm .Buton input:hover{ border:0; background:#4CAF50; }


#Hata { 	border:3px solid Red; 		color:Red; 		background:#FDD; }
#Tamam { 	border:3px solid Green; 	color:Green; 	background:#DED; }
#Uyari { 	border:3px solid Orange; 	color:Black; 	background:#FFC; }
#Hata, #Tamam, #Uyari {z-index:11; display:none; border-radius:9px; top:40%; left:40%; margin-top:-10px; margin-left:-100px; padding:5px 10px; position:absolute; line-height:20px; min-height:20px; width:auto; min-width:200px; max-width:600px; font-weight:bold; }

.Hata { 	border:3px solid Red; 		color:Red; 		background:#FDD; }
.Tamam { 	border:3px solid Green; 	color:Green; 	background:#DED; }
.Uyari { 	border:3px solid Orange; 	color:Orange; 	background:#FFC; }
.Hata, .Tamam, .Uyari {z-index:11; border-radius:9px; margin:2% 3%; padding:5px 10px; position:Relative; width:auto; min-width:200px; max-width:600px; font-weight:bold; }

.Bilgi { 
	background:#FFD; 
	color:#000;
	
	padding:5px 10px;  
	border:3px solid yellow;
	border-radius:9px; 
	 
	width:auto; 
	min-width:100px; 
	font-weight:bold; 
	z-index:10;
}

#malzemekod {display:block;}
#Duzelt{clear:both;}

.Duzelt{clear:both;}
.Sonuc {  float:left; width:250px; line-height:20px; color:#F00; font-size:12pt; font-weight:bold; }
.Fiyat {color:FFF; text-align:right; font-weight:bold; }
.Div2Blok{margin-left:10px; float:right;}

.CustCheck { display: inline-block;  position: relative;  padding-left: 35px;  margin-bottom: 12px; margin-right:15px;  cursor: pointer;  font-size: 18px; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
.CustCheck input 							{ position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.CustCheck .checkmark 						{ position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #FFF;}
.CustCheck:hover input ~ .checkmark 		{ background-color: #CCC;}
.CustCheck input:checked ~ .checkmark 		{ background-color: #2196F3;}
.CustCheck .checkmark:after 				{ content: "";  position: absolute;  display: none;}
.CustCheck input:checked ~ .checkmark:after { display: block; }
.CustCheck .checkmark:after 				{ left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}

.CustRadio {  display: inline-block;  position: relative;  padding-left: 25px; margin:5px;  cursor: pointer;  font-size: 12pt;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.CustRadio input 							{  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.CustRadio .checkmark 						{  position: absolute;  top: 0;  left: 0;  height: 22px;  width: 22px;  background-color: #FFF;  border-radius: 50%;}
.CustRadio:hover input ~ .checkmark 		{  background-color: #ccc;}
.CustRadio input:checked ~ .checkmark 		{  background-color: #2196F3;}
.CustRadio .checkmark:after 				{  content: "";  position: absolute;  display: none;}
.CustRadio input:checked ~ .checkmark:after {  display: block;}
.CustRadio .checkmark:after 				{  top: 7px;  left: 7px;  width: 8px;  height: 8px;  border-radius: 50%;  background: white;}

#Takvim { background : #FFF; border-collapse:collapse; margin-left:2px; width:400px;}
#Takvim tr>th{ width:14.2%; line-height:20px; border:1px solid #000;}
#Takvim td{ width:14.2%; line-height:40px; text-align:center;  border:1px dashed #222; font-size:20pt; font-weight:bold:}
#Takvim td img { border:0; position:absolute; z-index:0;}
#Takvim td img.Bugun{ width:20px; height:20px; margin-top:25px; margin-left:-2px; }
#Takvim td img.Gelir{ width:15px; height:20px; margin-top:0px; margin-left:-30px; }
#Takvim td img.Odeme{ width:15px; height:20px; margin-top:0px; margin-left:0px; }
#Takvim caption{ background : #FFF; border-bottom:1px solid #222; padding:5px; font-size:16pt; font-weight:bold; height:30px; }
#Takvim #BBB{ position:absolute; width:390px;}
#Takvim #BBB input{ height:30px; background: ccc; width:100px;}
#Takvim #BBB input.Sol{ float:left;}
#Takvim #BBB input.Sag{ float:right;}


/* The container must be positioned relative: */
.custom-select { position: relative; font-family: Arial; }
.custom-select select { display: none; /*hide original SELECT element: */ }
.select-selected { background-color: #EFE; text-indent:3px;}
/* Style the arrow inside the select element: */
.select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 1px solid transparent; border-color: #333 transparent transparent transparent; }
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after { border-color: transparent transparent #000 transparent; top: 17px; }
/* style the items (options), including the selected item: */
.select-items div,.select-selected { color: #000; padding: 1px 3px; border: 1px dashed transparent; border-color: rgba(0, 0, 0, 0.2) ; cursor: pointer; }
/* Style items (options): */
.select-items { position: absolute; background-color: white; top: 100%; left: 0; right: 0; z-index: 99;}
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: rgba(0, 255, 0, 0.5); }

#xFouter { position:fixed; top:0; left:45%; width:auto; text-align:center; color:#0F0; padding:5px 15px;}
#xCapsDegis { position:absolute; top:33%; left:45%; padding:5px 15px; font-size:33pt; color:#FFF; }


/*
@media only screen and (max-width: 1000px) {
	
	#Menu { position:absolute; top:-405px; left:20px; padding:0; background:#EFE; color:#000; border:5px solid #FFF; clear:both; border-top:0;
	 transition:top 0.5s, background 0.5s,border 0.5s; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	#Menu a{ display:block; padding:3px 5px; margin:1px 3px; text-decoration:none; font-weight:bold; border-bottom:1px; color:#000;}
	#Menu a:hover,#Menu a.Aktif{  background:#BCB; border:0; transition:background 0.5s;}
	#Menu a.Aktif{ border:1px solid #F00;}
	#Menu:hover {top:-5px; background:#CCC; border:5px solid #F00; transition:top 0.5s, background 0.5s,border 0.5s; z-index:1;}
	#Menu .menu { transition:height 0.5s, background 0.5s, font 0.5s;height:25px; line-height:25px; text-align:center; font-family:'Tahoma'; text-transform:capitalize; font-weight:bold; font-size:10pt;}
	#Menu:hover .menu { background:#ccc; font-size:0; height:0px; transition:height 0.5s, background 0.5s, font 0.5s; }

	
}
*/

@media only screen and (max-device-width : 667px) {
	#Menu { position:fixed; top:5px; left:-500px; min-width:50%; padding:0; background:transparent; color:#000; border:0; clear:both;  transition:top 0.5s,left 0.5s,width 0.5s, background 0.5s,border 0.5s; z-index:1; }
	#Menu:hover {top:5px; left:5px; background:#FFF; min-width:50%; border:0; transition:top 0.9s,left 0.9s,width 0.9s, background 0.5s,border 0.5s; z-index:3; overflow-x:auto;}
	#Menu .is-open {position:fixed; top:5px; left:5px; display:block; transition:top 0.9s,left 0.9s, background 0.5s, font 0.5s; padding:0 30px;  z-index:3; }
	#Menu .menu { position:fixed; top:5px; left:5px; display:block; z-index:1; transition:top 0.9s,left 0.9s, background 0.5s, font 0.5s; padding:0 30px;  height:25px; line-height:25px; padding-right:5px; text-align:center; font-family:'Tahoma'; text-transform:capitalize; font-weight:bold; font-size:10pt; clear:both;}
	#Menu:hover .menu { background:#008CBA; z-index:-1;}
	#Menu .is-open .menu {  background:#008CBA; z-index:-1;}
	
	#icerik { margin-left:1px;  margin-top:30px; width:100%;  min-width:340px; max-width:99%;}
	#Tablo {width:100%;}
	#VeriForm { width:95%;}
	#VeriForm .Etiket{ float:left; width:90px; max-width:95px; line-height:15px; height:15px;  margin-top:5px; font-size:10pt;}
	#VeriForm .Veri{ float:left; width:210px; margin-left:1px; line-height:16px; font-size:10pt;}
	#VeriForm .Veri input{   border:1px dashed #CCC;}
	#VeriForm .Veri input.RO{ border:1px solid #0f0; background:#EFE;}
	#VeriForm .Veri select{ border:1px dashed #CCC;}
	#VeriForm .Buton{ clear:left; Float:left;  width:300px; text-align:right; margin:5px; }
	
	#TabloMenu { width:99%;}
	
	#Tablo { overflow-y:auto;}
	#Liste { overflow-y:auto;}
	#Detay { overflow-y:auto;}
	.xListe thead{
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: fixed;
		top: 0;
	}
	.modal{margin-top:30px;}
	.modal>div { width : 90%; }
	#FiyatForm {overflow-y:auto; width:96%;}
	#Malzemebody { overflow-y:auto; }
}
@media only screen and (max-width: 600px) {
	body{background:#222 url('../img/erolteknikAS_logo_seffaf_k.png') center center no-repeat fixed; }
	#Menu { position:fixed; top:5px; left:-500px; min-width:50%; padding:0; background:transparent; color:#000; border:0; clear:both;  transition:top 0.5s,left 0.5s,width 0.5s, background 0.5s,border 0.5s; z-index:1; }
	#Menu:hover {top:5px; left:5px; background:#FFF; min-width:50%; border:0; transition:top 0.9s,left 0.9s,width 0.9s, background 0.5s,border 0.5s; z-index:3; overflow-x:auto;}
	#Menu .is-open {position:fixed; top:5px; left:5px; display:block; transition:top 0.9s,left 0.9s, background 0.5s, font 0.5s; padding:0 30px;  z-index:3; }
	#Menu .menu { position:fixed; top:5px; left:5px; display:block; z-index:1; transition:top 0.9s,left 0.9s, background 0.5s, font 0.5s; padding:0 30px;  height:25px; line-height:25px; padding-right:5px; text-align:center; font-family:'Tahoma'; text-transform:capitalize; font-weight:bold; font-size:10pt; clear:both;}
	#Menu:hover .menu { background:#008CBA; z-index:-1;}
	#Menu .is-open .menu {  background:#008CBA; z-index:-1;}
	
	#icerik { margin-left:1px;  margin-top:30px; width:100%; min-width:340px; max-width:99%; }
	#Tablo {width:100%;}
	#Detay { max-width:96%;}
	#Detay #Liste{ max-width:100%; }
	
	#VeriForm { width:96%;}
	#VeriForm .Etiket{ float:left; width:90px; max-width:95px; line-height:15px; height:15px;  margin-top:5px; font-size:10pt;}
	#VeriForm .Veri{ float:left; width:320px; margin-left:1px; line-height:16px; font-size:10pt;}
	#VeriForm .Veri input{   border:1px dashed #CCC;}
	#VeriForm .Veri input.RO{ border:1px solid #0f0; background:#EFE;}
	#VeriForm .Veri select{ border:1px dashed #CCC;}
	#VeriForm .Buton{ clear:left; Float:left;  width:300px; text-align:right; margin:5px; }
	
	#FiyatForm { position:relative; padding: 10px; background:#FFF; border:0; width: 100%; min-height:100px; clear:both; font-size:12pt; margin:auto;  }
	#FiyatForm .Baslik{ background:#008CBA; color:#FFF;  padding:4px 10px; margin:-10px -10px 10px -10px; clear:both; font-weight:bold;}
	#FiyatForm .Etiket{ float:left; width:80px; clear:both; line-height:25px;  }
	#FiyatForm .Veri{ float:left; width:290px; line-height:25px; margin-bottom:1%; }
	#FiyatForm>form>span>div.Etiket{ float:left; padding:1px 3px; width:27%;line-height:20px; }
	#FiyatForm>form>span>div.Veri{ float:left; padding:1px 3px; width:68%;line-height:20px;}
	
	
	
	#TabloMenu { width:99%;}
	
	#Tablo { overflow-y:auto;}
	#Liste { overflow-y:auto;}
	#Detay { overflow-y:auto;}
	.xListe thead{
		position: -webkit-sticky;
		position: -moz-sticky;
		position: -ms-sticky;
		position: -o-sticky;
		position: sticky;
		top: 0;
	}
	.modal{margin-top:30px; }
	.modal>div { width : 90%;  max-width : 580px;}
	#FiyatForm {overflow-y:auto; width:96%;}
	#Malzemebody { overflow-y:auto; }
	#Malzemebody table{ width:100%; }
}
@media only screen and (max-width: 400px) {
	body{background:#222 url('../img/erolteknikAS_logo_seffaf_k4.png') center center no-repeat fixed; }
	.modal{margin-top:30px;}
	.modal>div { width : 90%; }
	#FiyatForm {overflow-y:auto; width:96%;}
	#Malzemebody { overflow-y:auto; }
}

.ERKAN {width:220px; margin:0;}
.ERKAN th{width:60px;}
.ERKAN td{width:160px;}


.onoffswitch {    position: relative; width: 90px;    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {    display: none;}
.onoffswitch-label {    display: block; overflow: hidden; cursor: pointer;    border: 2px solid #999999; border-radius: 20px;}
.onoffswitch-inner {    display: block; width: 200%; margin-left: -100%;    transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;    box-sizing: border-box;}
.onoffswitch-inner:before {    content: "Evet";    padding-left: -10px;    background-color: #2BCC66; color: #FFFFFF;}
.onoffswitch-inner:after {    content: "Hayır";    padding-right: 10px;    background-color: #FF0000; color: #FFFFFF;    text-align: right;}
.onoffswitch-switch {    display: block; width: 18px; margin: 6px;    background: #FFFFFF;    position: absolute; top: 0; bottom: 0;    right: 56px;    border: 2px solid #999999; border-radius: 20px;    transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {    margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {    right: 0px; }


@media only print {
	*{ background: #FFF; color:#000; font-size:10pt; opacity:1; }
	#Menu {display:none;}
	#Ayarlar {display:none;}
	#icerik {margin:15px; background:#FFF; color:#000;}
	/* a{display:none; visibility:hidden;} */
}

textarea::placeholder {
	color: #F00;  
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.dropdown-menu {
  position: static;
  display: block;
  width: auto;
  margin: 4rem auto;
}

.dropdown-menu-macos {
  display: grid;
  gap: .25rem;
  padding: .5rem;
  border-radius: .5rem;
}
.dropdown-menu-macos .dropdown-item {
  border-radius: .25rem;
}

.dropdown-item-danger {
  color: var(--bs-red);
}
.dropdown-item-danger:hover,
.dropdown-item-danger:focus {
  color: #fff;
  background-color: var(--bs-red);
}
.dropdown-item-danger.active {
  background-color: var(--bs-red);
}

.btn-hover-light {
  text-align: left;
  background-color: var(--bs-white);
  border-radius: .25rem;
}
.btn-hover-light:hover,
.btn-hover-light:focus {
  color: var(--bs-blue);
  background-color: var(--bs-light);
}

.cal-month,
.cal-days,
.cal-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
}
.cal-month-name {
  grid-column-start: 2;
  grid-column-end: 7;
  text-align: center;
}
.cal-weekday,
.cal-btn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 3rem;
  padding: 0;
}
.cal-btn:not([disabled]) {
  font-weight: 500;
}
.cal-btn:hover,
.cal-btn:focus {
  background-color: rgba(0, 0, 0, .05);
}
.cal-btn[disabled] {
  opacity: .5;
}

.form-control-dark {
  background-color: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .15);
}
@media print {

	.modal-header {
		display:  none;
	}
	.modal-footer {
		display: none;
	}
	.modal-body {
		min-width:100%;
		min-height: 1000px;
	}

}