
body { /*background: url(../img/bg.jpg) left top no-repeat;*/ background-attachment: fixed; font-family: sans-serif !important; background-color: #FFF; position: relative; }
.brand {
    padding-top: 10px;
    font-weight: 500;
}
/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* The actual popup */
    .popup .popuptext {
        visibility: hidden;
        width: 160px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -80px;
    }

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.bakiyeDiv {
    margin-bottom: 10px;
    padding: 0px;
}
.bakiyeP {
    background-color: #ccc;
    color: #333;
    padding: 10px;
    font-size: 18px;
    margin-bottom: 0;
}
.bakiyeSpan {
    padding: 10px;
    font-size: 18px;
    margin-bottom:0px;
}
.bakiyebutton {
    background-color: #f44336 !important;
    color: white !important;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    padding: 15px;
    margin-bottom: 0px;
    margin: 0px;
}
.bakiyeScreen {
    overflow-y: auto;
    height: 110vh;
}
.bakiyeGreen {
    width: 120px;
    height: 120px;
    position: absolute;
    border-radius: 100%;
    font-size: 25px;
    padding-top: 48px;
    text-align: center;
    left: 35%;
    margin-top: 10px;
    background-color: #3fff3f;
    color: #fff;
}
.bakiyeRed {
    width: 120px;
    height: 120px;
    position: absolute;
    border-radius: 100%;
    font-size: 25px;
    padding-top: 48px;
    text-align: center;
    left: 35%;
    margin-top: 10px;
    background-color: #f44336;
    color: #fff;
}

.section {
 /*padding-top:70px !important;*/
 padding-bottom:0px !important;
}
div#scroll_show_menu_button {
    display: none !important;
}
div #scroll_show_menu_button {
    display: none;
}
.icon-mug:before {
    content: "\e09c";
}
#scroll_menu .scroll_menu {
    display: block !important;
    right: 0px !important;
}
ul li a:before {
    font-size: 40px;
    line-height: 2em;
    margin-right: 0;
}
.scroll_colors {
    background-color: transparent;
    color: #fff;
}
button.navbar-toggle.collapsed {
    z-index: 99999999;
}

#header .navigation li.current a {
    background: #6f6f6f;
}
li.current {
    /*width: 0px !important;
    margin-left: 15px !important;*/
}
.wrapper > div {
    font-weight: bold;
    min-height: 100vh;
    /* width: 100%; */
    line-height: 50px;
    padding: 0;
    padding-top: 38px;
}
.title {
    font-size: 18px;
    text-transform:uppercase;
}
.followMeBar {
    padding: 0px 0px;
    position: relative;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    /**
        sonradan
    */
    /*background: #ff9800 !important;
    padding-left: 15px;*/
}
.followTitleBg {
    padding-left: 20px;
    background-color: #ff9800 !important;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.tim-container .tim-row {
    /*padding-top: 0px !important;*/
    /*line-height: 50% !important;*/
    background-color: #fff !important
}

    .tim-row {
     margin-bottom: 0px !important; 
}
li#menu_scroll_number_0 {
    margin-top: 69px;
}

.followWrap {
    text-transform: uppercase;
    line-height: 50px;
    background-color: inherit;
}
.content img {
    height: 30px;
}
@media only screen and (min-width: 600px) {
}
@media(min-width: 768px) {
    
}
@media only screen and (max-width: 580px) {
    .nopadding {
        padding: 0 !important;
    }
    .modal-body {
        max-height: 380px;
        overflow: scroll;
    }
    .width85yuzde{
        width:85%;
    }
    .modal hr {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid #eee;
    }
    #selectTable.modal-content.modal-dialog .modal-body.row {
        margin-top: 10px;
    }
    .input-group .checkbox {
        position: relative;
        display: block;
        margin-top: 0px !important;
        margin-bottom: 0;
    }
    .input-group .checkbox-material {
        padding-right: 1px !important;
    }
    ul.scroll_right_menu > li {
        width: 50px;
        margin-left: 30px;
    }
    .row {
         margin-left: 0 !important; 
         margin-right:0 !important ; 
    }
    .modal .modal-dialog {
        /*margin-top: 80px;*/
        /*margin-top:0px;*/
    }
    .drawer-items ul {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mobileHeading{padding-left:5px !important;}
    .mobilenopadding{padding:0px !important;}
}
.drawer {
    height:auto !important;
}
.panel > .panel-heading, .panel.panel-default > .panel-heading {
    background-color: transparent !important;
}
.panel-group {
     margin-bottom: 0 !important; 
}
.panel {
    background: transparent !important;
    border: transparent !important;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent !important;
}
.btn-group, .btn-group-vertical {
    /*position: relative;
    margin: -2px -5px !important;
    float:right;*/
}
.btn.btn-sm, .btn-group-sm .btn, .navbar .navbar-nav > li > a.btn.btn-sm, .btn-group-sm .navbar .navbar-nav > li > a.btn {
    padding: 4px 13px !important; font-size: 12px !important;
}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: #252525;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
   
}
.panel-body .Text {
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
section.drawer {
    bottom: 0px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.drawer header {
    background: #2a2a2a;
    color: #fff;
    display: block;
    line-height: 75px;
    margin: auto;
    overflow: hidden;
    /*padding: 5px;*/
    text-align: center;
    position: relative;
    -moz-border-radius-topleft: 25px 40px;
    -moz-border-radius-topright: 25px 40px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    opacity: .92;
}
.followMeBar.fixed {
    position: fixed;
    top: 70px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
    background-color: inherit;
}
.content-div.section {
    padding: 0;
}
.content-div i.material-icons {
    color: #ff9800;
}
.panel-body .col-xs-4 {
    padding: 0px;
}
.panel .panel-body {
    padding: 0px 5px 5px 15px;
}
.addCart {
    font-size: 30px;
}
i.material-icons:active,.addCart:active {
    color: #ff9800;
}
/*#selectTable .modal-body{
    margin:0 !important;
    padding: 0 !important;
}
    #selectTable .modal-body div {
        color: #3C4858;
        font-size: 12px;
        font-weight: 400;
        margin-top: 0px;
        text-transform:uppercase;
    }*/

/*#selectTable .modal-content .modal-header {
    border-bottom: none;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 0px;
    padding-left: 12px;
}*/
.close i.material-icons {
    color: #f3f3f3;
    font-size: 30px;
}

.deskSelector {
    font-size: 14px;
    border: 2px solid #f2f2f2;
    height: 40px;
    padding: 0px 0px 0px 5px;
    min-width: 95px;
    width: 100%;
    border-radius: 5px;
    color: #4c4b4c;
}
    .deskSelector option {
        padding: 2px 2px 2px 2px;
        color: #4c4b4c; /*border-color: #842195;*/
    }
        .deskSelector option:hover {
            background: #842195;
            color:white;
        }
span.validationMessage {
    font-size: 13px;
    float: left;
    text-transform: capitalize;
}
.totalPrice {
    text-transform: uppercase;
    font-weight: 500;
}
h4#myModalLabel {
    text-transform: uppercase;
    font-weight: bolder;
    color: #3C4858;
    text-align: center;
    font-size: 20px;
}
.myModalLabel {
    text-transform: uppercase;
    font-weight: bolder;
    color: #3C4858;
    text-align: left;
    font-size: 16px;
}
li.current {
    width: 0px !important;
}
    li.current a {
        outline: solid 3px #ffffff63;
    }
.nav i.fa.fa-search {
    color: white;
    font-size: 16px;
    margin-left: 14px;
}
.nav .form-group {
     padding-bottom: 0px; 
    margin: 0 0 0 0;
}
.nav .input-group .input-group-addon {
    border: 0;
    background: transparent;
    /*padding: 5px 5px 0px;*/
}
input.form-control.search {
    color: #fcf8fc;
    width:86%;
}
.radioInline{
    float:left;
}
.nok {
    text-decoration: line-through;
    color: red !important;
}
.ok {
    text-decoration: none;
    color: #03a9f4 !important;
}
.drawer-items .title {
    color: red;
    font-size: 15px;
    margin: 0;
    padding: 0px;
    /* border-bottom: 1px solid red; */
}
.productDetailFooter {
    max-height: 150px;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    line-height:40px;
}
.detailTitle {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.detail-content{
    text-align:left;
}
.detailTitle i.material-icons {
    font-size: 16px;
}
.notCollapse {
    width: 70%;
    float: left;
}
.okCollapse{
    float:left;
}
.hotDrinks{
    background:url('../img/4.png')
}
.iceDrinks{
    background:url('../img/1.png') !important;
}
.Coffee {
    background: url('../img/3.png')
}
.ultm {
    background-size: 1915px 1977px !important;
}
.panel-body button.width85yuzde.btn.btn-primary {
    font-size: 18px;
}
.uRollContent .uRollItem a i {
    height: 51px;
    width: 45px;
    margin-top: 10px;
}
.modalClose {
    border: 1px solid #852196;
    color: #852196 !important;
}
.modal-body .csection {
    padding: 0px !important;
}

.csection .container {
    margin: 0px !important;
    padding: 0px !important;
}
.csection .col-xs-12 {
    padding: 0px !important;
}
.card.card-raised.card-carousel {
    width: 100%;
    height: auto;
    max-height: 275px;
}
    .card.card-raised.card-carousel img {
        width: 100%;
        height: auto;
    }
    .card.card-raised.card-carousel .item.active {
        max-height: 230px;
        overflow: hidden;
        display: inherit;
    }
div#detailModal {
    z-index: 9999;
}
/*#detailModal .modal-content .modal-header {
    padding-top: 10px;
    padding-right: 17px;
    padding-bottom: 0px;
    padding-left: 10px;
}*/
#detailModal .modal-content .modal-body {
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
}
.marginTop10{
    margin-top:10px !important;
}

.upperCase{
    text-transform:uppercase !important;
}
.followWrap2{margin-top:70px !important}
.section-signup {
    padding-top: 25vh !important
}
.waiter {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: gray;
    z-index: 9999999;
    opacity: .4;
    font-size: 145px;
    color: #fff;
}

    .waiter i {
        margin-top: 15%;
        margin-right: auto;
        margin-left: auto;
        display: block;
        height: 140px;
        width: 140px;
    }

.fa-spin-fast {
    -webkit-animation: fa-spin 1s infinite linear;
    animation: fa-spin 1s infinite linear;
}
.searchIcon{
    margin-top: 11px;
    float: right;
    z-index: 999999999999999;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-right: 5px;
}
.searchInput {
    /*margin-top: 50px;*/
    position: inherit;
    /*background: #c935e3;*/
    /*background: rgba(0,0,0,.075);*/
    z-index: 9;

    /*margin-top: 10px;*/
    /*width: auto;*/
    /*float: left;*/
    /*margin-left: 50px;
    margin-right: 50px;*/
}
    .searchInput .form-control {
        color: white;
        font-size: 18px;
        /*text-transform: uppercase;*/
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
    .searchInput .done{
        color: white;
        /*font-weight: 800;*/
    }
    .searchInput .clear {
        color: white;
        /*font-weight: 800;*/
    }
.modal-footer {
    /*padding: 10px 25px !important;*/
}
.modal-content .modal-header {
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f44336;
}
/*#viewOrCloseModal .modal-body{
    margin:0px;
    padding:0px;
}*/
/*#viewOrCloseModal .modal-header {
    border-bottom: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
}*/
#viewOrCloseModal .btn-group, .btn-group-vertical {
    position: relative;
    margin: -1px 29px !important;
    
}
#viewOrCloseModal .modal-header.myModalLabel {
    margin: 0;
    padding: 10px;
    text-align: center;
    font-weight: bolder;
    color: #000000;
}

#myScrollspy ul.nav-pills {
    margin-top: 10px !important;
    position: fixed;
    overflow: scroll;
    bottom: 5%;
    top: 110px;
    z-index: 99;
    width: 70px;
    margin-bottom:65px;
}
@media screen and (max-width: 810px) {
    #section1, #section2, #section3, #section41, #section42 {
        margin-left: 150px;
    }
}

#myScrollspy.content-div.section {
    padding-bottom: 0 !important;
    padding: 35px  0px !important;
    padding-right: 0px;
    padding-left: 0px;
    right:0px;
}
.section {
    /*padding: 120px 0;*/
}

#myScrollspy .nav-pills > li > a {
    background-color: #f44336;
    color: white;
}
#myScrollspy ul.nav-pills {
    right: 0px;
}
.nav-pills > li.active > a {
    background-color: #ff9800 !important;
}
.nav-pills > li.active > a:focus{
    background-color: #ff9800 !important;
}
.nav-pills > li.active > a:hover {
    background-color: #ff9800 !important;
}
#myScrollspy .nav-pills > li > a {
    text-align: justify;
    padding-left: 8px;
    /*max-height:40px;*/
    font-weight:600;
}

#myScrollspy .nav-pills li {
    color: #fff;
    overflow: hidden;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 2px;
    box-shadow: 0px 1px 2px 0 #a29f9f;
}
.btn-group .btn.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
}

.fixedTitle {
    width: 100%;
    z-index: 99;
    position:fixed;
}
.modal-content .modal-body + .modal-footer {
    padding-top: 10px;
}

.footerIcon {
    vertical-align: middle;
    line-height: 42px;
    font-size:28px !important;
}
#msgbox {
    z-index: 9999999;
}

.viewMessage {
    color: #F44336;
    text-transform: capitalize;
    padding: 2px 2px;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.mboxText {
    text-transform: capitalize;
    font-weight: 500;
    color: #f5f5f5;
}
#selectTable .modal-footer {
    /*padding: 10px 5px !important;*/
}

.btnHeight {
    height: 55px;
}

.modal-footer .btn.btn-sm {
    padding: 5px 5px !important;
}

.modal-body sup {
    top: .0em !important;
}
.searchInput .input-group .input-group-addon {
    border: 0;
    background: transparent;
    padding: 0px 10px 0;
}
.searchInput .input-group {
    background: rgba(0,0,0,.12);
}
.searchInput .form-control, .form-group .form-control{
    background-image:none;
}
.searchInput input.form-control {
    border-left: 1px solid #f44336;
    border-right: 1px solid #f44336;
    padding: 5px;
}

.searchInput i.material-icons{
   font-size:18px;
}
h4 a, a:hover, a:focus {
    color: #000;
    text-decoration:none;
}
/*.modal {
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-header {
    
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    border: 0;
}



.modal-body {

    width: 100%;
    font-weight: 300;
    overflow: auto;
}

.modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
}*/
ul#topMenu > li > a > span {
    line-height: 14px !important;
    display: inline-block;
    width: 74px;
}
ul#topMenu > li > a {
    position: relative;
    display: block;
    padding: 6px 15px 0px 0;
    font-size: 11px;
    text-align: left;
    height: 36px;
}
#myScrollspy ul.nav-pills {
    width: 75px;
}
.navbar .navbar-nav > li > a {
    padding: 10px 5px;
}
/*.panel > .panel-heading, .panel.panel-default > .panel-heading {
    background-color: #ffffff !important;
}*/

.deskSelector{
    width:90%;
}

.cartItemName { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*font-size: 18px;*/ margin-left: 5px; /*v2*/ font-weight: bold; font-size: 15px; }
h4 {
    font-family: inherit;
    margin-top: 4px;
    font-size: 1.2em;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.panel-group .panel {
    border-radius: 0px;
    margin-bottom: 5px;
}

.otherBody {
    margin-top: 75px;
    margin-bottom: 80px;
}

    .otherBody .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
        margin-top: 5px;
        color: #000;
        font-weight: 500;
        font-size: 1.0em;
        font-family: inherit;
    }
.settingsBody {
    margin-top: 90px;
    margin-bottom: 80px;
}
.otherBody hr{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}
    .settingsBody .row {
        margin-top: 5px;
        color: #555;
        font-weight: 500;
        font-family: inherit;
    }
    .settingsBody hr {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 0;
        border-top: 1px solid #eee;
    }
.navbar, .navbar.navbar-default {
    background-color: #ffffff;
    color: #333;
    border-top: 1px solid rgba(255,255,255,.15);
    /*min-height: 70px;*/
}

.cartTempClose i.material-icons {
    float: left;
    color: #fdfbfb;
    font-size: 40px;
    background: rgba(0,0,0,.12);
}

.navbarBtn {
    padding-right: 5px;
    padding-left: 5px;
}
.navfooter {
    min-height: 50px !important;
    padding-bottom: 0px !important;
}
.nomargin{
    margin-left:0px !important;
    margin-right:0px !important;
}

.total{
    text-transform:uppercase;
    font-weight:bold;
}

.removeIcon {
    margin-left: 5px;
    font-size: 15px;
    color: red;
    padding-top: 15px;
}

.selected {
    background: #f44336;
    color: #f3f3f3 !important;
}

.removed {
    background: #cccccc;
}

.inline{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

#OrderCancellation .modal-body{
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    padding:0px;
}
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.bottom-heigth { min-height:50px !important; max-height: 55px !important; }
.letter-spacing-2 { letter-spacing :2px;}
.cartTitle { text-align: center; letter-spacing: 2px; margin-top: 5px; font-weight: 600; }
.navbar-footer-btn { padding: 2px; }
.full-width{width:100% !important;}
.margin-top-80 { margin-top: 80px; }
#code-reader-result .panel { height: 40px }

.searchInput input::-webkit-input-placeholder { color: #fff; }
.detail-page-row { margin-top: 5px; margin-bottom: 5px; border-bottom: 2px solid #cecece; /*border-top: 2px solid #d0d0d0;*/ padding: 5px; font-size: 16px; text-transform: capitalize; }
.detail-page-btn{letter-spacing:2px; font-size:15px;}
.desklist-btn { color: #3f3e3e !important; font-weight: 600; font-size: 15px !important; }
.orangeTextbox { border: 3px solid #ff9800 !important; padding: 5px !important; }
#product-edit .form-group label { font-size: 18px !important; line-height: 1.42857 !important; color: #3e3e3e !important; font-weight: 400; }
.fileSelector { border-radius: 50%; background: #ff9800; font-size: 25px; padding: 10px; color: #fce8e7; }
#fileselectorDiv { margin-top: 0px; padding-bottom: 10px !important; }
#editform .form-group { padding-bottom: 5px; margin-top: 5px !important; }
.margin-botton-50 { margin-bottom:50px;}
.margin-botton-60 { margin-bottom: 60px; }
span.validationMessage { color: red; font-size: 15px; }

.noExtra { text-decoration: line-through; color:red; }
.productNameCss { padding-left: 5px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; }
/*bir menünün en az 100vh olması gerekiyor*/
.tim-container .tim-row { /*padding-top: 0 !important;*/ min-height: 100vh; background-color: #fff !important; }
ul#topMenu > li > a > span { white-space: nowrap !important; text-overflow: ellipsis; overflow: hidden; width: 90%; }
#notification { font-size: 35px;  position: absolute; }
.notHeader { margin-left: 0; margin-right: 0; background: #eee; color: #777; text-align: left; padding-left: 0px; margin-bottom: 10PX; PADDING-RIGHT: 0PX; HEIGHT: 35PX; line-height: 35px; }
#NotificationSender { text-transform: uppercase; text-align: center; font-family: 'lato'; }
#NotificationMessage { text-transform: uppercase; text-align: center; font-size: 15px; font-family: 'lato'; word-wrap:break-word; }

@media(min-width:768px) {
    .WithOutIcon { margin-top: 10px !important; }
    #navigation-index{display: none !important;}
    /*.followWrap{display:none !important}*/
    .navbar-header > div { justify-content: center; align-items: center; display: -webkit-inline-box; }
}
@media(max-width:767px) {
    #drpMenu { display: none !important; }
    
}
.loginInput { border: 2px solid #dadada !important; border-radius: 3px !important; padding: 5px !important; height: 50px; background-image: none !important; }
.loginTitle { text-align: center !important; font-size: 20px !important; font-weight: 500 !important; letter-spacing: 2px !important; text-transform: uppercase; }
.loginrow, .loginrow > .form-group.is-empty { padding: 0px !important; margin: 0px !important; margin-top: 15px !important; }
.dolumasa{background:red !important;}
.exGrup > .form-group { padding: 0px !important; margin-top: 0px !important; }

.availBtn { background-color: #ececec !important}

.accTitle { text-align: center; /* padding-bottom: 0px; */ margin-bottom: 0px; padding-top: 5px; }
.accBtn { height: 40px }
.acclbl { display: block; }
.accGroup { float: left; }
.filterBtn { padding-left: 5px !important; padding-right: 5px !important; }
.material-icons { font-size: 35px !important; }
.productNameCss{line-height:40px;}
.ml15 { margin-left: 15px !important }
.btn .material-icons { font-size: 25px !important; }
.searchInput i.material-icons { font-size: 25px !important; }
.detailTitle i.material-icons { float: right; }

.btnFooterHeight { height: 55px !important; }
.navbarFooter { min-height: 50px !important; max-height: 70px !important; }

.navHeader{height:80px !important}
.cartHeader { height: 54px; padding: 10px 10px 10px 10px; }

.masaEkleTitle { background: rgb(232, 232, 232); border-top: 5px solid white; padding: 15px; }

.defaultTextbox { padding: 5px !important; background-image: none; background: white !important; border: 2px solid #dadada !important; background-image: linear-gradient(#dadada,#dadada),linear-gradient(#dadada,#dadada); }
    .defaultTextbox:focus {-webkit-box-shadow: none !important; box-shadow: none !important;}

.navbarFooter  button { font-size: 18px !important; }
.menuDrp { background-color: #d63b2f !important; }
.searchInput .input-group { background: rgba(0,0,0,.12); border-radius: 5px; height: 41px; }
.navbar .navbar-toggle { border: 0;  padding-top: 5px; padding-bottom: 5px; }
.navbar-header{padding-top:5px; padding-bottom:5px;}
.drpMenu .dropdown .dropdown-menu li > a { padding: 5px 5px; border-radius: 2px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; border-bottom: 1px solid #e0e0e0; }

.pl5{padding-left:5px !important;}
.pr5 { padding-right: 5px !important; }
.transferSelect { border: 1px solid #c8c8c8 !important; box-shadow: none !important; border-radius: 5px !important; margin-bottom: 0; height: 41px; background-image: none; }

.selectedProduct { border-bottom: 1px solid #f5f5f5; padding-bottom: 5px; padding-top: 5px; }
.productRow { border-bottom: 2px solid #eee; height: auto; line-height: 40px; }

.defaultRow { margin-left: -15px !important; margin-right: -15px !important; }

.cartFooterTotalDiv {
    height: 30px;
    background: #999;
    width: 100%;
    color: #fff;
    text-align: right;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}
    .cartFooterTotalDiv > span {
        padding: 5px;
        border-right: 1px solid #eeeeee;
    }
.cartFooterTotalText { padding-right: 10px; }
.cartTitleDiv { background-color: #ff9800 !important; }
.headerIcon { max-width: 35px; margin: 0px !important }
.pr2 { padding-right: 2px; }
.pl2 { padding-left: 2px; }
#CustomerInfoAccordion > div > .groupTitle, #adisyonAccordion > div > .groupTitle, #cartAccordion > div > .groupTitle { background-color: #eee !important; text-transform: uppercase; background-color: #ff9800 !important; line-height: 50px; color: #fff; text-transform: uppercase; font-size: 40px; margin-top: 0px; height: 60px; padding-top: 20px; padding-bottom: 15px; }
#CustomerInfoAccordion > div > .groupTitle, #adisyonAccordion > .panel-default > .panel-collapse > .panel-body, #cartAccordion > .panel-default > .panel-collapse > .panel-body { border-top-color: #ddd !important }
.groupTitle2 { background-color: #eee !important; padding: 15px; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px;  }
/*.groupItem { border-bottom: 1px solid #eeeeee; padding-bottom: 5px !important; }*/
.groupItem { border-bottom: 2px solid #eee; padding: 10px 2px; }
label {color: #000;}
.cartLength { position: absolute; margin-left: 15px; margin-top: 6px; display: inline; }

.btn, .btn.btn-default{ box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.2); background: #f5f5f5; color: rgba(0,0,0,.87); }
.btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover { color: #212121 !important; background-color: #eee !important; }
.btn.btn-primary { background-color: #03a9f4; color: #fff; }
.modal-success { background: #4caf50 !important; }
.modal-danger { background: #f44336 !important; }
.modal-primary { background: #03a9f4 !important; }
.modal-default{background:white !important; }
.modal-default > h4.mboxText { color: #333333; }


.loginbtn { font-size: 15px; font-weight: 500; letter-spacing: 2px; height: 50px; }

.productLine { padding-top: 8px; padding-bottom: 8px; border-bottom: 2px solid #eee; }
.productLine > div, .productLine > div span { align-items: center; font-weight: bold; }
.flex { padding-top: 8px; padding-bottom: 8px; }
.form-group { margin: 0; padding-bottom:0 }
.extraAddBtn { margin: 0px; height: 35px; padding: 5px; }
.padding-0{padding-left:0; padding-right:0px; padding-top:0px; padding-bottom:0px}
.extrasDiv { padding: 0px; height: 140px; max-height:150px; overflow:scroll; }
.extraText { text-transform: lowercase; text-align: center; padding: 7px 0px; }

.adisyonTitle { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; font-weight: 600 !important; }
.flex > div { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#loader { z-index: 9909999; display: block; height: 100vh; top: 0; bottom: 0; margin-bottom: 0; margin-top: 0; position: fixed; width: 100%; background:#fff; justify-content: center; align-items: center; display: flex; }
#loaderContent { z-index: 9909999; border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #777; -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; width: 75px; height: 75px; }
#loader > span { position: absolute; /* display: block; */ margin-top: 50px; text-transform: uppercase; font-size: 15px; font-weight: 600; }
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.accNoText { font-size: 18px; font-weight: 600; }
button.btn.btn-default.dropdown-toggle.menuDrp { color: white; }
.paymet-btn { letter-spacing: 1px; font-size: 13px; font-weight: bold; }
#loader { z-index: 9909999; display: block; height: 100vh; top: 0; bottom: 0; margin-bottom: 0; margin-top: 0; position: fixed; width: 100%; background: #fff; justify-content: center; align-items: center; display: flex; }
#loaderContent { z-index: 9909999; border: 10px solid #ddd; border-radius: 50%; border-top: 10px solid #777; -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; width: 75px; height: 75px; }
.navbar-orange { min-height: 71px; background-color: #f44336; color: #333; border-top: 1px solid rgba(255,255,255,.15); position: fixed; width: 100%; top: 0px; z-index: 9; padding-top: 15px; padding-bottom: 15px; line-height: 40px; }
.otherBody { margin-top: 70px; }
#notification { font-size: 35px; position: inherit; float: left; }
.header-title {
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#notificationCount { position: absolute; margin-left: 25px; color: #fff; margin-top: -8px; font-size: 13px; float: left; }
.notificationDiv { justify-content: center; display: flex; }
.appmenuitems { position: absolute; background: #f44336; z-index: 999; position: fixed }
.appmenuitems > div { padding: 10px; color: #fff; text-align: left; text-transform: uppercase; font-weight: bold; cursor: pointer; }
.appmenuitems > div > a, a:hover, a:focus { color: #ffffff; }
