@import { }
.d {background-color:#ebebeb;}
.e {background-color:#fff; color:#000;}
.p {cursor:pointer;}
.r {text-align:right;}
.z {zoom:0.8}
* {box-sizing:border-box;}
a.kapat {position:absolute; font-size:17px; font-weight:bold; top:4px; right:4px; display:block; border:solid 1px #A04444; color:#fff; padding:0px 5px; border-radius:3px; background-color:#CF2F49; font-family:sans-serif; text-decoration:none; line-height:22px; cursor:pointer;}
a.kapatk {display:none;}
body.fatura {}
body.faturaz {}
body.genel {margin:0; height:100%; font-size:12px; font-family:Arial, sans-serif;}
body.giris {height:100%; background-color:#2e5599; margin:0; background-size:cover;}
button.bb {padding:2px 0; margin:5px 2px; background-color:#fff; color:#000; border:1px solid #ccc; border-radius:4px; font-size:12px; width:40px; white-space:nowrap; overflow:hidden;}
button.bk {padding:2px 0; margin:5px 2px; background-color:#d9534f; color:#fff; border:1px solid #d43f3a; border-radius:4px; font-size:12px; font-family:Oswald, sans-serif; width:40px; white-space:nowrap; overflow:hidden;}
button.kaydet {background-color:#5cb85c; border-radius:4px; cursor:pointer; color:#fff; font-size:1.4em; border:solid 1px transparent; width:100%; padding:6px 12px; margin:10px 0; font-weight:bold; letter-spacing:0.1em; line-height:2em}
button.kaydet:hover {background-color:#449d44;}
button.kaydeta {background-color:#5cb85c; border-radius:4px; color:#fff; font:12px Oswald,sans-serif; border:solid 1px transparent; padding:0 10px; height:21px; margin:0 2px;}
button.pad {background-color: #5bc0de; border-radius: 4px; color: #fff; font: 28px Oswald,sans-serif; border: solid 1px transparent; padding: 0 10px; height: 22%; margin: 2px; width: 23%; float: left;}
button.stn {background-color:#5bc0de; border-radius:4px; cursor:pointer; color:#fff; font-size:1.4em; border:solid 1px transparent; width:100%; padding:6px 12px; margin:10px 0; font-weight:bold; letter-spacing:0.1em; line-height:2em}
button.stn:hover {background-color:#31b0d5;}
button.stna {background-color:#5bc0de; border-radius:4px; color:#fff; font:12px sans-serif; border:solid 1px transparent; padding:0 10px; height:21px; margin:2px;}
button.stnb {background-color:#5bc0de; border-radius:4px; color:#fff; font:12px Oswald,sans-serif; border:solid 1px transparent; padding:3px 10px; min-height:21px; margin:2px 2px; width:90%; text-align:left;}
div.ana_sag {position:absolute; top:42px; right:0; bottom:0; left:0; overflow:auto;}
div.anaust {display:none;}
div.barust {box-sizing: border-box; height:40px; position: fixed; right: 0; left: 0; top: 0; z-index: 1050; border: none; background-color: #5578ae;}
div.barust img {width:25px; height:25px; cursor:pointer;}
div.barust span {display:none;}
div.barust span.cikis {background-image: url(img/cikis.svg); background-size: 25px 25px; background-repeat: no-repeat; background-position: center right; font-size: 18px; float: right; display:block; color:#fff; padding:7px 35px 0 0; cursor:pointer;}
div.barust span#menuicon {background-image: url(img/menu.svg); background-size:22px; background-repeat: no-repeat; background-position: center center; float:left; cursor:pointer; display:block; padding:15px 20px; border:solid 1px #fff; border-radius:5px; margin:5px 10px;}
div.baryan {box-sizing: border-box; position: fixed; top: 40px; bottom: 0; left: 0; display: none; width: 90px; background-color: #4b678c; padding: 13px 0 0 0;}
div.baryan img.logo {display:none; margin:0 auto;}
div.baryan:hover {}
div.baryanb {position:fixed; top:40px; bottom:0; left:0; z-index:1000; display:block; width:100%; background-color:#4b678c; padding:0;}
div.baryanb img.logo {display:none; margin:0 auto;}
div.dizayn {width:100%; margin-bottom:0.5em; padding:0.5em 1em; background-color:#41547a; color:#fff; font-weight:bold; line-height:2em;}
div.dizaynalti {width:100%; border:solid 1px #666; margin-bottom:0.3em; box-sizing:border-box; padding:0.2em;}
div.faltz {position:absolute; bottom:0px; width:100%; height:120px; text-align:left; overflow-y:auto; border-top:solid 2px #909090;}
div.faturaa {}
div.faturab {}
div.faturazic {}
div.forta {position:absolute; top:100px; bottom:120px; width:100%; overflow-y:auto;}
div.ftra {position:absolute; bottom:0; width:100%; height:120px; text-align:left; overflow-y:auto; border-top:solid 2px #999;}
div.fust {position:absolute; width:100%; height:100px; overflow-y:auto; border-bottom:solid 2px #909090; text-align:left;}
div.giris {height:100%; width:340px; margin:auto; display:block; background-color:rgba(255,255,255,0.6); padding:0;}
div.giris-alt {margin-top:30px;}
div.giris-alt input.giris {background-color:#fff; height:35px; width:280px; padding:0 5px; margin:10px 23px;}
div.giris-alt input.giris-button {margin:10px 23px; width:280px; background-color:#2e5599; height:40px; border:none; color:#ffffff; text-align:left; padding-left:15px; font-size:16px; line-height:40px; cursor:pointer;}
div.giris-alt input.giris-button:hover {background-color:#0B7603;}
div.giris-alt select.giris {background-color:#ffffff; height:35px; width:280px; padding:0 5px; margin:10px 23px;}
div.giris-genel {position:relative; height:400px; top:calc(50% - 200px);}
div.giris-ust img {display:block; margin:0 auto; width:240px; height:165px;}
div.giris-ust span.giris {display:none;}
div.hsalt {position:relative; float:left; width:100%; height:30%;}
div.hsust {position:relative; float:left; width:100%; height:30%;}
div.kapat {display:none;}
div.kutu {position:relative; float:left; width:50%; padding:2px;}
div.kutu:hover .kapatk {position: absolute; font-size: 12px; font-weight: bold; top: -3px; right: 0px; display: block; border: solid 1px #A04444; color: #fff; padding: 0px 1px; border-radius: 3px; background-color: #CF2F49; text-decoration: none; line-height: 10px; cursor: pointer;}
div.kutub {float:left; width:100%; padding:0.3em 0.1em;}
div.kutuc {float:left; width:100%; padding:2px;}
div.masasag_alt {position:absolute; width:100%; right:0; bottom:0; height:40%; overflow:auto; border-top:solid 2px #666;}
div.mia {position:relative; overflow-y:auto; height:calc(100% - 78px); width:220px; float:left; border-right:2px solid #e5e5e5; background-color:#8698b1;}
div.mib {position:relative; overflow-y:scroll; height:calc(100% - 78px); width:0; float:left; border-right:2px solid #e5e5e5; margin-top:3px;}
div.odeme {position:relative; margin:auto; background:#fff; width:100%; max-height:300px; border: 1px solid #00f; overflow:hidden; box-shadow:0 0 15px 5px rgba(0,0,0,.5);}
div.opad {width:31%; height:19%; float:left; letter-spacing:1px; background:linear-gradient(to bottom, #7BC9F0 0%, #2C68C5 100%); color:#FFFFFF; padding:0; margin:10px 2px; border:solid 1px #016489; border-radius:3px; font-size:30px; text-align:center;}
div.pbuyuk {position: absolute; width: 100%; height: 100%; background-color: #fff; border-top: solid 1px #fff;}
div.pnc {position:fixed; top:40px; left:0; right:0; bottom:0; overflow:hidden; width:100%; height:100%;}
div.pnc_alt {position:absolute; width:100%; top:37px; bottom:37px; overflow:auto;}
div.pnc_op {position:fixed; top:42px; background:#fff; width:100%; max-width:400px; height:100%; max-height:400px; border:1px solid #00f; overflow:auto;}
div.pnc_stn {position:fixed; top:41px; left:0; right:0; bottom:0; overflow:hidden; width:100%; height:100%; background-color:#fff;}
div.pnc_up {position: fixed; top: calc(50% - 60px); background: #fff; width: 100%; max-width: 400px; height: 100%; max-height: 120px; border: 1px solid #00f; overflow: auto;}
div.pnc_ust {border-bottom:solid 1px #040404; height:35px; text-align:left; color:#fff; background-color:#5578ae; font-weight:300; overflow:hidden;}
div.pnc_ustb {border-bottom:solid 1px #040404; height:auto; text-align:left; color:#fff; background-color:#5578ae; font-weight:bold; overflow:hidden; cursor:move; padding:6px 30px 6px 6px;}
div.pncb {position:fixed; top:40px; left:0; right:0; bottom:0; overflow:hidden; width:100%; height:100%;}
div.r_ensol {position:relative; overflow-y:auto; width:40%; height:60%; float:left; border-right:1px solid #999;}
div.r_masasag {position:relative; overflow-y:auto; width:100%; height:40%; float:left; border-right:1px solid #999;}
div.r_masasol {position:relative; overflow-y:auto; width:60%; height:60%; float:left; border-right:1px solid #999;}
div.r_masasolalt {width:100%; height:auto; margin-top:3px;}
div.ranlalt {position:absolute; overflow: auto; text-align: left; top: 45px; width: 100%; bottom: 0;}
div.ranliste {position: relative; float:left; width:100%; height:100%;}
div.ranListeBolum {position: relative; width: 100% !important; float: left; border-right: solid 1px #9a4b9d;}
div.ranListeBolumUst {position:sticky; top:0; width:100%; height:2em; float:left; border-right:solid 1px #9a4b9d; background-color:#9f9dff; overflow:hidden; z-index:2; text-align:center; line-height:2em; font-size:1.2em; font-weight:bold;}
div.ranListeSaat {display:none;}
div.ranlust {position:relative; height:45px; overflow-y:scroll; font-weight:bold; text-align:center;}
div.rantakvim {display:none;}
div.raylar {width:95%; max-width:450px; margin:10px; overflow:auto; float:left; border:solid 1px #999;}
div.rnday {border:solid 1px #ddd; height:70px; float:left; overflow:hidden; position:relative; padding:5px; width:50%; max-width:200px;}
div.rndkutu {border-bottom:solid 1px #000; overflow:hidden; padding:2px; width:100%;}
div.rndkutu::before {content: attr(data-saat); width:40px; float:left; height:100%; font-weight:bold; padding:3px;}
div.rndkutud {border-bottom:solid 1px #b7e1f3; overflow:hidden; padding:2px; width:100%; background-color:#5db9e0; color:#fff; border-radius:10px;}
div.rndkutud::before {content: attr(data-saat); width:40px; float:left; height:100%; font-weight:bold; padding:3px 0;}
div.rndsag {position:fixed; text-align:left; width:157px; max-height:145px; bottom:0px; border:solid 1px #1659d1; background-color:#dbe8ff; padding:5px; overflow-y:auto;}
div.rndust {width:100%; text-align:center; margin:10px 0; background-color:#8698b1; color:#fff; padding:2px 0;}
div.st {position:fixed; text-align:left; width:150px; height:150px; background-color:#5578ae; color:#fff; padding:0; overflow-y:auto; background-size:70px; background-repeat:no-repeat; background-position:center; background-image:url(img/surec.svg);}
div.sta {position:fixed; text-align:left; width:160px; height:200px; background-color:#5578ae; color:#fff; padding:0; overflow-y:auto;}
div.takvima {}
div.tbla {display:table; width:100%; float:left;}
div.tbla  .row:nth-child(even) {background-color:#f5f5f5; display:table-row;}
div.tbla  .row:nth-child(odd) {background-color:#fff; display:table-row;}
div.tbla .col {display:table-cell; padding:6px 3px; border-right:solid 1px #999; border-bottom:solid 1px #999;}
div.tbla .row:hover {display:table-row; background-color:#8698b1; color:#fff;}
div.tbla .rowh {display:table-row; background-color:#ddd; font-weight:bold;}
div.tbla .xh {display:none;}
div.tblb {width:100%; float:left;}
div.tblb .col {float:left; width:60%; padding:8px; border:solid 1px #fff;}
div.tblb .cola {float:left; width:100%; padding:8px; border:solid 1px #fff;}
div.tblb .colb {float:left; width:40%; padding:8px; border:solid 1px #fff;}
div.tblb .row {background-color:#efefef; float:left; width:100%; overflow:hidden; margin:5px 0; border-radius:10px; border:solid 1px #000;}
div.tblb .rowh {display:none;}
div.tgoster {z-index:99999; position:fixed; min-width:100px; max-width:600px; min-height:35px; max-height:400px; display:none; left:0px; top:0px; background-color:#bcf196; text-align:left;}
div.zw {width:100%;}
fieldset.tsa {border:solid 1px #bbb; margin-bottom:5px;}
img.icon {width:2em; height:2em; cursor:pointer; float:left; padding:2px}
img.ustok {position:absolute; top:4px; right:4px; width:25px; height:25px; border-radius:4px; cursor:pointer; transform:rotate(270deg);}
input.mk {width:50%; float:left; height:23px; font-size:12px; font-family:'Oswald', sans-serif;}
input.mkt {width:50%; float:left; height:23px; font-size:12px;}
input.opad {width:31%; height:19%; float:left; letter-spacing:1px; background:linear-gradient(to bottom, #7BC9F0 0%, #2C68C5 100%); color:#FFFFFF; margin:10px 2px; border:solid 1px #016489; border-radius:3px; font-size:30px; text-align:center;}
input.urn {padding:0px; margin:0px; width:55px;}
legend.tsa {background-color:#5bc0de; border-radius:4px; color:#fff; border:solid 1px transparent; padding:0 10px; height:21px; margin:0 2px; line-height:17px;}
select.mk {float:left; width:50%;}
select.opad {width: 31%;height: 19%;float: left;letter-spacing: 1px;background: linear-gradient(to bottom, #7BC9F0 0%, #2C68C5 100%);color: #FFFFFF;padding:0;margin:10px 2px;border: solid 1px #016489;border-radius: 3px; font-size: 30px;text-align: center;}
select.stn {background-color:#476ace; border-radius:4px; cursor:pointer; color:#fff; font:14px Arial,sans-serif; border:none; padding:6px 0px; margin:0 3px;}
span.detay {float:left; padding-left:15px; width:100%; zoom:0.7;}
span.mi {background-image: url(img/menu.svg); background-size:17px; background-repeat:no-repeat; background-position:center center; float:right; cursor:pointer; display:block; padding:12px 15px; border:solid 1px #fff; border-radius:5px; margin:4px 31px 0 0;}
span.minikutu {width: 50%; float: left; padding:2px; font-size:12px;}
span.mk {float:left; width:50%; border:solid 1px #bbb; padding:1px; font-size:12px; min-height:23px; word-wrap: break-word;}
span.mkw {float: left; width:100%; border: solid 1px #bbb; padding: 1px; font-size: 12px;}
span.rnd {display:block; width:100%; float:left; font-size:18px;}
span.sayac {padding:3px 7px; font-size:12px; font-weight:500; display:inline-block; line-height:1; color:#fff; text-align:center; float:right; vertical-align:middle; background-color:#4b678c; border-radius:10px;}
span.ustkisim {float:left; font-weight:bold; line-height:35px; padding-left:5px;}
textarea.dizaynici {width:100%; height:auto; min-height:7em; margin-bottom:0.3em; box-sizing:border-box; padding:0.2em;}
textarea.mk {width:50%; height:71px; font:14px Oswald, sans-serif; float:left;}
ul.anabilgi {float:left; margin:5px 0; padding:0 5px; box-sizing:border-box; list-style:none; width:100%;}
ul.anabilgi li {position:relative; display:block; padding:10px 15px; background-color:#fff; border:1px solid #ddd; cursor:pointer;}
ul.anabilgi li.ust {display:block; overflow:auto; background-color:#5577ae; color:#ffffff; border:solid 1px #ddd; border-radius:4px 4px 0 0; cursor:default;}
ul.anamenu {float: left; display: block; list-style: none; padding: 0; position: relative; margin: 0; width: 100%;}
ul.anamenu a {color: #fff; text-decoration: none; display: block;}
ul.anamenu img {width: 45px; height: 45px; margin: 20px auto 5px auto; border: 0px; display: block;}
ul.anamenu li {display:block; list-style:none; float:left; width:110px; height:110px; text-align:center; cursor:pointer; border:1px dotted #5578ae; margin:5px; background-color:#4b678c;}
ul.anamenu li:hover {background-color:#5578ae;}
ul.ma {display:none;}
ul.mb {color: #ffffff; list-style: none; padding: 0; background-color: #133c73;}
ul.mb li {padding-left:70px; cursor:pointer; border-top:1px solid #8da0ba; border-bottom:1px solid #7d8ea5; font-size:1.3em; line-height:30px;}
ul.mb li:hover {background-color:#5578ae;}
ul.sagliste {margin:0px; padding:5px; list-style-type:none;}
ul.sagliste li {border-bottom:solid 1px #9ca0f3; cursor:pointer; padding:2px 0;}
ul.sagliste li:hover {background-color:#b1c9f3;}
ul.toolbar {overflow-y:auto; overflow-x:hidden; list-style:none; padding:0; bottom:0; position:absolute; top:0; margin:0; width:100%;}
ul.toolbar li a {display:block; height:45px; border-top:1px solid #8da0ba; border-bottom:1px solid #7d8ea5; color:#FFF; cursor:pointer;}
ul.toolbar li a:hover {background-color:#5578ae;}
ul.toolbar li img {width:2.5em; height:2.5em; margin:6px 20px; display:block; float:left;}
ul.toolbar li span {display:block; float:left; font-size:1.8em; line-height:2em;}
ul.toolbar li ul {}
ul.toolbar:hover li img {}
ul.toolbar:hover li span {}
ul.toolbarb {overflow-y:auto; overflow-x:hidden; list-style:none; padding:0; bottom:0; position:absolute; box-sizing:border-box; top:0; margin:0; width:100%;}
ul.toolbarb li a {display:block; height:4em; border-top:1px solid #8da0ba; border-bottom:1px solid #7d8ea5; color:#FFFFFF; text-align:center; overflow:auto; cursor:pointer;}
ul.toolbarb li a:hover {background-color:#5578ae;}
ul.toolbarb li img {width: 30px; height: 30px; margin: 6px 10px; display: block; float: left;}
ul.toolbarb li span {display: block; float: left; line-height: 45px; font-weight: 400;}