/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 08.Eyl.2019, 18:19:27
    Author     : dogus
*/
html, body {
  position: relative;
  height: 100%;
}
body {
  background: #dedbdb !important;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  padding-top:55px !important;
  margin-bottom: 0px !important;
  
  touch-action: pan-x pan-y; /* iOS Safari icin no zoom*/
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.ana_bg {background:#305777 !important;color:#fff;}
.secili {background:#305777 !important;color:#fff;}
.ana_txt {color:#305777 !important;}

.gizle {display:none;}
.alert {margin-bottom:5px !important;}
.overflow-hidden,.hide-scroll {overflow:hidden;}

.relative {position:relative}
.absolute {position:absolute}
.fixed {position:fixed}
.clearfix {clear:both}
.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.ustucizili {text-decoration:line-through;}
.hesaplamadisi {opacity:0.3}
.textleft {text-align: left;}
.textright {text-align: right;}
.textcenter {text-align: center !important;}
.capitalize {text-transform: capitalize;}

.absoluteCenterBoth { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.absoluteCenterLeft { position: absolute; left: 50%; transform: translate(-50%, 0);}
.absoluteCenterTop  { position: absolute; top: 50%; transform: translate(0, -50%);}

.halfw {width:49%;}
.halfw.left {float:left;}
.halfw.right {float:right;}

.head-container {position:fixed; top:0; left:0; right:0; height:55px; background: #305777; z-index: 9999;}
.lang-container {position:fixed;top:55px;background:#fff;padding:3px;left:0;right:0;height: 25px;}
.lang-container.scrollDown {top:0px;background:#fff;z-index: 99999;}

.btn-routejs {cursor:pointer;}
.btn-geridon {display:none;position:fixed;bottom:62px;border-radius:4px;border-bottom: 3px solid #fff;right:15px;font-size:20px;z-index:99999;background:#ea7e7e;color:#fff;padding:10px;cursor:pointer;}
.btn-geridon.scrollDown {bottom:14px;right:48px;}
.btn-menugoster {display:none;position:fixed;border-radius:50%;border-bottom: 3px solid #fff;bottom:65px;width: 105px;text-align:center;
                padding: 35px 0 !important;margin: 5% auto; left: 0;right: 0;font-size:20px;z-index:999999;background:#d9534f !important;color:#fff;padding:10px;}
.btn.btn-koyu {background:#305777; color:#fff;}
.btn.btn-koyu:hover {opacity:0.9}

.nav-icon {font-size:25px; margin:5px; color:#fff;}
.nav-icon:hover {color:#c6c1c1}
.nav-icon .plug {color:#8ce48c}
.nav-icon .plug.off {color:#f27a77}
.nav-icon .plug.yellow {color:yellow}

.nav-icon .barsmenu {margin:0px 0 0 5px;}
.nav-icon .search {margin-top:15px; margin-right:5px}
.nav-icon .wifi {color:#8ce48c;margin-top:15px}
.nav-icon .wifi.off {color:#f27a77}
.nav-icon .wifi2 {color:#8ce48c;}
.nav-icon .wifi2.off {color:#f27a77}

.app-nav {height:55px;}
.app-nav .nav-slogan {    
    position: absolute;
    margin-left: -115px;
    width: 230px;
    left: 50%;
    top: 12px;
    text-align: center;
    color:#fff; 
    font-size:22px; }
.app-nav .nav-yukluyor{ margin: 7px; font-size: 30px; color: #fff; display:none;}

.logo-area { margin-top:20px !important; width: 300px; margin: auto; text-align: center;}
.logo-area-nav { margin-top:0px !important; height: 70px;}

.shadow,.golge {-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.61);
-moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.61);
box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.61);}

.app-content {margin:10px;}

.pinpad input {font-size:25px; padding:5px; border:1px solid #333; width: 100%; }
.pinpad .pin {float:left; width:32%; margin:0.66%; background: #fff; border:1px solid #ccc; padding:15px; cursor:pointer}
.pinpad .pin.ozel {}
.pinpad .pin:hover {opacity: 0.2;}
.pinpad .pinsil {position:absolute; right:5px; top:5px; padding: 5px; font-size:25px; color:red}

.ayarlar {padding:10px;}
.ayarlar input {font-size:25px; padding:5px; border:1px solid #333; width: 100%; margin-bottom:5px; }

.icerikler {text-align:center;padding-bottom: 0px; }

.app-baslik {text-align:center; background: #00b3ed; color:#fff; padding: 3px; font-size:16px; font-weight: bold; margin:0 0 10px 0; border-bottom:1px #333 solid;}
.app-baslik2 {text-align:center; color:#555; padding: 3px; font-size:14px; font-weight: bold; margin:0 0 10px 0; border-bottom:1px #eee solid;}
.app-help {background:#00b3ed36; color:#555; padding: 3px; font-size:12px; font-style: italic;}

.app-input {font-size:22px; padding: 3px; border:1px solid #eee; margin-bottom:2px;}

.urun_satiri {float:left; width:49%; margin:0.5%; padding:5px; border:1px solid #eee; background:orange; cursor:pointer}
.urun_satiri:hover {background: #eee;}

.sepet .sepet_satiri {padding:5px; border:1px solid #eee; background:#fff; cursor:pointer; margin-bottom: 5px}


.top-alert .icerik{z-index:99999;display:initial;border:3px solid #fff;font-size: 18px;opacity:0.9;padding:20px; position:fixed; top:5px; left:5px; right:5px; text-align: center; background:red;color:#fff;}
.top-alert .icerik.success{background:green;color:#fff;}

.bottom-alert .icerik{z-index:99999;display:initial;border:3px solid #fff;font-size: 18px;opacity:0.9;padding:20px; position:fixed; top:5px; left:5px; right:5px; text-align: center; background:red;color:#fff;}
.bottom-alert .icerik.success{background:green;color:#fff;}

.btn-sepeteat-scroll {display:none; position:fixed; bottom:65px; right:96px; padding:13px; background: red;color:#fff;}
.btn-sepeteat-scroll:hover {color:#fff} 


.sepetAcikkenGizle { }
.sepetAcikkenGoster { }



@media screen and (min-width: 650px)
{
  .btn-menugoster {display:none;position:fixed;border-radius:50%;border-bottom: 3px solid #fff;bottom:12px;width: 145px;text-align:center;
      padding: 55px 0 !important;margin: 5% auto; left: 0;right: 0;font-size:20px;z-index:999999;background:#d9534f !important;color:#fff;padding:10px;}
}