body{background:#fff;font-family:'Open Sans', arial,san-serif;font-size:14px;color:#555;}
*:focus{outline:0;}
.al{text-align:left;}
.ar{text-align:right;}
.ac{text-align:center;}
.aj{text-align:justify;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;margin:0;padding:0;}
.none{display:none;}
a{text-decoration:none;color:#22a7df;}
h1{font-weight:bold;font-size:20px;}
table.list{width:100%;margin-top:20px;}
table.list tr th{padding:10px;background:#22a7df;color:#fff;}
table.list tr td{padding:10px;border-bottom:1px solid #ccc;}
table.list tr td a{text-decoration:none;margin:0 10px;display:inline-block;}
.header{background:#eee;position:fixed;top:0;left:0;right:0;padding:10px;height:25px;line-height:25px;border-bottom:1px solid #ccc;}
.content{padding:10px;padding-top:46px;}
.footer{padding:10px;font-size:14px;}
.logo{margin-right:20px;}
.menu{}
.menu ul li{margin:0 10px;font-size:16px;}
.menu ul li a{height:25px;line-height:25px;display:inline-block;text-decoration:none;color:#22a7df;}
.menu ul li a:hover{}
.form_wrapper{width:80%;margin:20px auto;}
.form_item{margin:10px 0;}
.form_item input{width:100%;padding:10px;box-sizing:border-box;border:1px solid #ccc;}
.form_item input:focus{border-color:#aaa;}
.form_item textarea{width:100%;padding:10px;box-sizing:border-box;border:1px solid #ccc;height:80px;}
.form_item textarea:focus{border-color:#aaa;}
.form_item button{padding:10px 20px;border:0;background-color:#22a7df;color:#fff;}
.form_item button:hover{opacity:0.7;}
.error{padding:5px;color:red;border:1px solid red;margin:10px 0;}
.success{padding:5px;color:green;border:1px solid green;margin:10px 0;}
.search{margin:10px 0;}
.search input{width:300px;padding:10px;box-sizing:border-box;border:1px solid #ccc;}
.search input[type="checkbox"]{width:auto;padding:0;box-sizing:border-box;border:1px solid #ccc;}
.search input:focus{border-color:#aaa;}
.search button{padding:10px 20px;border:0;background-color:#22a7df;color:#fff;}
.search button:hover{opacity:0.7;}
.search select{padding:10px;box-sizing:border-box;border:1px solid #ccc;}
.session_data{}
.print{margin-top:10px;}
.print_page{color:#000;width:794px;height:1122px;overflow:hidden;background:url(fatura.jpg) no-repeat;position:relative;}
.print_unvan{position:absolute;left:93px;top:205px;width:271px;height:90px;}
.print_vergi_dairesi{position:absolute;left:129px;top:310px;width:235px;height:auto;}
.print_vergi_no{position:absolute;left:129px;top:330px;width:235px;height:auto;}
.print_tarih{position:absolute;right:42px;top:312px;width:117px;height:auto;}
.print_hizmetler{position:absolute;top:418px;width:100%;}
.print_hizmet{height:27px;line-height:27px;position:relative;margin-bottom:2px;}
.print_hizmet_adi{position:absolute;left:54px;width:408px;height:auto;}
.print_hizmet_adet{position:absolute;right:252px;width:70px;height:auto;font-size:12px;}
.print_hizmet_fiyat{position:absolute;right:172px;width:75px;height:auto;font-size:12px;}
.print_hizmet_tutar{position:absolute;right:51px;width:116px;height:auto;font-size:12px;}
.print_toplam{position:absolute;bottom:215px;right:51px;width:116px;height:auto;}
.print_kdv{position:absolute;bottom:190px;right:239px;width:39px;height:auto;}
.print_kdv_toplam{position:absolute;bottom:190px;right:51px;width:116px;height:auto;}
.print_genel_toplam{position:absolute;bottom:157px;right:51px;width:116px;height:auto;}
.print_yaziyla{position:absolute;bottom:65px;left:84px;width:621px;height:auto;}
.print_son_odeme{position:absolute;bottom:244px;left:55px;width:404px;height:auto;}
.print_hesap_bilgileri{position:absolute;bottom:92px;left:55px;width:404px;height:141px;line-height:21px;}
.print_page_zarf{width:794px;height:1122px;color:#000;overflow:hidden;position:relative;}
.print_zarf_detay{font-size:13px;width:450px;position:absolute;top:300px;right:103px;transform:rotate(-90deg);}
.print_proforma{position:absolute;top:155px;left:421px;font-weight:bold;font-size:20px;color:blue;}
.print_proforma_son_odeme {position:absolute;top:260px;left:421px;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 8px; text-align: left; z-index: 1;}
.dropdown:hover .dropdown-content { display: block;}