#menu { padding: 0px; margin-bottom: 100px; }
.navbar { background-color: #b12454; color: #fff !important; border-radius: 0px; position: fixed; width: 100%; z-index: 9; display: flex; align-items: center; top: 0; padding-left: 5px; padding-right: 5px; cursor: pointer; height: 80px; }
.margin-5 { margin: 5px; }
.progress.progress-line-info { background: rgba(3,169,244,.2); height: 15px; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; }
.navbar > div { padding: 10px 10px; text-align: center; display: flex; justify-content: center;align-items:center; }
.selected-group-name { font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-size:12px; }
.line { border: 2px solid #ddd; margin: 5px 0px; padding-left: 0px; padding-right: 0px; }
/*.line > .item { display: flex; align-items: center; font-weight: bold; padding-left: 10px; padding-right: 10px; }*/
.cart-view { height: 100vh; background: white; margin-bottom: 60px;}
.itemImg { height: 51px; width: 50px; }
.cart-count { position: absolute; margin-left: 13px; font-size: 14px; font-weight: 600; margin-top: -13px; border-radius: 10px; border: 2px solid #dddddd; width: 20px; height: 22px; justify-content: center; align-items: center; color: #eadddd; }
#loader { z-index: 9909999; display: block; height: 100vh; top: 0; bottom: 0; margin-bottom: 0; margin-top: 0; position: fixed; width: 100%; background: rgba(255,255,255,0.15); justify-content: center; align-items: center; display: flex; }
#loaderContent { z-index: 9909999; border: 10px solid #EEEEEE; border-radius: 50%; border-top: 10px solid #777; -webkit-animation: spin 2s linear infinite; animation: spin 1s linear infinite; width: 75px; height: 75px; }
.sort-div { margin-top: 10px; margin-bottom: 10px; height: 30px; }
.sortBox { border: 2px solid #cccccc; padding: 0px; cursor: pointer; display: flex; white-space: nowrap; justify-content: center; align-items: center; }
    .sortBox > label { margin-bottom: 5px; margin-top: 5px; justify-content: center; cursor: pointer; text-overflow: ellipsis; overflow: hidden; text-align: center; align-items: center; width: 100%; }
.column-icon-div { padding: 0px; text-align: center; }
.list-icon { width: 30px; height: 30px; width: 40px; }
.grid-icon { height: 25px; margin-top: 2px; width: 40px; }
.padding-left-right-5 { padding-left: 5px !important; padding-right: 5px !important }
.item { font-weight: bold; padding: 5px; }
.item > .content { padding: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collapse-icon { margin: 15px 0px; height: 21px; float: right; }
.menu-border { border-left: 2px solid #dddddd; border-right: 2px solid #dddddd; }
.item-img-div { padding:5px;}
.right-collapse-div { justify-content: center; display: flex; }
.item > .description { max-height:80px; overflow: auto; text-overflow: ellipsis; color: #333; margin-bottom: 10px; }
.margin-top-10{margin-top:10px;}
.margin-bottom-10 { margin-bottom: 10px; }
.left-icon-mini { padding: 10px 0 }
.calori { display: flex; align-items: center; justify-content: center; }
.border-bottom-2 { border-bottom: 2px solid #dddddd }
.footer-send-btn { bottom: 0px; position: fixed; display: flex; background: #b12454; right: 0; left: 0; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; cursor: pointer; color: #fff; height: 80px; }
.footer-send-btn > div { /*display: flex;*/ justify-content: center; align-items: center;padding:0px; }
.finish-div { justify-content: center; align-items: center; margin-top: 50px; }
.finish-div > .row > img{max-height:200px; max-width:80px;}
.finish-div > .row { display: flex; justify-content: center; align-items: center; flex-direction: row; }
.finish-div > .row > p{ font-size: 15px; font-weight: bold; text-transform: capitalize; }
.steps{display:flex;}
.step { width: 25%; text-align: right; }
    .step > span { border-radius: 50%; font-weight: bold; width: 10px; height: 10px; font-size: 10px; padding: 5px;margin-right: -8px; }
    .step > .inActiveStep { border: 2px solid #cdcccc;color: #cdcccc; }
    .step > .activeStep { border: 2px solid #03a9f4; color: #03a9f4; }
.movingItem { position: fixed; justify-content: center; align-items: center; margin-top: 20px; top: 0px; z-index: 9; margin-left: 50px; -webkit-animation-name: run; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */ -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */ animation-name: run; animation-duration: 3s; animation-fill-mode: forwards; }
@-webkit-keyframes run {
    from { left: 0; opacity: 1; }
    to { left: 100%; opacity: 0; }
}
@-webkit-keyframes run {
    from { left: 0; opacity: 1; }
    to { left: 95%; opacity: 0; }
}
.unSelectedItem { opacity: 0.5; }
.outer { display: table; position: absolute; height: 100vh; width: 100%; margin-top:-60px; }
.middle { display: table-cell; vertical-align: middle; }
.inner { margin-left: auto; margin-right: auto; width: 400px; /*whatever width you want*/ }
.masa { height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #dddddd; background: #f7f7f7; text-transform: uppercase; cursor: pointer; border-radius: 3px; font-size: 15px; font-weight: bold; }
.doluMasa { background: #ca6185 ; COLOR: #FFF; }
.left-menu { background: rgb(177, 36, 84); z-index: 999; position: fixed; margin-top: 70px; padding: 15px;color: #fff; text-transform: uppercase; font-weight: 500; }
.left-menu > ul {list-style:none; padding:0px}
 .left-menu > ul > li { padding: 10px; cursor: pointer; border-bottom: 1px solid #eaeaea6b; }
.loginBtn { background: #ca6185 !important; border-color: #ca6185 !important; box-shadow: none !important; color: #fff !important; font-weight: bold !important; letter-spacing: 2px; }
.loginTitle {text-transform: uppercase; color: #ac5371; justify-content: center; margin: 10px; }
span.validationMessage { color: #a9224f; font-size: 15px; }
.card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }
/*.item-container { padding: 5px; }*/
    .item-container > .row > img { width: 100%; height: 200px; }
.item-description { max-height: 50px; overflow: hidden;height:25px; }
.item-buttons { padding: 0px; }
/*.item-container > .row { border-bottom: 2px solid #f5f5f5; padding:5px 0px; }*/
.item-container > .row > .price { display: flex; justify-content: center; align-items: center; }
.item-container > .row > .productNameDetail { justify-content: inherit !important; }

.item-container > .row > .productName { display: flex; align-items: center; text-overflow: ellipsis; overflow: hidden; justify-content: center; }
.item-container > .row > div > h5 { font-family: inherit; color: rgba(177, 36, 84, 0.73); margin-bottom: 5px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.searchBtn-div { display: flex; align-items: center; justify-content: center; background: whitesmoke; padding: 4px; border-right: 2px solid #dadada; border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; height: 36px; }
.searchClear-div { display: flex; align-items: center; justify-content: center; background: whitesmoke; padding: 4px; border-left: 2px solid #dadada; border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; height: 36px; }
.item-card { transition: 0.3s; margin-bottom: 5px; margin-top: 5px; max-height: 450px; padding: 0; border-radius: 0px; /*border: 2px solid #dadada;*/ cursor: pointer; }
.btn-product, .btn-product:hover, .btn-product:active, .btn-product:focus { background: #b12454; color: rgb(255, 255, 255); box-shadow: none; }
button.btn.btn-product.btn-block > .collapse-icon { margin: 0px; }
.btn-product > span { align-items: center; justify-content: center; font-size: 12px; }
.btn, .btn.btn-default {
    box-shadow: none;
    background: #ffffff;
    color: rgba(0,0,0,.87);
    border: 2px solid #ccc;
    font-weight: bold;
    padding-left:2px;
}
.butoninmenuitems {
    box-shadow: none;
    background: #ffffff;
    color: rgba(0,0,0,.87);   
    border: 2px solid #ccc;
    padding-left: 5px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 3px;
}

.yapiskan {
    position: fixed;
    left: 0;
    top: 65px;
    width: 100%;
    transition: top .5s;
}
.gizle {
    top: 0;
    z-index: 8;
}

.sabit {
    top: 65px;
    z-index: 8;
}
.searchBox {
    background-color: white;
    border: 2px solid #cccccc;
    box-shadow: 1px 10px 5px #8080809c;
}


.btn-group-center { border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; }
.item-description > span { text-overflow: ellipsis; height: inherit; overflow: hidden; height: auto; display: flex; white-space: pre-line; overflow: hidden;text-transform:capitalize; }
#singleProductImg { max-height: 400px !important; height: 300px; }
#singleProduct > .item-card { max-height: 600px !important; min-height: 400px !important; }
.extraAddBtn { margin: 0; height: 35px; padding: 5px; border-radius: 0px; }
.defaultTextbox { border: 2px solid #cccccc !important ;}
.item-container > .row.left-icon-mini > div > .calori { align-items: center; justify-content: center; display: inline; }
.caloriImg { height: 30px !important; width: 30px !important; }
.detail-icon { float: left; padding-right: 10px; width: 50%; display: flex; }
.item-container > .row { display: flex; white-space: nowrap; justify-content: center; align-items: center; }
#edit_view { padding-top: 0; }
#edit_view > .item-card { max-height: inherit; }
#edit_view > .item-card > .item-container { padding: 10px 0; }
input::placeholder { color: black; }
.mode { background: #fff; padding: 20px; height: 100px; text-align: center; justify-content: center; align-items: center; display: flex; color: #b12454; font-weight: bold; letter-spacing: 4px; cursor: pointer; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; border: 2px solid #b12454; }
.selectedMasa { background: #4CAF50; color: #fff; }
.adisyon { border-left: 2px solid #eeeeee; border-right: 2px solid #eeeeee; border-top: 2px solid #eeeeee; margin: 5px; }
.adisyon > div { padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #eeeeee; }
.adisyonHeader { min-height:25px; background: #f5f5f5; padding: 5px; display: flex; justify-content: center; align-items: center; margin: 0px; color: #b12454; font-weight: bold; border-bottom: 2px solid #fff; cursor: pointer; }
.adisyonTotal { background: #f5f5f5; padding: 5px; display: flex; justify-content: flex-end; align-items: center; margin: 0px; color: #b12454; font-weight: bold; padding-right: 15px; font-size: 12px; letter-spacing: 1px; }
.priceRight{text-align:right;}
.footer-send-btn > div > span, .footer-send-btn > div > img { margin: 10px; }
.max-height{max-height:310px;}
div > .opacity { position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.62); width: 100%; color: #ccc; height: 35px; }
.row.add { position: absolute; bottom: 0; background-color: rgba(0,0,0,.2); width: 100%; color: #ccc; height: 35px; }
.item-price{color: #333;}
.floatRight { text-align: right; padding-right: 5px; }
.floatLeft { text-align: left; padding-left: 5px; }
.item-price-add { border: 2px solid #eee; height: 40px; bottom: 0; cursor: pointer; border-top: 0px; }
.border-right { border-right: 2px solid #dadada; }
.row.item-price-add > div { justify-content: center; align-items: center; display: flex; }
#singleProduct > div > .item-container > .row { justify-content: flex-start; }
#singleProduct > .item-card > .item-container{border:2px solid #eee;}
#admin > #edit_view{padding:0px !important;}
.transferDiv { margin: 0px; padding: 5px;}
.transferItems { height: 40px !important; margin-top: 10px !important; text-transform: capitalize; color: #555 !important; font-size: 12px !important; }
.padding_5{padding:5px !important;}
.appBodyMargin { margin-top: 100px; }

@media(max-width:500px) {
    .footer-send-btn { font-size: 11px !important; letter-spacing: 0px !important; height: 65px !important;padding:0px !important; }
    .navbar{height:65px !important;}
    .left-menu{margin-top:65px !important;}
    .appBodyMargin { margin-top: 75px !important; }
    .mode{height:75px !important;}
    .nospace{letter-spacing:0px !important;}
}
@media(max-width:375px) {
    .priceRight { padding-left: 0px; font-size: 12px; }
    .editIcon{padding-left:10px;}
}

.adisyonPrice{letter-spacing:1px;}
.adisyonEditIcon { background: #aaa; border-radius: 5px; height: 20px; padding: 2px; }
#singleProduct > .item-card > .item-container > .row > span { padding: 10px; white-space: initial; }
.paymentText { height: 45px !important; border-radius: 2px !important; border: 2px solid #dadada !important; }
.addtobasketIcon { background: #FF9800; border-radius: 5px; height: 25px; }

.paymentBox { height: 40px; border-radius: 3px; margin-top: 10px; border: 2px solid #dadada !important; }
.PaymentItem { justify-content: center; align-items: center; padding: 0px;}
    .PaymentItem > div > select, .PaymentItem > div > input { padding-top: 0 !important; margin-top: 0px !important; }
.modal-content .modal-header { border-bottom: none; padding-top: 15px; padding-bottom: 15px; background: #b12454; color: #fff; }

.paymentItemDiv { margin-top: 0px !important; padding-left: 0px; }
.centerY { display: flex; justify-content: center; align-items: center; }
#paymentForm > .modal-dialog > .modal-content .modal-header { padding: 15px; }