html,body{ height:80%; }
body,.navbar-fixed-top{ background: #0382c4 url('../images/background.png') no-repeat;
	background-attachment: fixed; background-size:100%; color:white; font-size:12px; }
/*.s_abonelikler,.s_siparislerim{ background: #83D1EE url('../images/background2.png') no-repeat !important; }*/
.header{ padding: 5px; position: fixed; width: 100%; z-index: 1; }
.header2{ padding: 0px !important; }
.header2 .logo{ margin: 5px !important; font-size:23px; }
.header2 .logo img{ height:28px; }
.title{ background: #05526b; color:white; padding: 3px; border-radius:25px; text-align:center; }
.title2{ padding:7px; background: #05526B; color: white; text-align:left; border-radius: 5px; }
.board{ background:white; color:black; border-radius:25px;min-height:100%; margin-top:153px; }
.board hr{ margin: 5px 0px 10px; border-top:1px solid #75AECF; }
.btn-round { border-radius: 15px; }
.st1 { background:#0c374e; color:#294A54; padding:15px; position: fixed; bottom: 0px; width: 100%; left: 0px; }
.st2{ margin: 0px 8px 10px 30px; color: #113e82; border: 1px solid #2aa8e0; background: #dff2fa; margin-top: 5px; text-align: center; }
.st3{ position: relative;right: 10px;top: 2px; }
.st3 .btn-miktar{ color:#049edd; }
.st3 .btn-miktar i{ font-size:20px; }
.st3 .miktar,.st3 .marka_depozito_miktar,.st3 .farkli_depozito_miktar{ font-size:15px; width: 30px; text-align: center; border: 0px;padding:0px; position: relative; top: -5px; }
.cats{ padding: 5px 5px 5px; }
.cats div{ width:24%;  overflow:hidden; float:left; text-align:center; font-size: 9px; padding: 3px; margin: 0px 2px 0px 0px; background: white; border-bottom: 1px solid #113e82; border-radius: 3px; }
.cats a{ color:#0170ae; }
.vcenter{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.logo,.btn-sip{ padding:5px 0px 0px; }
.btn-1{ background: #025280; color:white; }
.btn-2{ background:white; color:#006191; border-radius: 0px 20px 20px 0px;margin:19px 0px 0px; width:47%; float:left; font-size: 10px; padding: 8px 9px; text-align:left; border-left: 5px solid #113e82; }
.btn-3{ background:white; color:#006191; border-radius: 20px 0px 0px 20px; margin:19px 0px 0px; width:47%; float:right; font-size: 10px; padding: 9px 9px 8px; text-align:left; border-right: 5px solid #113e82; }
.btn-2 a,.btn-3 a{ color:#025280; }
.btn-2 i{ margin-right: 5px; float:right; }
.btn-3 i{ margin-right: 5px; }
.btn-4{ background: #DFF2FA; color:#01609A; font-size: 11px; padding: 3px; margin:0px 2px; width: 23%; }
.btn-5{ background: #DFF2FA; color:#01609A; font-size: 11px; padding: 3px; }
.btn-6{ background: #2389c9; padding: 3px 10px; border-radius: 7px; display: inline-block; }
.btn-6:focus,.btn-6:active{ color:white; }
.btn-7{ background-color: white; color: #1d9ddc;display:block;padding: 5px;border-radius: 5px;font-size: 15px; text-align: left; }
a{ color:white; }
a.ekle{ color:#82D0FD; font-size: 40px; margin-top: 15px; display: inline-block; }
.kampanya{ background:#FFD200; color:white; border-radius:25px; padding:5px 10px 5px 30px; font-size: 9px; float: left; margin: 5px; position:relative; }
.kampanya img{ height: 25px; position: absolute; left: 12px; top: -12px; }
.marka_isim{ font-size:10px; color:gray; }
.urun_isim{ font-size:13px; margin-top: 10px; }
.urun_fiyat{ color: #d60a2e; }
.nopadding{ padding:0px !important; }
.navbar-fixed-top{ padding-top:10px; }
.btn-adres-kaydet, .btn-adres-kaydet:hover, .btn-adres-kaydet:active, .btn-adres-kaydet:focus{
	background: #C1E6F5; color: #0383C4; border-color:#C1E6F5; }
.btn-adres-kaydet:hover, .btn-adres-kaydet:active, .btn-adres-kaydet:focus{ color:black; }
.btn-siparisver{ background: #048ccb; font-weight: bold; color: white; border-radius: 20px; }
.btn-siparisver:focus,.btn-siparisver:hover{ background:#294A54; color:yellow; }
.siparis_toplam{ border: 1px solid black; background: white; border-radius: 5px; font-size: 20px; padding: 2px; }
.menu{ margin: 0px 0px 0px -15px; padding: 0px; list-style: none; }
.menu li{ padding: 10px; background:#0383c4; color:white;font-weight:bold; margin-bottom:10px; border-radius:0px 10px 10px 0px; width:190px; }
.menu a{ color:white;font-weight:bold;font-size:14px; }
.firma-menu li{ background:white; }
.firma-menu a{ color:#016ca5; }
.bildirim-durum{ font-size: 25px; margin-top: -3px; }
.bildirim-durum.fa-toggle-off{ color: #ffd8d8; }
.bildirim-durum.fa-toggle-on{ color: #b3f9bc; }
.double-input .form-control{ width: 50%; border-right-width: 0px; }
.double-input .form-control:focus{ border-right-width: 1px; }
.damacana_secim{ border: 1px dotted silver; background: #f3f7f9; padding: 2px; margin-bottom: 10px; font-size: 11px; }
.damacana_secim label{ margin-bottom:0px;font-weight: normal; }
.sepetegit_link{ position: relative;top: 10px;color: #1D9DDC;border: 0px solid #0f699c;display: inline-block;background: #ffff;border-radius: 5px ;font-family: verdana; }
.sepetegit_link div{ border: 0px solid white; border-radius: 0%; padding: 10px 50px; }

/*mobile*/
@media (max-width: 330px) {
	.btn-2 .fa-2x,.btn-3 .fa-2x{ font-size: 1em; }
	.btn-2 span,.btn-3 span{ top: 0px !important; }
	.btn-2{ border-left-width: 2px; padding-left: 0px; }
	.btn-3{ border-right-width: 2px; padding-right: 0px; }
}