/* [1] Ortak Siniflar */
.ortala {margin: 0px auto}
.db {display:block}
.dib {display:inline-block}
.fl {float:left}
.fr {float:right}
.tc {text-align: center}
.tl {text-align:left}
.tr {text-align:right}
.pa {position:absolute}
.pr {position:relative}
.pf {position:fixed}
.temizle {clear:both; }
.radius {border-radius:4px;}
b { font-weight: bold; }
caption, th { text-align:left;}
strong {font-weight: bold;}
.bosluk{margin-top:10px;}
.yuzdeyuz{width:100%}
.alignleft{text-align:left!important}

/* [2] Katmanlar */
.la {z-index:1}
.lb {z-index:2}
.lc {z-index:3}
.ld {z-index:4}
.le {z-index:5}
.lf {z-index:6}
.lg {z-index:7}
.lh {z-index:8}
.li {z-index:9}
.lj {z-index:10}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#34495e;
	background:#f1f1f1;
}
a {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	color:#5faee3;
	text-decoration:none;
	cursor:pointer
}
a:hover{
	color:#34495e;
}

.table{
	border:none;
	width:100%;
	height:auto;
	border-spacing:0;
}
.sagtaraf { 
	padding-left: 230px; 
}
td,tr,table{
	border-spacing:0;vertical-align:top
}

/* header */
#header{width:100%;height:47px;background:#fff;display:table;border-bottom: 3px solid #fbfbfb;}
#header .ustbilgi{width:100%;height:47px;float:left}
#header .ustbilgi .cikis { float: right !important; border-right: none !important; border-left: 1px solid #f1f1f1;padding-left:20px; }
#header .ustbilgi .cikis a { background: url(../images/cikis.png) no-repeat left center; padding-left: 20px; }
#header .ustbilgi .bilgi{width:auto;height:47px;float:left;font-size:12px;color:#2c3748;border-right: 1px solid #f1f1f1;line-height:50px;}
#header .ustbilgi .bilgi:hover { background: #f1f1f1; }
#header .ustbilgi .bilgi a{color:#444;display:block;padding:0 20px 0 20px;}
#header .ustbilgi .bilgi span{font-size:12px;color:#5faee3;padding-left:2px;}

/* sol menu */
.solmenu{position: fixed;width:230px;height: 100%; background:#2c3748;top:0;}
.solmenu #logo { width: 100%; height: 50px; background: #1F2734; line-height: 50px; text-align: center; }
.solmenu #logo h1 { font-size: 16px; color: #fff; padding:0;margin:0; }
.solmenu #logo h1 img { width: 104px; margin-top: 11px; }
.solmenu .menuler{width:100%;height:auto;margin:0 auto;margin-top: 10px;}
.solmenu .kapatac{width:30px;height:32px;background:url(../images/menu.png) no-repeat;margin-left:215px;cursor:pointer;z-index:9999;display:block;position:absolute; top: 58px;}

/* icerik */
#icerik{height:auto;margin:0 auto;margin-left: 20px; margin-right: 20px;}
#icerik .istatistik{width:100%;height:auto;margin-top:20px;float:left;margin-bottom:10px;}
#icerik .istatistik .kutu{width:25%;float:left;}
#icerik .istatistik .kutu .kbaslik{border-right: 1px solid #f1f1f1;height:40px;line-height: 40px;padding:0 0 0 20px;color:#fff;font-weight:700;background:#2c3748;font-size:14px}
#icerik .istatistik .kutu .kicerik{border-right: 1px solid #f1f1f1;padding:20px;background:#34495e;color:#d1d8e0}
#icerik .istatistik .kutu .kicerik .isol{width:100px;height:25px;float:left;font-weight: bold;}
#icerik .istatistik .kutu .kicerik .isag{width:90px;height:25px;float:left;color:#fff}

/* hizli menu */
.hizlimenu{width:100%;height:auto;margin:0px 0 10px 0;}
.hizlimenu .menukutu{width:20%;float:left;text-align:center;}
.hizlimenu .menukutu h2 { font-size:13px;color:#fff;font-weight:bold; padding:0px 0 20px 0; margin:0; }
.hizlimenu a:hover .menukutu{background:#419dda}
.hizlimenu .menukutu .resim{text-align:center;margin:20px 0 20px 0;}
.hizlimenu .mavi1{background:#5faee3}
.hizlimenu .mavi2{background:#6eb5e5}
.hizlimenu .mavi3{background:#7cbde8}
.hizlimenu .mavi4{background:#8bc4ea}
.hizlimenu .mavi5{background:#90c9ef}

/* hizli menu tab */
.tab2{width:100%;background:#fff}
.tab_bas2{width:100%;height:50px;background:#34495e}
.tab_bas2 span{float:left;padding:0 15px 0 15px;height:50px;line-height: 50px; color:#fff;background:none;font-weight:700;cursor:pointer}
.tab_bas2 .tabaktif{background:#2c3748}
.tab_bas2 .tabpasif{background:none}
.tab_bas2 .bildirim{width:40px;height:40px;background:url(../images/plus.png) no-repeat center;float:left;margin:0 10px}
.tab_bas2 .bildirim .bild{background:#5faee3;color:#fff;font-size:9px;border-radius:10px;width:17px;text-align:center;margin:2px 0 0 25px;padding:2px 1px 2px 0}
.tab_kutular2{width:100%;clear:both}
.tab_kutular2 .tabac2{display:none;}

/* son on siparis */
.tab{width:100%;background:#fff}
.tab_bas{width:100%;height:50px;background:#34495e}
.tab_bas span{float:left;padding:0 15px 0 15px;height:50px;line-height: 50px; color:#fff;background:none;font-weight:700;cursor:pointer}
.tab_bas .tabaktif{background:#2c3748;}
.tab_bas .tabpasif{background:none}
.tab_bas .bildirim{width:40px;height:50px;background:url(../images/plus.png) no-repeat center;float:left;margin:0 10px}
.tab_bas .bildirim .bild{background:#5faee3;color:#fff;font-size:9px;border-radius:10px;width:17px;text-align:center;margin:2px 0 0 25px;padding:2px 1px 2px 0}
.tab_kutular{width:100%;clear:both}
.tab_kutular .tabac{display:none}

.listele{width:100%;height:auto;background:#fff}
.listele td{padding:12px 10px 12px 10px;border-top:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;font-size:12px}
.listele .listbaslik{color:#34495e;font-weight:700;background:#e0ebf3}
.listele .griyap{background:#f4f4f4}
.listele .tumu{background:#8bc4ea;color:#fff;cursor:pointer;font-size:11px}
.listele .tumu:hover{background:#34495e}
.sonuyeler{width:100%;height:auto;margin-right:10px}
.sonuyeler .sbar{width:100%;height:50px;background:#34495e}
.sonuyeler .sbar .bildirim{width:40px;height:50px;background:url(../images/plus.png) no-repeat center;float:left;margin:0 10px}
.sonuyeler .sbar .sbaslik{background:#2c3748;float:left;padding:0 15px 0 15px;height:50px;line-height:50px; color:#fff;font-weight:700;cursor:pointer}
.lisans{width:100%;height:255px;background:#fff;margin-left:0}
.lisans .lbaslik{color:#5faee3;background:#e5e5e5;font-size:18px;padding:8px 0 7px;text-indent:20px;height:25px}
.lisans .lsatir{width:400px;height:35px;margin-left:20px;font-size:15px;line-height:35px}
.lisans .lsatir .lsol{width:auto;float:left;color:#999}
.lisans .lsatir .lsag{width:auto;float:right;text-align:right}

#icerik .agacmenu{width:100%;height:50px;line-height: 50px; font-size:14px;margin-top:20px;background:#fff;border-bottom: 2px solid #f8f8f8;}
#icerik .agacmenu a {
background: url(../images/ok.png) no-repeat left;
color: #444;
margin: 0 0 0 20px;
border-right: 1px solid #f1f1f1;
line-height: 50px;
display: block;
float: left;
padding: 0 20px 0 20px;
}
#icerik .agacmenu a:hover{color:#5faee3}
#icerik .filtreleme{width:100%;height:auto;padding-bottom:10px;background:#fff}
#icerik .filtreleme .arama{width:auto;height:auto;margin:10px 20px 0 10px;float:left}
#icerik .filtreleme .arama .aramabaslik{width:100px;float:left;line-height:32px;margin-right:10px}
#icerik .filtreleme .arama .aramainput{width:205px;float:left}
#icerik .sayfalama{width:auto;float:left;margin:20px 0 10px}
#icerik .sayfalama a{padding:6px 10px;margin-right:2px;background:#34495e;color:#fff;font-weight:700}
#icerik .sayfalama a:hover{background:#5faee3}
#icerik .sayfalama span{padding:6px 10px;margin-right:2px;background:#5faee3;color:#fff;font-weight:700}
#icerik .islemler{width:auto;float:right;margin:20px 5px 20px 0}
#icerik .islemler .islem{width:auto;margin-left:20px;color:#2c3e50;font-size:12px;float:left}
#icerik .islemler .islem img{float:left;margin-right:7px}
#icerik .islemler .islem a{color:#34495e;line-height: 18px;}
#icerik .islemler .islem a:hover{color:#5faee3}
#icerik .listem{width:100%;height:auto;background:#fff}
#icerik .listem td{border-bottom:solid 1px #e1e1e1;border-right:solid 1px #e1e1e1;font-size:12px;padding:10px;text-align:center;vertical-align:middle}
#icerik .listem .listbaslik{color:#fff;font-weight:700;background:#5faee3}
#icerik .listem .griyap{background:#f4f4f4}
#footer{width:100%;margin-top:20px}

.toplam { 
height: 40px;
line-height: 40px;
float: right;
font-weight: bold;
text-align: right;
background: #fff;
padding: 0 20px 0 20px;
border-bottom: 3px solid #f8f8f8;
}

.input_cokcokkisa{width:75px;height:28px;border:solid 2px #eee;text-indent:5px;font-family:Tahoma,Arial;color:#666;outline:none;}
.input_cokkisa{width:95px;height:28px;border:solid 2px #eee;text-indent:5px;font-family:Tahoma,Arial;color:#666;outline:none;}
.input_kisa{width:150px;height:28px;border:solid 2px #eee;text-indent:5px;font-family:Tahoma,Arial;color:#666;outline:none;}
.input_orta{width:250px;height:28px;border:solid 2px #eee;text-indent:5px;font-family:Tahoma,Arial;color:#666;outline:none;}
.input_uzun{width:500px;height:28px;border:solid 2px #eee;text-indent:5px;font-family:Tahoma,Arial;color:#666;outline:none;}
.input_cokkisa:focus,.input_kisa:focus,.input_orta:focus,.input_uzun:focus{outline:none;border:solid 1px #5faee3;outline:none;}
.buton {
width: auto;
height: 40px;
padding: 0 20px 0 20px;
background: #5faee3;
border: none;
color: #fff;
}
.select{height:34px}
.tinput .check{margin-left: 14px;float:left;line-height:24px;width:120px}
.tinputuzun .check{margin-left: 14px;margin-bottom: 10px; float:left;line-height:24px;width:200px}
.tinput .check input[type='checkbox']{float:left;margin:0}
.tinput .ayrac{vertical-align:top}
.tinput .onizleme{float:left;margin-left:15px;}
.kaydet{width:auto;height:auto;margin:10px 0 0 20px}
.kaydet .btnkaydet{width:auto;padding:10px 15px;background:#1b83c8;border:none;color:#fff;font-size:15px;margin-bottom:20px;cursor:pointer;outline:none}
.kaydet .btngeri{width:auto;padding:10px 15px;background:#5faee3;border:none;color:#fff;font-size:15px;margin-bottom:20px;cursor:pointer;outline:none}

.anasayfabuton {width:auto;height:auto;margin:10px 0 0 0px}
.anasayfabuton .anasayfabtn{height: 50px; padding: 0 20px 0 20px; line-height: 50px; text-align: center; display:block; background:#1b83c8;border:none;color:#fff;font-size:15px;margin-bottom:20px;cursor:pointer;outline:none}

.btnsil {
width: auto;
padding: 0 20px 0 20px;
height: 40px;
background: #AF0505;
border: none;
color: #fff;
font-size: 12px;
margin-bottom: 20px;
margin-top: 10px;
cursor: pointer;
border-bottom: 3px solid #BA4343;
}
.btnsil:hover{background:#34495e}
.tabac h2 { font-size: 16px; font-weight: 700; padding: 20px 0 20px 0; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.tabac .tbaslik{width:140px;height:auto;float:left;line-height:34px;margin:15px 0 0 20px}
.tabac .tbaslikayar{width:200px;height:auto;float:left;line-height:24px;margin:15px 0 0 20px}
.tabac .tbaslikayarkalin{width:200px;height:auto;float:left;line-height:14px;margin:15px 0 0 20px;font-weight:700;font-size:15px;color:#34495e}
.tabac .tinput{width:auto;height:auto;position:relative; float:left;margin:15px 0 0 20px}
.tabac .tinputuzun {width:100% !important;margin-left: 0;}
.tabac .tinput span{margin-right: 10px;}
.tabac .tinput span.arti{margin-right: 5px; margin-left: 5px;}
.tabac .tinputkalin{width:auto;height:auto;float:left;margin:0 0 0 20px}
.tabac .tbaslikdetay{width:160px;height:22px;float:left;line-height:22px;margin:5px 0 0 20px;font-weight:700}
.tabac .tinputdetay{width:180px;height:22px;line-height:22px;float:left;margin:5px 0 0 20px}
.tabac .tbaslikadres{width:100px;height:22px;float:left;line-height:22px;margin:5px 0 0;font-weight:700}
.tabac .tinputadres{width:140px;height:22px;line-height:22px;float:left;margin:5px 0 0}
.tabac hr{color:#34495e;background-color:#34495e;height:2px;border:none}
#DataPager1 a{height: 40px;line-height: 40px;padding: 0 20px 0 20px;margin-right:2px;background:#34495e;color:#fff;font-weight:700}
#DataPager1 .command{margin-right:2px;background:#34495e;color:#fff;font-weight:700;float:left}
#DataPager1 .current{height: 40px;line-height: 40px;padding: 0 20px 0 20px;margin-right:2px;background:#5faee3;color:#fff;font-weight:700;float:left}
#DataPager1 a:link,#DataPager1 a:visited{height: 40px;line-height: 40px;padding: 0 20px 0 20px;margin-right:2px;background:#34495e;color:#fff;font-weight:700;float:left}
#DataPager1 a:hover{background:#5faee3}
.imgKat{max-width:500px}
.message{background-size:40px 40px;background-image:linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);background-image:-webkit-linear-gradient(135deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);width:100%;color:#fff;padding:0;text-shadow:0 1px 0 rgba(0,0,0,.5);animation:animate-bg 5s linear infinite;-webkit-animation:animate-bg 5s linear infinite;margin:10px 0 5px}
.info{background-color:#4ea5cd;border-color:#3b8eb5}
.error{background-color:#de4343;border-color:#c43d3d}
.warning{background-color:#eaaf51;border-color:#d99a36}
.success{background-color:#61b832;border-color:#55a12c}
.message h3{padding:15px;margin:0 0 5px;font-size: 14px; font-weight: 700;}
.message p{margin:0}
@-webkit-keyframes animate-bg {
from{background-position:0 0}
to{background-position:-80px 0}
}
@keyframes animate-bg {
from{background-position:0 0}
to{background-position:-80px 0}
}
#preview{position:absolute;border:3px solid #ccc;background:#4ea5cd;padding:5px;display:none;color:#fff}
#toplamfiyatlar{width:250px;float:right;margin-top:15px}
#toplamfiyatlar .urunfiyat{float:left;width:130px;font-weight:700;margin-right:20px;text-align:right;height:20px;line-height:20px}
#toplamfiyatlar .uruntutar{float:left;width:100px;text-align:left;height:20px;line-height:20px}
.adreskap{float:left;width:320px}
.adreskap h2{margin:10px 0;padding:0;font-size:14px;color:#34495e; border:none;}
.msjBaslik{padding-left:10px;font-weight:700;font-size:14px;margin:0 auto;height:32px;line-height:32px;color:#fff;background:#5faee3}
.msjTarih{float:right;padding-right:10px}
.msjKap{padding:0 10px}
.msjIcerik{padding:10px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.msjMusteri{background:#5faee3}
.msjDosya{text-align:right;margin-right:10px}
.cevapyaz{width:auto;height:auto;margin:10px 0 0 8px}
.cevapyaz .btnkaydet{width:auto;padding:10px 15px;background:#5faee3;border:none;color:#fff;font-size:15px;margin-bottom:20px}
.cevapyaz .btngeri{width:auto;padding:10px 15px;background:#5faee3;border:none;color:#fff;font-size:15px;margin-bottom:20px}
.haberBaslik {
    height:30px;
    line-height:30px;
    padding:5px;
    color:#5faee3;
    background:#e7e7e7;
    font-weight:bold;
}
.haberTarih {
    float:right;
    width:200px;
    text-align:right;
    color:#34495e;
}
.haberIcerik {
    padding:10px;
    margin-bottom:10px;
    background:#fff;
}
.haberBosluk {
    height:5px;
    border-bottom:1px solid #34495e;
    margin-bottom:15px;
}

#image_selector_wrapper { float: left; }
#image_selector_input { float: right; margin-left: 20px; }
#images { float:left; }

/* girisMenu */
.istatistikKutu {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
  left: -10px;
}
.istatistikKutu .hesabimKutu {
  height: 160px;
  width: 23.07%;
  padding: 0;
  float: left;
  margin: 0 0 15px 19px;
  position: relative;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  -ms-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  background: #fff;
  border-bottom: 3px solid #fbfbfb;
}
.istatistikKutu .hesabimKutu:hover {
	  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px #a2a2a2;
  box-shadow: 0px 0px 10px #a2a2a2;
}
.istatistikKutu .hesabimKutu:before {
  background-image: url("../images/dashboard.png");
  background-position: -298px 0;
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.hesabimKutu:before, .hesabimKutu:after {
  content: "";
  display: table;
}
.istatistikKutu .hesabimKutu p {
  font-size: 14px;
  color: #999;
  margin: 20px 20px 10px 20px;
  text-align: right;
  line-height: 20px;
}
.istatistikKutu .kutuBir p:before {
  background-image: url("../images/dashboard.png");
  background-position: -54px -173px;
  width: 57px;
  height: 45px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 20px;
}
.istatistikKutu .kutuIki p:before {
  background-image: url("../images/dashboard.png");
  background-position: -164px -82px;
  width: 43px;
  height: 43px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 15px;
  left: 20px;
}
.istatistikKutu .kutuUc p:before {  background-image: url("../images/dashboard.png");
  background-position: -257px -9px;
  width: 41px;
  height: 41px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 20px;
}
.istatistikKutu .kutuDort p:before {  background-image: url("../images/dashboard.png");
  background-position: 0 -218px;
  width: 54px;
  height: 51px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 15px;
  left: 15px;
}
.istatistikKutu .kutuBes p:before {  background-image: url("../images/dashboard.png");
  background-position: -207px -50px;
  width: 50px;
  height: 32px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 25px;
  left: 20px;
}
.istatistikKutu .kutuAlti p:before {  background-image: url("../images/dashboard.png");
  background-position: -111px -125px;
  width: 53px;
  height: 48px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 20px;
}
.istatistikKutu .hesabimKutu strong {
  color: #5faee3;
  font-size: 44px;
  float: right;
  padding: 0 20px 10px 20px;
}
.hesabimKutu:after {
  clear: both;
}
.hesabimKutu:before, .hesabimKutu:after {
  content: "";
  display: table;
}
.istatistikKutu .hesabimKutu span {
  display: block;
  width: 100%;
  float: right;
  text-align: right;
  color: #999;
  font-size: 11px;
  padding-right: 20px;
}

a.dp-choose-date {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 30px;
  top: 8px;
  padding: 0;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(../images/calendar.png) no-repeat;
}

.yillikaylik { 
	display: none;
}

.baslik {
	margin: 30px 20px 20px 20px;
}
.baslik h1 {
	font-weight: 700;
	font-size: 16px;
	color: #444;
}


.baslikw {
	margin: 30px 20px 20px 20px;
}
.baslikw h1 {
	font-weight: 700;
	font-size: 16px;
	color: #e40b0b;
}

.ilanFoto {
	margin-left: 20px;
}

.sil {
  width: 19px;
  height: 19px;
  font-size: 11px;
  margin: 0 3px 0 0;
  display: -moz-inline-stack!important;
  display: inline-block!important;
  zoom: 1!important;
  background-image: url(../images/ikonlar/sil.png);
  background-repeat: no-repeat;
  margin: 10px 0;
}

.musteriListesi {
	margin: 20px;
}

/* onayHataKutu */
.onayHataKutu {
	width: 100%;
	background: #fff;
	margin-top: 20px;
	border-bottom: 3px solid #fbfbfb;
}
.onayHataKutu .onayHata {
	text-align: center;
	padding: 160px 0;
}
.onayHataKutu .onayHata img {
	margin-bottom: 20px;
}
.onayHataKutu .onayHata h1 {
	font-size: 32px;
	padding-bottom: 20px;
	font-weight: 700;
}
.onayHataKutu .onayHata p {
	font-size: 13px;
	line-height: 18px;
}
.onayHataKutu .onayHata a {
	font-size: 13px;
	color: #fff;
	background: #5faee3;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	margin-top: 20px;
}