@font-face{font-family:Sf-Regular;src:url(../yonetim/fonts/Sf-Compact-Regular.otf) format("opentype")}

*{padding:0;margin:0;list-style:none;border:0;text-decoration:none;-webkit-overflow-scrolling: touch;font-family:Sf-Regular;}
::selection{background:#ededed;}
@charset "UTF-8";<!--
body.index {background:url(../img/background-disao.jpg); background-size: cover; background-color: black; background-repeat: no-repeat; color:#8e8e8e;}
/*body.kr-panel {background:url(../img/background.jpg); }
*/body.kr-panel {  }




body{margin:0;padding:0;color:#000;background-color:#fff;font-family:Sf-Regular;}

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

.fa { margin-right:3px; }


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

.container { width:100%; margin: 0 auto; text-align: center; }
.container .tablo-mobil { overflow-x: scroll;}

h1 { font-size:60px;font-weight:900;  }
h2 { font-size:40px;font-weight:300;  }
h3 { font-weight:300; font-size:15px; color:black  }



header   {  padding-top:20px }

header li {  vertical-align:middle; font-weight:300; }

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

header li.projeler { display: inline-flex; margin:0px auto; left:48%;  text-align:center; width:20%; position: absolute; text-transform: uppercase; font-weight:900; font-size:19px }
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 { font-size:16px; border:1px solid #ccc;     }

img.ekle { width:16px; margin-right:0px; vertical-align:top; }


header li.cikis { float:right; margin-right:2%; font-size:15px;  }

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

.panel {
	margin:15% auto 0;
	max-width:450px;
	min-height:350px;
	background-color:white;
	flex-shrink: 0;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
	-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:64px; }
.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;font-family:Sf-Regular;  }



.panel-container .oturum-ac ul.panele-gir { margin-left: 2.5%; width: 90%; text-align: left; margin: 30px auto;}
.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: #1319a7;
    height:35px;
    border-radius: 10px;
    color:#fff;
    width: 100%;
    font-size:15px;
    /* -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: #36c71b;}

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


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







.container .blok-sec { width:25%;  text-align:center; margin:5%;   }
.container .blok-sec {
	display: inline-block;
    border: 0 solid transparent;
    border-radius: 4px;
    background-color: #fafafa;
    transition: color 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    border: 1px solid #E6E6E6;
    padding-top:1%;
    padding-bottom:1%;



}


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






.container table.daire-liste  { width:100%; }
.container table.daire-liste td { font-size:15px; padding-left: 10px; }
.container table.daire-liste th { padding-left: 10px;}

.container table.daire-liste select {}

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

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











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

table tbody { text-align: left;}

.container table.musteri-panel-kr  { width:100%; margin: 0 auto 30px; }
.container table.musteri-panel-kr td  {font-size:15px; padding-left: 20px}
.container table.musteri-panel-kr td .Mailadrescss { display: inline-block; text-align: left; width: 250px}
.container table.musteri-panel-kr td .Kullaniciadicss { display: inline-block; text-align: left; width: 250px}
.container table.musteri-panel-kr td .Yetkicss { display: inline-block; text-align: left; width: 70px; margin-right: 10px}
.container table.musteri-panel-kr th  {font-size:15px; padding-left: 20px }


.container table.musteri-panel-kr tr.baslik { height:50px; border-bottom:2px solid #ccc; }




.container table.musteri-panel-kr tr.proje { height:50px; background-color: #fafafa; font-family: Sf-Regular; }


.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 {}


/*input[type=submit] { -webkit-appearance: none; background-color: white; border: 1px solid #e6e6e6; padding: 5px; vertical-align: middle; border-radius: 3px; }
*/input[type=submit] {    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #e6e6e6;
    font-family:Sf-Regular;
    padding: 5px;
    font-size: 15px;
    vertical-align: middle;
    border-radius: 3px; }
/*input[type=text] { -webkit-appearance: none; min-height:20px; border: 1px solid #e6e6e6;border-radius: 4px; vertical-align:middle; text-indent:3px; }
*/input[type=text],[type=email] ,[type=password]  {    -webkit-appearance: none;
    min-height: 25px;
    font-family:Sf-Regular;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 15px;
    vertical-align: middle;
    text-align: center; }

select {background-image: url("../img/icon-select.svg") !important; background-size:11%; font-size:15px !important;   min-height:25px; vertical-align:middle; text-indent:5px;  -webkit-appearance: none ; -webkit-border-radius: 3px;   -webkit-padding-end: 18px; -webkit-padding-start: 1px; -webkit-user-select: none; background-position: 90% center; background-repeat: no-repeat; border: 1px solid #e6e6e6 !important; color: #555; font-size: inherit; margin: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 133px; }



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:10%;}
.KullaniciAdi h2:before { background: url(http://server.konutmatik.com/img/Kullanici-Icon.png); width: 40px; height: 40px; margin-right: 10px; background-size: 100%; display: inline-block; content: ""}
.KullaniciAdi h2  { font-size:35px; font-weight:700;}
.KullaniciAdi h2 span { font-size:15px; padding-left:5px; font-weight:500;}


h1 { font-size:30px; color: #00b3ca; margin: 20px}


.ProjeSec {}
.ProjeSec li.aktif { font-size:40px; font-weight:900; background-color:#019825; width:20%; padding:30px; border:2px solid #019825; border-radius:6px; color:#fff;}
.ProjeSec input[type="radio"] {display: inline-block; font-size:38px; font-weight:900; background-color:#fafafa; width:20%; padding:30px; border:2px solid #e0e0e0; margin:0px 20px; border-radius:6px; color:#000;}
.ProjeSec input[type="radio"] span { display: block; font-size:20px;}





.input-group-radio { position: relative; white-space: nowrap; vertical-align: middle; display: inline-block;}
.radio-btn label { display: inline-block; font-size:30px; font-weight:600; background-color:#fafafa; width:max-content; padding:20px; border:1px solid #e0e0e0; margin:0px 20px; border-radius:4px; color:#000;}
.radio-btn:hover label {background-color: rgb(230, 230, 230);border-color: rgb(173, 173, 173);color: rgb(51, 51, 51);}
.input-group-lg .radio-btn label {height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;}
.input-group-radio input[type="radio"]:empty {display: none;}



.input-group-radio .radio-btn-default input[type="radio"]:checked ~ label {background-color: rgb(230, 230, 230);color: rgb(51, 51, 51);}
.input-group-radio .radio-btn-primary input[type="radio"]:checked ~ label {color: #fff;background-color: #019825;}








.BlokSec { margin: 120px 0px;}
.BlokSec li.aktif { font-size:40px; font-weight:900; background-color:#019825; width:max-content; padding:30px; border:2px solid #019825; border-radius:6px; color:#fff;}
.BlokSec li {display: inline-block; font-size:40px; font-weight:900; background-color:#fafafa; width:max-content; padding:30px; border:2px solid #e0e0e0; margin:0px 20px; border-radius:6px; color:#000;}
.BlokSec li span { display: block; font-size:20px;}



.weekDays-selector input {display: none!important;}
.weekDays-selector input[type=checkbox] + label {display: inline-block; font-size:40px; font-weight:900; background-color:#fafafa; width:max-content; padding:30px; border:2px solid #e0e0e0; margin:0px 20px; 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:900; 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:130px}
.YetkiDuzeyi li.aktif { font-size:25px; font-weight:900; 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:900; 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}
















.PersonelSilmeIcon img { width:20px }
.marginbottom5 { margin-bottom: 5% !important;}
.Cizgi { background-color:#ccc; height:2px; width:100%; margin:30px 0px}
.YesilP { color:#40963b !important}
.KirmiziP { color:#e1362d !important}
.satildi { background-color:#ffdcdc !important  }
.satilik { background-color:#ccf7cc !important  }
.opsiyonlu { background-color:#f7edcc !important  }
.satisa-kapali { background-color:#ffdcdc !important  }