@import { }
.d {background-color:#ebebeb;}
.e {background-color:#fff; color:#000;}
.p {cursor:pointer;}
.r {text-align:right;}
.z {}
* {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 {width:205mm; height:265mm; border:none; font-family:Arial; font-size:4mm; position:absolute; top:0mm; left:0mm; margin:0px;}
body.faturaz {width:290mm; height:190mm; border:none; font-family:Arial; font-size:3mm; position:absolute; top:0; left:0; margin:0;}
body.genel {margin:0; height:100%; letter-spacing:1px; font-size:12px; font-family:Arial, sans-serif;}
body.giris {height:100%; background: url(img/giris.jpg) no-repeat center center fixed; margin:0; background-size:cover;}
button.bb {padding: 2px 5px; margin:5px; background-color: #fff; color: #000; border: 1px solid #ccc; border-radius: 4px; font-size: 12px;}
button.bk {padding:2px 5px; margin:0 5px; background-color:#d9534f; color:#fff; border:1px solid #d43f3a; border-radius:4px; font-size:12px; font-family:Oswald, sans-serif;}
button.kaydet {background-color:#5cb85c; border-radius:4px; cursor:pointer; color:#fff; font-size:1.4em; border:solid 1px transparent; padding:6px 12px; margin:0 5px; font-weight:bold; letter-spacing:0.1em; line-height:1.5em;}
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; padding:6px 12px; margin:0 5px; font-weight:bold; letter-spacing:0.1em; line-height:1.5em;}
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:1px 2px;}
button.stnb {background-color:#5bc0de; border-radius:4px; color:#fff; font:12px Oswald,sans-serif; border:solid 1px transparent; padding:6px 10px; min-height:21px; margin:4px 2px; text-align:left; width:90%}
div.ana_sag {position:absolute; top:42px; right:0; bottom:0; left:75px; overflow:auto;}
div.anaust {width:100%; height:110px;}
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: block; float:left; line-height:16px; box-sizing: border-box; color: #fff; padding: 15px; font-size: 18px; font-weight: 300; text-decoration:none; cursor: pointer;}
div.barust span.cikis {background-image: url(img/cikis.svg); background-size: 20px 20px; background-repeat: no-repeat; background-position:right; padding-right: 25px; font-size: 14px; float: right; font-weight: normal; margin-right: 15px;}
div.barust span#menuicon {display:none;}
div.baryan {position:absolute; z-index:3; top:40px; bottom:0; left:0; display:block; width:70px; background-color:#4b678c; padding:13px 0 0 0; transition:all 0.5s ease-in-out;}
div.baryan img.logo {display:block; margin:0 auto; width:60px; height:60px;}
div.baryan:hover {width:200px;}
div.baryanb {position:fixed; top:40px; bottom:0; left:0; z-index:1000; display:block; width:200px; background-color:#4b678c; padding:13px 0 0 0;}
div.baryanb img.logo {display:block; 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 {position:absolute; border:none;}
div.faturab {position:relative; overflow:hidden; text-align:right; float:left; border:none;}
div.faturazic {position:relative; float:left; margin:0 3mm; width:90mm; height:100%;}
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; transition: all 0.3s ease-in-out;}
div.giris-alt input.giris-button:hover {background-color:#0B7603; transition: all 0.3s ease-in-out;}
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; height:calc(100% - 150px); width:60%; overflow-y:auto;}
div.hsust {position:relative; float:left; height:150px; width:60%; overflow-y:auto;}
div.kapat {display:none;}
div.kutu {position:relative; float:left; width:33%; 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:50%; padding:0.3em 0.1em;}
div.kutuc {float:left; width:33%; padding:2px; max-width:220px;}
div.masasag_alt {position:absolute; width:100%; right:0; bottom:0; height:40%; overflow:auto; border-top:solid 2px #666; zoom:0.8}
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:760px; 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%; bottom:0px; top:37px; overflow:auto;}
div.pnc_op {position: fixed; top: calc(50% - 200px); bottom: 0; left: calc(50% - 200px); background: #fff; width: 400px; height: 400px; border: 1px solid #00f; overflow: hidden; transition: transform 1.3s ease-out; box-shadow: 0 0 15px 5px rgba(0,0,0,.5);}
div.pnc_stn {position:fixed; top:calc(50% - 200px); bottom:0; left:calc(50% - 380px); background:#fff; width:760px; max-height:400px; overflow:hidden; transition:transform 1.3s ease-out; box-shadow:0 0 0 5px #5578ae;}
div.pnc_up {position: fixed; top: calc(50% - 50px); bottom: 0; left: calc(50% - 200px); background: #fff; width: 400px; text-align: center; padding-top: 35px; height: 100px; overflow: hidden; box-shadow: 0 0 15px 5px #000000; border-radius: 5px;}
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:absolute; overflow-y:auto; top:0; bottom:0px; left:0px; width:145px; border-right:1px solid #999;}
div.r_masasag {position:absolute; top:0; right:0px; bottom:0px; width:40%; box-shadow:2px 0px #a9a9a9 inset;}
div.r_masasol {position:absolute; overflow-y:auto; top:0; left:145px; bottom:0px; width:calc(60% - 145px); box-shadow:-2px 0px #a9a9a9 inset;}
div.r_masasolalt {width:100%; height:auto; margin-top:3px;}
div.ranlalt {position:absolute; overflow: auto; text-align: left; top: 30px; width: 100%; bottom: 0;}
div.ranliste {position: relative; float:left; width:calc(100% - 200px); height:100%;}
div.ranListeBolum {position: relative; width: 100%; 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 {position:relative; left:0px; width:40px; float:left; border-right:solid 1px #9a4b9d; font-weight:bold;}
div.ranlust {position:relative; height:30px; overflow-y:scroll; font-weight:bold; text-align:center;}
div.rantakvim {position: fixed; float: left; width: 200px; height: 100%; text-align: center; top: 50px; right: 0; background-color: #fff;}
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 {}
div.rndkutud {border-bottom:solid 1px #b7e1f3; overflow:hidden; padding:2px; width:100%; background-color:#5db9e0; color:#fff; border-radius:10px;}
div.rndkutud::before {}
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; box-shadow:2px 2px #344f94;}
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:200px; height:300px; background-color:#fff; color:#000; 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:200px; height:300px; background-color:#fff; color:#000; padding:0; border:solid 1px #aaa; overflow-y:auto;}
div.takvima {width:14%; height:22px; float:left; cursor:pointer; color:#000; border-right:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;}
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 {}
div.tblb {display:table; width:100%; float:left;}
div.tblb .col {display:table-cell; padding:10px; border-radius:5px; border:solid 2px #fff;}
div.tblb .cola {display:table-cell; padding:10px; border-radius:5px; border:solid 2px #fff;}
div.tblb .colb {display:none;}
div.tblb .row {display:table-row; background-color:#efefef;}
div.tblb .rowh {display:table-row; background-color:#ccc; font-weight:bold;}
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:50%;}
fieldset.tsa {border:solid 1px #bbb; margin-bottom:5px;}
img.icon {width:2em; height:2em; cursor:pointer; float:left; padding:2px}
img.ustok {display:none;}
input.mk {width:50%; float:left; height:23px; font-size:12px; font-family:'Oswald', sans-serif;}
input.mkt {width:50%; float:left; height:23px;}
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%; min-height:23px;}
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 {display:none;}
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; position:absolute; top:38px;}
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:0; padding:0 5px; box-sizing:border-box; list-style:none; width:32%;}
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: 66%;}
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; transition: all .2s ease-in-out; 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 {transition: all .2s ease-in-out; background-color: #5578ae;}
ul.ma {display:none;}
ul.mb {color: #ffffff; list-style: none; padding: 0; background-color: #133c73;}
ul.mb li {padding-left:20px; cursor:pointer; border-top:1px solid #8da0ba; border-bottom:1px solid #7d8ea5; line-height:30px; height:32px; overflow:hidden;}
ul.mb li:hover {background-color:#5578ae;}
ul.sagliste {margin:0px; padding:5px; list-style-type:none;}
ul.sagliste li {cursor:pointer; padding:10px 0 3px 15px;}
ul.sagliste li:hover {background-color:#dbdbdb;}
ul.toolbar {overflow-y:auto; overflow-x:hidden; list-style:none; padding:0; bottom:0; position:absolute; top:75px; 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; transition:all 0.7s ease-in-out; overflow:hidden;}
ul.toolbar li a:hover {background-color:#5578ae; transition:all 0.7s ease-in-out;}
ul.toolbar li img {width:2.5em; height:2.5em; margin:6px 10px; display:block;}
ul.toolbar li span {display:none;}
ul.toolbar li ul {}
ul.toolbar:hover li img {width:30px; height:30px; margin:6px 10px; display:block; float:left;}
ul.toolbar:hover li span {display:block; float:left; line-height:44px; font-weight:400;}
ul.toolbarb {overflow-y:auto; overflow-x:hidden; list-style:none; padding:0; bottom:0; position: absolute; box-sizing: border-box; top: 75px; margin:0; width:100%;}
ul.toolbarb li a {display: block; height: 45px; border-top: 1px solid #8da0ba; border-bottom: 1px solid #7d8ea5; color: #FFF; text-align: center; cursor: pointer; transition: all 0.7s ease-in-out;}
ul.toolbarb li a:hover {background-color:#5578ae; transition:all 0.7s ease-in-out;}
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;}