/*@import url(tercih.php); */

html, body{
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; 
    background-color: #edebeb;
    background-image: url(../resimler/hk_bg.png);
    font-family: "Open Sans", Tahoma, Arial, Verdana;
    font-size: 14px;
}
/* Sayfanın en geniş hali */
.cerceve{
    min-width: 600px;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin-bottom: 160px;
    /*border: 1px dotted #999;*/
    overflow: visible;
}

.cerceve1{
    border:1px solid #777;
    padding: 5px;
}

.cerceve2{
    border:1px dotted #666;
}

.border{border: 1px solid #999; box-shadow: 0 0 5px #999;}
/* Tablo için sadece aşağıdaki id ismini değiştirmek yeterli */
#tablo-yesil {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#tablo-yesil td, #tablo-yesil th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tablo-yesil tr:nth-child(even){background-color: #f2f2f2;}

#tablo-yesil tr:hover {background-color: #ddd;}

#tablo-yesil th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}


#divKartDetay{
    border: 1px solid #999;
    border-radius: 4px;
    padding: 5px;
    height: 100px;
    width: 240px;
    margin-left: 10px;
    margin-top: 10px;
}

/*Acordion */

#solsutun{
    /*width: 10%; min-width: 130px; max-width: 180px;*/
    position: fixed;
    width: 180px;
    height: 100%;
    min-height: 1000px;
    margin: 0;
    padding: 30px 0;
    background-color: silver;
    float: left;
    
    box-shadow: 3px 0 10px #707070;
}
#ortabolum{
    width: auto;
    height: auto;
    margin: 0;
    float: left;
    left: 200px;
}

#ortasutun{
    /*min-width: 865px;*/
    width: auto;
    height: auto;    
    top: 0;
    margin: auto;
    padding: 40px 10px 10px 200px;
    position: static;
    overflow: visible;
     z-index: 1;
}

#sagsutun{
    position: absolute;
    display: none; 
    float: right;
    right: 0;
    top: 40px;
    width: 270px;
    height: 500px;
    padding: 0;
    z-index: 9;
    
}

#sagsutun #divUrun{
    float: right;
    background-color: #dfd8d8;
    box-shadow: 0 0 3px 5px #999;
    height: 100%;
    width: 240px;
    background-color: #CCC;
}

#sagbutonalani{
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    width: 30px;
    height: auto;
    vertical-align: middle;
}

#sagbuton{
    position: absolute;
    top: 200px;
    height: 100px; 
    width: 22px; 
    right: 0;
    margin-top: auto;
    margin-bottom: auto;    
    border-top-left-radius: 5px;  
    border-bottom-left-radius: 5px; 
    vertical-align: middle;  
     
    background-color: #CCC;
    color: #333;
    box-shadow:  -5px 5px 8px #999;
    text-align: center;
    font-weight: bold;
    padding-right: 6px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    cursor: pointer;
    z-index: 99;
}





.webart{
    position: absolute;
    top: 0;
    left: 180px;
    width: 100%;
    height: 30px;
    background-color: #f57f21 ; 
    color: #0D3FA4;
    vertical-align: middle;
    line-height: 30px;
    font-weight: bold;
/*    padding-right: 20px;*/

    text-indent: 10px;
    z-index: -99;
}


.kullanici{
    position: relative;
    width: auto;
    max-width: 120px;
    font-weight:  700;
    height: 30px;
    line-height: 30px;
    text-indent: 10px;
    cursor: pointer;
    text-align: left;
    text-shadow: 1px 1px 1px #999;
}

.kullanici:hover{color: #FF732F;}

.ev-simge{
    background-image: url(../resimler/ev.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0 50%;  
}

.ayar-simge{
    background-image: url(../resimler/ayar.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0 50%;  
}

.rapor-simge{
    background-image: url(../resimler/rapor.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0 50%;  
}

.islem-simge{
    background-image: url(../resimler/islem.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0 50%;  
}

.tanim-simge{
    background-image: url(../resimler/tanim.png);
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: 0 50%;  
}

.fl_resim_simge{
    max-width: 600px;
    width: auto;
    max-height: 60px;
    height: auto;
    border: none;
}

.fl_resim{
    max-width: 200px;
    width: auto;
    max-height: 150px;
    height: auto;
    border: none;
}

.fl_resim:hover{
    border: 1px solid #999;
    border-style: outset; 
}

.cikis{
    position: relative;
    margin-top: 3px;
    float: right;
    /*left: 540px;*/
    top: 2px;
    height:28px;
    width:25px;
    cursor: pointer;
    z-index: 9;
    background-image: url(../resimler/sistem/cikis_out.png);
    background-size: 20px;
    background-repeat: no-repeat; 
}
.cikis:hover{
    background-image: url(../resimler/sistem/cikis_on.png);
    
}

.btnX{
    background-image: url(../resimler/sistem/del.png);
    width: 20px;
    height: 20px;
    cursor: pointer;
    left:0;
    top:0;
    border: 1px solid #999;
    float: right;
}

.btnX:hover{
    background-image: url(../resimler/sistem/del_hover.png);
    border: 1px solid #333;
}

.person{background: url(../resimler/sistem/person.png) no-repeat; width: 43px; height: 33px; float: left; margin-top: 2px;}
.kilit{background: url(../resimler/sistem/kilit.png) no-repeat; width: 43px; height: 33px; float: left; margin-top: 2px;}
.btnGiris{width:246px; height: 30px; line-height: 30px; background-color: #caefdb; cursor: pointer; border-radius: 4px; color: #004080; font-weight: bold; font-size: 16px; }
.btnGiris:hover{background-color: #237ab2; color: #fff;}

.akBaslik{

    height: 30px;
    text-indent: 30px;
    background-color: #aaedf4 ; /*#98e3ea;*/
    line-height: 30px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #999;
}

.akBaslik:hover{
    color: #f26522;
}


.akLi li{
    padding-left: 10px;
    list-style: none; 
    color: Navy;
    line-height: 20px;
    background-color: #ECF5FF;
    margin-bottom: 1px;
}

.akLi li:hover{
    cursor: pointer;
    background-color: #e17009;
    text-shadow: 1px 0 1px  #999;
}

.mnAktif{
    background-color: #ffb118;
    background: #e17009;
    text-shadow: 1px 0 1px  #999;
}

.arti{
    width:26px; 
    height:26px;
    background:transparent url(../resimler/sistem/plus24b.png) no-repeat; 
    border: none;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.arti:hover{
    background:transparent url(../resimler/sistem/plus24.png) no-repeat left top; width:26px; height:26px;
}

.eksi{
    width:26px; 
    height:26px;
    background:transparent url(../resimler/sistem/minus.png) no-repeat; 
    border: none;
    cursor: pointer;
    float: right;
}

.eksi:hover{
    background:transparent url(../resimler/sistem/minus_hover.png) no-repeat left top; width:26px; height:26px;
}

.ekle{
    width:26px; 
    height:26px;
    background:transparent url(../resimler/sistem/plus24b.png) no-repeat; 
    border: none;
    cursor: pointer;
    margin-right: 10px;
}

.ekle:hover{
    background:transparent url(../resimler/sistem/plus24.png) no-repeat left top; width:26px; height:26px;
}

.sil{
    width:26px; 
    height:26px;
    background:transparent url(../resimler/sistem/minus.png) no-repeat; 
    border: none;
    cursor: pointer;
}

.sil:hover{
    background:transparent url(../resimler/sistem/minus_hover.png) no-repeat left top; width:26px; height:26px;
}



.tr-liste{border: none;}

.tr-liste:hover{border: none; background-color: #99FFFF;}





/* Burası yazıların yazılacağı, resimlerin konulacağı yer*/
/*Wrapper */
.icerik{
    /*background-color: #ECF5FF;*/
    padding:10px 5px;
}
.tablo{
    min-width: 500px;
    max-width: 1200px;
    width: auto;
    height: auto;
    margin: 10px 20px 40px 0;
    padding: 8px;
    background-color: #CCC;
    border: 1px solid  #caefdb;
    border-radius: 4px;
    float: left;
}

.tablo-liste{
    min-width: 500px;
    width: 900px;
    height: auto;
    margin: 10px 0 40px 0;
    padding: 5px;
    background-color: #eaf1f2;
    border-radius: 4px;
    float: left;
    border: 1px solid  #caefdb;
}


#printTable{
    font-family: 'Open Sans', Verdana, Tahoma;
    font-size: 14px;
}

.btnYazici{
    background:transparent url(../resimler/sistem/printer24.png) no-repeat left top; width:26px; height:26px;
    margin: 2px 0 0 5px;
    border: none;
    float: right;
    
}

.btnYazici:hover{
    background:transparent url(../resimler/sistem/printer_hover24.png) no-repeat left top; width:26px; height:26px;
}

.sutun100{width: 100%; margin: 0 0 3px 0; padding: 0; float: left;}
.sutun50{width: 49.5%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /*İki sutun */
.sutun33{width: 33.30%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /*Üç sutun */
.sutun66{width: 66.60%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /*Üç sutun */

.sutun25{width: 25%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /* Dört sütun*/
.sutun75{width: 74.5%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /* Dört sütun*/

.sutun20{width: 19.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /* Beş sütun*/
.sutun30{width: 29.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;}
.sutun40{width: 39.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 

.sutun45{width: 44.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 
.sutun55{width: 54.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 

.sutun60{width: 59.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 
.sutun70{width: 69.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 
.sutun80{width: 79.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 
.sutun90{width: 89.95%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} 

.sutun16{width: 16.65%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /* Altı sütun*/
.sutun12{width: 12.5%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /* Sekiz sütun*/
.sutun10{width: 10%; margin: 0 0 3px 0; padding: 3px 0 3px 0; float: left;} /* 10 sütun*/

/* Tablo TR biçim*/
.baslik{font-weight:bold; color: red;}
.baslik3{
    margin: 0;
    padding: 0;
    width: 100%; 
    height: 30px; 
    line-height: 30px;
    font-weight: bold; 
    background-color: #a6c9e2; 
    color: navy; 
    text-align: center; 
}

.baslik4{
    margin: 0;
    padding: 0;
    width: 100%; 
    height: 24px; 
    line-height: 24px;
    font-weight: bold; 
    background-color: #ECF5FF; 
    color: navy; 
    text-align: center;
    margin-bottom: 10px;
}

.tablo_satir_baslik{font-weight:bold; background-color: silver; color:#FFF; height: 25px; max-height: 30px; padding: 5px 0 5px 0;}
.tablo_satir_sec{cursor: pointer;}
.tablo_satir_sec:hover{background-color: #fec894;}

tr{max-height: 30px;}

/* Başlıkları koyacağımız divler*/
.divBaslik{
    width: 100%;
    /*min-height: 20px;*/
    padding: 5px 3px
}
.kelimeler{
    width:auto;
    height: auto;
    position: absolute;
    border: 1px solid #999;
    background-color: #fcfecd;
    padding:3px;
    margin-top: 25px;
    left: 96px;
    display: none;
    z-index: 9999;
    overflow: visible;
}
.kelime{
    width:190px;
    height:24px;
    margin-bottom:1px;
    background-color:#f1f1f1;
    margin:auto;
    cursor:pointer;
}

.satir-ara{
    cursor: pointer;
    list-style: none;
}

.satir-ara:hover{
    color: #FF732F;
    
}
.gizli{display: none;}
.golge-yazi{text-shadow: 1px 1px 3px #999;}

.golge-kutu-sag-alt{box-shadow: 2px 2px 5px #666;}
.golge-kutu-orta{box-shadow: 0 0 10px #666;}

/* yazı ölçüleri */
.kalin{font-weight: bold;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.font36{font-size: 36px;}
.font48{font-size: 48px;}
.font72{font-size: 72px;}

.bgLogin{background-color: #237ab2;}
.bgGri{background-color: #999;}
.bgSis{background-color: #ccc;}
.bgYesil{background-color: #caefdb;}
.bgMavi{background-color: #cae7ef;}
.bgTuruncu{background-color: #fec894;}
.bgBeyaz{background-color: #fff;}

/* Margin ve padding boşlukları */
.mar3{margin: 3px;}
.mar5{margin: 5px;}
.mar10{margin: 10px;}

.mar-top-5{margin-top: 5px;}
.mar-top-10{margin-top: 10px;}
.mar-top-20{margin-top: 20px;}
.mar-top-40{margin-top: 40px;}
.mar-top-60{margin-top: 60px;}

.mar-bot-5{margin-bottom: 5px;}
.mar-bot-10{margin-bottom: 10px;}
.mar-bot-20{margin-bottom: 20px;}
.mar-bot-40{margin-bottom: 40px;}
.mar-bot-60{margin-bottom: 60px;}
.mar-bot-80{margin-bottom: 80px;}
.mar-bot-100{margin-bottom: 100px;}

.mar-sag-1{margin-right: 1px;}
.mar-sag-2{margin-right: 2px;}
.mar-sag-5{margin-right: 5px;}
.mar-sag-10{margin-right: 10px;}
.mar-sag-20{margin-right: 20px;}
.mar-sag-40{margin-right: 40px;}

.mar-sol-5{margin-left: 5px;}
.mar-sol-10{margin-left: 10px;}
.mar-sol-20{margin-left: 20px;}
.mar-sol-40{margin-left: 40px;}

.pad3{padding: 3px}
.pad5{padding: 5px}
.pad10{padding: 10px}

.pad-sag-1{padding-right: 1px;}
.pad-sag-2{padding-right: 2px;}
.pad-sag-10{padding-right: 10px;}
.pad-sag-20{padding-right: 20px;}
.pad-sag-40{padding-right: 40px;}

.pad-sol-10{padding-left: 10px;}
.pad-sol-20{padding-left: 20px;}
.pad-sol-40{padding-left: 40px;}

.pad-top-5{padding-top: 5px;}
.pad-top-10{padding-top: 10px;}
.pad-top-15{padding-top: 15px;}
.pad-top-20{padding-top: 20px;}
.pad-top-25{padding-top: 25px;}
.pad-top-40{padding-top: 40px;}
.pad-top-60{padding-top: 60px;}

.pad-bottom-10{padding-bottom: 10px;}
.pad-bottom-20{padding-bottom: 20px;}
.pad-bottom-30{padding-bottom: 30px;}
.pad-bottom-40{padding-bottom: 40px;}
.pad-bottom-50{padding-bottom: 50px;}
.pad-bottom-60{padding-bottom: 60px;}

.pad-bottom-100{padding-bottom: 100px;}

.satir-yukseklik-20{line-height: 20px; line-height: 20px; }
.satir-yukseklik-30{line-height: 30px;}
.satir-yukseklik-40{line-height: 40px;}

.satir-ortala{vertical-align: middle; }

.radius2{border-radius: 2px;}
.radius4{border-radius: 4px;}
.radius6{border-radius: 6px;}
.radius8{border-radius: 8px;}

.yazi-sol{text-align: left;}
.yazi-sag{text-align: right;}
.yazi-orta{text-align: center;}

.yazi-renk-red{color: red;}
.yazi-renk-maroon{color: maroon;}
.yazi-renk-green{color: green;}
.yazi-renk-blue{color: blue;}
.yazi-renk-teal{color: teal;}
.yazi-renk-laci{color: #004080;}
.yazi-renk-beyaz{color: #fff;}

.yasla-sol{float: left;}
.yasla-sag{float: right;}
.yasla-orta{float: none;}



.satirTaksit{
	width:280px;
	float:left;
	margin-bottom:10px;
}

.satirTaksit .num{
	float: right;
	margin-right:5px;
	width: 70px;
	text-align: right;
}

.satirTaksit .tarih{
	float:left;
	margin-right:5px;
	width: 75px;
}

.en10{width: 10px;}
.en20{width: 20px;}
.en30{width: 30px;}
.en40{width: 40px;}
.en50{width: 50px;}
.en60{width: 60px;}
.en70{width: 70px;}
.en80{width: 80px;}
.en90{width: 90px;}
.en100{width: 100px;}
.en120{width: 120px;}
.en140{width: 140px;}
.en160{width: 160px;}
.en180{width: 180px;}
.en200{width: 200px;}
.en220{width: 220px;}
.en230{width: 230px;}
.en240{width: 240px;}
.en260{width: 260px;}
.en280{width: 280px;}
.en300{width: 300px;}
.en320{width: 320px;}
.en350{width: 350px;}
.en380{width: 380px;}
.en400{width: 400px;}
.en450{width: 450px;}
.en480{width: 480px;}
.en490{width: 490px;}
.en500{width: 500px;}
.en520{width: 520px;}
.en550{width: 550px;}
.en580{width: 580px;}
.en600{width: 600px;}

.yuk20{height: 20px;}
.yuk22{height: 22px;}
.yuk24{height: 24px;}
.yuk26{height: 26px;}
.yuk28{height: 28px;}
.yuk25{height: 25px;}
.yuk30{height: 30px;}
.yuk35{height: 35px;}
.yuk40{height: 40px;}
.yuk50{height: 50px;}

a{
    text-decoration: none;
    color:  #0D3FA4;
}
a:hover{
    color: #e17009;
}

/* LİSTE */
.satir-renk{color: #dfd8d8;}


/* Sayfalama*/
a.sayfala{
	padding:2px 5px 2px 5px;
	background-color:#CCC;
	color:#036;
}

a.sayfala:hover{
	background-color:#036;
	color:#CCC;
}

.aktif{
	background-color:Orange;
	width:10px; 
	padding: 2px 5px 2px 5px;
        color:#036;
}


.liste{font-size: 13px;}
.liste:hover{background-color: #8fcaf0; }

#dialog{
    overflow: hidden; 
}

#dialog{display: none;} /*Poliçe Girişi*/
#dialogN{display: none;}
#dialogK{display: none;}
#dialogC{display: none;}
#dialogS{display: none;}
#dialogUrun{display: none;}

/* Tahsilat Açılan Div */
#dialogTahNakit{display: none;}
#dialogTahAcKart{display: none;}
#dialogTahAcBanka{display: none;}
#dialogTahAcCek{display: none;}
#dialogTahSirketKart{display: none;}
#dialogTahSirketBanka{display: none;}

 
.debug{
    bottom: 40px;
    width: auto;
    min-width: 600px;
    width: 900px;
    height: auto;
    position: fixed; 
    float: left;
}

/* Form elemanları */ 
.altcizgi{border-bottom: 0.5px solid #999;}
.secim{
    border: 1px solid #ccc;;
    padding: 1px;
}

textarea{padding: 3px; border-radius: 2px;border: 1px solid #ccc; font-family: Tahoma, 'Segoe UI', Verdana;
}

/*
select{min-width: 140px; max-width: 200px; float: left; padding: 4px; margin-right: 5px; border-radius: 2px;border: 1px solid #ccc;}
*/

.noborder{border: none;}

input[type=radio]{border-style: solid; vertical-align: sub;   }

input[type="text"], input[type=email], input[type=tel], input[type=password]{
    padding: 5px 10px 5px 10px; /*comment this out to see effect of padding */
    margin:  2px 0px;
    letter-spacing: 0px;
    height:14px;
    line-height: 14px;
    font-size: 14px;
    -moz-appearance: none;
    -moz-transform: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    
    
}


input[type="text"]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only {
    background-color: #CCC;
}
input[type="text"]:read-only, input[type=email]:read-only, input[type=tel]:read-only {
    background-color: #CCC;
}

input[type="submit"], input[type="reset"], input[type="button"]{cursor: pointer;padding: 5px 10px 5px 10px;}

.buton{cursor: pointer; text-decoration: none;}
.buton:hover{ color: #f06807;}

/* Renkli butonlar*/ 
.btnRed{
    height: 30px;
    line-height: 30px;
    background-color: #d34d17;
        color: #730103; 
	font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        border-radius: 3px;
        box-shadow: 0 0 5px #999999;
        padding: 5px 10px 5px 10px;
}


.btnGreen{
        height: 30px;
    line-height: 30px;
    background-color:  #9bcc60;
        color: #3a8104; 
	font-weight:bold;
        cursor: pointer;
        
        border-radius: 3px;
        box-shadow: 0 0 5px #999999;
        padding: 5px 10px 5px 10px;
}

.btnBlue{
    height: 30px;
    line-height: 30px;

    background-color: #cae7ef;
        color: #0D3FA4; 
	font-weight:bold;
        cursor: pointer;
        text-decoration: none;
        border-radius: 3px;
        box-shadow: 0 0 5px #999999;
        

}

.btnBlue:hover, .btnGreen:hover, .btnRed:hover{text-shadow:1px 1px 2px #999; background-color: silver; color: #000; }

/*Mahsup fişi */
.topNum{
	/*float: left;*/
	width: 78px;
	text-align: right;
	margin-right:15px;
	font-weight:bold;
        text-align:right; 
        float:right; 
        border:none;
}

.hareketToplam{
    float:left; 
    height:38px; 
    width:980px;
    background-color:#CCC; 
    overflow: hidden; 
    border:none;
}

.fisCerceve{
    width:975px; 
    float:left; 
    padding: 5px;
    text-align:left; 
    top:0px;
    border: solid;
    box-shadow: 0 2px 5px #237ab2;
}
/* Adından belli her bir satır ayrımı*/
.satir{
    width: 100%;
    margin: 2px 0 3px 0;
    padding: 0;
    float: left;

}
.satir span{
    line-height: 24px;
    padding-top: 5px;
    
}

.satir50{
    width: 50%;
    margin: 6px 0 6px 0;
    padding: 0;
    float: left;

}

.satir .tarih1{
	float: left;
	max-width: 100px;
	margin-left:5px;
	margin-right:42px;
        border: none;
}

.satir .tarih2{
	float: left;
	max-width: 100px;
	margin-left:5px;
	margin-right:80px;
}

.satir .tarihT{
	float: left;
	max-width: 80px;
	margin-left:5px;
	margin-right:44px;
}

.satir .genel{
	float: left;
	width: 180px;
	margin-left:5px;
}

.satir .aciklama{
	float: left;
	width: 247px;
	margin-left:2px;
        height: 20px;
        /*background-color: #fff;
        height: 20px;
        padding: 2px;
        
        */
        border: none;
        line-height: 20px;
        padding: 1px 2px 1px 2px;
        
}

.satir .num{
	float: left;
	width: 80px;
	text-align: right;
	margin-left:5px;
        /*background-color: #fff;
                
        height: 20px;
        padding: 2px;
        */
        border: none;
        line-height: 20px;
        padding: 1px 2px 1px 2px;
}

.satir .num2{
	float: left;
	width: 60px;
	text-align: right;
	margin-left:5px;
	margin-right:120px;
}


.satir .liste{
	float: left;
	width: 130px;
	margin-left:5px;
        border: 0.1px solid silver;;
        line-height: 22px;
        padding: 2px;
}

.satir input[type=text]{
    font-size: 14px;
    height: 14px;
    padding: 1px;
    padding: 5px 10px 5px 10px;
}


/* Mahsup Fişi SONU  */

/* Giriş Ekrani */
.giris_tablo{
	border:solid 1px #999999;
        color: #5B5B5B;
	box-shadow:0px 1px 10px 1px #004080;
	border-radius:4px;
}
.giris_tablo input{padding: 2px;}
.giris_tablo th{
	border-radius: 3px;
	border:1px solid #625C5C;
	cursor: pointer; 
	width:32px;
	height:32px; 
	text-align:center;
        padding: 6px;
        font-size: 24px;

}

/* Label tanımları*/
.lblBaslik20{width: 20px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik30{width: 30px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik40{width: 40px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik50{width: 50px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik60{width: 60px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik70{width: 70px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik80{width: 80px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik90{width: 90px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik100{width: 100px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik110{width: 110px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik120{width: 120px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left; overflow: visible;}
.lblBaslik150{width: 150px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left; overflow: visible;}
.lblBaslik180{width: 180px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik200{width: 200px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik220{width: 220px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik230{width: 230px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik240{width: 240px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik250{width: 250px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik260{width: 260px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik280{width: 280px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik300{width: 300px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}
.lblBaslik400{width: 400px;  height: 24px;line-height: 24px; border-bottom:1px solid transparent; float: left;}

.altcizgi{border-bottom:1px solid  #2e6e9e; margin-right: 2px;} 

.detay{
	display:none; 
	text-align:left; 
	width:500px; 
	height:auto; 
	margin:30px auto 150px auto; 
	overflow:auto; 
	border:1px solid #666; 
	background-color:#ECF5FF;
        padding: 5px;
       
}

#uyari{
	position:fixed;
	border-radius:2px;
	padding:10px 0 10px 0;
	left: 200px;
	bottom:50px;
        width: 85%;
        overflow: visible; 
	font-weight:bold;
	color:#036;
	text-align:left;
	opacity: 0.9;
	display:inline;	
        z-index: 99;
        background-color: #caefdb;
        border-radius: 4px;
}

.ustUyari{
    color: #0D3FA4;
    font-weight: bold;
    padding: 5px;
    margin-left: 40px;
    background-color: white;
}

.ustUyari1{
    color: white;
    font-weight: bold;
    padding: 5px;
    margin-left: 40px;
    background-color: #0D3FA4;
}

/* Footer*/

.footer{
    
    position: fixed;
    bottom: 0;
    left: auto;
    right: auto;
    height: 40px;
    line-height: 40px;
    width: 100%;
    /*margin: 60px auto 0 auto;*/
    background: linear-gradient(to bottom, #003366, #3399CC, #003366); 
    box-shadow: 0 3px 10px #004080;
}

.webart-logo{
    cursor: pointer;
    height: 40px;
    width: 16.66%;
    background-image: url(../resimler/sistem/webart_145x30.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    /*background-size: 112px,43px;*/
}

.webart-logo:hover{background-image: url(../resimler/sistem/webart_145x30_1.png);}

.altMenu{
    color: white;
    text-decoration: none;
}

#altSatir{
	position:fixed;
	bottom:0;
        left: 0;
	width:100%;
	height:25px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F8F8F8;
	background-color:#004080;
	line-height:25px;
	padding-left:10px;

}


.altMenu:hover{
    color: coral;
}

/* MENU */

 #menu{
     position: fixed;
    height: 30px;
    width: 90%;
    box-shadow: 0 3px 10px #004080;
    margin-bottom: 150px;
}


#menu ul, .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#menu ul.menu {
    padding-left: 10px;
    position: relative;
    float: left;
}

#menu li, .menu1 li, .menu1 li, .menu2 li, .menu3 li, .menu4 li, #menu5 li, .menu6 li, .menu7 li, .menu8 li {
    position: relative;
    z-index: 9;
    margin: 0;
    height: 28px;
    line-height: 28px;
    color: #fff; /*#90ebfd;*/
    /*background: linear-gradient(to bottom, #003366, #3399CC, #003366); */
    border-right:0.5px solid #707070;
    margin-right: 1px;
    padding:1px 10px 1px 10px;
    display: block;
    float: left;
    font-weight: 500;
    text-shadow: 0 0 2px #999;
    min-width: 70px;
    cursor: pointer;
 
}
#menu li:hover>ul {
    left: 8px;
}

#menu{background: linear-gradient(to bottom, #003366, #3399CC, #003366); }
#menu li{background: linear-gradient(to bottom, #003366, #3399CC, #003366); }
#menu ul li:hover{background: linear-gradient(to bottom, #3399CC, #003366, #3399CC);}

.menu1{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
.menu1 li{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
.menu1 ul li:hover{background: linear-gradient(to bottom, #6699FF, #99FFFF, #6699FF);}

#menu2{background: linear-gradient(to bottom, #FFFFCC, #6699FF, #FFFFCC)}
#menu2 li{background: linear-gradient(to bottom, #FFFFCC, #6699FF, #FFFFCC)}
#menu2 ul li:hover{background: linear-gradient(to bottom, #6699FF, #FFFFCC, #6699FF);}

#menu3{background: linear-gradient(to bottom, #6699FF, #CCFF33, #6699FF)}
#menu3 li{background: linear-gradient(to bottom, #6699FF, #CCFF33, #6699FF)}
#menu3 ul li:hover{background: linear-gradient(to bottom, #CCFF33, #6699FF, #CCFF33);}

#menu4{background: linear-gradient(to bottom, #FF3399, #003300, #FF3399)}
#menu4 li{background: linear-gradient(to bottom, #FF3399, #003300, #FF3399)}
#menu4 ul li:hover{background: linear-gradient(to bottom, #003300, #FF3399, #003300);}

#menu5{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
#menu5 li{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
#menu5 ul li:hover{background: linear-gradient(to bottom, #99FFFF, #00CCCC, #99FFFF);}

#menu6{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
#menu6 li{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
#menu6 ul li:hover{background: linear-gradient(to bottom, #99FFFF, #00CCCC, #99FFFF);}

#menu7{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
#menu7 li{background: linear-gradient(to bottom, #99FFFF, #6699FF, #99FFFF)}
#menu7 ul li:hover{background: linear-gradient(to bottom, #99FFFF, #00CCCC, #99FFFF);}

#menu8{ background-color: #99FFFF;}
#menu8 li{background-color: #99FFFF;}
#menu8 ul li:hover{background-color: #00CCCC;}

.parent{
    text-shadow: 0 0 2px #999;
}
.parent:hover{
    font-stretch: semi-expanded;
    color: #036;
}

.temizli{
    background: none; 
}

.temizli:hover{background: none; }

#menu ul ul {
    position: absolute;
    top: 29px;
    padding-top: 2px;
    left: -999em;
    width: 100%;
    margin:0.4px;
}

#menu ul ul li{
    margin-bottom: 1px;
    border-right: none;
    min-width: 113px;
    width: auto;
    left:-8px;
    background: #006699; 
    color: white;
}
/*#menu ul li:hover{background: #a6c9e2;}*/
#menu ul ul li:hover{background: #a6c9e2; color: #003333}

/* Yana açılan menü */
#menu ul ul ul li{
    margin-bottom: 1px;
    border-right: none;
    min-width: 113px;
    width: auto;
    left:-8px;
    margin-left: 1px;
    /*background: linear-gradient(to bottom, #000000, #ffffff, #000000); */
    background: none;
    background-color: #999;
}
#menu ul ul ul{ display:none; width:100%; position:absolute; left:0; margin:-31px 0 0 133px; }
#menu ul ul ul li{float: left; position: relative;}
#menu ul ul ul li:hover{
    /*background: linear-gradient(to bottom, #ffffff, #000000, #ffffff);*/
    background: none;
    background-color: darkorange; 

}


/* Menu sonu*/

/* Mobile Menu */

#mobilMenu{
    
}

/* Mobile Menu Sonu */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    
}

@media screen and (max-width: 767px) {
    #menu{display: none;}

    .footer{
        height: auto;
        overflow-y: auto;
        line-height: 30px;
        color: #ECF5FF;
        background: #003366;  /*#3399CC; */
        
    }
    #footer-logo{display: none;}

    .webart-logo:hover{background-image: url(../resimler/sistem/webart_48x48.png);}
    .sutun50, .sutun33, .sutun66, .sutun25, .sutun75, .sutun20, .sutun40, .sutun60, .sutun80, .sutun16, .sutun12, .sutun10{width: 100%;} /*İki sutun */
}

@media (max-width: 768px) {
    .tablo{
        min-width: 320px;
        width: 480px;
        min-height: 240px;
    }
    .sagsutun{
        display: none;
    }
}

@media (min-width: 769px) AND (max-width: 992px) {
    .tablo{
        min-width: 400px;
        width: 720px;
    }
    .container {
      width: 970px; } 
        .sagsutun{
        display: none;
    }
}
@media (min-width: 993px) AND (max-width: 1200px) {
    .tablo{
        min-width: 500px;
        width: 900px;
    }    
    .sagsutun{
        display: none;
    }    
.container {
  width: 1100px; } 
}

@media (min-width: 1200px) {
    .tablo{
        min-width: 500px;
        width: auto;;
    }    
    .sagsutun{
        display: inline;
    }    
.container {
  width: 1200px; } 
}