@media all and (min-width: 1px) and (max-width: 799px) {


body.index {background:url(../img/background.jpg); color:#8e8e8e;
    background-position: -480px 0px!important;
    background-size: 276% !important;
    background-repeat: no-repeat !important;
}


* { -webkit-overflow-scrolling: touch !important; }

body.kr-panel {background:url(img/background.jpg); background:none !important }


body{ background-color:#fff; width:100%;  margin:0;padding:0;color:#000;font-family: 'Roboto', sans-serif;}

a:link , a:visited { color:#000; }


header { width:100%; height:40px; background-color:#fafafa; border-bottom: 1px solid #E6E6E6 }

.container { width:100%; margin: 0 auto; text-align: center; }

h1 { font-size:60px;font-weight:700; font-size: 30px }
h2 { font-size:40px;font-weight:300;  font-size: 30px }
h3 { font-weight:300; color:black; font-size:14px;  }


header   {  padding-top:20px }
header li {  vertical-align:middle; font-weight:300; }

header li.firma-adi { float:left; margin-left:2%; margin-top:5px; }
header li.firma-adi a.blok-don { margin-right:3px; }
header li.firma-adi a.blok-don:before { background: url(../img/geri-git.svg); width:16px; height:16px; display:inline-block; vertical-align:middle; margin-top:-2px; content:"" }

header li.projeler { display: inline-flex; margin:0px auto; left:40%;  text-align:center; width:20%; position: absolute; }
header li.projeler select {  margin-top:0px; min-width:130px;  }
header li.musteri-ekle { float:none; margin-left:auto; margin-right:auto;  text-align:center; width:100%; position: absolute;  }
header li.musteri-ekle  p:after { background: url(../img/ekle.png); background-size:100%; width:30px; height: 30px; display: inline-block; vertical-align: middle; margin-left:5px; content: "" }



header li.projeler select { margin-left: 50px; font-size: 13px; border: 1px solid #ccc; }



header li.cikis { ffloat: right; margin-right: 3%; margin-top: 4px; font-size: 15px;  }
header li.cikis a:link , a:visited {  font-size:15px;   }


img.geri-git {width: 25px;vertical-align: middle;margin-right:5px; margin-top:-5px; }
img.ekle { width:14px; margin-right:0px; vertical-align:top; }

.panel {
	margin:35% auto 0;
	max-width:450px;
	min-height:350px;
	background-color:white;
	flex-shrink: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.panel-container {   text-align:center;  }
.panel-container .panel-giris-logo { padding-top:25px; }
.panel-container .panel-giris-logo img {  width:75px; }
.panel-container .oturum-ac {    }
.panel-container .oturum-ac ul { margin-left:2.5%; }
.panel-container .oturum-ac li.baslik { font-size:18px; text-align:left; color:#000;  }



.panel-container .oturum-ac ul.panele-gir { margin-left:2.5%; width:90%; text-align:left; margin-top:30px;}
.panel-container .oturum-ac li { width:100%; }

.panel-container .oturum-ac input[type="email"] { border-bottom:1px solid #d8d8d8; width:100%; font-size:14px; }


.panel-container .oturum-ac .panele-gir li.sifre{ padding-top:60px }


.panel-container .oturum-ac input[type="submit"] { float: right; background-color:#4285f4; height:35px; border-radius:4px; color:#fff;  width:30%; font-size:14px;   -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);  -webkit-appearance: none; }

.panel-container .oturum-ac input[type="submit"]:hover { background-color:#60b750;}

.panel-container .oturum-ac .panele-gir li.giris-yap { padding-top:55px }


.kopritink { padding-top:60px; font-size:13px; margin:0px auto; color:#fff; text-align:center; font-weight:300; }







.container .blok-sec { width:50%;  text-align:center; margin:10% auto;  }
.container .blok-sec {
	display:block;
    border: 0 solid transparent;
    border-radius: 4px;
    background-color: rgb(204, 241, 214);
    transition: color 0.2s cubic-bezier(0.77, 0, 0.175, 1);
     padding-top:2%;
    padding-bottom:8%;



}


 .container .blok-sec:hover {     background-color: rgb(204, 241, 214);  }






.container table.daire-liste  { width:200%; }
.container .tablo-mobil { width: 100% !important; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch !important; }

.container table.daire-liste select {font-size: 13px; border: 1px solid #ccc; min-height: 25px; text-indent: 5px;     background-color: #fff !important;  border: 1px solid #e6e6e6 !important; min-height: 25px;
    background-size: 12%;
    text-indent: 5px;
    width: 120px;

}

.container table.daire-liste tr.liste td.select-et { max-width:350px !important; }

.container table.daire-liste td { font-size:13px; }

.container table.daire-liste tr.baslik { height:50px; font-size: 14px; }
.container table.daire-liste tr.liste { height:50px; background-color: #fafafa ; font-size:13px; }



.takip-et { position: absolute;
    margin-top: 17px;
    margin-left: 12px; }









.container table.musteri-panel-kr  { width:max-content; margin: 0 auto 30px; }
.container table.yuzdekirkbes  { width:145% !important;}
.container table.yuzdeyuz  { width:100% !important;}


.container table.musteri-panel-kr tr.baslik { height:50px; border-bottom:2px solid #ccc; }
.container table.musteri-panel-kr td { font-size:13px; padding: 15px 20px}
.container table.musteri-panel-kr th { font-size:15px; }




.container table.musteri-panel-kr tr.proje { height:50px; background-color: #fafafa; font-family: 'Roboto', sans-serif; font-weight: 400;}


.container table.musteri-panel-kr tr.proje td p.ekle:after { background: url(../img/ekle.png); background-size:100%; width:20px; height: 20px; display: inline-block; vertical-align: middle; margin-left:5px; content: "" }






.container table.musteri-panel-kr tr.proje-detay { height:40px; background-color: #ffe28a}


.container table.musteri-panel-kr tr.proje-detay td p.ekle:after { background: url(../img/ekle.png); background-size:100%; width:20px; height: 20px; display: inline-block; vertical-align: middle; margin-left:5px; content: "" }


.container table.musteri-panel-kr tr.proje-detay-ekle { height:40px; background-color: #9edbb7}


.container table.musteri-panel-kr tr.proje-detay-ekle td p.ekle:after { background: url(../img/ekle.png); background-size:100%; width:20px; height: 20px; display: inline-block; vertical-align: middle; margin-left:5px; content: "" }





.musteri-cikis-yap { float: right; margin-right: 10px; font-size: 14px;}







input[type=submit] { -webkit-appearance: none; background-color: white; border: 1px solid #e6e6e6; padding: 3px; vertical-align: middle; border-radius: 3px; }
input[type=text] { -webkit-appearance: none; min-height: 19px;border: 1px solid #e6e6e6;border-radius: 4px; }

select {background-image: url("../img/icon-select.svg") !important; box-shadow:none !important;  border: 1px solid #e6e6e6 !important;font-size: 13px !important; }
select:after {   }




td.duzenle {
    background: url(../img/duzenle.png);
    width: 70px;
    height: 9px;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-size: 40%;}




    .KullaniciAdi {
    background-color: #e9f9f8;
    padding: 25px;
    text-align: left;
    padding-left: 5%;
    }


    .radio-btn label {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    background-color: #fafafa;
    width: max-content;
    padding: 15px;
    border: 1px solid #e0e0e0;
    margin: 0px 10px;
    border-radius: 4px;
    color: #000;
    }

    .PersonelDuzenlemeKaydet { display: block; width:max-content; padding: 10px 20px !important; ext-align: center; margin: 20px auto;}

    .weekDays-selector input {display: none!important;}
    .weekDays-selector input[type=checkbox] + label {display: inline-block; font-size:22px; font-weight:700; background-color:#fafafa; width:max-content; padding:15px; border:2px solid #e0e0e0; margin:0px 10px; border-radius:6px; color:#000;}
    .weekDays-selector input[type=checkbox]:checked + label { background: #019825; color: #ffffff; }


    .YetkiKisalt input {display: none!important;}
    .YetkiKisalt input[type=checkbox] + label {display: inline-block; font-size:14px; font-weight:700; background-color:#fafafa; width:max-content; padding:10px 35px; border:1px solid #e0e0e0; margin:0px 10px; border-radius:6px; color:#000;}
    .YetkiKisalt input[type=checkbox]:checked + label { background: #019825; color: #ffffff; }




    .YetkiDuzeyi { margin-top:50px}
    .YetkiDuzeyi li.aktif { font-size:25px; font-weight:700; background-color:#02b5bc; width:max-content; padding:30px; border:2px solid #02b5bc; border-radius:6px; color:#fff;}
    .YetkiDuzeyi li {display: inline-block; font-size:25px; font-weight:700; background-color:#fafafa; width:max-content; padding:30px; border:2px solid #e0e0e0; margin:0px 20px; border-radius:6px; color:#000; vertical-align: m
    }
    .YetkiDuzeyi li span { display: block; font-size:20px;}
    .YetkiDuzeyi .YetkiDuzenle { display: inline-block; vertical-align: middle; margin-left: 4%;}
    .YetkiDuzeyi .YetkiDuzenle:before {  background: url(http://server.konutmatik.com/img/Edit-Icon.png); width: 20px; height: 20px; background-size:100%;  vertical-align: middle; margin-right: 10px; display: inline-block; content: "";}



    tr.PersonelDuzenlebaslik { text-align: center; }
    tr.PersonelDuzenlebaslik th { text-align: center; padding:10px 0px; padding-left: 0px !important; }

    tr.PersonelDuzenle { background-color:#fafafa; padding:20px 0px}
    tr.PersonelDuzenle td  { padding:20px 0px; padding-left: 0px !important; text-align: center;}
    tr.PersonelDuzenle td input  { width:90%; height:40px}















img.icons { width: 20px; vertical-align: middle; margin-right: 10px; display: inline-block; }





	  .input__label--haruki {width: 85% !important}
	  body {background:url(../img/background.jpg); background-position:-440px 60px; background-size:250% }
      .no-bg { background:none !important; }

	  .panel {max-width: 90%;}







.satildi { background-color:#ffdcdc !important  }
.satilik { background-color:#ccf7cc !important  }
.opsiyon { background-color:#f7edcc !important  }



}